Function renderDropdownTree

src/components/layout/branch-dropdown.tsx:642–678

(
    nodes: BranchTreeNode[],
    depth: number,
    isRemote: boolean
  )

  // typeahead can reach them by keyboard; `onSelect` preventDefault keeps the
  // menu open while toggling. Collapsed children simply aren't rendered.
  function renderDropdownTree(
    nodes: BranchTreeNode[],
    depth: number,
    isRemote: boolean
  ): React.ReactNode[] {
    return nodes.flatMap((node) => {
      if (node.type === "leaf") {
        return [renderBranchItem(node, isRemote, depth)]
      }
      const groupOpen = isExpanded(node.key)
      return [
        <DropdownMenuItem
          key={node.key}
          aria-expanded={groupOpen}
          onSelect={(e) => {
            e.preventDefault()
            toggle(node.key)
          }}
          style={{ paddingLeft: branchRowPaddingLeft("dropdown", depth) }}
        >
          <ChevronRight
            className={cn(
              "h-3.5 w-3.5 shrink-0 transition-transform",
              groupOpen && "rotate-90"
            )}
          />
          <span className="min-w-0 flex-1 truncate">{node.label}</span>
          <span className="shrink-0 pl-2 text-xs text-muted-foreground/70">
            {node.count}
          </span>
        </DropdownMenuItem>,
        ...(groupOpen
          ? renderDropdownTree(node.children, depth + 1, isRemote)
          : []),
      ]
    })
  }

  // Folderless chat conversations have no git branch — hide the top-bar
  // selector entirely (covers both the mobile and desktop title-bar instances).