feat: streamline worktree session flow (#577)

* feat: add unified worktree creation dialog with GitHub integration

Unified dialog for creating worktrees with branch selection and GitHub integration
New GitHub picker dialog for selecting issues and PRs with validation
Persistent state when switching between new branch and existing branch modes

* refactor: minimalistic compact design for worktree dialogs

Redesigned dialogs with minimalistic compact layout
Moved mode tabs inline with dialog header
Inline validation errors with action buttons

* fix: maintain consistent dialog height in all states

Fixed dialog height fluctuations when loading or switching tabs
Consistent 300px height for loading, empty, and populated states
Nested container structure prevents layout shifts

* refactor: minimalistic compact UI redesign for worktree dialogs

Minimalistic compact layouts with reduced spacing and inline tabs
Standardized SortableTabsStrip with pills variant for mode selection
Two-row linked item display and inline validation with action buttons

* feat: mobile overlays for worktree dialogs with branch pickers

Mobile overlay panels replace dropdowns for branch selection
Fixed footer button overlapping with proper flex layout
Responsive design with conditional mobile/desktop rendering

* refactor: relocate selected item badge to footer with proper alignment

Selected item badge moved to footer left side on desktop
Proper alignment with Cancel/Select buttons using h-8 height
Cleaner header layout removing the selected item display

* perf: use cached branches from git store for instant branch selection

Branch list now loads instantly from git store cache
No more loading delay when opening new worktree dialog
Removes redundant API calls by using existing cached data

* refactor: improve branch selection UI with grouped headers and compact layout

Group branches into Local and Remote sections with clear headers
Compact dropdowns with better sizing and text wrapping
Bold labels and smaller issue/PR titles for cleaner layout

* feat: add prefilled slugs and improve branch selection UX in new worktree dialog

Prefilled unique branch name when opening new worktree dialog
Group branches into Local and Remote sections with bold headers
Instant branch list from cache with compact, wrapped dropdowns

* feat: update GitHub button text to be more descriptive

* feat: add GitHub issue linking to draft sessions

Link GitHub issues to draft sessions with full context including body, labels and comments
View issue author avatar, number and title in session input area
Open linked issues in browser or remove link with inline action buttons

* style: redesign queued messages with text-only row layout

* style: redesign attached files with text-only row layout and file type icons

Redesigned attached files with clean text-only rows matching linked issue style
Split display into two rows: image previews and file list with proper type icons
Removed internal Server/Local indicators to reduce visual clutter

* refactor: remove New from PR and Manage branches from sessions UI

Remove New from PR and Manage branches buttons from sessions sidebar
Delete GitHubPullRequestPickerDialog component and related code
Simplify GitView to sidebar-only mode with no mode prop

* fix: simplify new session shortcuts and remove worktree toggle

* fix: restore issue and PR context when creating worktree sessions

Worktrees created from GitHub issues and PRs now seed the new session with visible and synthetic context messages
Sidebar now opens the created linked session directly instead of creating an extra draft
Visible prompts are cleaner and include issue or PR numbers for clarity

packages/ui/src/components/views/git/GitHeader.tsx

@@ -4,7 +4,6 @@ import {
   RiCheckLine,
   RiLoader4Line,
   RiGitBranchLine,
-  RiGitRepositoryLine,
   RiBriefcaseLine,
   RiHomeLine,
   RiGraduationCapLine,
@@ -47,9 +46,7 @@ interface GitHeaderProps {
   onSelectIdentity: (profile: GitIdentityProfile) => void;
   isApplyingIdentity: boolean;
   isWorktreeMode: boolean;
-  isSidebarMode?: boolean;
   onOpenHistory?: () => void;
-  onOpenBranchPicker?: () => void;
 }
 
 const IDENTITY_ICON_MAP: Record<
@@ -207,9 +204,7 @@ export const GitHeader: React.FC<GitHeaderProps> = ({
   onSelectIdentity,
   isApplyingIdentity,
   isWorktreeMode,
-  isSidebarMode = false,
   onOpenHistory,
-  onOpenBranchPicker,
 }) => {
   const isMobile = useUIStore((state) => state.isMobile);
 
@@ -217,38 +212,20 @@ export const GitHeader: React.FC<GitHeaderProps> = ({
     return null;
   }
 
-  const useTwoRowHeader = isSidebarMode || isMobile;
+  const useTwoRowHeader = isMobile;
 
   const managementButtons = (
     <div className="flex items-center gap-1 shrink-0">
-      {onOpenBranchPicker ? (
-        <Tooltip delayDuration={useTwoRowHeader ? 300 : 1000}>
-          <TooltipTrigger asChild>
-            <Button
-              variant="ghost"
-              size="sm"
-              className={isSidebarMode ? 'h-8 w-8 px-0' : 'gap-1.5 px-2 py-1 h-8 typography-ui-label'}
-              onClick={onOpenBranchPicker}
-            >
-              <RiGitRepositoryLine className="size-4" />
-              {!isSidebarMode && <span className="git-header-label">Manage branches</span>}
-            </Button>
-          </TooltipTrigger>
-          <TooltipContent sideOffset={8}>Manage branches</TooltipContent>
-        </Tooltip>
-      ) : null}
-
       {onOpenHistory ? (
         <Tooltip delayDuration={useTwoRowHeader ? 300 : 1000}>
           <TooltipTrigger asChild>
             <Button
               variant="ghost"
               size="sm"
-              className={isSidebarMode ? 'h-8 w-8 px-0' : 'gap-1.5 px-2 py-1 h-8 typography-ui-label'}
+              className="h-8 w-8 px-0"
               onClick={onOpenHistory}
             >
               <RiHistoryLine className="size-4" />
-              {!isSidebarMode && <span className="git-header-label">History</span>}
             </Button>
           </TooltipTrigger>
           <TooltipContent sideOffset={8}>History</TooltipContent>
@@ -265,7 +242,7 @@ export const GitHeader: React.FC<GitHeaderProps> = ({
       onPull={onPull}
       onPush={onPush}
       disabled={!status}
-      iconOnly={isSidebarMode}
+      iconOnly={true}
       tooltipDelayMs={useTwoRowHeader ? 300 : 1000}
       aheadCount={status.ahead}
       behindCount={status.behind}
@@ -283,68 +260,36 @@ export const GitHeader: React.FC<GitHeaderProps> = ({
     />
   );
 
-  if (useTwoRowHeader) {
-    return (
-      <header className={`@container/git-header px-3 py-2 ${isSidebarMode ? 'bg-transparent' : 'border-b border-border/40 bg-background'}`}>
-        <div className="flex items-center justify-between gap-2 min-w-0">
-          <div className="min-w-0 flex-1">
-            {isWorktreeMode ? (
-              <WorktreeBranchDisplay
-                currentBranch={status.current}
-                onRename={onRenameBranch}
-              />
-            ) : (
-              <BranchSelector
-                currentBranch={status.current}
-                localBranches={localBranches}
-                remoteBranches={remoteBranches}
-                branchInfo={branchInfo}
-                onCheckout={onCheckoutBranch}
-                onCreate={onCreateBranch}
-                remotes={remotes}
-                tooltipDelayMs={useTwoRowHeader ? 300 : 1000}
-              />
-            )}
-          </div>
-        </div>
-
-        <div className="mt-1.5 flex items-center justify-between gap-2 min-w-0">
-          <div className="flex min-w-0 flex-wrap items-center gap-1">
-            {syncButtons}
-            {managementButtons}
-          </div>
-          <div className="min-w-0 max-w-[45%]">{identityControl}</div>
-        </div>
-      </header>
-    );
-  }
-
   return (
-    <header className={`@container/git-header flex items-center gap-2 px-3 py-2 ${isSidebarMode ? 'bg-transparent' : 'border-b border-border/40 bg-background'}`}>
-      <div className="flex min-w-0 flex-1 items-center gap-2 overflow-hidden">
-        {isWorktreeMode ? (
-          <WorktreeBranchDisplay
-            currentBranch={status.current}
-            onRename={onRenameBranch}
-          />
-        ) : (
-          <BranchSelector
-            currentBranch={status.current}
-            localBranches={localBranches}
-            remoteBranches={remoteBranches}
-            branchInfo={branchInfo}
-            onCheckout={onCheckoutBranch}
-            onCreate={onCreateBranch}
-            remotes={remotes}
-          />
-        )}
-
-        <div className="shrink-0">{syncButtons}</div>
+    <header className="@container/git-header px-3 py-2 bg-transparent">
+      <div className="flex items-center justify-between gap-2 min-w-0">
+        <div className="min-w-0 flex-1">
+          {isWorktreeMode ? (
+            <WorktreeBranchDisplay
+              currentBranch={status.current}
+              onRename={onRenameBranch}
+            />
+          ) : (
+            <BranchSelector
+              currentBranch={status.current}
+              localBranches={localBranches}
+              remoteBranches={remoteBranches}
+              branchInfo={branchInfo}
+              onCheckout={onCheckoutBranch}
+              onCreate={onCreateBranch}
+              remotes={remotes}
+              tooltipDelayMs={useTwoRowHeader ? 300 : 1000}
+            />
+          )}
+        </div>
       </div>
 
-      <div className="flex items-center gap-1 shrink-0">
-        {managementButtons}
-        {identityControl}
+      <div className="mt-1.5 flex items-center justify-between gap-2 min-w-0">
+        <div className="flex min-w-0 flex-wrap items-center gap-1">
+          {syncButtons}
+          {managementButtons}
+        </div>
+        <div className="min-w-0 max-w-[45%]">{identityControl}</div>
       </div>
     </header>
   );