Skip to content

Feature - add suggested prompts #140

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Conversation

JacobBaqleh1
Copy link
Contributor

Overview

This PR introduces a Suggested Prompts component to the chat interface

  • Prompts appear only when there is a single (intro) message in the chat and the input field is empty.
  • Prompts are presented as pill-shaped buttons with:
    • Subtle hover effects
    • Fade-in animation
  • Clicking a prompt fills the input field and focuses it.
  • Allows users to send or edit the prompt immediately.

Please review and let me know if you have any feedback or suggestions!

Video:

2025-06-20.12-55-36.mp4

@JacobBaqleh1 JacobBaqleh1 added UX design Frontend designs and feature ideation frontend Frontend implementation (follows UX design) labels Jun 20, 2025
{prompts.map((prompt, idx) => (
<button
key={idx}
className="inline-flex px-4 border border-[#1f584f] rounded-4xl cursor-pointer py-1 font-medium sm:bg-white hover:bg-[#bac9b2] "
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The background color when hovering is good, but was wondering if we should use a slightly lighter shade or add some opacity to the color like bg-[#BACAB2]/50

Other than that, there seem to be extra spaces in the strings in some of the classNames for this component. Prettier would think they're part of the string so it'll miss those during formatting.

Copy link
Contributor

@leekahung leekahung left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good

@JacobBaqleh1 JacobBaqleh1 merged commit a7b84e9 into codeforpdx:main Jun 21, 2025
3 checks passed
@JacobBaqleh1 JacobBaqleh1 deleted the jacobbaqleh/feature-suggested-prompts branch June 21, 2025 03:30
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
frontend Frontend implementation (follows UX design) UX design Frontend designs and feature ideation
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants