fix: overridden chat input

[Kitenite]

Description

Related Issues

Type of Change

• Bug fix
• New feature
• Documentation
• Refactor
• Other (please describe):

Testing

Screenshots (if applicable)

Additional Notes

Summary by CodeRabbit

• Style
  • Refined chat input send and stop buttons with dynamic styling to clearly indicate states (ASK mode vs. others, and when the input is empty).
  • Updated Stop button to a rounded, higher-contrast look for improved visibility.
  • Adjusted Stop tooltip placement (now appears above with spacing and no arrow) to prevent overlap and enhance readability.
  • No changes to interaction behavior; only visual and tooltip presentation improvements.

---

Important

UI updates in ChatInput for button styling and tooltip positioning.

• UI Changes:
  • Updated Button class in ChatInput to include bg-background-primary and rounded-full for styling.
  • Modified TooltipContent in ChatInput to use side="top", sideOffset={6}, and hideArrow for positioning and appearance.
• Behavior:
  • Adjusted button styling based on inputEmpty and chatMode conditions in ChatInput.

^{This description was created by for 7f23461. You can customize this summary. It will automatically update as commits are pushed.}

[vercel]

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

Project	Deployment	Preview	Comments	Updated (UTC)
web	Building	Preview	Comment	Oct 9, 2025 5:14pm

1 Skipped Deployment

Project	Deployment	Preview	Comments	Updated (UTC)
docs	Skipped			Oct 9, 2025 5:14pm

[supabase]

This pull request has been ignored for the connected project wowaemfasoptxrdjhilu because there are no changes detected in apps/backend/supabase directory. You can change this behaviour in Project Integrations Settings ↗︎.

---

Preview Branches by Supabase.
Learn more about Supabase Branching ↗︎.

[coderabbitai]

Caution

Review failed

The pull request is closed.

Walkthrough

Refined UI styling in the chat input component to use dynamic class composition for the send and stop buttons and adjusted tooltip positioning options. No changes to interaction logic or exported interfaces.

Changes

Cohort / File(s)	Summary
Chat input UI styling and tooltip tweaks apps/web/client/src/app/project/[id]/_components/right-panel/chat-tab/chat-input/index.tsx	Converted fixed classes to conditional styles for send/stop buttons; updated tooltip props (side="top", sideOffset={6}, hideArrow). No logic changes to handlers.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Poem

A nibble of CSS, a hop of hue,
Buttons blush when inputs do.
Tooltips float to top and stay,
Arrows tucked and out of the way.
I twitch my whiskers—UI neat—
Send or stop, a stylish feat! 🐇✨

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch fix/input

---

📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between c37a7dd and 7f23461.

📒 Files selected for processing (1)

• apps/web/client/src/app/project/[id]/_components/right-panel/chat-tab/chat-input/index.tsx (2 hunks)

---

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

• X
• Mastodon
• Reddit
• LinkedIn

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