https://showcase-google-adk-production.up.railway.app/

1<!DOCTYPE html><!--3ODEJyQox9g6UwoKEWVbw--><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="/_next/static/css/d6ee38b07b61a41b.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/d5d3dc0d291fabd2.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-338ec4f6b1ae25e3.js"/>

1<script src="/_next/static/chunks/4bd1b696-182b6b13bdad92e3.js" async=""></script>

1<script src="/_next/static/chunks/1255-7cc4270733dcc56b.js" async=""></script>

1<script src="/_next/static/chunks/main-app-f3336e172256d2ab.js" async=""></script>

1<title>CopilotKit Showcase</title>

1<script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script>

1</head><body><div hidden=""><!--$--><!--/$--></div>

1<script>console.log('[showcase] Demo loaded:', window.location.href);
2console.log('[showcase] In iframe:', window.self !== window.top);
3window.addEventListener('error', function(e) {
4  console.error('[showcase] Uncaught error:', e.message, e.filename, e.lineno);
5});
6window.addEventListener('unhandledrejection', function(e) {
7  console.error('[showcase] Unhandled rejection:', e.reason);
8});</script>

8<main style="padding:2rem;max-width:800px;margin:0 auto"><h1>Google ADK</h1><p>Integration ID: google-adk</p><h2 style="margin-top:2rem">Demos</h2><div style="display:grid;gap:1rem;margin-top:1rem"><a href="/demos/agentic-chat" class="demo-card"><h3>Agentic Chat</h3><p>Natural conversation with frontend tool execution</p></a><a href="/demos/tool-rendering" class="demo-card"><h3>Tool Rendering</h3><p>Backend agent tools rendered as UI components</p></a><a href="/demos/gen-ui-tool-based" class="demo-card"><h3>Tool-Based Generative UI</h3><p>Agent uses tools to trigger UI generation</p></a><a href="/demos/gen-ui-agent" class="demo-card"><h3>Agentic Generative UI</h3><p>Long-running agent tasks with generated UI</p></a><a href="/demos/shared-state-read" class="demo-card"><h3>Shared State (Reading)</h3><p>Reading agent state from UI</p></a><a href="/demos/shared-state-streaming" class="demo-card"><h3>State Streaming</h3><p>Per-token state delta streaming from agent to UI</p></a><a href="/demos/subagents" class="demo-card"><h3>Sub-Agents</h3><p>Multiple agents with visible task delegation</p></a></div></main><!--$--><!--/$-->

8<script src="/_next/static/chunks/webpack-338ec4f6b1ae25e3.js" id="_R_" async=""></script>

8<script>(self.__next_f=self.__next_f||[]).push([0])</script>

8<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[9766,[],\"\"]\n3:I[98924,[],\"\"]\n4:I[24431,[],\"OutletBoundary\"]\n6:I[15278,[],\"AsyncMetadataOutlet\"]\n8:I[24431,[],\"ViewportBoundary\"]\na:I[24431,[],\"MetadataBoundary\"]\nb:\"$Sreact.suspense\"\nd:I[57150,[],\"\"]\n:HL[\"/_next/static/css/d6ee38b07b61a41b.css\",\"style\"]\n:HL[\"/_next/static/css/d5d3dc0d291fabd2.css\",\"style\"]\n"])</script>

