34:null 35:["$","title",null,{"children":"Simple Chat Simulator Between Two GPT Agents (With Interruptions) | HASHIMOTO Yasuhiro | Observable"}] 3b:Te20,${(chat_css == 0) || (chat_css == 1) ? html`

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

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

${d.name}

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

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

${d.name}

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

` )}

` : html`

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

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

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

`}3c:T73e,viewof upload = { const button = html`

Load Chat History

`; return Inputs.button( button, (button.onclick = async () => { const input = document.createElement("input"); input.type = "file"; input.accept = "application/json"; input.addEventListener("change", async () => { if (input.files && input.files.length > 0) { initialize_variables(); const file = input.files[0]; const text = await file.text(); const data = JSON.parse(text); console.log(data); const name0 = viewof names.querySelector("input[name='0']"); name0.value = data[0][0]; name0.dispatchEvent(new Event("input", { bubbles: true })); const name1 = viewof names.querySelector("input[name='1']"); name1.value = data[0][1]; name1.dispatchEvent(new Event("input", { bubbles: true })); const character0 = viewof characters.querySelector( "textarea[name='0']" ); character0.value = data[1][0]; character0.dispatchEvent(new Event("input", { bubbles: true })); const character1 = viewof characters.querySelector( "textarea[name='1']" ); character1.value = data[1][1]; character1.dispatchEvent(new Event("input", { bubbles: true })); const opening_line_box = viewof opening_line.querySelector( "textarea[name='value']" ); opening_line_box.value = data[2][0].text; opening_line_box.dispatchEvent(new Event("input", { bubbles: true })); mutable chat_history_storage_cache = data[2]; mutable interruption_state_cache = data[3]; mutable all_prompt_and_response_content = data[4]; } }); input.click(); }) ); }3d:T49c,speech_prompt_template = (speaker, listener, chat_history) => { const final_prompt = common_leading_prompt(speaker, listener, chat_history, "") + (interruption_state[listener.id].type != 0 ? additional_context_template(speaker, listener) + ` # Task 1. Privately assess (do not output) whether ${listener.name}'s interruption is logically or contextually relevant to your current unspoken statement. - If relevant or justified, your next response should reflect positivity or acceptance toward the interruption. - If irrelevant or unjustified, your next response may indicate disagreement or attempt to clarify your original intention. 2. **Generate your next speech**: - From a first-person perspective - In your own natural language - Stay consistent with your background and personality - Reflect your private assessment in your speech (without explicitly revealing it) ` : ` # Task **Generate your next speech**: - From a first-person perspective - In your own natural language - Stay consistent with your background and personality `) + ` # Important **Do not include any speaker labels.** `; return final_prompt; }3e:T7e7,interrupt_decision_prompt_template = ( listener, speaker, last_speech, chat_history ) => { const final_prompt = common_leading_prompt( listener, speaker, chat_history, `\n${speaker.name}: ${last_speech}` ) + (interruption_state[speaker.id].type != 0 ? additional_context_template(listener, speaker) : "") + ` # Task ` + (interruption_state[speaker.id].type != 0 ? `1. Privately assess (do not output) whether ${speaker.name}'s interruption is logically or contextually relevant to your current unspoken statement. - If relevant or justified, your next response should reflect positivity or acceptance toward the interruption. - If irrelevant or unjustified, your next response may indicate disagreement or attempt to clarify your original intention. 2. Decide if you want to interrupt this speech **immediately** based on this assessment. - The interruption from ${speaker.name} may not have finished. If it remains unclear, it is better to keep listening until you understand the ${speaker.name}'s intent. 3. ` : `1. Decide if you want to interrupt this speech **immediately**. - ${speaker.name}'s latest speech may not have finished. If it remains unclear, it is better to keep listening until you understand the ${speaker.name}'s intent. 2. `) + `Return your decision in **valid JSON** with the following structure: { "type": 0|1, "text": "..." } Where: - "type" must be one of: - 0 = Do NOT interrupt (continue listening) - 1 = Interrupt because of strong empathy, strong disagreement, or a sudden impulse - "text" must be the actual interruption statement matching your private assessment, written: - From a first-person perspective - In your own natural language - Consistent with your background and disposition # Important **Your entire response MUST consist of the single JSON object only. Do not add any extra text, punctuation, or commentary outside of it.** `; return final_prompt; }3f:T93f,interrupt_decision_prompt_template_original = ( listener, speaker, last_speech, chat_history ) => { let final_prompt = common_leading_prompt( listener, speaker, chat_history, `\n${speaker.name}: ${last_speech}` ); const interrupted = interruption_state[speaker.id].type != 0; final_prompt += (interrupted ? ` # Notice As you can see from the chat history, your last speech was interrupted by ${ speaker.name }. You had planned to continue speaking with the following text: ### ${interruption_state[listener.id].unspoken_part} ### ` : "") + ` # Task ` + (interrupted ? `1. Privately assess (do not output) whether ${speaker.name}'s interruption is logically or contextually relevant to your current unspoken statement. - If relevant or justified, your next response should reflect positivity or acceptance toward the interruption. - If irrelevant or unjustified, your next response may indicate disagreement or attempt to clarify your original intention. - If it remains unclear, it is better to keep listening until you understand the ${speaker.name}'s intent. 2. Decide if you want to interrupt this speech **immediately** based on this assessment. 3. ` : `1. Decide if you want to interrupt this speech **immediately**. 2. `) + `Return your decision in **valid JSON** with the following structure: { "type": 0|1|2|3, "text": "..." } Where: - "type" must be one of: - 0 = Do NOT interrupt (continue listening) - 1 = Interrupt because of strong empathy or urgent desire to offer support - 2 = Interrupt due to strong disagreement, possibly in retaliation for a past interruption - 3 = Interrupt because of a sudden impulse or critical idea that can't wait - "text" must be the actual interruption statement, written: - From a first-person perspective - In your own natural language - Consistent with your background and disposition - Matching your chosen interruption reason # Important - ${speaker.name}'s latest speech might be incomplete. If it is unclear or seems too brief, it is generally better to keep listening until their intent becomes clear. - **Your entire response MUST consist of the single JSON object only. Do not add any extra text, punctuation, or commentary outside of it.** `; return final_prompt; }40:T2056,// ここが会話の生成を行うコアの部分 // '▶'ボタンを押すことでこのセルが実行される。 update_chat_history = { const do_dump_all_prompt_and_response_content = true; if (api_call) { mutable api_call = null; const client = await openai(); if (client != null) { // APIのレスポンスがあるまでボタンを無効化 const button_element = viewof button.querySelector("button"); const button_text = button_element.querySelector("div"); button_text.innerHTML = "≡"; button_element.disabled = true; const masked_chat_history = (name) => chat_history_storage .map( (d) => `${d.name}: ${d.text.replace(/$\((.*?)$\)/g, "")}` // 未発言部分（"(("と"))"で囲われたテキスト）は見えない ) .join("\n"); console.log("*** Round started ***"); // -------------------------------------------------------------------------------- // 発言を生成 // -------------------------------------------------------------------------------- const turn_index = chat_history_storage.length % 2; // エージェントが交代で発話 const next_index = (turn_index + 1) % 2; const speaker = { id: turn_index, name: names[turn_index], character: characters[turn_index] }; const listener = { id: next_index, name: names[next_index], character: characters[next_index] }; try { const original_speech = await (async () => { // 直前の相手のターンで割り込み発言を行った場合 if (interruption_state[speaker.id].type != 0) { return interruption_state[speaker.id].text; } // 直前の相手のターンで割り込まず、新たに発言を行う場合 const speech_prompt = [ { role: "system", content: speech_prompt_template( speaker, listener, masked_chat_history(speaker.name) // エージェント視点での会話の履歴を構築 ) } ]; console.log("Speech Prompt: ", speech_prompt[0]); const speech_response = await client.chat.completions.create({ model: model, temperature: temperature, messages: speech_prompt }); mutable responses.push(speech_response); if (do_dump_all_prompt_and_response_content) mutable all_prompt_and_response_content.push([ "[speech prompt]\n" + speech_prompt[0].content, "[speech response]\n" + speech_response.choices[0].message.content ]); return speech_response.choices[0].message.content; })(); // -------------------------------------------------------------------------------- // 発言を文節に分解 // -------------------------------------------------------------------------------- let segmented_speech; try { const segmentation_response = await client.chat.completions.create({ model: model, temperature: temperature, messages: [ { role: "system", content: segment_text_prompt_template }, { role: "user", content: original_speech } ] }); segmented_speech = JSON.parse( segmentation_response.choices[0].message.content ); mutable responses.push(segmentation_response); if (do_dump_all_prompt_and_response_content) { mutable all_prompt_and_response_content.push( "[segmentation response]\n" + segmentation_response.choices[0].message.content ); } } catch (error) { console.log("Error in speech segmentation: ", error); segmented_speech = [original_speech]; } console.log("Segmentation: " + segmented_speech.join(" / ")); // -------------------------------------------------------------------------------- // 文節をイテレートしながら割り込み判定 // -------------------------------------------------------------------------------- let interruption_decision_response_body = { type: 0 }; let segment_id = 1; let spoken_part = ""; for (const segment of segmented_speech) { spoken_part += segment; if (segment_id == segmented_speech.length) break; const interrupt_decision_prompt = [ { role: "system", content: interrupt_decision_prompt_template( listener, speaker, spoken_part, masked_chat_history(listener.name) // エージェント視点での会話の履歴を構築 ) } ]; console.log( "Interrupt Decision Prompt: ", interrupt_decision_prompt[0] ); try { const interruption_decision_response = await client.chat.completions.create({ model: model, temperature: temperature, messages: interrupt_decision_prompt }); mutable responses.push(interruption_decision_response); if (do_dump_all_prompt_and_response_content) mutable all_prompt_and_response_content.push([ "[interruption decision prompt]\n" + interrupt_decision_prompt[0].content, "[interruption decision response]\n" + interruption_decision_response.choices[0].message.content ]); interruption_decision_response_body = JSON.parse( interruption_decision_response.choices[0].message.content ); console.log( "Interruption Decision: ", interruption_decision_response_body ); if (interruption_decision_response_body.type != 0) break; } catch (error) { console.log("Error in interruptions: ", error); } ++segment_id; } const unspoken_part = segmented_speech.slice(segment_id).join(""); console.log("Spoken Part: ", spoken_part); console.log("Unspoken Part: ", unspoken_part); // -------------------------------------------------------------------------------- // 割り込みが発生した場合、途中までの発言と割り込み発生フラグ、そのときの心境を履歴に追加 // -------------------------------------------------------------------------------- if (interruption_decision_response_body.type != 0) { mutable interruption_state[listener.id].type = interruption_decision_response_body.type; mutable interruption_state[listener.id].text = interruption_decision_response_body.text; mutable interruption_state[speaker.id].unspoken_part = unspoken_part; spoken_part += `\{\{${listener.name} interrupted\}\}`; spoken_part += `((${unspoken_part}))`; console.log("Interruption occurred."); } else { mutable interruption_state[listener.id].type = 0; mutable interruption_state[listener.id].text = ""; mutable interruption_state[speaker.id].unspoken_part = ""; console.log("No interruption occurred."); } mutable chat_history_storage = [ ...chat_history_storage, { name: speaker.name, text: spoken_part } ]; } catch (error) { console.log("Something happened: ", error); } finally { button_text.innerHTML = "▶"; button_element.disabled = false; } // ログ用のテキストエリアを強制更新 mutable all_prompt_and_response_content = [ ...all_prompt_and_response_content ]; } } return chat_history_storage; }41:T4d5,async function scrollable_markdown(markdown_text, options = {}) { const { height = "300px", width = "100%", backgroundColor = "#ffffff", padding = "10px", borderColor = "#ccc", borderRadius = "4px", fontSize = "1rem", line_height = "1rem" } = options; const container = document.createElement("div"); container.id = "md-container-" + Math.random().toString(36).substr(2, 9); const styles = document.createElement("style"); styles.textContent = ` #${container.id} h1 { font-size: 1.2rem !important; } #${container.id} h2 { font-size: 1.1rem !important; } #${container.id} p,li { line-height: ${line_height}; } `; document.head.appendChild(styles); Object.assign(container.style, { height: '300px', width: '100%', backgroundColor, padding, overflow: "auto", // これがスクロールバーを有効にする border: `1px solid #ccc`, borderRadius, fontSize }); const processed_text = markdown_text .replace(/\n\n+/g, "\n\nPARAGRAPH_BREAK\n\n") .replace(/\n/g, "\n") .replace(/PARAGRAPH_BREAK/g, "\n\n"); const rendered_markdown = md`${processed_text}`; container.appendChild(rendered_markdown); return container; }42:T4d3,43:[] 39:{"id":"f05a667163ebc27f","slug":"simple-chat-simulator-between-two-gpt-agents-with-interruptions","title":"Simple Chat Simulator Between Two GPT Agents (With Interruptions)","thumbnail":"b0dc2f7f71591f989fcbdfb3f5ed37575f62d35b100a3d2b1bc903baebe353ea","access_level":"public","create_time":"$D2025-01-08T17:13:33.876Z","update_time":"$D2025-04-23T05:06:53.036Z","view_time":null,"first_public_time":"$D2025-03-13T07:39:25.534Z","has_unpublished_edits":null,"fork":{"id":"54e93834ea01fce9","slug":"simple-chat-simulator-between-two-gpt-agents","title":"Simple Chat Simulator Between Two GPT Agents","owner":{"id":"789dab532037364d","login":"yasuhirohashimoto","name":"HASHIMOTO Yasuhiro"}},"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","bio":"","following":false},"version":3035,"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,"bio":"","following":false}],"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":4,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Simple Chat Simulator Between Two GPT Agents (With Interruptions)","cells":[{"id":1461,"value":"

