Skip to content

feat: popular actions carousel with clearer ordering (SS-5653)#255

Open
twblack88 wants to merge 4 commits into
epic/agent-stylingfrom
feature/SS-5653-popular-actions-carousel
Open

feat: popular actions carousel with clearer ordering (SS-5653)#255
twblack88 wants to merge 4 commits into
epic/agent-stylingfrom
feature/SS-5653-popular-actions-carousel

Conversation

@twblack88
Copy link
Copy Markdown
Contributor

Summary

  • Adds the popular actions carousel to the empty-chat state (PopularActionsCarousel.tsx) with auto-advance, dot navigation, and pause-on-interaction.
  • Reorders POPULAR_ACTIONS in Chat.tsx so the carousel sequence reads more clearly.

Test plan

  • bun run type-check passes
  • bun test — 825 pass, 0 fail
  • bun run lint clean (errors only in untracked worktree copy)
  • Verify carousel order and behavior in the empty-chat state

Built with Claude

twblack88 and others added 2 commits May 4, 2026 12:03
Replace static welcome suggestion buttons with a horizontally scrolling popular actions carousel that auto-advances, pauses during hover/focus/touch interaction, and supports mobile swipe navigation.

Co-authored-by: Cursor <cursoragent@cursor.com>
@vercel
Copy link
Copy Markdown

vercel Bot commented May 21, 2026

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

Project Deployment Actions Updated (UTC)
shapeshift-agentic Ready Ready Preview, Comment May 21, 2026 6:12pm

Request Review

@coderabbitai
Copy link
Copy Markdown

coderabbitai Bot commented May 21, 2026

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 7f82f6fd-f25b-4d37-8d8b-812d59feae6f

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch feature/SS-5653-popular-actions-carousel

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

Resolve conflict by keeping PopularActionsCarousel over the old
WELCOME_SUGGESTIONS row, and port the epic branch's translucent
blurred wrapper styling onto the carousel.

Built with Claude
Observe the canvas's parent container and call shader.resize() explicitly
so the WebGL aurora re-renders to full size after layout changes (e.g.
the sidebar opening/closing). The shader library pins the canvas to fixed
pixels and watches the frozen canvas for resizes, so CSS-driven changes
never reached it.

Also make the mobile CSSFallback more vibrant with layered radial
gradients matching the Aurora palette, instead of a faint two-layer wash.

Built with Claude
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.

1 participant