Skip to content

chore(shadcn): update Agents UI components /w disabled scroll anchors#348

Closed
thomasyuill-livekit wants to merge 8 commits into
mainfrom
ty/remove-transcript-autoscroll
Closed

chore(shadcn): update Agents UI components /w disabled scroll anchors#348
thomasyuill-livekit wants to merge 8 commits into
mainfrom
ty/remove-transcript-autoscroll

Conversation

@thomasyuill-livekit

@thomasyuill-livekit thomasyuill-livekit commented Jul 22, 2026

Copy link
Copy Markdown
Contributor

Summary

Related to livekit/components-js#1365

  • Replaces the custom ai-elements components with @shadcn/react
  • Bumps tailwindcss and @tailwindcss/postcss to 4.3.3
  • Removes the autoScroll prop from MessageScrollerProvider in AgentChatTranscript so the transcript no longer auto-follows to the bottom as new messages arrive.

Builds on #347

Test plan

https://sandbox-voice-assistant-git-ty-remove-transcript-autoscroll.staging.livekit.io/

The cloud agent sandbox connected to the preview environment was not connecting
So I've updated the preview environment to use the livekit.com homepage demo agent (change)

  • pnpm build completes successfully
  • Manually verify chat transcript renders messages correctly and the scroll-to-bottom button is centered
  • Send a message and verify the transcript does not auto-scroll to the bottom
  • Confirm the scroll-to-end button still works to manually jump to the latest message

thomasyuill-livekit and others added 5 commits July 21, 2026 12:25
Replaces the custom ai-elements/{conversation,message,shimmer} components with @shadcn/react's MessageScroller, Message, and Bubble primitives across agents-ui, and updates several agents-ui/ui components for compatibility. Also bumps tailwindcss and @tailwindcss/postcss to 4.3.3 so the inset-s-* logical-inset utility (used to center the scroll-to-bottom button) is recognized, and reformats affected files to match the new class-sort order.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
…prompts

The --overwrite flag silently clobbered any customized component files, contradicting the README's documented promise that the CLI asks before overwriting modified files.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Vercel flags Node.js 20.x as deprecated for builds after 2026-10-01. Adding engines.node pins the required version so Vercel picks up 24.x automatically, and bumps @types/node to match.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Preview deployments need to hit this route without a full auth layer; gate the exception behind IS_VERCEL_PREVIEW so production still requires NODE_ENV=development.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
@vercel

vercel Bot commented Jul 22, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
sandbox-voice-assistant Ready Ready Preview Jul 22, 2026 6:00pm

Request Review

Add a Marker-based "Thinking..." indicator with a shimmer effect (replacing
the bare pulsing dot), tune MessageScrollerProvider's scrollEdgeThreshold,
restructure the transcript container in agent-session-block.tsx to overlay
absolutely instead of a flex column, and pull in the shadcn CLI package plus
its generated Tailwind entrypoint.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
@thomasyuill-livekit
thomasyuill-livekit force-pushed the ty/fix-scroller-button-center branch from 64c2206 to 5894f89 Compare July 22, 2026 16:19
@thomasyuill-livekit
thomasyuill-livekit changed the base branch from ty/fix-scroller-button-center to main July 22, 2026 16:19
@thomasyuill-livekit thomasyuill-livekit changed the title fix: disable autoscroll on agent chat transcript chore(shadcn): update Agents UI components /w disabled auto scroll Jul 22, 2026
@thomasyuill-livekit
thomasyuill-livekit force-pushed the ty/remove-transcript-autoscroll branch from 1724dbb to 36d449f Compare July 22, 2026 16:30
@thomasyuill-livekit
thomasyuill-livekit force-pushed the ty/remove-transcript-autoscroll branch from 36d449f to 5bd8743 Compare July 22, 2026 16:33
@thomasyuill-livekit thomasyuill-livekit changed the title chore(shadcn): update Agents UI components /w disabled auto scroll chore(shadcn): update Agents UI components /w disabled scroll anchors Jul 22, 2026
@thomasyuill-livekit

Copy link
Copy Markdown
Contributor Author

this was just a prototype

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants