2f:null 30:["$","title",null,{"children":"Simple Chat Simulator Between Two GPT Agents | HASHIMOTO Yasuhiro | Observable"}] 35:Tced,${(chat_css == 0) || (chat_css == 1) ? html`

${names[0]} と ${names[1]}

${chat_css == 1? chat_history.slice().map( (d, i) => html`

${d.name}

${d.text.replace(/{{(.*?)}}/g, '〈$1〉')}

` ) :chat_history.slice().reverse().map( (d, i) => html`

${d.name}

${d.text.replace(/{{(.*?)}}/g, '〈$1〉')}

` )}

` : html`

${names[0]} と ${names[1]}

${chat_history.map( (d, i) => html`` )}

Character	Line
${d.name}	${d.text.replace(/{{(.*?)}}/g, '〈$1〉')}

`}36:T8a4,// ここが会話の生成を行うコアの部分 chat_history = { // '▶'ボタンを押すことでこのセルが実行される。 if (api_call) { mutable api_call = null; const client = await openai(); if (client != null) { // APIのレスポンスがあるまでボタンを無効化 const btn = viewof button.querySelector("button"); const btn_text = btn.querySelector("div"); btn_text.innerHTML = "≡"; btn.disabled = true; // エージェント視点での会話の履歴を再構築 function build_chat_history(storage, names, characters) { const subject = storage.length % 2; // エージェントが交代でクエリを生成 const history = []; const my_name = names[subject]; const your_name = names[(subject + 1) % 2]; const my_character = characters[subject]; history.push({ role: "system", content: [ { type: "text", text: system_prompt(...[my_name, your_name, my_character]) } ] }); storage.forEach((d, i) => { const me = my_name == d.name; history.push({ role: me ? "assistant" : "user", content: [{ type: "text", text: d.text }] }); }); return [my_name, history]; } const [my_name, subjective_chat_history] = build_chat_history( chat_history_storage, names, characters ); // console.error(subjective_chat_history); try { const response = await client.chat.completions.create({ model: model, messages: subjective_chat_history, // システムプロンプトと会話の履歴が渡される。 temperature: temperature }); mutable responses.push(response); const msg = { name: my_name, text: response.choices[0].message.content }; mutable chat_history_storage = [...chat_history_storage, msg]; } catch (error) { } finally { btn_text.innerHTML = "▶"; btn.disabled = false; } } } return chat_history_storage; }37:T412,function create_observation_button(label, prompt, observation_type) { const button = html``; button.disabled = false; async function observation() { const objective_chat_history = chat_history.map((d, i) => { return { role: "user", content: d.name + ":" + d.text }; }); // console.log(objective_chat_history); const response = await ( await openai() ).chat.completions.create({ model: model, temperature: temperature, messages: [...objective_chat_history, { role: "user", content: prompt }] }); return response; } button.onclick = async () => { if (button.disabled) return; button.disabled = true; mutable observation_content[observation_type] = null; let response; try { response = await observation(); } finally { update_observation_content( observation_type, response.choices[0].message.content ); button.disabled = false; } }; return button; }38:T4d3,39:[] 33:{"id":"54e93834ea01fce9","slug":"simple-chat-simulator-between-two-gpt-agents","title":"Simple Chat Simulator Between Two GPT Agents","thumbnail":"e8ad4497bd38d5584e1ac8e544c29b6072cb7cf25552fed38aa2c841f21e80ea","access_level":"public","create_time":"$D2025-01-08T16:50:50.040Z","update_time":"$D2025-03-13T07:46:53.792Z","view_time":null,"first_public_time":"$D2025-01-08T17:12:53.789Z","has_unpublished_edits":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"789dab532037364d","login":"yasuhirohashimoto","name":"HASHIMOTO Yasuhiro","avatar_url":"https://avatars-next.observableusercontent.com/e4e5b414153d27e56f9c19025a1af9db7dcd1a5aa26a1d28fc58b3d030a293d8","tier":"starter_2024"},"version":1879,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"f9338931c422693d","login":"yasuhirohashimoto","name":"Hashimoto, Yasuhiro","avatar_url":"https://avatars-next.observableusercontent.com/e4e5b414153d27e56f9c19025a1af9db7dcd1a5aa26a1d28fc58b3d030a293d8","tier":null}],"members":[{"type":"individual","id":"f9338931c422693d","login":"yasuhirohashimoto","name":"Hashimoto, Yasuhiro","avatar_url":"https://avatars-next.observableusercontent.com/e4e5b414153d27e56f9c19025a1af9db7dcd1a5aa26a1d28fc58b3d030a293d8","tier":null,"role":"editor"},{"type":"team","id":"789dab532037364d","login":"yasuhirohashimoto","name":"HASHIMOTO Yasuhiro","avatar_url":"https://avatars-next.observableusercontent.com/e4e5b414153d27e56f9c19025a1af9db7dcd1a5aa26a1d28fc58b3d030a293d8","tier":"starter_2024","role":"viewer"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Simple Chat Simulator Between Two GPT Agents","cells":[{"id":1461,"value":"

