Function WorkspaceMenuBar

src/browser/components/WorkspaceMenuBar/WorkspaceMenuBar.tsx:80–829

({
  workspaceId,
  projectName,
  projectPath,
  workspaceName,
  workspaceTitle,
  namedWorkspacePath,
  runtimeConfig,
  leftSidebarCollapsed,
  onToggleLeftSidebarCollapsed,
  onOpenTerminal,
})

} as const;

export const WorkspaceMenuBar: React.FC<WorkspaceMenuBarProps> = ({
  workspaceId,
  projectName,
  projectPath,
  workspaceName,
  workspaceTitle,
  namedWorkspacePath,
  runtimeConfig,
  leftSidebarCollapsed,
  onToggleLeftSidebarCollapsed,
  onOpenTerminal,
}) => {
  const { api } = useAPI();
  const { disableWorkspaceAgents } = useAgent();
  const { preflightArchiveWorkspace, archiveWorkspace } = useWorkspaceActions();
  const { workspaceMetadata } = useWorkspaceContext();
  const workspaceHeartbeatsEnabled = useExperimentValue(EXPERIMENT_IDS.WORKSPACE_HEARTBEATS);
  const openTerminalPopout = useOpenTerminal();
  const openInEditor = useOpenInEditor();
  const gitStatus = useGitStatus(workspaceId);
  const runtimeStatus = useRuntimeStatus(workspaceId);
  const workspaceEntry = workspaceMetadata.get(workspaceId);
  const showMultiProjectStatus = workspaceEntry != null && isMultiProject(workspaceEntry);
  // The workspace's metadata.projectName is the parent project (since worktrees
  // are owned by the top-most parent). When the workspace is scoped to a
  // sub-project we surface the hierarchy as "parent / child" so the menu bar
  // alone reveals the sub-project context.
  const { userProjects } = useProjectContext();
  const subProjectPath = workspaceEntry?.subProjectPath;
  const projectLabel =
    subProjectPath && userProjects.has(subProjectPath)
      ? formatProjectHierarchyLabel(subProjectPath, userProjects)
      : projectName;
  const runtimeStatusStore = useRuntimeStatusStoreRaw();
  const { canInterrupt, isStarting, awaitingUserQuestion, loadedSkills, skillLoadErrors } =
    useWorkspaceSidebarState(workspaceId);
  const isWorking = (canInterrupt || isStarting) && !awaitingUserQuestion;
  const { startSequence: startTutorial } = useTutorial();
  const [editorError, setEditorError] = useState<string | null>(null);
  const [debugLlmRequestOpen, setDebugLlmRequestOpen] = useState(false);
  const [mcpModalOpen, setMcpModalOpen] = useState(false);
  const [heartbeatModalOpen, setHeartbeatModalOpen] = useState(false);
  const [availableSkills, setAvailableSkills] = useState<AgentSkillDescriptor[]>([]);
  const [invalidSkills, setInvalidSkills] = useState<AgentSkillIssue[]>([]);
  const isSkillsMountedRef = useRef(true);
  const moreActionsButtonRef = useRef<HTMLButtonElement | null>(null);

  const skillsRequestIdRef = useRef(0);
  const [moreMenuOpen, setMoreMenuOpen] = useState(false);
  const [archiveConfirmOpen, setArchiveConfirmOpen] = useState(false);
  // Untracked paths from archive preflight that the user needs to acknowledge.
  // When set, the confirmation dialog warns about permanent file deletion.
  const [archiveUntrackedPaths, setArchiveUntrackedPaths] = useState<string[] | null>(null);
  // Whether the confirmation includes an active-stream interruption warning.
  const [archiveConfirmIsStreaming, setArchiveConfirmIsStreaming] = useState(false);
  const [isArchiving, setIsArchiving] = useState(false);
  const archiveError = usePopoverError();
  const forkError = usePopoverError();