fix(showcase): register all 25 graphs in langgraph-typescript server

The production LangGraph server only registered 5 of 25 graphs from
langgraph.json, causing 404s for all unregistered graph endpoints.
Also adds 6 missing agent registrations to the main route and
normalizes deploymentUrl trailing slashes across dedicated routes.

Author: jpr5

showcase/integrations/langgraph-typescript/src/agent/server.mjs

@@ -40,12 +40,36 @@ const __dirname = path.dirname(fileURLToPath(import.meta.url));
 // production parser walks the source file with the TypeScript API; pointing at
 // dist/graph.js still works because the parser reads whatever path we hand it,
 // but the runtime import lives in the same location so no tsx is required.
+// IMPORTANT: This must stay in sync with langgraph.json. Every graph
+// the Next.js API routes reference must be registered here, otherwise the
+// LangGraph server returns 404 on /runs/stream and the runtime surfaces
+// net::ERR_ABORTED to the browser.
 const graphSpec = {
   starterAgent: "./graph.ts:graph",
-  shared_state_read_write: "./shared-state-read-write.ts:graph",
-  subagents: "./subagents.ts:graph",
+  beautiful_chat: "./beautiful-chat.ts:graph",
+  headless_complete: "./headless-complete.ts:graph",
+  multimodal: "./multimodal.ts:graph",
+  agent_config_agent: "./agent-config.ts:graph",
+  "agentic-chat-reasoning": "./reasoning-agent.ts:graph",
+  "reasoning-default-render": "./reasoning-agent.ts:graph",
+  "tool-rendering-default-catchall": "./tool-rendering.ts:graph",
+  "tool-rendering-custom-catchall": "./tool-rendering.ts:graph",
+  "tool-rendering-reasoning-chain": "./tool-rendering-reasoning-chain.ts:graph",
+  interrupt_agent: "./interrupt-agent.ts:graph",
+  a2ui_dynamic: "./a2ui-dynamic.ts:graph",
+  a2ui_fixed: "./a2ui-fixed.ts:graph",
+  mcp_apps: "./mcp-apps.ts:graph",
+  frontend_tools: "./frontend-tools.ts:graph",
+  frontend_tools_async: "./frontend-tools-async.ts:graph",
   hitl_in_app: "./hitl-in-app.ts:graph",
   hitl_in_chat: "./hitl-in-chat.ts:graph",
+  readonly_state_agent_context: "./readonly-state.ts:graph",
+  byoc_hashbrown: "./byoc-hashbrown.ts:graph",
+  byoc_json_render: "./byoc-json-render.ts:graph",
+  open_gen_ui: "./open-gen-ui.ts:graph",
+  open_gen_ui_advanced: "./open-gen-ui-advanced.ts:graph",
+  shared_state_read_write: "./shared-state-read-write.ts:graph",
+  subagents: "./subagents.ts:graph",
 };
 
 // Pre-warm schema cache before we accept traffic. This is what the official

showcase/integrations/langgraph-typescript/src/app/api/copilotkit-a2ui-fixed-schema/route.ts

@@ -14,7 +14,7 @@ const LANGGRAPH_URL =
   process.env.LANGGRAPH_DEPLOYMENT_URL || "http://localhost:8123";
 
 const a2uiFixedSchemaAgent = new LangGraphAgent({
-  deploymentUrl: LANGGRAPH_URL,
+  deploymentUrl: `${LANGGRAPH_URL}/`,
   graphId: "a2ui_fixed",
   langsmithApiKey: process.env.LANGSMITH_API_KEY || "",
 });

showcase/integrations/langgraph-typescript/src/app/api/copilotkit-agent-config/route.ts

@@ -142,7 +142,7 @@ function repackForwardedPropsIntoConfigurable<
 }
 
 const agentConfigAgent = new AgentConfigLangGraphAgent({
-  deploymentUrl: LANGGRAPH_URL,
+  deploymentUrl: `${LANGGRAPH_URL}/`,
   graphId: "agent_config_agent",
   langsmithApiKey: process.env.LANGSMITH_API_KEY || "",
 });

