POST /ui/{agentId} endpoints not working

Product Help LangGraph
1

Hello,

I am am following the generative react UI tutorial:

but i cant get the endpoints POST http://localhost:2024/ui/{agentId} to respond correctly, i just get a 404 error like:

UI not found for graph '35a30527-00a4-5a67-a07f-3807e4698022'

This is the langgraph config i am using:

{
  "dependencies": ["."],
  "graphs": {
    "viz": "./agents/viz/dashboard_agent.py:build_dashboard_graph"
  },
  "ui": {
    "viz": "./ui/ui-components.tsx"
  },
  "env": "./.env",
  "python_version": "3.12",
}

I tried using both the langgraph python and js cli, both give me the same error on the UI endpoints.

Using client components from react directly everything works but i would like to have the components defined and delivered server side.

Any idea about what can be missing? is this feature only available on langgragh platform and cant be used with thelanggraph dev or npx @langchain/langgraph-cli dev commands?

Thank you so much.

2

Found the reason of the issue:

curl 'http://127.0.0.1:2024/ui/35a30527-00a4-5a67-a07f-3807e4698022' --data-raw '{"name":"dashboard"}'
UI not found for graph '35a30527-00a4-5a67-a07f-3807e4698022'

curl 'http://127.0.0.1:2024/ui/viz' --data-raw '{"name":"dashboard"}' <script src="http://127.0.0.1:2024/ui/viz/entrypoint.js" onload='__LGUI_viz.render("dashboard", "{{shadowRootId}}")'></script>

somehow it works when using the agent name instead of the agent id, but i can’t change that easily when using LoadExternalComponent.

1 Like
3

found a way to avoid the problem by setting explicitly the namespace to the graph_id.