Files
copilotkit__copilotkit/showcase/integrations/langgraph-fastapi/qa/shared-state-read-write.md
Alem Tuzlak 23a3b24a01 feat(showcase/integrations): shared-state-read-write + subagents demos across 15 packages
Adds real working Shared State (Read+Write) and Sub-Agents demos to 15
showcase integrations, mirroring the canonical langgraph-python and
google-adk reference implementations. Fills rows previously empty on
the showcase coverage dashboard.

Packages: ag2, agno, claude-sdk-python, claude-sdk-typescript,
crewai-crews, langgraph-fastapi, langgraph-typescript, langroid,
llamaindex, mastra, ms-agent-dotnet, ms-agent-python, pydantic-ai,
spring-ai, strands. (built-in-agent landed independently on main as
PR #4321 — its variant is canonical; this PR no longer touches it.)

Per-package deliverables: framework-native backend agents
(preferences-injection middleware/callback + set_notes tool;
supervisor + 3 sub-agents wired as tools with running -> completed
/failed delegation log); frontend page.tsx + preferences-card.tsx /
notes-card.tsx for SSRW and delegation-log.tsx for subagents — wired
to useAgent({ updates: [OnStateChanged] }); manifest entries; runtime
route registration + per-package agent server config; real QA
scripts.

Includes targeted hardening fixes from a 7-agent code-review loop:

- Sub-agent failure paths now correctly emit status: "failed"
  (previously hardcoded "completed" or unreachable in
  mastra/strands/langgraph-fastapi/langgraph-typescript/ag2)
- Parallel-tool-call delegation race fixed in langgraph-fastapi
  (Annotated[list, add]) and langgraph-typescript (concat reducer)
- Silent data loss eliminated in
  claude-sdk-python/claude-sdk-typescript/crewai-crews — empty
  JSON.parse catches now log + emit error events
- ms-agent-dotnet set_notes writes to per-thread slot via AsyncLocal
- mastra working-memory writes are deterministic via
  src/mastra/tools/working-memory.ts helper
- spring-ai tool-call envelope ids match supervisor's tc.id() and
  AG-UI event ordering reordered; CopyOnWriteArrayList for
  parallel-call safety
- Stack trace + raw error message leaks scrubbed across 8+ Next.js
  routes — log server-side with errorId + return generic envelope
- Sub-agent calls no longer block event loops in ag2
  (asyncio.to_thread), langroid (llm_response_async), pydantic-ai
  (async run + async tools)
- langroid lru_cache cross-request contamination dropped
- Numerous smaller items: claude-sdk-python invalid model id, Callable
  annotation, /health endpoint exposed; crewai-crews supervisor
  no longer resets delegations every turn; pydantic-ai snapshot uses
  model_dump()

CI fixes folded in:
- crewai-crews test_forwarded_props: extend the stubbed
  ag_ui_crewai.endpoint module to expose
  add_crewai_flow_fastapi_endpoint and add stub
  agents.shared_state_read_write / agents.subagents modules
- generate-catalog test: bump crewai-crews wired-cell expectation
  28 -> 30; replace hardcoded total-wired count with an invariant
  (wired + stub + unshipped = 737) plus a lower-bound floor
- oxfmt run on the qa/shared-state-read-write.md files in mastra +
  spring-ai

Rebased onto latest main (post showcase/packages -> showcase/integrations
rename + post built-in-agent landing). Original blitz history
preserved at the blitz-pre-rebase-snapshot tag.

Known follow-ups (deferred to follow-up PR):
- agno sync sub_agent.run() blocks event loop (perf only)
- ms-agent-python asyncio thread-fallback fragility
- llamaindex initial-state coercion when UI clears state
- Manifest highlight audit (langgraph-typescript headless-complete,
  langgraph-fastapi byoc-* missing route.ts highlights)
- agno hitl-in-chat declared in demos but not features; duplicate
  /demos/hitl-in-chat route
- langgraph-typescript server.mjs graphSpec only registers 3 graphs
  vs 23 in langgraph.json (pre-existing)
- mastra hitl legacy demo missing from features list
- claude-sdk-python agents/agent.py line 474 also has the legacy
  claude-opus-4-5 default
- PARITY_NOTES vs manifest mismatches for hitl-in-app across
  spring-ai/agno/ag2 (pre-existing)
- spring-ai a2ui-fixed-schema missing from generative_ui list
2026-04-28 18:36:13 +02:00

2.7 KiB

QA: Shared State (Read + Write) — LangGraph (FastAPI)

Prerequisites

  • Demo is deployed and accessible
  • Agent backend is healthy (check /api/copilotkit GET — agent_status: "reachable")
  • OPENAI_API_KEY is set in the agent environment

What this demo proves

  • UI -> agent (write): editing the preferences card writes the new preferences object straight into agent state via agent.setState.
  • agent -> UI (read): when the agent invokes its set_notes tool the notes slice of agent state updates and the Notes card re-renders.
  • agent -> reads UI writes: a PreferencesInjectorMiddleware reads preferences out of state every turn and prepends it to the system prompt, so the next reply visibly adapts.

Test Steps

1. Page loads with both cards

  • Navigate to /demos/shared-state-read-write
  • The Preferences card (data-testid="preferences-card") is visible
  • The Notes card (data-testid="notes-card") is visible
  • The Notes card shows "No notes yet" (data-testid="notes-empty")
  • The chat input on the right is visible

2. UI writes flow into agent state (preferences)

  • Type a name into pref-name (e.g. "Atai") — the JSON in pref-state-json updates immediately
  • Change tone to "playful" via pref-tone — JSON reflects it
  • Change language to "Spanish" via pref-language — JSON reflects it
  • Click two interest pills (e.g. Cooking, Music) — JSON interests array updates

3. Agent reads the UI-written preferences

  • In chat, send "Say hi and introduce yourself."
  • The agent reply addresses the user by the name from the card
  • The reply tone matches the selected tone
  • If language was changed (e.g. Spanish), the reply is in that language

4. Agent writes notes via set_notes

  • Send: "Remember that I prefer morning meetings and that I don't eat dairy."
  • Within ~10 seconds, the Notes card transitions away from notes-empty
  • At least one note-item appears with each remembered fact
  • Subsequent unrelated chat turns leave the notes intact

5. UI can clear agent-written state

  • With at least one note showing, click notes-clear-button
  • The Notes card returns to notes-empty immediately
  • No errors in the browser console

6. Error handling

  • Sending an empty message is handled gracefully (no crash)
  • Refreshing the page resets state to defaults; first turn re-seeds it

Expected Results

  • Chat loads within 3 seconds
  • Each preference edit reflects in pref-state-json immediately
  • Note updates land within 10 seconds of asking the agent to remember
  • No UI errors or broken layouts; no React warnings in console