Summary

This PR implements MCP Apps support for the Archestra Chat UI as requested in issue #1301. MCP Apps (per the MCP UI spec) are tools that provide a graphical UI rendered inside the chat interface via iframe.

Key Changes

• Backend (k8s-deployment.ts, manager.ts): Detect MCP servers that provide a UI and expose them as tools with mcpAppUrl
• Shared (schemas.ts): Extended AvailableToolSchema with optional mcpAppUrl field
• Frontend (agent-tools-display.tsx): MCP App tools display a blue APP badge and are clickable
• Frontend (mcp-app-panel.tsx): New McpAppPanel component renders the MCP App in a resizable side panel via sandboxed iframe

📹 Feature Demo

Step 1: MCP Apps in Chat UI

Tools with mcpAppUrl are highlighted with an APP badge. Clicking them opens the MCP App panel.

Step 2: Excalidraw MCP loaded in side panel

The Excalidraw whiteboard MCP App renders inside the chat’s side panel via iframe:

Step 3: n8n Workflow MCP loaded in side panel

The n8n workflow builder MCP App also renders in the same panel:

Step 4: Gateway compatibility

The mcpAppUrl field is part of the AvailableToolSchema (Zod), so it flows through both the MCP Gateway and LLM Gateway to any third-party UI that consumes the tools API. Third-party UIs can detect mcpAppUrl on a tool and render it however they choose.

Verification

• turbo type-check passes
• Local build successful
• Both Excalidraw and n8n MCP vendors tested and working

/claim #1301

Resolves #1301

Note: Previous PRs (#2912, #2913, #2926, #2927) were auto-closed for missing demo video. This PR includes the required demo.