Function handleRemoveSection

src/browser/components/ProjectSidebar/ProjectSidebar.tsx:1359–1399

(
    projectPath: string,
    subProjectPath: string,
    buttonElement?: HTMLElement
  )

  );

  const handleRemoveSection = async (
    projectPath: string,
    subProjectPath: string,
    buttonElement?: HTMLElement
  ) => {
    // Capture the anchor location up front because the sub-project action menu unmounts its
    // button immediately after click; failures still need stable error placement.
    const anchor =
      buttonElement != null
        ? (() => {
            const buttonRect = buttonElement.getBoundingClientRect();
            return {
              top: buttonRect.top + window.scrollY,
              left: buttonRect.right + 10,
            };
          })()
        : undefined;

    // Removing a sub-project unregisters it and clears the cwd pointer from its workspaces.
    const workspacesInSection = (userProjects.get(projectPath)?.workspaces ?? []).filter(
      (workspace) => workspace.subProjectPath === subProjectPath
    );

    if (workspacesInSection.length > 0) {
      const ok = await confirmDialog({
        title: "Remove sub-project?",
        description: `${workspacesInSection.length} workspace(s) in this sub-project will move back to the parent project.`,
        confirmLabel: "Remove",
        confirmVariant: "destructive",
      });
      if (!ok) {
        return;
      }
    }

    const result = await onRemoveProject(subProjectPath);
    if (!result.success) {
      const error = getErrorMessage(result.error) || "Failed to remove sub-project";
      sectionRemoveError.showError(subProjectPath, error, anchor);
    }
  };

  const handleOpenSecrets = useCallback(
    (projectPath: string) => {