thebird 1.2.31 → 1.2.33

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [Unreleased - browser-sdk]
+
+### Added
+- `docs/vendor/thebird-browser.js`: thebird `streamGemini`/`generateGemini` bundled for browser via esbuild (712KB, includes @google/genai browser build)
+- `docs/agent-chat.js`: rewritten to use thebird `streamGemini` directly; TOOLS map with `read_file`, `write_file`, `run_command` dispatch to `window.__debug.container` (WebContainer); `window.__debug.agent` live state; removes raw Gemini REST API dependency
+- `docs/app.js`: removed `convertMessages` (now handled internally by thebird); passes raw Anthropic-format messages to `agentGenerate`
+
 # Changelog
 
 ## [Unreleased]

package/README.md

@@ -182,7 +182,7 @@ Messages follow the Anthropic SDK format. All image block variants are supported
 
 Live at **[anentrypoint.github.io/thebird](https://anentrypoint.github.io/thebird/)**
 
-- **Chat tab** — Agentic Gemini chat with tool use: `read_file`, `write_file`, `run_command` dispatch to the WebContainer FS and shell. Gemini API key stored in localStorage.
+- **Chat tab** — Agentic chat powered by thebird `streamGemini` running in-browser (bundled in `docs/vendor/thebird-browser.js`). Tool use: `read_file`, `write_file`, `run_command` dispatch to WebContainer FS and shell. No proxy server required. Gemini API key stored in localStorage.
 - **Terminal tab** — WebContainer (in-browser Node.js) booting thebird's full stack: `npm install`, `node server.js` (Anthropic→Gemini proxy on port 3000), then a `jsh` shell. Run Agent button validates the agent loop from the terminal.
 - **Preview tab** — iframe pointed at the WebContainer's HTTP server, live-updated when the server starts
 

package/docs/agent-chat.js

@@ -1,55 +1,51 @@
-const TOOLS = [
-  { name: 'read_file', description: 'Read a file from the filesystem', parameters: { type: 'OBJECT', properties: { path: { type: 'STRING' } }, required: ['path'] } },
-  { name: 'write_file', description: 'Write content to a file', parameters: { type: 'OBJECT', properties: { path: { type: 'STRING' }, content: { type: 'STRING' } }, required: ['path', 'content'] } },
-  { name: 'run_command', description: 'Run a shell command', parameters: { type: 'OBJECT', properties: { command: { type: 'STRING' } }, required: ['command'] } },
-];
+import { streamGemini } from './vendor/thebird-browser.js';
 
-const toolHandlers = {
-  read_file: async ({ path }) => {
-    const c = window.__debug.container;
-    if (!c) throw new Error('container not ready');
-    return await c.fs.readFile(path, 'utf-8');
+const TOOLS = {
+  read_file: {
+    description: 'Read a file from the filesystem',
+    parameters: { type: 'object', properties: { path: { type: 'string' } }, required: ['path'] },
+    execute: async ({ path }) => {
+      const c = window.__debug.container;
+      if (!c) throw new Error('container not ready');
+      return await c.fs.readFile(path, 'utf-8');
+    },
   },
-  write_file: async ({ path, content }) => {
-    const c = window.__debug.container;
-    if (!c) throw new Error('container not ready');
-    await c.fs.writeFile(path, content);
-    return 'written: ' + path;
+  write_file: {
+    description: 'Write content to a file',
+    parameters: { type: 'object', properties: { path: { type: 'string' }, content: { type: 'string' } }, required: ['path', 'content'] },
+    execute: async ({ path, content }) => {
+      const c = window.__debug.container;
+      if (!c) throw new Error('container not ready');
+      await c.fs.writeFile(path, content);
+      return 'written: ' + path;
+    },
   },
-  run_command: async ({ command }) => {
-    const c = window.__debug.container;
-    if (!c) throw new Error('container not ready');
-    const proc = await c.spawn('sh', ['-c', command]);
-    let out = '';
-    await proc.output.pipeTo(new WritableStream({ write: d => { out += d; } }));
-    return out || '(no output)';
+  run_command: {
+    description: 'Run a shell command',
+    parameters: { type: 'object', properties: { command: { type: 'string' }, cwd: { type: 'string' } }, required: ['command'] },
+    execute: async ({ command, cwd }) => {
+      const c = window.__debug.container;
+      if (!c) throw new Error('container not ready');
+      const proc = await c.spawn('sh', ['-c', command], cwd ? { cwd } : undefined);
+      let out = '';
+      await proc.output.pipeTo(new WritableStream({ write: d => { out += d; } }));
+      await proc.exit;
+      return out || '(no output)';
+    },
   },
 };
 
-const BASE = 'https://generativelanguage.googleapis.com/v1beta';
-
-export async function agentGenerate(apiKey, model, contents, onChunk, onTool) {
-  while (true) {
-    const res = await fetch(`${BASE}/models/${model}:generateContent?key=${apiKey}`, {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ contents, tools: [{ functionDeclarations: TOOLS }], generationConfig: { maxOutputTokens: 8192 } }),
-    });
-    if (!res.ok) throw new Error('Generate API ' + res.status + ': ' + await res.text());
-    const data = await res.json();
-    const parts = data.candidates?.[0]?.content?.parts || [];
-    const finish = data.candidates?.[0]?.finishReason;
-    for (const p of parts) if (p.text) onChunk(p.text);
-    const calls = parts.filter(p => p.functionCall);
-    if (finish === 'STOP' || calls.length === 0) break;
-    const toolResults = await Promise.all(calls.map(async p => {
-      const { name, args } = p.functionCall;
-      onTool(name, args);
-      let output;
-      try { output = String(await toolHandlers[name](args)); }
-      catch (e) { output = 'error: ' + e.message; }
-      return { functionResponse: { name, response: { output } } };
-    }));
-    contents = [...contents, { role: 'model', parts }, { role: 'user', parts: toolResults }];
+export async function agentGenerate(apiKey, model, messages, onChunk, onTool) {
+  Object.assign(window.__debug = window.__debug || {}, {
+    agent: { model, active: true },
+  });
+  try {
+    for await (const ev of streamGemini({ model, messages, tools: TOOLS, apiKey, maxOutputTokens: 8192 }).fullStream) {
+      if (ev.type === 'text-delta') onChunk(ev.textDelta);
+      else if (ev.type === 'tool-call') onTool(ev.toolName, ev.args);
+      else if (ev.type === 'error') throw ev.error;
+    }
+  } finally {
+    window.__debug.agent.active = false;
   }
 }

package/docs/app.js

@@ -14,19 +14,6 @@ async function fetchModels(apiKey) {
     .map(m => ({ id: m.name.replace('models/', ''), label: m.displayName || m.name }));
 }
 
-function convertMessages(messages) {
-  const out = [];
-  for (const m of messages) {
-    const role = m.role === 'assistant' ? 'model' : 'user';
-    if (typeof m.content === 'string') {
-      if (m.content) out.push({ role, parts: [{ text: m.content }] });
-    } else if (Array.isArray(m.content)) {
-      const parts = m.content.flatMap(b => b.type === 'text' && b.text ? [{ text: b.text }] : []);
-      if (parts.length) out.push({ role, parts });
-    }
-  }
-  return out;
-}
 
 class BirdChat extends HTMLElement {
   constructor() {
@@ -132,7 +119,7 @@ class BirdChat extends HTMLElement {
       wrap.appendChild(cursor);
       const list = this.querySelector('#msg-list');
       if (list) list.appendChild(wrap);
-      await agentGenerate(apiKey, model, convertMessages(messages),
+      await agentGenerate(apiKey, model, messages,
         chunk => { full += chunk; streamEl.textContent = full; const l = this.querySelector('#msg-list'); if (l) l.scrollTop = l.scrollHeight; },
         (name, args) => { full += `\n[tool: ${name}(${JSON.stringify(args)})]\n`; streamEl.textContent = full; }
       );