Simple Chat Simulator Between Two GPT Agents (With Interruptions)

▶

`,\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\n initialize_variables()\n\n return 2;\n }\n ]\n])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1812,"value":"viewof chat_css = html`\n \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"$3b","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":81,"value":"viewof api_key = form(html``)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":607,"value":"viewof names = form(html``)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":556,"value":"viewof characters = form(html``)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":257,"value":"viewof opening_line = form(html``)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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}`}

${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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1979,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1963,"value":"viewof download = {\n const blob = new Blob(\n [\n JSON.stringify(\n [\n names,\n characters,\n chat_history_storage,\n interruption_state,\n all_prompt_and_response_content\n ],\n null,\n 2\n )\n ],\n {\n type: \"application/json\"\n }\n );\n\n return DOM.download(blob, \"chat_history.json\", \"Download Chat History\");\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1981,"value":"$3c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":103,"value":"---\n# Parameters","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1937,"value":"model = \"gpt-4.1-mini\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":137,"value":"temperature = 0.8","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2108,"value":"---\n# Prompts","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":2548,"value":"common_leading_prompt = (speaker, listener, chat_history, additional_part) => {\n return `Your name is ${speaker.name}. You have the following personality and background. Use them to guide your behavior and speech:\n###\n${speaker.character}\n###\n\nNow, you are having a conversation with ${listener.name}.\n\n# Chat History\n###\n${chat_history}${additional_part}\n###\n\n## Chat History Format\n- Older messages are listed first, and newer messages follow below.\n- The notation \\`{{X interrupted}}\\` indicates that person X cut in while the speaker was still talking.\n`;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3008,"value":"additional_context_template = (speaker, listener) => {\n return `\n# Notice\nAs you can see from the chat history, your last speech was interrupted by ${\n listener.name\n }'s cut in. \nYou had planned to continue speaking with the following text:\n###\n${interruption_state[speaker.id].unspoken_part}\n###\n`\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2061,"value":"$3d","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2074,"value":"segment_text_prompt_template = `You are an assistant that splits the given text into smaller segments. Return these segments as a plain JSON array (without any code fences or additional formatting). Each segment must be a string in its own array element.`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2079,"value":"$3e","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3000,"value":"$3f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2733,"value":"---\n# All prompts and results","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":2712,"value":"mutable all_prompt_and_response_content = []","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2720,"value":"textarea_for_all_prompt_and_response_content = {\n return html``;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2111,"value":"---\n# Implementation","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":9,"value":"$40","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"// このセルにやりとりが蓄積されていく。\nmutable chat_history_storage = chat_history_storage_cache\n ? chat_history_storage_cache\n : [{ name: names[0], text: opening_line.value }]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2233,"value":"mutable chat_history_storage_cache = null","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":283,"value":"mutable responses = []","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":977,"value":"mutable observation_content = ({})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":967,"value":"function create_observation_button(label, prompt, observation_type) {\n const button = html``;\n button.disabled = false;\n\n async function observation() {\n const chat_history = chat_history_storage.map((d, i) => {\n return {\n role: \"user\",\n content: `${d.name}:${d.text}`\n };\n });\n\n const response = await (\n await openai()\n ).chat.completions.create({\n model: model,\n temperature: temperature,\n messages: [...chat_history, { role: \"user\", content: prompt }]\n });\n\n return response;\n }\n\n button.onclick = async () => {\n if (button.disabled) return;\n\n button.disabled = true;\n mutable observation_content[observation_type] = null;\n let response;\n\n try {\n response = await observation();\n } finally {\n update_observation_content(\n observation_type,\n response.choices[0].message.content\n );\n button.disabled = false;\n }\n };\n\n return button;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2362,"value":"initialize_variables = () => {\n mutable responses = [];\n mutable all_prompt_and_response_content = [];\n mutable observation_content = {};\n mutable chat_history_storage_cache = null;\n mutable interruption_state_cache = null;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2260,"value":"mutable interruption_state = interruption_state_cache\n ? interruption_state_cache\n : [\n { type: 0, text: \"\", unspoken_part: \"\" }, // Agent 0\n { type: 0, text: \"\", unspoken_part: \"\" } // Agent 1\n ]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2831,"value":"mutable interruption_state_cache = null","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2752,"value":"$41","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1594,"value":"mutable api_call = false","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":814,"value":"import { form } from \"@mbostock/form-input\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1039,"value":"$42","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"}],"files":"$W43","stdlib":"1"}} 3a:"$39:body"