2d:null 2e:["$","title",null,{"children":"Roboco-op 2.1: Notebook collaborator | Tom Larkworthy | Observable"}] 33:T5bc9,pong_game = { const root = html`

Controls

Left paddle: W/S or drag on left half
Right paddle: ↑/↓ or drag on right half (2P mode)
P: Pause/Resume • R: Reset • Space: Serve

`; const wrap = root.querySelector(".pong-canvas-wrap"); const scoreEl = root.querySelector(".pong-score"); const statusEl = root.querySelector(".pong-status"); const btnPause = root.querySelector(".pause"); const btnReset = root.querySelector(".reset"); const controlsHost = root.querySelector(".pong-controls"); const clamp = (x, a, b) => Math.max(a, Math.min(b, x)); const rand = (a, b) => a + Math.random() * (b - a); const controlForm = Inputs.form({ mode: Inputs.select( [ ["1", "1 Player (AI)"], ["2", "2 Players"] ], { label: "Mode", value: "1" } ), ai: Inputs.select( [ ["easy", "Easy"], ["normal", "Normal"], ["hard", "Hard"], ["insane", "Insane"] ], { label: "AI", value: "normal" } ), scoreToWin: Inputs.select( [ ["5", "First to 5"], ["7", "First to 7"], ["11", "First to 11"], ["21", "First to 21"], ["0", "Endless"] ], { label: "Win", value: "11" } ), baseSpeed: Inputs.range([260, 640], { label: "Ball", step: 10, value: 380 }), paddleHeight: Inputs.range([0.14, 0.34], { label: "Paddle", step: 0.01, value: 0.22 }), trail: Inputs.toggle({ label: "Trail", value: true }), sparks: Inputs.toggle({ label: "Sparks", value: true }), sound: Inputs.toggle({ label: "Sound", value: false }) }); const badgeWrap = html`

`; for (const el of controlForm.querySelectorAll( "label, .observablehq--inspect" )) { if (el.tagName?.toLowerCase?.() === "label") badgeWrap.appendChild(el); } controlsHost.appendChild(badgeWrap); const canvas = document.createElement("canvas"); canvas.setAttribute("aria-label", "Pong canvas"); canvas.setAttribute("role", "img"); canvas.style.display = "block"; canvas.style.width = "100%"; canvas.style.height = "auto"; wrap.appendChild(canvas); const ctx = canvas.getContext("2d"); const dim = { W: 800, H: 450, DPR: 1 }; const TARGET_ASPECT = 16 / 9; const MAX_W = 900; const MIN_W = 420; const resizeCanvas = () => { const DPR = Math.min(window.devicePixelRatio || 1, 2); const w = Math.max(MIN_W, Math.min(MAX_W, wrap.clientWidth || MAX_W)); const h = Math.round(w / TARGET_ASPECT); canvas.width = Math.round(w * DPR); canvas.height = Math.round(h * DPR); canvas.style.height = `${h}px`; ctx.setTransform(DPR, 0, 0, DPR, 0, 0); dim.W = w; dim.H = h; dim.DPR = DPR; }; const ro = new ResizeObserver(resizeCanvas); ro.observe(wrap); const keys = new Set(); const pointers = new Map(); const aiParams = { easy: { react: 0.06, jitter: 0.4, maxSpeed: 260, lookahead: 0.55 }, normal: { react: 0.1, jitter: 0.22, maxSpeed: 340, lookahead: 0.75 }, hard: { react: 0.16, jitter: 0.12, maxSpeed: 450, lookahead: 0.92 }, insane: { react: 0.22, jitter: 0.06, maxSpeed: 620, lookahead: 1.05 } }; const state = { paused: false, over: null, waitingServeMs: 900, servingDir: rand(0, 1) < 0.5 ? -1 : 1, lastScored: null, scores: [0, 0], rally: 0, lastTime: 0, raf: 0, particles: [], pool: [], trail: [], audio: { ctx: null, enabled: false, master: null } }; const getOpts = () => { const v = controlForm.value; const singlePlayer = v.mode === "1"; const ai = v.ai; const scoreToWin = +v.scoreToWin || 0; const baseSpeed = +v.baseSpeed; const paddleHeight = +v.paddleHeight; const trail = !!v.trail; const sparks = !!v.sparks; const sound = !!v.sound; return { singlePlayer, ai, scoreToWin, baseSpeed, paddleHeight, trail, sparks, sound }; }; const ensureAudio = async () => { const { sound } = getOpts(); state.audio.enabled = sound; if (!sound) return; if (state.audio.ctx) return; const AudioCtx = window.AudioContext || window.webkitAudioContext; if (!AudioCtx) return; const a = new AudioCtx(); const master = a.createGain(); master.gain.value = 0.12; master.connect(a.destination); state.audio.ctx = a; state.audio.master = master; if (a.state === "suspended") { try { await a.resume(); } catch {} } }; const beep = async (freq = 440, dur = 0.05, type = "square") => { const { sound } = getOpts(); if (!sound) return; await ensureAudio(); const a = state.audio.ctx; const master = state.audio.master; if (!a || !master) return; try { const o = a.createOscillator(); const g = a.createGain(); o.type = type; o.frequency.value = freq; g.gain.value = 0.0001; o.connect(g); g.connect(master); const t0 = a.currentTime; g.gain.setValueAtTime(0.0001, t0); g.gain.exponentialRampToValueAtTime(0.9, t0 + 0.01); g.gain.exponentialRampToValueAtTime(0.0001, t0 + dur); o.start(t0); o.stop(t0 + dur + 0.02); } catch {} }; const spawnSparks = (x, y, nx, ny, count, col) => { const { sparks } = getOpts(); if (!sparks) return; for (let i = 0; i < count; i++) { const p = state.pool.pop() || {}; p.x = x; p.y = y; const ang = Math.atan2(ny, nx) + rand(-0.7, 0.7); const spd = rand(90, 310); p.vx = Math.cos(ang) * spd; p.vy = Math.sin(ang) * spd; p.life = rand(0.22, 0.58); p.age = 0; p.size = rand(1, 2.3); p.color = col; state.particles.push(p); } }; const updateParticles = (dt) => { for (let i = state.particles.length - 1; i >= 0; i--) { const p = state.particles[i]; p.age += dt; p.x += p.vx * dt; p.y += p.vy * dt; p.vy += 320 * dt; if (p.age >= p.life) { state.particles.splice(i, 1); state.pool.push(p); } } }; const drawParticles = () => { if (state.particles.length === 0) return; ctx.save(); for (const p of state.particles) { const t = p.age / p.life; ctx.globalAlpha = Math.max(0, 1 - t); ctx.fillStyle = p.color; ctx.fillRect(p.x, p.y, p.size, p.size); } ctx.restore(); }; const rectsOverlap = (bx, by, br, rx, ry, rw, rh) => { const cx = clamp(bx, rx, rx + rw); const cy = clamp(by, ry, ry + rh); const dx = bx - cx; const dy = by - cy; return dx * dx + dy * dy <= br * br; }; const predictInterceptY = (ball, targetX, W, H, r) => { const dx = targetX - ball.x; if (ball.vx === 0) return ball.y; const t = dx / ball.vx; if (t <= 0) return ball.y; const y = ball.y + ball.vy * t; const span = H - 2 * r; if (span <= 0) return clamp(y, r, H - r); const n = (y - r) / span; const m = ((n % 2) + 2) % 2; const folded = m <= 1 ? m : 2 - m; const yy = r + folded * span; return clamp(yy, r, H - r); }; const entity = { paddles: null, ball: null }; const initEntities = () => { const { paddleHeight, baseSpeed } = getOpts(); const W = dim.W, H = dim.H; const padW = Math.max(10, Math.round(W * 0.016)); const padH = Math.max(64, Math.round(H * paddleHeight)); const margin = Math.max(16, Math.round(W * 0.024)); entity.paddles = [ { x: margin, y: (H - padH) / 2, w: padW, h: padH, vy: 0, color: "#ffffff", lastHitAt: -1 }, { x: W - margin - padW, y: (H - padH) / 2, w: padW, h: padH, vy: 0, color: "#ffffff", lastHitAt: -1 } ]; entity.ball = { x: W / 2, y: H / 2, r: Math.max(6, Math.round(H * 0.015)), vx: 0, vy: 0, speed: baseSpeed }; state.trail.length = 0; state.particles.length = 0; state.rally = 0; state.over = null; state.waitingServeMs = 900; state.servingDir = rand(0, 1) < 0.5 ? -1 : 1; serve(state.servingDir, state.waitingServeMs); }; const serve = (dirX, delayMs = 900) => { const { baseSpeed } = getOpts(); const b = entity.ball; state.waitingServeMs = delayMs; state.servingDir = dirX; const angle = rand(-0.28, 0.28) * Math.PI; const s = baseSpeed * (1 + rand(-0.04, 0.04)); b.x = dim.W / 2; b.y = dim.H / 2; b.speed = s; b.vx = Math.cos(angle) * s * dirX; b.vy = Math.sin(angle) * s; state.rally = 0; }; const hardReset = () => { state.scores = [0, 0]; state.lastScored = null; initEntities(); draw(); }; const togglePause = () => { state.paused = !state.paused; draw(); }; const maybeWin = () => { const { scoreToWin } = getOpts(); if (!scoreToWin) return false; const [a, b] = state.scores; if (a >= scoreToWin || b >= scoreToWin) { state.over = a > b ? 0 : 1; state.paused = true; return true; } return false; }; const collidePaddle = (b, p, isLeft, timeTag) => { if (p.lastHitAt === timeTag) return false; if (!rectsOverlap(b.x, b.y, b.r, p.x, p.y, p.w, p.h)) return false; const pct = ((b.y - p.y) / p.h) * 2 - 1; const offset = clamp(pct, -1, 1); const toward = isLeft ? b.vx < 0 : b.vx > 0; if (!toward) { const nudge = isLeft ? p.x + p.w + b.r + 0.8 : p.x - b.r - 0.8; b.x = nudge; return true; } const { baseSpeed } = getOpts(); const cur = Math.hypot(b.vx, b.vy); const speedMax = Math.max(900, baseSpeed * 2.2); const spinFactor = Math.max(240, baseSpeed * 0.72); const nextSpeed = clamp(cur + 18 + state.rally * 2.0, baseSpeed, speedMax); const newVy = clamp(b.vy + offset * spinFactor, -speedMax, speedMax); const dirX = isLeft ? 1 : -1; const newVxMag = Math.sqrt( Math.max(1, nextSpeed * nextSpeed - newVy * newVy) ); const newVx = newVxMag * dirX; b.vx = newVx; b.vy = newVy; b.speed = Math.hypot(b.vx, b.vy); b.x = isLeft ? p.x + p.w + b.r + 0.8 : p.x - b.r - 0.8; p.lastHitAt = timeTag; state.rally += 1; spawnSparks(b.x, clamp(b.y, p.y, p.y + p.h), dirX, 0, 14, "#e6f3ff"); beep(isLeft ? 520 : 600, 0.04, "square"); return true; }; const step = (dt, timeTag) => { const { singlePlayer, ai } = getOpts(); const W = dim.W, H = dim.H; const [L, R] = entity.paddles; const b = entity.ball; if (state.waitingServeMs > 0) { state.waitingServeMs -= dt * 1000; if (state.waitingServeMs < 0) state.waitingServeMs = 0; return; } const paddleSpeed = Math.max(420, W * 0.64); let leftMove = 0, rightMove = 0; if (keys.has("KeyW")) leftMove -= 1; if (keys.has("KeyS")) leftMove += 1; if (keys.has("ArrowUp")) rightMove -= 1; if (keys.has("ArrowDown")) rightMove += 1; L.vy = leftMove * paddleSpeed; if (!singlePlayer) R.vy = rightMove * paddleSpeed; if (singlePlayer) { const aip = aiParams[ai] || aiParams.normal; const targetX = R.x; const towardAI = b.vx > 0 || b.x > W * 0.42; const intercept = towardAI ? predictInterceptY(b, targetX, W, H, b.r) : H / 2; const jitter = rand(-1, 1) * aip.jitter * 55; const desired = clamp(intercept + jitter, b.r, H - b.r); const center = R.y + R.h / 2; const diff = desired - center; const accel = aip.react * 2600 * (towardAI ? aip.lookahead : 0.35); R.vy += clamp(diff / 90, -1, 1) * accel * dt; R.vy = clamp(R.vy, -aip.maxSpeed, aip.maxSpeed); } L.y = clamp(L.y + L.vy * dt, 0, H - L.h); R.y = clamp(R.y + R.vy * dt, 0, H - R.h); b.x += b.vx * dt; b.y += b.vy * dt; if (b.y - b.r <= 0 && b.vy < 0) { b.y = b.r + 0.8; b.vy = -b.vy; spawnSparks(b.x, b.y, 0, 1, 10, "#d7f7ff"); beep(880, 0.03, "triangle"); } else if (b.y + b.r >= H && b.vy > 0) { b.y = H - b.r - 0.8; b.vy = -b.vy; spawnSparks(b.x, b.y, 0, -1, 10, "#d7f7ff"); beep(880, 0.03, "triangle"); } collidePaddle(b, L, true, timeTag); collidePaddle(b, R, false, timeTag); if (b.x + b.r < 0) { state.scores[1] += 1; state.lastScored = 1; spawnSparks(0, b.y, 1, 0, 28, "#ffd6d6"); beep(220, 0.08, "sawtooth"); if (!maybeWin()) serve(1, 900); } else if (b.x - b.r > W) { state.scores[0] += 1; state.lastScored = 0; spawnSparks(W, b.y, -1, 0, 28, "#ffd6d6"); beep(220, 0.08, "sawtooth"); if (!maybeWin()) serve(-1, 900); } }; const draw = () => { const { singlePlayer, trail } = getOpts(); const W = dim.W, H = dim.H; const [L, R] = entity.paddles; const b = entity.ball; ctx.clearRect(0, 0, W, H); const bg = ctx.createLinearGradient(0, 0, 0, H); bg.addColorStop(0, "#0a0c10"); bg.addColorStop(1, "#111827"); ctx.fillStyle = bg; ctx.fillRect(0, 0, W, H); ctx.save(); ctx.strokeStyle = "rgba(255,255,255,0.22)"; ctx.setLineDash([10, 14]); ctx.lineWidth = 2; ctx.beginPath(); ctx.moveTo(W / 2, 16); ctx.lineTo(W / 2, H - 16); ctx.stroke(); ctx.restore(); ctx.save(); ctx.shadowColor = "rgba(255,255,255,0.25)"; ctx.shadowBlur = 14; ctx.fillStyle = "#ffffff"; ctx.fillRect(L.x, Math.round(L.y), L.w, Math.round(L.h)); ctx.fillRect(R.x, Math.round(R.y), R.w, Math.round(R.h)); ctx.restore(); if (trail) { ctx.save(); for (let i = 0; i < state.trail.length; i++) { const t = state.trail[i]; const a = (i + 1) / state.trail.length; ctx.globalAlpha = a * 0.55; ctx.beginPath(); ctx.arc(t.x, t.y, b.r * (0.72 + 0.28 * a), 0, Math.PI * 2); ctx.fillStyle = "#cfe9ff"; ctx.fill(); } ctx.restore(); } ctx.save(); ctx.shadowColor = "rgba(255,255,255,0.38)"; ctx.shadowBlur = 18; ctx.beginPath(); ctx.arc(b.x, b.y, b.r, 0, Math.PI * 2); ctx.fillStyle = "#ffffff"; ctx.fill(); ctx.restore(); drawParticles(); ctx.save(); ctx.font = `800 ${Math.max( 22, Math.round(H * 0.06) )}px system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif`; ctx.textAlign = "center"; ctx.textBaseline = "top"; ctx.fillStyle = "rgba(255,255,255,0.92)"; ctx.fillText(`${state.scores[0]} — ${state.scores[1]}`, W / 2, 14); ctx.restore(); if (state.waitingServeMs > 0 && !state.over) { const t = Math.ceil(state.waitingServeMs / 350); ctx.save(); ctx.fillStyle = "rgba(0,0,0,0.35)"; ctx.fillRect(0, 0, W, H); ctx.fillStyle = "#fff"; ctx.font = `800 ${Math.max( 40, Math.round(H * 0.14) )}px system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif`; ctx.textAlign = "center"; ctx.textBaseline = "middle"; ctx.fillText(`${t}`, W / 2, H / 2 - 14); ctx.font = `600 ${Math.max( 12, Math.round(H * 0.035) )}px system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif`; ctx.fillStyle = "rgba(255,255,255,0.85)"; ctx.fillText(`Press Space / Tap to serve`, W / 2, H / 2 + 34); ctx.restore(); } if (state.over != null) { ctx.save(); ctx.fillStyle = "rgba(0,0,0,0.44)"; ctx.fillRect(0, 0, W, H); ctx.fillStyle = "#fff"; ctx.font = `900 ${Math.max( 28, Math.round(H * 0.1) )}px system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif`; ctx.textAlign = "center"; ctx.textBaseline = "middle"; ctx.fillText(`Player ${state.over + 1} wins`, W / 2, H / 2 - 18); ctx.font = `650 ${Math.max( 12, Math.round(H * 0.035) )}px system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif`; ctx.fillStyle = "rgba(255,255,255,0.9)"; ctx.fillText(`Press R or Reset`, W / 2, H / 2 + 34); ctx.restore(); } scoreEl.textContent = `${state.scores[0]} — ${state.scores[1]}`; statusEl.textContent = `${ singlePlayer ? "W/S (Left) vs AI" : "W/S (Left) & ↑/↓ (Right)" } • ${state.paused ? "Paused (P)" : "Running (P to pause)"}${ state.over != null ? " • Game Over" : "" }`; btnPause.textContent = state.paused ? "Resume" : "Pause"; }; const frame = (t) => { if (!state.lastTime) state.lastTime = t; const dt0 = Math.min(1 / 20, Math.max(0, (t - state.lastTime) / 1000)); state.lastTime = t; const subStep = 1 / 240; const steps = Math.max(1, Math.min(10, Math.ceil(dt0 / subStep))); const dt = dt0 / steps; if (!state.paused && state.over == null) { for (let i = 0; i < steps; i++) step(dt, t); } updateParticles(dt0); const { trail } = getOpts(); if (trail) { const b = entity.ball; state.trail.push({ x: b.x, y: b.y }); const max = 18; if (state.trail.length > max) state.trail.splice(0, state.trail.length - max); } else { state.trail.length = 0; } draw(); state.raf = window.requestAnimationFrame(frame); }; const serveNow = () => { if (state.over != null) return; if (state.waitingServeMs > 0) state.waitingServeMs = 0; }; const onKeyDown = (e) => { if (e.repeat) return; if (e.code === "KeyP") { togglePause(); return; } if (e.code === "KeyR") { state.paused = false; hardReset(); return; } if (e.code === "Space") { serveNow(); ensureAudio(); return; } keys.add(e.code); if (getOpts().sound) ensureAudio(); }; const onKeyUp = (e) => keys.delete(e.code); const onPointerDown = (e) => { pointers.set(e.pointerId, { side: null }); try { canvas.setPointerCapture(e.pointerId); } catch {} onPointerMove(e); serveNow(); ensureAudio(); }; const onPointerUp = (e) => { pointers.delete(e.pointerId); try { canvas.releasePointerCapture(e.pointerId); } catch {} }; const onPointerMove = (e) => { if (!pointers.has(e.pointerId)) return; const { singlePlayer } = getOpts(); const rect = canvas.getBoundingClientRect(); const x = e.clientX - rect.left; const y = e.clientY - rect.top; const side = x < rect.width / 2 ? 0 : 1; if (singlePlayer && side === 1) return; const pad = entity.paddles[side]; pad.y = clamp(y - pad.h / 2, 0, dim.H - pad.h); }; btnPause.addEventListener("click", () => { ensureAudio(); togglePause(); }); btnReset.addEventListener("click", () => { ensureAudio(); state.paused = false; hardReset(); }); controlForm.addEventListener("input", () => { const { sound, singlePlayer } = getOpts(); if (sound) ensureAudio(); state.paused = false; state.over = null; keys.clear(); pointers.clear(); if (singlePlayer) { state.lastScored = state.lastScored ?? 0; } initEntities(); draw(); }); window.addEventListener("keydown", onKeyDown); window.addEventListener("keyup", onKeyUp); canvas.addEventListener("pointerdown", onPointerDown); canvas.addEventListener("pointerup", onPointerUp); canvas.addEventListener("pointercancel", onPointerUp); canvas.addEventListener("pointermove", onPointerMove); resizeCanvas(); initEntities(); draw(); state.raf = window.requestAnimationFrame(frame); invalidation.then(() => { try { ro.disconnect(); } catch {} try { window.cancelAnimationFrame(state.raf); } catch {} try { window.removeEventListener("keydown", onKeyDown); } catch {} try { window.removeEventListener("keyup", onKeyUp); } catch {} try { canvas.removeEventListener("pointerdown", onPointerDown); } catch {} try { canvas.removeEventListener("pointerup", onPointerUp); } catch {} try { canvas.removeEventListener("pointercancel", onPointerUp); } catch {} try { canvas.removeEventListener("pointermove", onPointerMove); } catch {} try { state.audio.ctx?.close?.(); } catch {} }); return root; }34:T4d3,robocoop2 = ({autoDispose = true} = {}) => { const root = document.createElement("div"); root.value = null; let dispose = null; const keepAliveNames = new Set([ "robocoop2_background_tasks", "on_prompt", "formatted_instruction" ]); const noopObserver = () => ({ fulfilled: () => {}, pending: () => {}, error: () => {} }); const start = () => { if (dispose) return; dispose = cloneViaSandbox(robocoop2_template, (name) => { if (name === "robocoop") { return { fulfilled: (el) => { root.replaceChildren(el); root.value = el; root.dispatchEvent(new Event("input", {bubbles: true})); } }; } if (keepAliveNames.has(name)) return noopObserver(); return null; }); root.dispose = () => { try { dispose?.(); } finally { dispose = null; } }; if (autoDispose) { const mo = new MutationObserver(() => { if (!root.isConnected && dispose) { root.dispose?.(); mo.disconnect(); } }); mo.observe(document.documentElement, {childList: true, subtree: true}); } }; start(); return root; }35:T13ce,viewof system_prompt = Inputs.textarea({ label: "system prompt", rows: 20, width: "100%", value: `Respond only with Observable JavaScript (Notebook 1.0) as XML blocks. Do not include any prose, Markdown, or JSON before, after, or between the XML cells. Response format - Each response may contain one or more blocks. Every block must contain exactly: - …: a comma-separated list of every free variable the cell reads (standard libraries and other cells), or empty if none. Examples: , d3, expect,x, viewof ready. - Include all referenced globals such as Inputs, htl, d3, Plot, FileAttachment, width, etc., when used. - Use exact names only; do not nest tags or add attributes inside . - General rules - Use Observable Notebook 1.0 semantics. - Use the fewest cells required; prefer a single view (e.g., via Inputs.form). Split cells only when an import must be isolated or when a derived output should react to a view value. - Do not log to the console or include comments; the cell’s value is the result. - Use the exact variable names from the task. If the task requires a view, bind it with: viewof name = … - Use name for the view’s current value and viewof name for the element. Do not use name.value unless an API explicitly requires it. - Prefer zero-dependency or standard-library solutions; import third-party packages only when necessary. Standard libraries and inputs listing - UI: use Inputs.* (Inputs.button with reduce, Inputs.toggle, Inputs.select, Inputs.range/Inputs.number, Inputs.form). Any cell calling Inputs.* must list Inputs. - DOM/SVG: use Hypertext Literal via htl.html and htl.svg. Any cell using htl.* must list htl. - Data utilities/viz: if a task mentions d3 or Plot, assume they are provided and list them in for cells that use them. - If you use FileAttachment, width, or other provided globals, list them in . Imports - Do not use require(). - Use ESM CDN imports with a pinned version: - Single-assignment cell example: dateFns = await import("https://cdn.jsdelivr.net/npm/date-fns@4.1.0/+esm") - If you must provide a fallback CDN, keep a single top-level assignment via an async IIFE expression with try/catch: - dateFns = await (async () => { try { return await import("https://cdn.jsdelivr.net/npm/date-fns@4.1.0/+esm"); } catch { return await import("https://esm.sh/date-fns@4.1.0"); } })() - Keep each import cell to a single top-level assignment (no extra top-level statements). Reactivity - Any cell that reads a variable x must list x in . - If a cell needs the view element, list viewof x; if it needs the view’s value, list x. Testing and fixes - If asked to fix a failing test, change the implementation to satisfy the test; do not modify the test unless explicitly requested. - If you provide a minimal assertion helper (e.g., expect().toBe), implement only what’s needed and keep it in its own cell. Error handling - If a requested feature is unsupported without external deps and imports are disallowed or fail, either implement a minimal dependency-free solution or return a value that throws a clear Error describing the unsupported case. UI patterns - Counter button: Inputs

 v + 1})
  ]]>

- Toggle: Inputs - Dropdown: Inputs - Form (single view returning an object): Inputs Examples (minimal) - Literal: - Using d3: d3 - Pinned import and usage (CDN ESM): dateFns - Reactive SVG: htl,rectangleSettings


    
  \`
  ]]>

` })36:T739,viewof settings = ({ prompt: '\nThe notebook contains:\n - cell "form" is Object {a: "", b: ""}\nUsing the already imported view literal for configuring a ChatGPT session. Example response \n\n{\n model: "gpt-3.5-turbo"\n temperature: 0.7\n max_tokens: 1000\n top_p: 1\n frequency_penalty: 0\n presence_penalty: 0\n}\n\nUse Inputs.select for model, Inputs.range for max_tokens etc.', time: 1699384189902, comment: "Creating a form to configure a ChatGPT session. The form includes a select input for model, and range inputs for temperature, max_tokens, top_p, frequency_penalty, and presence_penalty." } && Inputs.bind( view`

${["model", Inputs.select(models.sort(), { label: "model" })]}

${[ "temperature", Inputs.range([0, 1], { step: 0.1, value: 0.7, label: "temperature" }) ]}

${[ "max_prompt_tokens", Inputs.range([1, 200000], { value: 4000, label: "max_tokens sent (oldest are truncated)" }) ]}

${[ "max_tokens", Inputs.range([1, 200000], { value: 1000, label: "max_tokens for response" }) ]}

${[ "top_p", Inputs.range([0, 1], { step: 0.1, value: 1, label: "top_p" }) ]}

${[ "frequency_penalty", Inputs.range([0, 1], { step: 0.1, value: 0, label: "frequency_penalty" }) ]}

${[ "presence_penalty", Inputs.range([0, 1], { step: 0.1, value: 0, label: "presence_penalty" }) ]}

`, localStorageView("NOTEBOOK_WRITER_2", { defaultValue: { model: "gpt-5-mini", temperature: 1, max_prompt_tokens: 10000, max_tokens: 10000, top_p: 1, frequency_penalty: 0, presence_penalty: 0 }, json: true }) ))37:T443,buildContext = async function buildContext({ codingModule = "main", additionalModules = [], notebookImage = false, runtime = default_runtime } = {}) { const modules = await moduleMap(runtime); const cells = await Promise.all( [...modules.entries()].map(async ([m, mInfo]) => ({ ...mInfo, cells: await cellMap(m) })) ); const byName = new Map(cells.map((c) => [c.name, c])); const base = byName.get(codingModule) ?? byName.get("main") ?? cells[0]; const extras = additionalModules.map((n) => byName.get(n)).filter(Boolean); const summary = (await Promise.all([base, ...extras].map(module_summary))).join( "\n" ); return [ { role: "user", content: [ { type: "text", text: summary }, ...(notebookImage ? [ { type: "image_url", image_url: { url: await modern_screenshot.domToDataUrl(document.body, { scale: 0.1 }) } } ] : []) ] } ]; }38:[] 31:{"id":"f109935193c0deba","slug":"robocoop-2","title":"Roboco-op 2.1: Notebook collaborator","thumbnail":"a62f00c5201bb4253558674e2245b96460ba270ea255fbd5b825d44f3e5892c2","access_level":"public","create_time":"$D2025-03-02T17:03:30.355Z","update_time":"$D2026-08-09T17:11:22.998Z","view_time":null,"first_public_time":"$D2025-08-17T16:10:41.890Z","has_unpublished_edits":null,"fork":{"id":"17c8ce433e1df58e","slug":"robocoop","title":"Roboco-op: a computational blackboard for efficient human/AI collaboration","owner":{"id":"7db5ed2b0697d645","login":"tomlarkworthy","name":"Tom Larkworthy"}},"stars":4,"starred":false,"owner":{"type":"team","id":"7db5ed2b0697d645","login":"tomlarkworthy","name":"Tom Larkworthy","avatar_url":"https://avatars-next.observableusercontent.com/47327a8bc1966f2186dcb3ebf4b7ee6e4e7ab9a5c2a07405aff57200ea778f71","tier":"starter_2024"},"version":4554,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"5215f6ec4a999d40","login":"tomlarkworthy","name":"Tom Larkworthy","avatar_url":"https://avatars-next.observableusercontent.com/47327a8bc1966f2186dcb3ebf4b7ee6e4e7ab9a5c2a07405aff57200ea778f71","tier":null}],"members":[{"type":"individual","id":"5215f6ec4a999d40","login":"tomlarkworthy","name":"Tom Larkworthy","avatar_url":"https://avatars-next.observableusercontent.com/47327a8bc1966f2186dcb3ebf4b7ee6e4e7ab9a5c2a07405aff57200ea778f71","tier":null,"role":"editor"},{"type":"team","id":"7db5ed2b0697d645","login":"tomlarkworthy","name":"Tom Larkworthy","avatar_url":"https://avatars-next.observableusercontent.com/47327a8bc1966f2186dcb3ebf4b7ee6e4e7ab9a5c2a07405aff57200ea778f71","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":5,"collection":null,"type":"notebook","body":{"title":"Roboco-op 2.1: Notebook collaborator","cells":[{"id":0,"value":"# Roboco-op 2.1: Notebook collaborator\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":4536,"value":"robocoop2()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4169,"value":"## Usage\n\nImport cell `robocoop`:-\n\n~~~js\nimport {robocoop2} from \"@tomlarkworthy/robocoop-2\"\n~~~\n\nexecute the cell in your notebook:\n\n~~~js\nrobocoop2()\n~~~","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":4134,"value":"## Introduction","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":4132,"value":"Roboco-op blends [Observablehq.com](https://observablehq.com/)'s reactive notebooks with an **open source** userspace AI coding assistant. Observable notebooks are a unique coding environment because the code development and runtime state are mixed together. This means Robocoop can write code and see the executed result.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":2584,"value":"## Made by Roboco-op 2.0","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":3968,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4254,"value":"## Value aware\n\nRobocoop receives the values of cells allowing test driven development. Pairs well with [inline unit tests](https://observablehq.com/@tomlarkworthy/tester). Uses [@tomlarkworthy/summarizejs](@tomlarkworthy/summarizejs#summarizeJS) to control context length and communicate typing.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":4321,"value":"## Multi-modal\n\nRobocoop receives a screenshot of the notebook using [@tomlarkworthy/modern-screenshot](https://observablehq.com/@tomlarkworthy/modern-screenshot)\n\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":4401,"value":"## Websearch\n\nOptionally can do websearch before answering","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":4486,"value":"## Steerable\n\nYou can include additional loaded modules, this is very useful for reusing established coding patterns. Import additional modules if needed to bring them into context.\n\n[Whole Notebook Generation](https://www.youtube.com/watch?v=h8igBmevlo8)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":4220,"value":"## Contributing\n\nIf Roboco-op cannot do something you expect it should, you could add to its [`evals`](https://observablehq.com/@tomlarkworthy/robocoop-eval). The evals are used to evolve a new prompt using [GEPA](https://observablehq.com/@tomlarkworthy/gepa).","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":4534,"value":"import { cloneViaSandbox, lookupVariable } from \"@tomlarkworthy/dataflow-templating\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4533,"value":"robocoop2_template = lookupVariable([\n \"robocoop\",\n \"robocoop2_background_tasks\",\n \"formatted_instruction\",\n \"on_prompt\",\n\n \"viewof ui_attached\",\n \"ui_attached\",\n\n \"viewof prompt\",\n \"prompt\",\n\n \"viewof codingModule\",\n \"codingModule\",\n\n \"viewof additionalModules\",\n \"additionalModules\",\n\n \"viewof includeNotebookScreenshot\",\n \"includeNotebookScreenshot\",\n\n \"viewof websearch\",\n \"websearch\",\n\n \"viewof copy_code\",\n \"copy_code\",\n\n \"viewof suggestion\",\n \"suggestion\",\n\n \"mutable context\",\n \"context\",\n\n \"viewof context_viz\",\n \"context_viz\",\n\n \"viewof response\",\n \"response\",\n\n \"viewof OPENAI_API_KEY\",\n \"OPENAI_API_KEY\",\n\n \"viewof settings\",\n \"settings\",\n\n \"viewof system_prompt\",\n \"system_prompt\"\n], robocoopModule)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4532,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4531,"value":"## Templating\n\nExtracting the robocoop prototype into a reusable function","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1617,"value":"## Prompt Interface\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":4528,"value":"robocoop = {\n keepalive(robocoopModule, \"robocoop2_background_tasks\");\n return tabbedPane({\n Robocoop: html`

\n ${reversibleAttach(ui_attached, viewof prompt)}\n ${reversibleAttach(ui_attached, viewof codingModule)}\n ${reversibleAttach(ui_attached, viewof additionalModules)}\n ${reversibleAttach(ui_attached, viewof includeNotebookScreenshot)}\n ${reversibleAttach(ui_attached, viewof websearch)}\n ${reversibleAttach(ui_attached, viewof copy_code)}\n ${reversibleAttach(ui_attached, viewof suggestion)}\n ${reversibleAttach(ui_attached, viewof context_viz)}\n

`,\n config: html`

\n ${reversibleAttach(ui_attached, viewof OPENAI_API_KEY)}\n ${reversibleAttach(ui_attached, viewof settings)}\n ${reversibleAttach(ui_attached, viewof system_prompt)}\n

`\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4061,"value":"viewof ui_attached = Inputs.toggle({\n label: \"ui_attached\",\n value: true\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4074,"value":"import { tabbedPane } from \"@tomlarkworthy/tabbed-pane-view\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":81,"value":"viewof prompt = {\n const whisper = whisperInput({\n API_KEY: OPENAI_API_KEY\n });\n const ui = view`

\n ${cautious(() => whisper)}\n ${[\n \"...\",\n Inputs.textarea({\n width: \"100%\",\n placeholder: \"ask for a cell\",\n rows: 10,\n minlength: 1,\n submit: true\n })\n ]}\n

`;\n invalidation.then(\n whisper.addEventListener(\"input\", () => {\n ui.value = whisper.value;\n })\n );\n\n return ui;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4434,"value":"moduleNames = (await moduleMap(default_runtime))\n .values()\n .toArray()\n .map((d) => d?.name)\n .filter((n) => n)\n .sort()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4526,"value":"viewof codingModule = Inputs.select(moduleNames, {\n label: \"Coding module\",\n width: \"100%\",\n value: \"main\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4437,"value":"viewof additionalModules = Inputs.select(moduleNames, {\n label: \"Additional modules to include in context\",\n width: \"100%\",\n multiple: true,\n value: []\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4334,"value":"viewof includeNotebookScreenshot = Inputs.toggle({\n label: \"include notebook screenshot in context?\",\n value: false\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4396,"value":"viewof websearch = Inputs.toggle({\n label: \"use websearch?\",\n value: true\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1014,"value":"viewof copy_code = Inputs.button(\"copy code to clipboard\", {\n reduce: () =>\n cellsToClipboard(viewof response.value.cells.map((cell) => cell.code))\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":105,"value":"viewof suggestion = Inputs.textarea({\n label: \"suggestion\",\n width: \"100%\",\n rows: 50,\n disabled: true,\n value: \"\",\n style: \"height: 500px\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3375,"value":"mutable context = []","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1252,"value":"viewof context_viz = Inputs.textarea({\n label: \"context\",\n rows: 20,\n width: \"100%\",\n disabled: true,\n value: context\n .map(\n ({ role, content }) =>\n `${role}:\\n${typeof content == \"string\" ? content : content[0].text}\\n`\n )\n .join(\"\\n\")\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1692,"value":"### AI Settings","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":63,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4056,"value":"import { reversibleAttach } from \"@tomlarkworthy/reversible-attachment\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2683,"value":"models = [\"gpt-5.4\", \"gpt-5.2\", \"gpt-5.1\", \"gpt-5\", \"gpt-5-mini\", \"gpt-5-nano\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"viewof OPENAI_API_KEY = Inputs.bind(\n Inputs.password({\n width: \"100%\",\n label: \"OPENAI_API_KEY\",\n placeholder: \"paste openAI key here\"\n }),\n localStorageView(\"OPENAI_API_KEY\")\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1779,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1623,"value":"## Roboco-op Implementation below","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":4186,"value":"viewof robocoopModule = thisModule()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2448,"value":"robocoop2_background_tasks = {\n try {\n submit_summary;\n on_prompt;\n formatted_instruction;\n } catch (e) {\n console.log(\"Error during robocoop2_background_tasks\", e);\n debugger;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2222,"value":"viewof user_variable_filters = Inputs.bind(\n Inputs.input({}),\n localStorageView(\n `${new URL(document.baseURI).pathname}|user_variable_filters`,\n {\n defaultValue: {},\n json: true\n }\n )\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":431,"value":"formatted_instruction = {\n let formatted_instruction = undefined;\n if (response.action == \"upsert_cells\") {\n formatted_instruction = response.cells.map((r) => r.code).join(\"\\n\\n\");\n } else {\n formatted_instruction = response.content;\n }\n viewof suggestion.value = formatted_instruction;\n viewof suggestion.dispatchEvent(new Event(\"input\"));\n return formatted_instruction;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":720,"value":"viewof response = Inputs.input(undefined)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4525,"value":"on_prompt = {\n const payload = [\n {\n role: viewof settings.value.model.startsWith(\"o1\") ? \"user\" : \"system\",\n content: system_prompt\n },\n ...(await buildContext({\n codingModule: viewof codingModule.value,\n additionalModules: viewof additionalModules.value,\n notebookImage: includeNotebookScreenshot\n })),\n { role: \"user\", content: prompt }\n ];\n\n mutable context = payload;\n viewof suggestion.value = \"\";\n\n const response = await runAsk({\n settings: { ...settings, websearch: viewof websearch.value },\n messages: payload\n });\n\n viewof response.value = response;\n viewof response.dispatchEvent(new Event(\"input\"));\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2608,"value":"#### `buildContext` context Construction","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":4524,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3944,"value":"default_runtime = runtime","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3583,"value":"module_summary = async (mInfo) => {\n return `\nmodule: ${mInfo.name}\n\n${(\n await Promise.all(\n [...mInfo.cells.entries()].map(async ([name, vars]) => cellSummary(vars))\n )\n).join(\"\\n\")}\n`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4545,"value":"cdata = (s) => `\", \"]]]]>\")}]]>`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4420,"value":"cellSummary = async (variables, { max_size = 200 } = {}) => {\n const state = await getPromiseState(variables[0]._promise);\n return `\n ${variables[0]._inputs.map((i) => i._name).join(\", \")}\n

${cdata(\n  await decompile(variables).catch((err) => {\n    console.error(\"Unable to decompile\", variables);\n  })\n)}

\n ${cdata(summarizeJS(variables[0]._value, { max_size: 200 }))}\n ${cdata(summarizeJS(state.error, { max_size }))}\n\\n`\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3344,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":3538,"value":"## LLM API Call","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":3874,"value":"runAsk = async ({ settings, messages }) => {\n messages = messages.map((m) => convert(m));\n const [system_prompt, ...prompt] = messages;\n\n const response = await responses({\n model: settings.model,\n reasoning: {\n effort: \"medium\",\n summary: \"detailed\"\n },\n instructions: system_prompt.content,\n input: prompt,\n tools: settings.websearch ? [{ type: \"web_search_preview\" }] : []\n });\n\n const message = response.output.at(-1).content.at(-1).text;\n const instuctions = {\n cells: process(message),\n response: response.output,\n prompt: system_prompt,\n action: \"upsert_cells\",\n time: Date.now()\n };\n return instuctions;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3883,"value":"test_runAsk = (\n await runAsk({\n settings: viewof settings.value,\n messages: [\n {\n role: \"system\",\n content: viewof system_prompt.value\n },\n {\n role: \"user\",\n content: \"say hello\"\n }\n ]\n })\n).cells","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3520,"value":"domParser = new DOMParser()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2726,"value":"function process(content) {\n const doc = domParser.parseFromString(\n \"\" + content + \"\",\n \"text/xml\"\n );\n const cells = [...doc.querySelectorAll(\"cell\")];\n return cells.map((cell) => {\n const inputsContent = cell.querySelector(\"inputs\")?.textContent || \"\";\n return {\n inputs:\n inputsContent.length > 0\n ? inputsContent.split(\",\").map((s) => s.trim())\n : [],\n code: (cell.querySelector(\"code\")?.textContent || \"\").trim()\n };\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4386,"value":"convert = (message) => {\n return {\n ...message,\n content: convertContent(message.content)\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4385,"value":"convertContent = (content) => {\n if (typeof content == \"string\") return content;\n if (Array.isArray(content)) return content.map(convertContentElement);\n throw \"unrecognized content element\";\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4384,"value":"convertContentElement = (element) => {\n if (element.type == \"text\")\n return {\n type: \"input_text\",\n text: element.text\n };\n else if (element.type == \"image_url\") {\n return {\n type: \"input_image\",\n image_url: element.image_url.url\n };\n } else return element;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3342,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":4363,"value":"import { responses } from \"@tomlarkworthy/openai-responses-api\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3415,"value":"import {\n getPromiseState,\n runtime,\n variables,\n descendants,\n thisModule,\n keepalive,\n main\n} from \"@tomlarkworthy/runtime-sdk\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3263,"value":"import {\n decompile,\n compile,\n cellMap,\n parser\n} from \"@tomlarkworthy/observablejs-toolchain\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2508,"value":"import { cellsToClipboard } from \"@tomlarkworthy/cells-to-clipboard\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"import { localStorageView } from \"@tomlarkworthy/local-storage-view\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":51,"value":"import { flowQueue } from \"@tomlarkworthy/flow-queue\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":302,"value":"import { inspect } from \"@observablehq/inspector\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4200,"value":"import { view, cautious } from \"@tomlarkworthy/view\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2552,"value":"import { whisperInput } from \"@tomlarkworthy/whisper-input\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3560,"value":"import { moduleMap, submit_summary } from \"@tomlarkworthy/module-map\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4236,"value":"import { summarizeJS } from \"@tomlarkworthy/summarizejs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4260,"value":"import { modern_screenshot } from \"@tomlarkworthy/modern-screenshot\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W38","stdlib":"1","titling":"auto"}} 32:"$31:body"