showcase/integrations/langgraph-typescript/src/app/api/copilotkit-byoc-hashbrown/route.ts

@@ -23,7 +23,7 @@ const LANGGRAPH_URL =
   process.env.LANGGRAPH_DEPLOYMENT_URL || "http://localhost:8123";
 
 const byocHashbrownAgent = new LangGraphAgent({
-  deploymentUrl: LANGGRAPH_URL,
+  deploymentUrl: `${LANGGRAPH_URL}/`,
   graphId: "byoc_hashbrown",
   langsmithApiKey: process.env.LANGSMITH_API_KEY || "",
 });

showcase/integrations/langgraph-typescript/src/app/api/copilotkit-byoc-json-render/route.ts

@@ -20,7 +20,7 @@ const LANGGRAPH_URL =
   process.env.LANGGRAPH_DEPLOYMENT_URL || "http://localhost:8123";
 
 const byocJsonRenderAgent = new LangGraphAgent({
-  deploymentUrl: LANGGRAPH_URL,
+  deploymentUrl: `${LANGGRAPH_URL}/`,
   graphId: "byoc_json_render",
   langsmithApiKey: process.env.LANGSMITH_API_KEY || "",
 });

showcase/integrations/langgraph-typescript/src/app/api/copilotkit-declarative-gen-ui/route.ts

@@ -16,7 +16,7 @@ const LANGGRAPH_URL =
   process.env.LANGGRAPH_DEPLOYMENT_URL || "http://localhost:8123";
 
 const declarativeGenUiAgent = new LangGraphAgent({
-  deploymentUrl: LANGGRAPH_URL,
+  deploymentUrl: `${LANGGRAPH_URL}/`,
   graphId: "a2ui_dynamic",
   langsmithApiKey: process.env.LANGSMITH_API_KEY || "",
 });

showcase/integrations/langgraph-typescript/src/app/api/copilotkit-ogui/route.ts

@@ -16,12 +16,12 @@ const LANGGRAPH_URL =
   process.env.LANGGRAPH_DEPLOYMENT_URL || "http://localhost:8123";
 
 const openGenUiAgent = new LangGraphAgent({
-  deploymentUrl: LANGGRAPH_URL,
+  deploymentUrl: `${LANGGRAPH_URL}/`,
   graphId: "open_gen_ui",
   langsmithApiKey: process.env.LANGSMITH_API_KEY || "",
 });
 const openGenUiAdvancedAgent = new LangGraphAgent({
-  deploymentUrl: LANGGRAPH_URL,
+  deploymentUrl: `${LANGGRAPH_URL}/`,
   graphId: "open_gen_ui_advanced",
   langsmithApiKey: process.env.LANGSMITH_API_KEY || "",
 });

showcase/integrations/langgraph-typescript/src/app/api/copilotkit/route.ts

@@ -42,6 +42,8 @@ const starterAgentNames = [
   // Headless Chat (Simple) — reuses the default `starterAgent` graph; the
   // demo's surface and frontend tool wiring live in the page component.
   "headless-simple",
+  // Hitl demo (original) — reuses starter agent.
+  "hitl",
 ];
 
 const agents: Record<string, LangGraphAgent> = {};
@@ -68,6 +70,13 @@ const demoAgents: Record<string, string> = {
   "readonly-state-agent-context": "readonly_state_agent_context",
   "shared-state-read-write": "shared_state_read_write",
   subagents: "subagents",
+  // Reasoning demos — use dedicated reasoning agent graph.
+  "agentic-chat-reasoning": "agentic-chat-reasoning",
+  "reasoning-default-render": "reasoning-default-render",
+  // Tool rendering variants — each has its own graph in langgraph.json.
+  "tool-rendering-default-catchall": "tool-rendering-default-catchall",
+  "tool-rendering-custom-catchall": "tool-rendering-custom-catchall",
+  "tool-rendering-reasoning-chain": "tool-rendering-reasoning-chain",
 };
 for (const [agentName, graphId] of Object.entries(demoAgents)) {
   agents[agentName] = createAgent(graphId);