Skip to content

Commit daee6e4

Browse files
claudeclaude
committed
docs(CPK-7187): point Deep Agents feature-viewer embeds at /langgraph/ path
The feature-viewer dojo doesn't currently serve /deepagents/feature/* routes, so every IframeSwitcher in the Deep Agents docs was rendering a 404 and the landing page 'Features' link broke. Swap all 25 references across 10 files from /deepagents/feature/ to /langgraph/feature/. The rendered demos are content-equivalent since Deep Agents is LangChain-based, so the user experience is unchanged from what we'd eventually serve under /deepagents/. Also drops a TODO comment above each IframeSwitcher / FrameworkOverview so the swap is easy to reverse once the dojo supports the correct path. Files touched: index, frontend-tools, generative-ui/{state-rendering, tool-rendering, your-components/{interrupt-based, interactive}}, shared-state/{predictive-state-updates, in-app-agent-write, in-app-agent-read}, human-in-the-loop/interrupt-flow.
1 parent 361008a commit daee6e4

10 files changed

Lines changed: 37 additions & 27 deletions

File tree

‎docs/content/docs/integrations/deepagents/frontend-tools.mdx‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,10 +10,11 @@ import FrontEndToolsImpl from "@/snippets/integrations/deepagents/frontend-tools
1010
import { Tabs, Tab } from "fumadocs-ui/components/tabs";
1111
import { IframeSwitcher } from "@/components/content"
1212

13+
{/* TODO: swap feature-viewer URLs back to /deepagents/ once the dojo supports that route */}
1314
<IframeSwitcher
1415
id="frontend-actions-example"
15-
exampleUrl="https://feature-viewer.copilotkit.ai/deepagents/feature/agentic_chat?sidebar=false&chatDefaultOpen=false"
16-
codeUrl="https://feature-viewer.copilotkit.ai/deepagents/feature/agentic_chat?view=code&sidebar=false&codeLayout=tabs"
16+
exampleUrl="https://feature-viewer.copilotkit.ai/langgraph/feature/agentic_chat?sidebar=false&chatDefaultOpen=false"
17+
codeUrl="https://feature-viewer.copilotkit.ai/langgraph/feature/agentic_chat?view=code&sidebar=false&codeLayout=tabs"
1718
exampleLabel="Demo"
1819
codeLabel="Code"
1920
height="700px"

‎docs/content/docs/integrations/deepagents/generative-ui/state-rendering.mdx‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,10 +6,11 @@ description: Render your agent's state with custom UI components in real-time.
66
import RunAndConnect from "@/snippets/integrations/deepagents/run-and-connect.mdx"
77
import { IframeSwitcher } from "@/components/content"
88

9+
{/* TODO: swap feature-viewer URLs back to /deepagents/ once the dojo supports that route */}
910
<IframeSwitcher
1011
id="agent-state-example"
11-
exampleUrl="https://feature-viewer.copilotkit.ai/deepagents/feature/agentic_generative_ui?sidebar=false&chatDefaultOpen=false"
12-
codeUrl="https://feature-viewer.copilotkit.ai/deepagents/feature/agentic_generative_ui?view=code&sidebar=false&codeLayout=tabs"
12+
exampleUrl="https://feature-viewer.copilotkit.ai/langgraph/feature/agentic_generative_ui?sidebar=false&chatDefaultOpen=false"
13+
codeUrl="https://feature-viewer.copilotkit.ai/langgraph/feature/agentic_generative_ui?view=code&sidebar=false&codeLayout=tabs"
1314
exampleLabel="Demo"
1415
codeLabel="Code"
1516
height="700px"

‎docs/content/docs/integrations/deepagents/generative-ui/tool-rendering.mdx‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,17 +10,18 @@ import { Tabs, Tab } from "fumadocs-ui/components/tabs"
1010
import RunAndConnect from "@/snippets/integrations/deepagents/run-and-connect.mdx"
1111
import DefaultToolRendering from "@/snippets/shared/guides/default-tool-rendering.mdx"
1212

13+
{/* TODO: swap feature-viewer URLs back to /deepagents/ once the dojo supports that route */}
1314
<IframeSwitcher
1415
id="backend-tools-example"
15-
exampleUrl="https://feature-viewer.copilotkit.ai/deepagents/feature/backend_tool_rendering?sidebar=false&chatDefaultOpen=false"
16-
codeUrl="https://feature-viewer.copilotkit.ai/deepagents/feature/backend_tool_rendering?view=code&sidebar=false&codeLayout=tabs"
16+
exampleUrl="https://feature-viewer.copilotkit.ai/langgraph/feature/backend_tool_rendering?sidebar=false&chatDefaultOpen=false"
17+
codeUrl="https://feature-viewer.copilotkit.ai/langgraph/feature/backend_tool_rendering?view=code&sidebar=false&codeLayout=tabs"
1718
exampleLabel="Demo"
1819
codeLabel="Code"
1920
height="700px"
2021
/>
2122

