LangGraph Stateful Agent

A stateful agent that routes to different tools based on input

`; document.body.appendChild(sandbox); await new Promise(resolve => { window.addEventListener('message', function handler(e) { if (e.data.ready) { window.removeEventListener('message', handler); resolve(); } }); }); statusEl.textContent = 'Ready'; // Setup UI const input = document.getElementById('input'); const send = document.getElementById('send'); input.disabled = false; send.disabled = false; send.onclick = async () => { const value = input.value; input.value = ''; input.disabled = true; send.disabled = true; const id = Math.random().toString(36); const promise = new Promise(resolve => { window.addEventListener('message', function handler(e) { if (e.data.id === id) { window.removeEventListener('message', handler); resolve(e.data.result || e.data.error); } }); }); sandbox.contentWindow.postMessage({ method: 'run', id, input: value }, '*'); const result = await promise; console.log('Result:', result); input.disabled = false; send.disabled = false; input.focus(); }; // Make agent available globally window.agent = { manifest, sandbox }; window.dispatchEvent(new CustomEvent('agent-ready', { detail: { manifest } })); } catch (error) { statusEl.textContent = 'Error: ' + error.message; console.error(error); } })();