polish ui

[Kitenite]

• add change types
• orchestrator implementation + persistence layer (orchestrator implementation + persistence layer #98)
• cli commands (cli commands #99)
• clean up
• better persistence pattern (better persistence #100)
• feat: new desktop app (new desktop #101)
• New desktop UI with tRPC (New desktop UI #102)
• upgrade packages
• add zustand and icons (use ui state #103)
• desktop app ui rewrite (desktop app ui rewrite  #104)
• tabs mangement interaction (tabs mangement interaction #105)
• ui right click menu (finish ui #106)
• clean up
• New cli update (New cli update #107)
• Persist zustand stores using electron-store (Persist zustand stores using electron-store #109)
• hotkey pane (hotkey pane #108)
• refactor tabs store (refactor tabs store #110)
• Manage workspaces using trpc/lowdb, implement recent projects (Manage workspaces using trpc/lowdb, implement recent projects #112)
• tabs interaction (tabs interaction #111)
• Create a worktree for each opened branch (Create a worktree for each opened branch #113)
• Remove custom hotkeys handler in favor of react-hotkeys-hook (Remove custom hotkeys handler in favor of react-hotkeys-hook #114)
• Group tabs for workspaces (Group tabs for workspaces #116)
• xterm ui (xterm ui #115)
• node pty processes (node pty processes #117)
• add the bottom bar

Summary by CodeRabbit

Release Notes

• Style

  • Refined horizontal spacing between workspace items for improved visual organization.
  • Updated workspace item height proportions and adjusted active state styling.

• Improvements

  • Enhanced workspace group header structure for improved interaction handling and drag-and-drop feedback.

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

[coderabbitai]

Caution

Review failed

The pull request is closed.

Walkthrough

Updates workspace tab UI components with spacing and structural adjustments. WorkspaceGroup reduces outer gap spacing while WorkspaceGroupHeader restructures draggable/clickable areas. WorkspaceItem height and active styling modified. Added @AGENTS.md placeholder file.

Changes

Cohort / File(s)	Summary
New Documentation @AGENTS.md	Added new file containing placeholder reference line.
Workspace Tabs Styling apps/desktop/src/renderer/screens/main/components/TopBar/WorkspaceTabs/WorkspaceGroup.tsx, WorkspaceItem.tsx	Adjusted spacing and visual appearance: gap-2 removed and gap-1 added to containers; WorkspaceItem height changed from full to 80% and active background color updated from bg-sidebar to bg-muted.
Workspace Tabs Structure apps/desktop/src/renderer/screens/main/components/TopBar/WorkspaceTabs/WorkspaceGroupHeader.tsx	Restructured DOM layout by replacing draggable outer button with non-draggable container div and moving draggable button inside; drag/drop refs, click handlers, and styling transferred to inner button while outer div now provides only bottom border.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

• WorkspaceGroupHeader structural changes may require verification that drag-and-drop and click interactions function correctly with the new DOM hierarchy
• Ensure WorkspaceItem styling changes (height: 80%, background color swap) don't introduce visual regressions or unexpected layout shifts in edge cases

Possibly related PRs

• xterm ui #115: Modifies WorkspaceItem.tsx with styling/class changes; shares same file as this PR's workspace tab styling updates.

Poem

🐰 Gaps grow snug, tabs rearrange with care,
Draggable buttons nested, tucked just right,
Heights shift from full to fraction fair,
Colors dance from sidebar's light,
Workspace harmony takes flight! ✨

✨ 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 polish-ui

---

📜 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 30ffd5b and f565ed8.

📒 Files selected for processing (5)

• WARP.md (0 hunks)
• WARP.md (1 hunks)
• apps/desktop/src/renderer/screens/main/components/TopBar/WorkspaceTabs/WorkspaceGroup.tsx (2 hunks)
• apps/desktop/src/renderer/screens/main/components/TopBar/WorkspaceTabs/WorkspaceGroupHeader.tsx (1 hunks)
• apps/desktop/src/renderer/screens/main/components/TopBar/WorkspaceTabs/WorkspaceItem.tsx (1 hunks)

---

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