Merge branch 'ag-ui-protocol:main' into issue-278

Author: contextablemark

.github/workflows/dojo-e2e.yml

@@ -9,7 +9,7 @@ on:
 jobs:
   e2e:
     name: E2E Tests
-    runs-on: ubuntu-latest
+    runs-on: depot-ubuntu-latest-8
 
     steps:
     - name: Checkout code
@@ -52,10 +52,9 @@ jobs:
       run: node ./scripts/prep-dojo-everything.js -e2e
 
     - name: Install e2e dependencies
-      working-directory: typescript-sdk/apps/dojo/e2e2
+      working-directory: typescript-sdk/apps/dojo/e2e
       run: |
-        pnpm install --frozen-lockfile
-        pnpm dlx playwright install --with-deps
+        pnpm install
 
     - name: write langgraph env files
       working-directory: typescript-sdk/integrations/langgraph
@@ -70,21 +69,38 @@ jobs:
         echo "OPENAI_API_KEY=${OPENAI_API_KEY}" > python/ag_ui_langgraph/.env
         echo "LANGSMITH_API_KEY=${LANGSMITH_API_KEY}" >> python/ag_ui_langgraph/.env
 
-    - name: Run dojo+agents and tests
-      working-directory: typescript-sdk/apps/dojo/e2e2
+    - name: Run dojo+agents
+      uses: JarvusInnovations/background-action@v1
       env:
         OPENAI_API_KEY: ${{ secrets.OPENAI_API_KEY }}
         LANGSMITH_API_KEY: ${{ secrets.LANGSMITH_API_KEY }}
-      run: |
-        node ../scripts/run-dojo-everything.js &
-        npx wait-port 9999
-        sleep 10
-        pnpm exec playwright test --reporter=dot
+      with:
+        run: |
+          node ../scripts/run-dojo-everything.js
+        working-directory: typescript-sdk/apps/dojo/e2e
+        wait-on: |
+          http://localhost:9999
+          tcp:localhost:8000
+          tcp:localhost:8001
+          tcp:localhost:8002
+          tcp:localhost:8003
+          tcp:localhost:8004
+          tcp:localhost:8005
+          tcp:localhost:8006
+          tcp:localhost:8007
+          tcp:localhost:8008
+          tcp:localhost:8009
+
+    - name: Run tests
+      working-directory: typescript-sdk/apps/dojo/e2e
+      env:
+        BASE_URL: http://localhost:9999
+      run: pnpm test
 
     - name: Upload traces
       if: always() # Uploads artifacts even if tests fail
       uses: actions/upload-artifact@v4
       with:
         name: playwright-traces
-        path: typescript-sdk/apps/dojo/e2e2/test-results/
+        path: typescript-sdk/apps/dojo/e2e/test-results/
         retention-days: 7

README.md

