Skip to content

feat(shadcn): agent session view block#1286

Draft
thomasyuill-livekit wants to merge 6 commits intomainfrom
ty/shadcn-agent-session-block
Draft

feat(shadcn): agent session view block#1286
thomasyuill-livekit wants to merge 6 commits intomainfrom
ty/shadcn-agent-session-block

Conversation

@thomasyuill-livekit
Copy link
Contributor

@thomasyuill-livekit thomasyuill-livekit commented Feb 12, 2026

Summary

Adds a new AgentSessionView component in packages/shadcn/components/agents-ui/blocks/agent-session-view-01 that composes transcript, tile layout, media previews, audio visualizers, and control bar into a single session screen.

  • Supports the following Props
    • supportsChatInput
    • supportsVideoInput
    • supportsScreenShare
    • isPreConnectBufferEnabled
    • preConnectMessage
    • audioVisualizerType
    • audioVisualizerColor
    • audioVisualizerColorShift
    • audioVisualizerBarCount
    • audioVisualizerGridRowCount
    • audioVisualizerGridColumnCount
    • audioVisualizerRadialBarCount
    • audioVisualizerRadialRadius
    • audioVisualizerWaveLineWidth
  • Export AgentSessionView from packages/shadcn/index.ts
  • Added a Storybook story
  • Added test

Miscellaneous Agents UI Fixes

  • Remove cropping on Aura and Wave visualizers
  • Added animateWhenNotVisible to ReactShaderToy, and default to stop animation when off screen
  • Extended docs gen script to include Blocks

Test plan

  • Run Storybook and open AgentSessionView story to verify the component renders in isolation.
  • Confirm chat panel toggles open/closed and transcript visibility/animation behaves correctly.
  • Verify pre-connect shimmer message appears when no messages exist and hides after first message.
  • Validate tile layout transitions for: audio-only agent, avatar video agent, camera enabled, and screen-share enabled.
  • Confirm each visualizer type (bar, wave, grid, radial, aura) renders and responds to audio state.
  • Check package exports by importing AgentSessionView from @agents-ui in Storybook (or consumer app) and ensuring type/runtime resolution succeeds.
localhost_6006__path=_story_agents-ui-agentsessionview--default(4_3)

@changeset-bot
Copy link

changeset-bot bot commented Feb 12, 2026

⚠️ No Changeset found

Latest commit: 83f4075

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@github-actions
Copy link
Contributor

github-actions bot commented Feb 12, 2026

size-limit report 📦

Path Size
LiveKitRoom only 6 KB (0%)
LiveKitRoom with VideoConference 32.89 KB (0%)
All exports 43.87 KB (0%)

@thomasyuill-livekit thomasyuill-livekit force-pushed the ty/shadcn-agent-session-block branch from 366f649 to 0bd0947 Compare February 25, 2026 03:19
@vercel
Copy link

vercel bot commented Feb 25, 2026

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

Project Deployment Actions Updated (UTC)
components-js-storybook-5kld Ready Ready Preview, Comment Feb 26, 2026 2:58am

Request Review

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