Refactor quickstart documentation and remove deprecated pages

- Updated the quickstart section to replace "build" and "connect" pages with "middleware" and "server" pages.
- Removed the "build" and "connect" documentation files as they are no longer relevant.
- Adjusted the introduction to reflect the new quickstart paths and updated card titles accordingly.
- Updated routing in the docs configuration to align with the new structure.

Author: mme

docs/docs.json

@@ -19,7 +19,7 @@
               "introduction",
               {
                 "group": "Quickstart",
-                "pages": ["quickstart/build", "quickstart/connect"]
+                "pages": ["quickstart/middleware", "quickstart/server"]
               },
               "integrations"
             ]
@@ -126,6 +126,14 @@
     {
       "source": "/quickstart",
       "destination": "/quickstart/build"
+    },
+    {
+      "source": "/quickstart/connect",
+      "destination": "/quickstart/middleware"
+    },
+    {
+      "source": "/quickstart/build",
+      "destination": "/quickstart/server"
     }
   ]
 }

docs/introduction.mdx

@@ -136,24 +136,27 @@ These protocols serve complementary purposes in the agent ecosystem:
 Choose the path that fits your needs:
 
 <CardGroup cols={2}>
-  <Card
-    title="Build with AG-UI"
-    icon="wrench"
-    href="/quickstart/build"
+ <Card
+    title="AG-UI Middleware Connectors"
+    icon="bolt"
+    href="/quickstart/middleware"
     color="#3B82F6"
     iconType="solid"
   >
-    Implement AG-UI events directly in your agent framework
+    Connect AG-UI with existing protocols, in process agents or custom solutions
+    **using TypeScript**
   </Card>
+
   <Card
-    title="Connect to AG-UI"
-    icon="bolt"
-    href="/quickstart/connect"
+    title="AG-UI Compatible Servers"
+    icon="wrench"
+    href="/quickstart/server"
     color="#3B82F6"
     iconType="solid"
   >
-    Connect AG-UI with existing protocols or custom solutions
+    Implement AG-UI compatible servers **using Python or TypeScript**
   </Card>
+ 
 </CardGroup>
 
 ## Resources
@@ -207,18 +210,7 @@ Dive deeper into AG-UI's core concepts and capabilities:
   >
     Understand how AG-UI connects agents, protocols, and front-ends
   </Card>
-  {/* <Card title="Resources" icon="database" href="/docs/concepts/resources">
-    Expose data and content from your servers to LLMs
-  </Card>
-  <Card title="Prompts" icon="message" href="/docs/concepts/prompts">
-    Create reusable prompt templates and workflows
-  </Card>
-  <Card title="Tools" icon="wrench" href="/docs/concepts/tools">
-    Enable LLMs to perform actions through your server
-  </Card>
-  <Card title="Sampling" icon="robot" href="/docs/concepts/sampling">
-    Let your servers request completions from LLMs
-  </Card> */}
+
   <Card
     title="Transports"
     icon="network-wired"

docs/quickstart/connect.mdx renamed to docs/quickstart/middleware.mdx

@@ -1,6 +1,8 @@
 ---
-title: "Connect to AG-UI"
-description: "Connect AG-UI with existing protocols or custom solutions"
+title: "AG-UI Middleware Connectors"
+description:
+  "Connect AG-UI with existing protocols, in process agents or custom solutions
+  using TypeScript"
 ---
 
 # Getting Started with AG-UI
@@ -53,10 +55,10 @@ git clone [email protected]:ag-ui-protocol/ag-ui.git
 cd ag-ui/typescript-sdk
 ```
 
-Copy the starter template to create your OpenAI integration:
+Copy the middleware-starter template to create your OpenAI integration:
 
 ```bash
-cp -r integrations/starter integrations/openai
+cp -r integrations/middleware-starter integrations/openai
 ```
 
 ### Update metadata
@@ -133,7 +135,7 @@ Head over to [http://localhost:3000](http://localhost:3000) and choose
 **OpenAI** from the drop-down. You'll see the stub agent replies with **Hello
 world!** for now.
 
-Here's what's happening with that stub agent (`StarterAgent`):
+Here's what's happening with that stub agent:
 
 ```ts
 // integrations/openai/src/index.ts

docs/quickstart/build.mdx renamed to docs/quickstart/server.mdx

@@ -1,6 +1,6 @@
 ---
-title: "Build with AG-UI"
-description: "Implement AG-UI events directly in your agent framework"
+title: "AG-UI Compatible Servers"
+description: "Implement AG-UI compatible servers"
 ---
 
 In this tutorial, you'll learn how to build an HTTP endpoint that is compatible

typescript-sdk/apps/dojo/package.json

@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "@ag-ui/mastra": "workspace:*",
-    "@ag-ui/starter": "workspace:*",
+    "@ag-ui/middleware-starter": "workspace:*",
     "@ag-ui/vercel-ai-sdk": "workspace:*",
     "@ai-sdk/openai": "^1.3.22",
     "@copilotkit/react-core": "1.8.12",

typescript-sdk/apps/dojo/src/agents.ts

@@ -1,16 +1,16 @@
 import { AgentIntegrationConfig } from "./types/integration";
-import { StarterAgent } from "@ag-ui/starter";
+import { MiddlewareStarterAgent } from "@ag-ui/middleware-starter";
 import { MastraClient } from "@mastra/client-js";
 import { MastraAgent } from "@ag-ui/mastra";
 import { VercelAISDKAgent } from "@ag-ui/vercel-ai-sdk";
 import { openai } from "@ai-sdk/openai";
 
 export const agentsIntegrations: AgentIntegrationConfig[] = [
   {
-    id: "starter",
+    id: "middleware-starter",
     agents: async () => {
       return {
-        agentic_chat: new StarterAgent(),
+        agentic_chat: new MiddlewareStarterAgent(),
       };
     },
   },

typescript-sdk/apps/dojo/src/app/[integrationId]/not-found.tsx

@@ -6,7 +6,7 @@ export default function NotFound() {
     <div className="flex-1 h-screen w-full flex flex-col items-center justify-center p-8">
       <h1 className="text-4xl font-bold text-center mb-4">Integration Not Found</h1>
       <p className="text-muted-foreground mb-6 text-center">
-        The integration you're looking for doesn't exist.
+        The integration you&apos;re looking for doesn&apos;t exist.
       </p>
       <Link
         href="/"

typescript-sdk/apps/dojo/src/components/sidebar/sidebar.tsx

@@ -17,6 +17,7 @@ import {
 } from "../ui/dropdown-menu";
 import { Button } from "../ui/button";
 import { menuIntegrations } from "@/menu";
+import { Feature } from "@/types/integration";
 
 interface SidebarProps {
   activeTab?: string;
@@ -42,7 +43,9 @@ export function Sidebar({ activeTab = "preview", onTabChange, readmeContent }: S
 
   // Filter demos based on current integration's features
   const filteredDemos = currentIntegration
-    ? featureConfig.filter((demo) => currentIntegration.features.includes(demo.id))
+    ? featureConfig.filter((demo) =>
+        currentIntegration.features.includes(demo as unknown as Feature),
+      )
     : []; // Show no demos if no integration is selected
 
   // Handle selecting a demo

typescript-sdk/apps/dojo/src/menu.ts

@@ -2,8 +2,8 @@ import { MenuIntegrationConfig } from "./types/integration";
 
 export const menuIntegrations: MenuIntegrationConfig[] = [
   {
-    id: "starter",
-    name: "Starter",
+    id: "middleware-starter",
+    name: "Middleware Starter",
     features: ["agentic_chat"],
   },
   {