Skip to content

chore(shadcn): update Agents UI components#347

Merged
thomasyuill-livekit merged 6 commits into
mainfrom
ty/fix-scroller-button-center
Jul 24, 2026
Merged

chore(shadcn): update Agents UI components#347
thomasyuill-livekit merged 6 commits into
mainfrom
ty/fix-scroller-button-center

Conversation

@thomasyuill-livekit

@thomasyuill-livekit thomasyuill-livekit commented Jul 21, 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
  • Connected Preview deployment to livekit.com homepage demo agents
  • Updates agents-ui install/update script so it automatically installs all components
  • Removed mention of Cloud Sandboxes from README

Demo

Screen.Recording.2026-07-24.at.9.52.29.AM.mov

Test plan

https://sandbox-voice-assistant-git-ty-fix-scroller-button-center.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

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>
@vercel

vercel Bot commented Jul 21, 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 23, 2026 5:50pm

Request Review

@thomasyuill-livekit thomasyuill-livekit self-assigned this Jul 21, 2026
@thomasyuill-livekit thomasyuill-livekit changed the title Migrate chat transcript to @shadcn/react message components chore(shadcn): update Agents UI components Jul 21, 2026
…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>
Comment thread components/ui/message-scroller.tsx
@thomasyuill-livekit

Copy link
Copy Markdown
Contributor Author

cc @rektdeckard

AgentChatTranscript behaviour updated

@thomasyuill-livekit
thomasyuill-livekit merged commit e41ecc0 into main Jul 24, 2026
5 checks passed
@thomasyuill-livekit
thomasyuill-livekit deleted the ty/fix-scroller-button-center branch July 24, 2026 20:21
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.

3 participants