@@ -97,7 +97,7 @@ AG-UI was born from CopilotKit's initial partnership with LangGraph and CrewAI -
 | [LlamaIndex](https://github.com/run-llama/llama_index)             | ✅ Supported             | ➡️ [Docs](https://docs.copilotkit.ai/llamaindex)                             | 1st party                |
 | [Pydantic AI](https://github.com/pydantic/pydantic-ai)             | ✅ Supported             | ➡️ [Docs](https://docs.copilotkit.ai/pydantic-ai)                            | 1st party                |
 | [Vercel AI SDK](https://github.com/vercel/ai)                      | 🛠️ In Progress           | –                                                                            | Community                |
-| [Google ADK](https://google.github.io/adk-docs/get-started/)       | 🛠️ In Progress           | –                                                                            | Community                |
+| [Google ADK](https://google.github.io/adk-docs/get-started/)       | 🛠️ [PR](https://github.com/ag-ui-protocol/ag-ui/pull/274)           | –                                                                            | Community                |
 | [OpenAI Agent SDK](https://openai.github.io/openai-agents-python/) | 🛠️ In Progress           | –                                                                            | Community                |
 | [AWS Bedrock Agents](https://aws.amazon.com/bedrock/agents/)       | 🛠️ In Progress           | –                                                                            | 1st party                |
 | [Cloudflare Agents](https://developers.cloudflare.com/agents/)     | 💡 Open to Contributions | –                                                                            | Community                |
@@ -113,7 +113,7 @@ AG-UI was born from CopilotKit's initial partnership with LangGraph and CrewAI -
 | [Nim]()                                                            | 🛠️ In Progress            | ➡️ [PR](https://github.com/ag-ui-protocol/ag-ui/pull/29)                     |
 | [Golang]()                                                         | 🛠️ In Progress            | ➡️ [Issue](https://github.com/ag-ui-protocol/ag-ui/issues/156)               |
 | [Rust]()                                                           | 🛠️ In Progress            | ➡️ [Issue](https://github.com/ag-ui-protocol/ag-ui/issues/239)               |
-| [Java]()                                                           | 💡 Open to Contributions  | ➡️ [Issue](https://github.com/ag-ui-protocol/ag-ui/issues/20)                |
+| [Java]()                                                           | 🛠️ In Progress            | ➡️ [GitHub Source](https://github.com/work-m8/ag-ui-4j)                      |
 
 
 [View all supported frameworks →](https://ag-ui.com/frameworks)
@@ -153,4 +153,3 @@ Check out the [AG-UI Roadmap](https://github.com/orgs/ag-ui-protocol/projects/1)
 ## 📄 License
 
 AG-UI is open source software [licensed as MIT](https://opensource.org/licenses/MIT).  
-Maintained by [AG Protocol](https://www.agprotocol.ai).

typescript-sdk/apps/dojo/e2e/clean-reporter.js

@@ -1,3 +1,13 @@
+function getTimestamp() {
+  return (process.env.CI || process.env.VERBOSE)
+    ? new Date().toLocaleTimeString('en-US', { hour12: false })
+    : '';
+}
+
+function logStamp(...args) {
+  console.log(getTimestamp(), ...args);
+}
+
 class CleanReporter {
   onBegin(config, suite) {
     console.log(`\n🎭 Running ${suite.allTests().length} tests...\n`);
@@ -15,9 +25,9 @@ class CleanReporter {
       .trim();
 
     if (result.status === "passed") {
-      console.log(`✅ ${cleanSuite}: ${testName}`);
+      logStamp(`✅ ${cleanSuite}: ${testName}`);
     } else if (result.status === "failed") {
-      console.log(`❌ ${cleanSuite}: ${testName}`);
+      logStamp(`❌ ${cleanSuite}: ${testName}`);
 
       // Extract the most relevant error info
       const error = result.error || result.errors?.[0];
@@ -60,15 +70,14 @@ class CleanReporter {
 
   onEnd(result) {
     console.log("\n" + "=".repeat(60));
-    console.log(`📊 TEST SUMMARY`);
+    logStamp(`📊 TEST SUMMARY`);
     console.log("=".repeat(60));
 
-    console.log(`\n🔍 FAILURE ANALYSIS:`);
-    console.log(`• Most failures appear to be AI service related`);
-    console.log(`• Check API keys and service availability`);
-    console.log(
-      `• Run 'pnpm exec playwright show-report' for detailed HTML report`
-    );
+    if (!process.env.CI) {
+      console.log(
+        `• Run 'pnpm exec playwright show-report' for detailed HTML report`
+      );
+    }
 
     console.log("=".repeat(60) + "\n");
   }

typescript-sdk/apps/dojo/e2e/package.json

@@ -4,6 +4,7 @@
   "private": true,
   "description": "Scheduled Playwright smoke tests for CopilotKit demo apps",
   "scripts": {
+    "postinstall": "playwright install --with-deps",
     "test": "playwright test",
     "test:ui": "playwright test --ui"
   },

typescript-sdk/apps/dojo/e2e/pages/agnoPages/ToolBaseGenUIPage.ts

@@ -0,0 +1,114 @@
+import { Page, Locator, expect } from '@playwright/test';
+
+export class ToolBaseGenUIPage {
+  readonly page: Page;
+  readonly haikuAgentIntro: Locator;
+  readonly messageBox: Locator;
+  readonly sendButton: Locator;
+  readonly applyButton: Locator;
+  readonly appliedButton: Locator;
+  readonly haikuBlock: Locator;
+  readonly japaneseLines: Locator;
+
+  constructor(page: Page) {
+    this.page = page;
+    this.haikuAgentIntro = page.getByText("I'm a haiku generator 👋. How can I help you?");
+    this.messageBox = page.getByRole('textbox', { name: 'Type a message...' });
+    this.sendButton = page.locator('[data-test-id="copilot-chat-ready"]');
+    this.haikuBlock = page.locator('[data-testid="haiku-card"]');
+    this.applyButton = page.getByRole('button', { name: 'Apply' });
+    this.japaneseLines = page.locator('[data-testid="haiku-line"]');
+  }
+
+  async generateHaiku(message: string) {
+    await this.messageBox.click();
+    await this.messageBox.fill(message);
+    await this.sendButton.click();
+  }
+
+  async checkGeneratedHaiku() {
+    await this.page.locator('[data-testid="haiku-card"]').last().isVisible();
+    const mostRecentCard = this.page.locator('[data-testid="haiku-card"]').last();
+    await mostRecentCard.locator('[data-testid="haiku-line"]').first().waitFor({ state: 'visible', timeout: 10000 });
+  }
+
+  async extractChatHaikuContent(page: Page): Promise<string> {
+    await page.waitForTimeout(3000);
+    await page.locator('[data-testid="haiku-card"]').first().waitFor({ state: 'visible' });
+    const allHaikuCards = page.locator('[data-testid="haiku-card"]');
+    const cardCount = await allHaikuCards.count();
+    let chatHaikuContainer;
+    let chatHaikuLines;
+
+    for (let cardIndex = cardCount - 1; cardIndex >= 0; cardIndex--) {
+      chatHaikuContainer = allHaikuCards.nth(cardIndex);
+      chatHaikuLines = chatHaikuContainer.locator('[data-testid="haiku-line"]');
+      const linesCount = await chatHaikuLines.count();
+
+      if (linesCount > 0) {
+        try {
+          await chatHaikuLines.first().waitFor({ state: 'visible', timeout: 5000 });
+          break;
+        } catch (error) {
+          continue;
+        }
+      }
+    }
+
+    if (!chatHaikuLines) {
+      throw new Error('No haiku cards with visible lines found');
+    }
+
+    const count = await chatHaikuLines.count();
+    const lines: string[] = [];
+
+    for (let i = 0; i < count; i++) {
+      const haikuLine = chatHaikuLines.nth(i);
+      const japaneseText = await haikuLine.locator('p').first().innerText();
+      lines.push(japaneseText);
+    }
+
+    const chatHaikuContent = lines.join('').replace(/\s/g, '');
+    return chatHaikuContent;
+  }
+
+  async extractMainDisplayHaikuContent(page: Page): Promise<string> {
+    const mainDisplayLines = page.locator('[data-testid="main-haiku-line"]');
+    const mainCount = await mainDisplayLines.count();
+    const lines: string[] = [];
+
+    if (mainCount > 0) {
+      for (let i = 0; i < mainCount; i++) {
+        const haikuLine = mainDisplayLines.nth(i);
+        const japaneseText = await haikuLine.locator('p').first().innerText();
+        lines.push(japaneseText);
+      }
+    }
+
+    const mainHaikuContent = lines.join('').replace(/\s/g, '');
+    return mainHaikuContent;
+  }
+
+  async checkHaikuDisplay(page: Page): Promise<void> {
+    const chatHaikuContent = await this.extractChatHaikuContent(page);
+
+    await page.waitForTimeout(5000);
+
+    const mainHaikuContent = await this.extractMainDisplayHaikuContent(page);
+
+    if (mainHaikuContent === '') {
+      expect(chatHaikuContent.length).toBeGreaterThan(0);
+      return;
+    }
+
+    if (chatHaikuContent === mainHaikuContent) {
+      expect(mainHaikuContent).toBe(chatHaikuContent);
+    } else {
+      await page.waitForTimeout(3000);
+
+      const updatedMainContent = await this.extractMainDisplayHaikuContent(page);
+
+      expect(updatedMainContent).toBe(chatHaikuContent);
+    }
+  }
+}

typescript-sdk/apps/dojo/e2e/pages/crewAIPages/AgenticUIGenPage.ts

@@ -13,18 +13,16 @@ export class AgenticGenUIPage {
   constructor(page: Page) {
     this.page = page;
     this.planTaskButton = page.getByRole('button', { name: 'Agentic Generative UI' });
-
-    // Remove iframe references
     this.chatInput = page.getByRole('textbox', { name: 'Type a message...' });
     this.sendButton = page.locator('[data-test-id="copilot-chat-ready"]');
     this.agentMessage = page.locator('.copilotKitAssistantMessage');
     this.userMessage = page.locator('.copilotKitUserMessage');
     this.agentGreeting = page.getByText('This agent demonstrates');
-    this.agentPlannerContainer = page.locator('div.bg-gray-100.rounded-lg.w-\\[500px\\].p-4.text-black.space-y-2');
+    this.agentPlannerContainer = page.getByTestId('task-progress');
   }
 
   async plan() {
-    const stepItems = this.agentPlannerContainer.locator('div.text-sm');
+    const stepItems = this.agentPlannerContainer.getByTestId('task-step-text');
     const count = await stepItems.count();
     expect(count).toBeGreaterThan(0);
     for (let i = 0; i < count; i++) {
@@ -44,16 +42,14 @@ export class AgenticGenUIPage {
   }
 
   getPlannerButton(name: string | RegExp) {
-    // Remove iframe reference
     return this.page.getByRole('button', { name });
   }
 
   async assertAgentReplyVisible(expectedText: RegExp) {
-    await expect(this.agentMessage.getByText(expectedText)).toBeVisible();
+    await expect(this.agentMessage.last().getByText(expectedText)).toBeVisible();
   }
 
   async getUserText(textOrRegex) {
-    // Remove iframe reference
     return await this.page.getByText(textOrRegex).isVisible();
   }