feat (desktop): nicer terminal tabs

[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

UI Improvements

• Style
  • Refined tab and group item styling with improved spacing, borders, and visual states
  • Enhanced scrolling interface with better visual masking and cleaner presentation
  • Optimized container alignment and sizing for improved workspace layout balance

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[coderabbitai]

Caution

Review failed

The pull request is closed.

📝 Walkthrough

Walkthrough

Desktop workspace group tab components receive styling refinements: container borders and alignment updates, spacing adjustments for button groups, refined active/inactive states with hover effects, improved close button positioning and icon sizing, and tooltip configuration changes.

Changes

Cohort / File(s)	Summary
Group item styling apps/desktop/src/renderer/screens/main/components/WorkspaceView/ContentView/TabsContent/GroupStrip/GroupItem.tsx	Container adds right border and centers items; button group spacing increases (gap 1.5→2, padding adjusted); active state uses text-foreground with subtle background; inactive state uses muted text with hover effects; close button wrapper simplified; close icon now explicitly sized (size-3.5); tooltip config changed (sideOffset added, showArrow removed).
Group strip layout apps/desktop/src/renderer/screens/main/components/WorkspaceView/ContentView/TabsContent/GroupStrip/GroupStrip.tsx	Container alignment changed from bottom-based to center-aligned; inner tabs container updated for horizontal scrolling with left border and mask gradient; individual tab item width increased (120px→160px); dropdown trigger margin adjusted (mb-1→ml-2).

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Possibly related PRs

• Move workspace dropdown button next to tab group #210: Modifies workspace-dropdown placement and adjusts tab-group layout/spacing in parallel with these styling changes.
• add close pane control #123: Updates tab close control in desktop UI using HiMiniXMark icon similar to this PR's close button refinements.

Poem

🐰 Tabs dance with borders trim and neat,
Spacing flows in rhythm sweet,
Hover states in colors blend,
UI polish has no end! ✨

✨ Finishing touches

• 📝 Generate docstrings

---

📜 Recent review details

Configuration used: defaults

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between aa976ae and 5a03fc7.

📒 Files selected for processing (2)

• apps/desktop/src/renderer/screens/main/components/WorkspaceView/ContentView/TabsContent/GroupStrip/GroupItem.tsx
• apps/desktop/src/renderer/screens/main/components/WorkspaceView/ContentView/TabsContent/GroupStrip/GroupStrip.tsx

---

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

[github-actions]

🧹 Preview Cleanup Complete

The following preview resources have been cleaned up:

• ⚠️ Neon database branch
• ⚠️ Electric Fly.io app

Thank you for your contribution! 🎉