Function renderSection

src/browser/components/ProjectSidebar/ProjectSidebar.tsx:2701–2799

(section: SectionConfig)

                              // Render section with its workspaces
                              const renderSection = (section: SectionConfig) => {
                                const sectionWorkspaces = bySectionId.get(section.id) ?? [];
                                const sectionAllWorkspaces =
                                  allBySectionIdForNormalRendering.get(section.id) ?? [];
                                const sectionDrafts = draftsBySectionId.get(section.id) ?? [];
                                const sectionHasPromotedAttention = sectionDrafts.some((draft) => {
                                  const promotedMetadata = activeDraftPromotions[draft.draftId];
                                  return promotedMetadata
                                    ? workspaceAttentionById.get(promotedMetadata.id) === true
                                    : false;
                                });
                                const sectionHasAttention =
                                  sectionAllWorkspaces.some(
                                    (workspace) => workspaceAttentionById.get(workspace.id) === true
                                  ) || sectionHasPromotedAttention;

                                const sectionExpandedKey = getSectionExpandedKey(
                                  projectPath,
                                  section.id
                                );
                                const isSectionExpanded =
                                  expandedSections[sectionExpandedKey] ?? true;
                                const shouldAutoEditSection =
                                  autoEditingSection?.projectPath === projectPath &&
                                  autoEditingSection?.sectionId === section.id;

                                return (
                                  <WorkspaceSectionDropZone
                                    key={section.id}
                                    projectPath={projectPath}
                                    sectionId={section.id}
                                    onDrop={handleWorkspaceSectionDrop}
                                  >
                                    <SectionHeader
                                      section={section}
                                      isExpanded={isSectionExpanded}
                                      workspaceCount={
                                        sectionWorkspaces.length + sectionDrafts.length
                                      }
                                      hasAttention={sectionHasAttention}
                                      onToggleExpand={() => toggleSection(projectPath, section.id)}
                                      onAddWorkspace={() => {
                                        // Create workspace in this section
                                        handleAddWorkspace(projectPath, section.id);
                                      }}
                                      onRename={(name) => {
                                        if (shouldAutoEditSection) {
                                          setAutoEditingSection(null);
                                        }
                                        void updateDisplayName(section.id, name);
                                      }}
                                      onChangeColor={(color) => {
                                        void updateProjectColor(section.id, color);
                                      }}
                                      autoStartEditing={shouldAutoEditSection}
                                      onAutoCreateAbandon={
                                        shouldAutoEditSection
                                          ? () => {