fix(webapp): Truncate long branch names to prevent breaking the onboarding layout

[samejr]

Before

After

---

[changeset-bot]

⚠️ No Changeset found

Latest commit: c89f8c6

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

[coderabbitai]

Walkthrough

The header area of the DeploymentOnboardingSteps component in BlankStatePanels.tsx is updated with Tailwind CSS utility classes to improve layout and overflow handling. Specifically, min-w-0 is added to an inner wrapper div to allow proper shrinking, shrink-0 is added to EnvironmentIcon to prevent shrinking, and truncate is added to the Header1 element to prevent text overflow. The package.json file shows 3 lines added and 3 lines removed, indicating a dependency or configuration update.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

🚥 Pre-merge checks | ✅ 1 | ❌ 2

❌ Failed checks (2 warnings)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.
Description check	⚠️ Warning	The PR description is minimal, containing only before/after screenshots without following the required template structure.	Add required sections: issue reference (Closes #), checklist items, testing steps, changelog description, and any additional context about the changes.

✅ Passed checks (1 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title clearly describes the main change: truncating long branch names to prevent layout breaking in the onboarding component.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

• 📝 Generate docstrings

---

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

[devin-ai-integration]

✅ Devin Review: No Issues Found

Devin Review analyzed this PR and found no potential bugs to report.

View in Devin Review to see 2 additional flags.

[nicktrn]

…

[vibe-kanban-cloud]

Review Complete

Your review story is ready!

View Story

Comment !reviewfast on this PR to re-generate the story.