docs(blog): human-in-the-loop AG-UI agents in Angular#571
Merged
Conversation
Cross-adapter parity angle ("same UI, two adapters"): a full-length
standalone tutorial covering the new ag-ui interrupt support, mirroring
Brian's 2026-05-28 LangGraph HITL post structure but distinguishing on
the byte-identical-component-except-the-import claim. Covers AG-UI
wire specifics (CUSTOM on_interrupt, dump_json_safe JSON-string value,
forwardedProps.command.resume) and the ag-ui-langgraph + uvicorn
MemorySaver infra detail. Voice matches feedback_blog_voice_no_anecdotes.
… hook Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…+ component) Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
3 tasks
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
New blog post:
apps/website/content/blog/2026-06-04-human-in-the-loop-ag-ui-agents-in-angular.mdx— a full standalone tutorial covering the AG-UI adapter's new interrupt support, distinguished from the May 28 LangGraph HITL post by the "same UI, two adapters" parity angle.injectAgentimport. The post shows the literal diff and walks why the runtime-neutralAgentcontract makes that true.CUSTOMon_interruptevent,ag-ui-langgraph'sdump_json_safeJSON-stringvalue(the adapter parses it for you),forwardedProps.command.resume, andMemorySaverbeing mandatory for plain uvicorn (sincelanggraph devinjects one but uvicorn doesn't).ag-ui-langgraph, with a/okhealth route — and the Angular swap (provideAgent({ url })+ proxy → uvicorn).cockpit/ag-ui/interruptssource (graph.py extract, server.py, app.config.ts, proxy.conf.mjs, interrupts.component.ts).<figure>placeholders at the precedent post's matching beats. PNG captures are a deliberate follow-up step (the post ships with descriptivealttext + figcaptions; editor fills in screenshots before publish).Design spec:
docs/superpowers/specs/2026-06-04-ag-ui-interrupts-blog-post-design.mdImplementation plan:
docs/superpowers/plans/2026-06-04-ag-ui-interrupts-blog-post.mdTest Plan
cockpit/ag-ui/interruptssource — verified bydiff.on_interruptevent,dump_json_safeserialization,MemorySavermandatory for uvicorn,forwarded_props.command.resumeserver read, reducer parses stringvalue,submit({ resume })callsrunAgent({ forwardedProps: ... })./blog/2026-05-28-…,/blog/2026-05-21-…,/docs/ag-ui/guides/interrupts,/docs/choosing-an-adapter).apps/website/public/blog/2026-06-04-human-in-the-loop-ag-ui-agents-in-angular/{1,2,3}.pngbefore publish. (Deliberate follow-up.)🤖 Generated with Claude Code