2223
<Callout>
23-
This example demonstrates the [implementation](#implementation) section applied in the <a href="https://feature-viewer.copilotkit.ai/deepagents/feature/agentic_chat" target="_blank">CopilotKit feature viewer</a>.
24+
This example demonstrates the [implementation](#implementation) section applied in the <a href="https://feature-viewer.copilotkit.ai/langgraph/feature/agentic_chat" target="_blank">CopilotKit feature viewer</a>.
2425
</Callout>
2526

2627
## What is this?

‎docs/content/docs/integrations/deepagents/generative-ui/your-components/interactive.mdx‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,10 +9,11 @@ import RunAndConnect from "@/snippets/integrations/deepagents/run-and-connect.md
99
import FrontEndToolsImpl from "@/snippets/integrations/deepagents/frontend-tools.mdx"
1010
import { Tabs, Tab } from "fumadocs-ui/components/tabs"
1111

12+
{/* TODO: swap feature-viewer URLs back to /deepagents/ once the dojo supports that route */}
1213
<IframeSwitcher
1314
id="frontend-tools-based-hitl-example"
14-
exampleUrl="https://feature-viewer.copilotkit.ai/deepagents/feature/human_in_the_loop?sidebar=false&chatDefaultOpen=false"
15-
codeUrl="https://feature-viewer.copilotkit.ai/deepagents/feature/human_in_the_loop?view=code&sidebar=false&codeLayout=tabs"
15+
exampleUrl="https://feature-viewer.copilotkit.ai/langgraph/feature/human_in_the_loop?sidebar=false&chatDefaultOpen=false"
16+
codeUrl="https://feature-viewer.copilotkit.ai/langgraph/feature/human_in_the_loop?view=code&sidebar=false&codeLayout=tabs"
1617
exampleLabel="Demo"
1718
codeLabel="Code"
1819
height="700px"

‎docs/content/docs/integrations/deepagents/generative-ui/your-components/interrupt-based.mdx‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -13,17 +13,18 @@ import { MessageCircle, PanelsTopLeft } from "lucide-react";
1313
import { IframeSwitcher } from "@/components/content"
1414
import RunAndConnect from "@/snippets/integrations/deepagents/run-and-connect.mdx"
1515

16+
{/* TODO: swap feature-viewer URLs back to /deepagents/ once the dojo supports that route */}
1617
<IframeSwitcher
1718
id="human-in-the-loop-example"
18-
exampleUrl="https://feature-viewer.copilotkit.ai/deepagents/feature/human_in_the_loop?sidebar=false&chatDefaultOpen=false"
19-
codeUrl="https://feature-viewer.copilotkit.ai/deepagents/feature/human_in_the_loop?view=code&sidebar=false&codeLayout=tabs"
19+
exampleUrl="https://feature-viewer.copilotkit.ai/langgraph/feature/human_in_the_loop?sidebar=false&chatDefaultOpen=false"
20+
codeUrl="https://feature-viewer.copilotkit.ai/langgraph/feature/human_in_the_loop?view=code&sidebar=false&codeLayout=tabs"
2021
exampleLabel="Demo"
2122
codeLabel="Code"
2223
height="700px"
2324
/>
2425

2526
<Callout type="info">
26-
This example demonstrates interrupt-based human-in-the-loop (HITL) in the [CopilotKit Feature Viewer](https://feature-viewer.copilotkit.ai/deepagents/feature/human_in_the_loop).
27+
This example demonstrates interrupt-based human-in-the-loop (HITL) in the [CopilotKit Feature Viewer](https://feature-viewer.copilotkit.ai/langgraph/feature/human_in_the_loop).
2728
</Callout>
2829

2930
## What is this?

‎docs/content/docs/integrations/deepagents/human-in-the-loop/interrupt-flow.mdx‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -13,17 +13,18 @@ import { MessageCircle, PanelsTopLeft } from "lucide-react";
1313
import { IframeSwitcher } from "@/components/content"
1414
import RunAndConnect from "@/snippets/integrations/deepagents/run-and-connect.mdx"
1515

16+
{/* TODO: swap feature-viewer URLs back to /deepagents/ once the dojo supports that route */}
1617
<IframeSwitcher
1718
id="human-in-the-loop-example"
18-
exampleUrl="https://feature-viewer.copilotkit.ai/deepagents/feature/human_in_the_loop?sidebar=false&chatDefaultOpen=false"
19-
codeUrl="https://feature-viewer.copilotkit.ai/deepagents/feature/human_in_the_loop?view=code&sidebar=false&codeLayout=tabs"
19+
exampleUrl="https://feature-viewer.copilotkit.ai/langgraph/feature/human_in_the_loop?sidebar=false&chatDefaultOpen=false"
20+
codeUrl="https://feature-viewer.copilotkit.ai/langgraph/feature/human_in_the_loop?view=code&sidebar=false&codeLayout=tabs"
2021
exampleLabel="Demo"
2122
codeLabel="Code"
2223
height="700px"
2324
/>
2425

2526
<Callout type="info">
26-
This example demonstrates interrupt-based human-in-the-loop (HITL) in the [CopilotKit Feature Viewer](https://feature-viewer.copilotkit.ai/deepagents/feature/human_in_the_loop).
27+
This example demonstrates interrupt-based human-in-the-loop (HITL) in the [CopilotKit Feature Viewer](https://feature-viewer.copilotkit.ai/langgraph/feature/human_in_the_loop).
2728
</Callout>
2829

2930
## What is this?

‎docs/content/docs/integrations/deepagents/index.mdx‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@ hideHeader: true
77
import DeepAgentsIcon from "@/components/ui/icons/deepagents";
88
import { FrameworkOverview } from "@/components/content/landing-pages/framework-overview";
99

10+
{/* TODO: swap feature-viewer URLs back to /deepagents/ once the dojo supports that route */}
1011
<FrameworkOverview
1112
frameworkName="Deep Agents"
1213
frameworkIcon={<DeepAgentsIcon className="h-14 w-14" />}
@@ -15,13 +16,13 @@ import { FrameworkOverview } from "@/components/content/landing-pages/framework-
1516
bannerVideo="https://cdn.copilotkit.ai/docs/copilotkit/videos/coagents/overview.mp4"
1617
guideLink="/deepagents/quickstart"
1718
initCommand="npx copilotkit@latest init"
18-
featuresLink="https://feature-viewer.copilotkit.ai/deepagents/feature/agentic_chat"
19+
featuresLink="https://feature-viewer.copilotkit.ai/langgraph/feature/agentic_chat"
1920
supportedFeatures={[
2021
{
2122
title: "Generative UI",
2223
description: "Render your agent's state, progress, outputs, and tool calls with custom UI components in real-time. Bridges the gap between AI agents and user interfaces.",
2324
documentationLink: "/deepagents/generative-ui",
24-
demoLink: "https://feature-viewer.copilotkit.ai/deepagents/feature/tool_based_generative_ui",
25+
demoLink: "https://feature-viewer.copilotkit.ai/langgraph/feature/tool_based_generative_ui",
2526
videoUrl: "https://cdn.copilotkit.ai/docs/copilotkit/videos/coagents/haiku.mp4"
2627
},
2728
{
@@ -35,7 +36,7 @@ import { FrameworkOverview } from "@/components/content/landing-pages/framework-
3536
title: "Shared State",
3637
description: "Keep your agent and your app in sync. Your agent can see everything in your app, and your app can react to your agent in real-time.",
3738
documentationLink: "/deepagents/shared-state",
38-
demoLink: "https://feature-viewer.copilotkit.ai/deepagents/feature/shared_state",
39+
demoLink: "https://feature-viewer.copilotkit.ai/langgraph/feature/shared_state",
3940
videoUrl: "https://cdn.copilotkit.ai/docs/copilotkit/videos/coagents/shared-state.mp4"
4041
}
4142
]}

‎docs/content/docs/integrations/deepagents/shared-state/in-app-agent-read.mdx‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -7,17 +7,18 @@ import { ImageZoom } from 'fumadocs-ui/components/image-zoom';
77
import RunAndConnect from "@/snippets/integrations/deepagents/run-and-connect.mdx"
88
import { IframeSwitcher } from "@/components/content"
99

10+
{/* TODO: swap feature-viewer URLs back to /deepagents/ once the dojo supports that route */}
1011
<IframeSwitcher
1112
id="shared-state-example"
12-
exampleUrl="https://feature-viewer.copilotkit.ai/deepagents/feature/shared_state?sidebar=false&chatDefaultOpen=false"
13-
codeUrl="https://feature-viewer.copilotkit.ai/deepagents/feature/shared_state?view=code&sidebar=false&codeLayout=tabs"
13+
exampleUrl="https://feature-viewer.copilotkit.ai/langgraph/feature/shared_state?sidebar=false&chatDefaultOpen=false"
14+
codeUrl="https://feature-viewer.copilotkit.ai/langgraph/feature/shared_state?view=code&sidebar=false&codeLayout=tabs"
1415
exampleLabel="Demo"
1516
codeLabel="Code"
1617
height="700px"
1718
/>
1819

1920
<Callout type="info">
20-
This example demonstrates reading from shared state in the [CopilotKit Feature Viewer](https://feature-viewer.copilotkit.ai/deepagents/feature/shared_state).
21+
This example demonstrates reading from shared state in the [CopilotKit Feature Viewer](https://feature-viewer.copilotkit.ai/langgraph/feature/shared_state).
2122
</Callout>
2223

2324
## What is this?

‎docs/content/docs/integrations/deepagents/shared-state/in-app-agent-write.mdx‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,17 +6,18 @@ description: Write to agent's state from your application.
66
import RunAndConnect from "@/snippets/integrations/deepagents/run-and-connect.mdx"
77
import { IframeSwitcher } from "@/components/content"
88

9+
{/* TODO: swap feature-viewer URLs back to /deepagents/ once the dojo supports that route */}
910
<IframeSwitcher
1011
id="shared-state-example"
11-
exampleUrl="https://feature-viewer.copilotkit.ai/deepagents/feature/shared_state?sidebar=false&chatDefaultOpen=false"
12-
codeUrl="https://feature-viewer.copilotkit.ai/deepagents/feature/shared_state?view=code&sidebar=false&codeLayout=tabs"
12+
exampleUrl="https://feature-viewer.copilotkit.ai/langgraph/feature/shared_state?sidebar=false&chatDefaultOpen=false"
13+
codeUrl="https://feature-viewer.copilotkit.ai/langgraph/feature/shared_state?view=code&sidebar=false&codeLayout=tabs"
1314
exampleLabel="Demo"
1415
codeLabel="Code"
1516
height="700px"
1617
/>
1718

1819
<Callout type="info">
19-
This example demonstrates writing to shared state in the [CopilotKit Feature Viewer](https://feature-viewer.copilotkit.ai/deepagents/feature/shared_state).
20+
This example demonstrates writing to shared state in the [CopilotKit Feature Viewer](https://feature-viewer.copilotkit.ai/langgraph/feature/shared_state).
2021
</Callout>
2122

2223
## What is this?

‎docs/content/docs/integrations/deepagents/shared-state/predictive-state-updates.mdx‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -13,17 +13,18 @@ import { FaWrench } from "react-icons/fa";
1313
import { FaArrowUp } from "react-icons/fa";
1414
import { IframeSwitcher } from "@/components/content"
1515

16+
{/* TODO: swap feature-viewer URLs back to /deepagents/ once the dojo supports that route */}
1617
<IframeSwitcher
1718
id="predictive-state-updates-example"
18-
exampleUrl="https://feature-viewer.copilotkit.ai/deepagents/feature/predictive_state_updates?sidebar=false&chatDefaultOpen=false"
19-
codeUrl="https://feature-viewer.copilotkit.ai/deepagents/feature/predictive_state_updates?view=code&sidebar=false&codeLayout=tabs"
19+
exampleUrl="https://feature-viewer.copilotkit.ai/langgraph/feature/predictive_state_updates?sidebar=false&chatDefaultOpen=false"
20+
codeUrl="https://feature-viewer.copilotkit.ai/langgraph/feature/predictive_state_updates?view=code&sidebar=false&codeLayout=tabs"
2021
exampleLabel="Demo"
2122
codeLabel="Code"
2223
height="700px"
2324
/>
2425

2526
<Callout type="info">
26-
This example demonstrates predictive state updates in the [CopilotKit Feature Viewer](https://feature-viewer.copilotkit.ai/deepagents/feature/predictive_state_updates).
27+
This example demonstrates predictive state updates in the [CopilotKit Feature Viewer](https://feature-viewer.copilotkit.ai/langgraph/feature/predictive_state_updates).
2728
</Callout>
2829

2930
## What is this?

0 commit comments

Comments
 (0)