Function renderDraft

src/browser/components/ProjectSidebar/ProjectSidebar.tsx:2382–2441

(
                                draft: (typeof sortedDrafts)[number]
                              )

                              };

                              const renderDraft = (
                                draft: (typeof sortedDrafts)[number]
                              ): React.ReactNode => {
                                const sectionId = getDraftSectionId(draft);
                                const promotedMetadata = activeDraftPromotions[draft.draftId];

                                if (promotedMetadata) {
                                  const liveMetadata =
                                    projectWorkspaces.find(
                                      (workspace) => workspace.id === promotedMetadata.id
                                    ) ?? promotedMetadata;
                                  return renderWorkspace(liveMetadata, sectionId ?? undefined);
                                }

                                const draftNumber = draftNumberById.get(draft.draftId) ?? 0;
                                const isSelected =
                                  pendingNewWorkspaceProject === projectPath &&
                                  pendingNewWorkspaceDraftId === draft.draftId;

                                return (
                                  <DraftAgentListItemWrapper
                                    key={draft.draftId}
                                    projectPath={projectPath}
                                    draftId={draft.draftId}
                                    draftNumber={draftNumber}
                                    isSelected={isSelected}
                                    sectionId={sectionId ?? undefined}
                                    onVisibilityChange={(isVisible) => {
                                      handleDraftVisibilityChange(
                                        projectPath,
                                        draft.draftId,
                                        isVisible
                                      );
                                    }}
                                    onOpen={() =>
                                      handleOpenWorkspaceDraft(projectPath, draft.draftId)
                                    }
                                    onDelete={() => {
                                      if (isSelected) {
                                        const currentIndex = sortedDrafts.findIndex(
                                          (d) => d.draftId === draft.draftId
                                        );
                                        const fallback =
                                          currentIndex >= 0
                                            ? (sortedDrafts[currentIndex + 1] ??
                                              sortedDrafts[currentIndex - 1])
                                            : undefined;

                                        if (fallback) {
                                          openWorkspaceDraft(projectPath, fallback.draftId);
                                        } else {
                                          navigateToProject(sectionId ?? projectPath);
                                        }
                                      }

                                      deleteWorkspaceDraft(projectPath, draft.draftId);
                                    }}
                                  />