fix: Modify of the sender style in the AI dialog box

[xuanlid]

English | 简体中文

PR

PR Checklist

Please check if your PR fulfills the following requirements:

• The commit message follows our Commit Message Guidelines
• Tests for the changes have been added (for bug fixes / features)
• Docs have been added / updated (for bug fixes / features)
• Built its own designer, fully self-validated

PR Type

What kind of change does this PR introduce?

• Bugfix
• Feature
• Code style update (formatting, local variables)
• Refactoring (no functional changes, no api changes)
• Build related changes
• CI related changes
• Documentation content changes
• Other... Please describe:

Background and solution

What is the current behavior?

Issue Number: N/A

What is the new behavior?

Does this PR introduce a breaking change?

• Yes
• No

Other information

Summary by CodeRabbit

• Style
  • Updated chat composer styling for improved spacing, typography, and button sizing.
  • Updated styling to support the current message-sender interface.
  • Preserved image-rendering container appearance in chat messages.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: 190d7abe-da07-4c04-8afa-ce44c0b2f055

📥 Commits

Reviewing files that changed from the base of the PR and between 3ff6548 and 68167e0.

📒 Files selected for processing (1)

• packages/plugins/robot/src/components/chat/RobotChat.vue

---

Walkthrough

RobotChat’s scoped styles now target the current .tr-sender structure instead of the legacy .tiny-sender class, while retaining image-renderer bubble styling.

Changes

Robot chat sender styling

Layer / File(s)	Summary
Update sender component styling packages/plugins/robot/src/components/chat/RobotChat.vue	Retains .tr-bubble image-renderer styling and replaces legacy sender overrides with margin, editor font-size, action-button, and submit-button rules for .tr-sender.

Estimated code review effort: 2 (Simple) | ~10 minutes

Suggested reviewers: hexqi, lichunn

Poem

I’m a rabbit with styles to share,
Trimming old classes with gentle care.
The sender buttons now fit just right,
Bubble images keep their light.
Hop, hop—clean CSS takes flight!

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title matches the main change by describing the sender style update in the AI dialog box.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

Warning

There were issues while running some tools. Please review the errors and either fix the tool's configuration or disable the tool if it's a critical failure.

🔧 ESLint

If the error stems from missing dependencies, add them to the package.json file. For unrecoverable errors (e.g., due to private dependencies), disable the tool in the CodeRabbit configuration.

ESLint install failed: dependency version conflict. Check your lock file or package.json.

---

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.}