Simple Chat Simulator Between Two GPT Agents

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":486,"value":"Press the play button ▶ to advance the conversation by one step.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":56,"value":"viewof button = Inputs.button([\n [\n html`

▶

`,\n () => {\n mutable api_call = true;\n return 1;\n }\n ],\n [\n html`

CLEAR

`,\n () => {\n mutable chat_history_storage = [\n { name: names[0], text: opening_line.value }\n ];\n mutable responses = [];\n mutable observation_content = {};\n return 2;\n }\n ]\n])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1812,"value":"viewof chat_css = html`\n \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"$35","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":81,"value":"viewof api_key = form(html``)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":458,"value":"

Usage

Step 0. Enter your OpenAI API key.

Step 1. Define the agents' names.

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":607,"value":"viewof names = form(html``)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":278,"value":"## Step 2. Set up the agents' personas and behaviors.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":556,"value":"viewof characters = form(html``)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":255,"value":"## Step 3. Enter ${names[0]}'s opening line.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":257,"value":"viewof opening_line = form(html``)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1379,"value":"## Step 4. Click the CLEAR button to clear the old chat history, then click the play button ▶ to begin.\n---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":970,"value":"summary_button = create_observation_button(\n '💭 Summary', //label\n '以上の会話を日本語で簡潔にまとめよ。', //prompt\n 'summary' //key\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":988,"value":"summary = html`

${md`${\n observation_content[\"summary\"]\n ? observation_content[\"summary\"]\n : \"(A summary of the entire conversation will be displayed here)\"\n}`}

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":307,"value":"scrutiny_button = create_observation_button(\n '🔔 Critique', //label\n '以上の会話から話者の性格を推定し、それを踏まえながら、会話の流れについて批判的に論評せよ。', //prompt\n 'critique' //key\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":309,"value":"scrutiny = html`

${md`${\n observation_content[\"critique\"]\n ? observation_content[\"critique\"]\n : \"(A critical review of the entire conversation will be displayed here)\"\n}`}

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":103,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1860,"value":"viewof download = {\n const blob = new Blob([JSON.stringify(chat_history_storage, null, 2)], {\n type: \"application/json\"\n });\n\n return DOM.download(blob, \"chat_history.json\", \"Download Chat History\");\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1866,"value":"viewof upload = {\n const button = html`

Load Chat History

`;\n return Inputs.button(\n button,\n (button.onclick = async () => {\n const input = document.createElement(\"input\");\n input.type = \"file\";\n input.accept = \"application/json\";\n input.addEventListener(\"change\", async () => {\n if (input.files && input.files.length > 0) {\n const file = input.files[0];\n const text = await file.text();\n const data = JSON.parse(text);\n mutable chat_history_storage = data;\n }\n });\n\n input.click();\n })\n );\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1863,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1854,"value":"model = \"gpt-4o\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":137,"value":"temperature = 0.5","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1656,"value":"function system_prompt(my_name, your_name, description) {\n return `Your name is ${my_name}, a conversational AI talking with ${your_name}, and embodying the character described in the following input:\n---\n${description}\n---\n\nREMEMBER, you're not an AI assistant now, but portraying a unique individual personality of ${my_name}.\nYou can also produce text enclosed in {{...}}, which indicates internal scene descriptions not to be spoken.\n`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"// このセルにやりとりが蓄積されていく。\nmutable chat_history_storage = [{ name: names[0], text: opening_line.value }]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":283,"value":"mutable responses = []","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":977,"value":"mutable observation_content = ({})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":967,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":997,"value":"function update_observation_content(key, value) {\n mutable observation_content = {\n ...mutable observation_content,\n [key]: value\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1060,"value":"openai = (() => {\n let client = null;\n let api_key_prev = null;\n return async () => {\n try {\n const apiKey =\n api_key.value.length == 0\n ? await Secret(\"OPENAI_API_KEY\")\n : api_key.value;\n\n if (api_key != api_key_prev) {\n client = new openai_module.OpenAI({\n apiKey,\n dangerouslyAllowBrowser: true\n });\n }\n } catch (error) {\n console.error(\"Failed to initialize OpenAI client:\\n\", error);\n client = null;\n }\n\n return client;\n };\n})()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1749,"value":"openai_module = import(\"https://cdn.skypack.dev/openai@4.0.0\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1594,"value":"mutable api_call = false","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":814,"value":"import { form } from \"@mbostock/form-input\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1039,"value":"$38","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"}],"files":"$W39","stdlib":"1","titling":"auto"}} 34:"$33:body"