Cerebras Debater

\n\n

\n setPersonality1(e.target.value)}\n onKeyPress={handleKeyPress}\n placeholder=\"First personality\"\n />\n setPersonality2(e.target.value)}\n onKeyPress={handleKeyPress}\n placeholder=\"Second personality\"\n />\n setMessageLimit(Number(e.target.value))}\n min=\"1\"\n max=\"50\"\n className=\"w-20 bg-gray-800 text-white rounded-lg px-4 py-2 border border-gray-700 focus:outline-none focus:ring-2 focus:ring-blue-500\"\n title=\"Number of messages\"\n />\n

\n setTopic(e.target.value)}\n onKeyPress={handleKeyPress}\n placeholder=\"What should they talk about?\"\n />\n {!isGenerating\n ? (\n \n {loading ? \"Loading...\" : \"Start New Conversation\"}\n \n )\n : (\n setIsGenerating(false)}\n className=\"px-6 py-2 bg-red-600 hover:bg-red-700 text-white rounded-lg transition-colors\"\n >\n Stop Generation\n \n )}\n

\n\n

\n {PRESET_DEBATES.map((preset, i) => (\n setPresetDebate(preset)}\n className=\"px-4 py-2 bg-gray-800 hover:bg-gray-700 text-white rounded-lg transition-colors text-sm\"\n >\n {preset.personality1} vs {preset.personality2}\n \n ))}\n

\n\n

{personality1}

{personality2}

\n {conversation.map((msg, i) => (\n \n \n {msg.text}\n

\n ))}\n {isGenerating && (\n

\n \n

\n )}\n

\n \n

\n \n View Source\n \n

\n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server(req: Request): Promise {\n const url = new URL(req.url);\n\n if (url.searchParams.has(\"init\") || url.searchParams.has(\"nextMessage\")) {\n const { Cerebras } = await import(\"https://esm.sh/@cerebras/cerebras_cloud_sdk\");\n const client = new Cerebras();\n\n if (url.searchParams.has(\"nextMessage\")) {\n const { personality1, personality2, topic, conversation, currentSpeaker } = await req.json();\n\n let currentContext = `The topic of discussion is: ${topic}\\n\\n`;\n conversation.forEach(msg => {\n currentContext += `${msg.speaker === 1 ? personality1 : personality2}: ${msg.text}\\n`;\n });\n\n const currentPersonality = currentSpeaker === 1 ? personality1 : personality2;\n const response = await client.chat.completions.create({\n messages: [\n {\n role: \"system\",\n content:\n `You are ${currentPersonality}. Respond authentically as this character would, with their unique perspective and manner of speaking. Keep responses concise (1-2 sentences).`,\n },\n {\n role: \"user\",\n content: currentContext,\n },\n ],\n model: \"llama3.1-70b\",\n });\n\n const message = {\n speaker: currentSpeaker,\n text: response.choices[0].message.content,\n };\n\n return new Response(JSON.stringify({ message }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n }\n\n return new Response(\n `\n \n \n \n Cerebras Debater\n \n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"Content-Type\": \"text/html\" },\n },\n );\n}","deleted","label",[98],"permalink","https://www.val.town/x/stevekrouse/cerebras_debater/code/main.tsx","extension","actionData","errors"]