8<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"3ODEJyQox9g6UwoKEWVbw\",\"p\":\"\",\"c\":[\"\",\"\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/d6ee38b07b61a41b.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/d5d3dc0d291fabd2.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[\"$\",\"body\",null,{\"children\":[[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"console.log('[showcase] Demo loaded:', window.location.href);\\nconsole.log('[showcase] In iframe:', window.self !== window.top);\\nwindow.addEventListener('error', function(e) {\\n  console.error('[showcase] Uncaught error:', e.message, e.filename, e.lineno);\\n});\\nwindow.addEventListener('unhandledrejection', function(e) {\\n  console.error('[showcase] Unhandled rejection:', e.reason);\\n});\"}}],[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"main\",null,{\"style\":{\"padding\":\"2rem\",\"maxWidth\":\"800px\",\"margin\":\"0 auto\"},\"children\":[[\"$\",\"h1\",null,{\"children\":\"Google ADK\"}],[\"$\",\"p\",null,{\"children\":\"Integration ID: google-adk\"}],[\"$\",\"h2\",null,{\"style\":{\"marginTop\":\"2rem\"},\"children\":\"Demos\"}],[\"$\",\"div\",null,{\"style\":{\"display\":\"grid\",\"gap\":\"1rem\",\"marginTop\":\"1rem\"},\"children\":[[\"$\",\"a\",\"agentic-chat\",{\"href\":\"/demos/agentic-chat\",\"className\":\"demo-card\",\"children\":[[\"$\",\"h3\",null,{\"children\":\"Agentic Chat\"}],[\"$\",\"p\",null,{\"children\":\"Natural conversation with frontend tool execution\"}]]}],[\"$\",\"a\",\"tool-rendering\",{\"href\":\"/demos/tool-rendering\",\"className\":\"demo-card\",\"children\":[[\"$\",\"h3\",null,{\"children\":\"Tool Rendering\"}],[\"$\",\"p\",null,{\"children\":\"Backend agent tools rendered as UI components\"}]]}],[\"$\",\"a\",\"gen-ui-tool-based\",{\"href\":\"/demos/gen-ui-tool-based\",\"className\":\"demo-card\",\"children\":[[\"$\",\"h3\",null,{\"children\":\"Tool-Based Generative UI\"}],[\"$\",\"p\",null,{\"children\":\"Agent uses tools to trigger UI generation\"}]]}],[\"$\",\"a\",\"gen-ui-agent\",{\"href\":\"/demos/gen-ui-agent\",\"className\":\"demo-card\",\"children\":[[\"$\",\"h3\",null,{\"children\":\"Agentic Generative UI\"}],[\"$\",\"p\",null,{\"children\":\"Long-running agent tasks with generated UI\"}]]}],[\"$\",\"a\",\"shared-state-read\",{\"href\":\"/demos/shared-state-read\",\"className\":\"demo-card\",\"children\":[[\"$\",\"h3\",null,{\"children\":\"Shared State (Reading)\"}],[\"$\",\"p\",null,{\"children\":\"Reading agent state from UI\"}]]}],[\"$\",\"a\",\"shared-state-streaming\",{\"href\":\"/demos/shared-state-streaming\",\"className\":\"demo-card\",\"children\":[[\"$\",\"h3\",null,{\"children\":\"State Streaming\"}],[\"$\",\"p\",null,{\"children\":\"Per-token state delta streaming from agent to UI\"}]]}],[\"$\",\"a\",\"subagents\",{\"href\":\"/demos/subagents\",\"className\":\"demo-card\",\"children\":[[\"$\",\"h3\",null,{\"children\":\"Sub-Agents\"}],[\"$\",\"p\",null,{\"children\":\"Multiple agents with visible task delegation\"}]]}]]}]]}],null,[\"$\",\"$L4\",null,{\"children\":[\"$L5\",[\"$\",\"$L6\",null,{\"promise\":\"$@7\"}]]}]]}],{}

8,null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[[\"$\",\"$L8\",null,{\"children\":\"$L9\"}],null],[\"$\",\"$La\",null,{\"children\":[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$b\",null,{\"fallback\":null,\"children\":\"$Lc\"}]}]}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$d\",[]],\"s\":false,\"S\":true}\n"])</script>

8<script>self.__next_f.push([1,"9:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n5:null\n"])</script>

8<script>self.__next_f.push([1,"7:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"CopilotKit Showcase\"}]],\"error\":null,\"digest\":\"$undefined\"}\n"])</script>

8<script>self.__next_f.push([1,"c:\"$7:metadata\"\n"])</script>

8</body></html>