@activecollab/components 2.0.342 → 2.0.344

package/dist/esm/presentation/shared/LinkBranchOrPullRequestDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkBranchOrPullRequestDialog.js","names":["React","useCallback","useEffect","useRef","useState","styled","createGlobalStyle","CONNECTABLE_REPOSITORIES","CONNECTIONS","ConnectRepositoryDialog","PROJECT_REPOSITORIES","RepositorySelect","serviceLabel","Button","ChooseV2","Dialog","Input","Label","SkeletonLoader","Select","SelectTrigger","Caption1","SANS","LINKABLES","id","kind","name","repoId","updatedMinutesAgo","author","MONTHS","pad","n","String","padStart","formatAgo","minutesAgo","now","Date","then","getTime","Math","floor","time","getHours","getMinutes","toDateString","yesterday","monthDay","getMonth","getDate","getFullYear","linkableDetail","item","GROUPED_OPTIONS","map","repo","connection","find","c","connectionId","items","filter","l","sort","a","b","additionalInfo","service","options","group","length","localeCompare","ALL_ITEMS","BRANCHES","isDefault","repoBranches","repoDefaultBranchId","_repoBranches$find$id","_repoBranches$find","baseBranchOptions","branches","defaults","rest","sourceBranchOptions","StyledLinkBody","div","withConfig","displayName","componentId","MenuGlobalStyle","_ref","$menuWidth","BranchMenuGlobalStyle","p","$cls","$w","BranchSelectWrap","BranchSelect","_ref2","_options$find$name","_options$find","selected","onChange","_ref2$placeholder","placeholder","wrapRef","_useState","menuWidth","setMenuWidth","_useState2","random","toString","slice","menuCls","measure","current","offsetWidth","selectedName","o","createElement","ref","undefined","v","selectClassName","onSelectOpen","disabledInternalSort","forceCloseMenu","target","className","typographyProps","color","MODE_OPTIONS","LinkBranchOrPullRequestDialog","_ref3","_ALL_ITEMS$find$name","_ALL_ITEMS$find","open","onClose","_useState3","mode","setMode","_useState4","setSelected","_useState5","branchName","setBranchName","_useState6","prTitle","setPrTitle","_useState7","attempted","setAttempted","_useState8","loading","setLoading","_useState9","_useState0","setRepo","_useState1","connectOpen","setConnectOpen","_useState10","extraRepos","setExtraRepos","_useState11","createFrom","setCreateFrom","_useState12","sourceBranch","setSourceBranch","_useState13","mergeInto","setMergeInto","defaultId","fieldRef","timer","window","setTimeout","clearTimeout","measureMenu","existingInvalid","branchInvalid","trim","titleInvalid","primaryLabel","close","handleSubmit","valid","changeMode","next","selectedLabel","projectRepos","connectableRepos","r","some","handleConnected","connected","prev","renderRepositoryField","size","repositories","connections","type","onClick","Fragment","disableCloseOnEsc","Title","ContentDivider","Content","required","ids","invalid","value","e","Actions","variant","style","marginRight","disabled","onConnect"],"sources":["../../../../src/presentation/shared/LinkBranchOrPullRequestDialog.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport styled, { createGlobalStyle } from \"styled-components\";\n\nimport {\n  CONNECTABLE_REPOSITORIES,\n  CONNECTIONS,\n  ConnectRepositoryDialog,\n  PROJECT_REPOSITORIES,\n  Repository,\n  RepositorySelect,\n  serviceLabel,\n} from \"./ConnectRepositoryDialog\";\nimport { Button } from \"../../components/Button\";\nimport { ChooseV2 } from \"../../components/ChooseV2\";\nimport { Dialog } from \"../../components/Dialog\";\nimport { Input } from \"../../components/Input\";\nimport { Label } from \"../../components/Label\";\nimport { SkeletonLoader } from \"../../components/Loaders\";\nimport { Select } from \"../../components/Select\";\nimport { SelectTrigger } from \"../../components/SelectTrigger\";\nimport { Caption1 } from \"../../components/Typography\";\n\n/**\n * \"Link Branch or Pull Request\" dialog — shared by every `Presentation/Task\n * Source` story (the empty state and the populated Source Code section) so the\n * flow lives in one place.\n *\n * Three modes (ChooseV2): **Link Existing** (default), **New Branch**, **New\n * Pull Request**. The primary button is always enabled; validation runs on\n * click and outlines the offending field. Esc does not close the dialog (it\n * would lose entered data) — this is an action dialog.\n *\n * On open the body shows a ~1s skeleton, standing in for the future API loads\n * that will drive the repository / branch / PR pickers.\n *\n * The **Link Existing** picker is a grouped, multi-level select: options are\n * grouped by repository (with the connection name in parentheses), each option\n * carries a branch or pull-request icon, everything is sorted by name and\n * filterable via the search box at the top. The menu is sized to match the\n * trigger width.\n */\n\nconst SANS =\n  '-apple-system, BlinkMacSystemFont, \"Roboto\", \"Helvetica Neue\", Arial, sans-serif';\n\n/* ---- Mock data ------------------------------------------------------- */\n\ntype LinkableKind = \"branch\" | \"pr\";\n\ninterface Linkable {\n  id: string;\n  kind: LinkableKind;\n  name: string;\n  /** Repository this branch / PR belongs to (references PROJECT_REPOSITORIES). */\n  repoId: string;\n  /** Minutes since the last activity — drives the Ago label and the ordering. */\n  updatedMinutesAgo: number;\n  /** Author, shown for pull requests (\"… by Name\"). */\n  author?: string;\n}\n\nconst LINKABLES: Linkable[] = [\n  {\n    id: \"pr-500\",\n    kind: \"pr\",\n    // Deliberately long, to show the name truncating with an ellipsis while the\n    // right-aligned detail and radio stay visible.\n    name: \"#500 Refactor rank recalculation to support multi-region contract archival and backfill\",\n    repoId: \"backend\",\n    updatedMinutesAgo: 8,\n    author: \"Nikola M.\",\n  },\n  {\n    id: \"branch-cache\",\n    kind: \"branch\",\n    name: \"spike/rank-cache\",\n    repoId: \"backend\",\n    updatedMinutesAgo: 30,\n  },\n  {\n    id: \"branch-export\",\n    kind: \"branch\",\n    name: \"feature/retainer-export-34\",\n    repoId: \"backend\",\n    updatedMinutesAgo: 5 * 60,\n  },\n  {\n    id: \"pr-119900\",\n    kind: \"pr\",\n    name: \"#119900 Rank API endpoints\",\n    repoId: \"backend\",\n    updatedMinutesAgo: 2 * 24 * 60,\n    author: \"Ilija S.\",\n  },\n  {\n    id: \"branch-fe-retainers\",\n    kind: \"branch\",\n    name: \"feature/retainers-ui-34\",\n    repoId: \"frontend\",\n    updatedMinutesAgo: 2 * 60,\n  },\n  {\n    id: \"pr-412\",\n    kind: \"pr\",\n    name: \"#412 Contract list filters\",\n    repoId: \"frontend\",\n    updatedMinutesAgo: 24 * 60,\n    author: \"Marko K.\",\n  },\n  {\n    id: \"mr-88\",\n    kind: \"pr\",\n    name: \"!88 Bump worker memory\",\n    repoId: \"infra\",\n    updatedMinutesAgo: 3 * 24 * 60,\n    author: \"Ana P.\",\n  },\n  {\n    id: \"branch-deploy\",\n    kind: \"branch\",\n    name: \"chore/deploy-rank-cache\",\n    repoId: \"infra\",\n    updatedMinutesAgo: 24 * 60,\n  },\n];\n\nconst MONTHS = [\n  \"Jan\",\n  \"Feb\",\n  \"Mar\",\n  \"Apr\",\n  \"May\",\n  \"Jun\",\n  \"Jul\",\n  \"Aug\",\n  \"Sep\",\n  \"Oct\",\n  \"Nov\",\n  \"Dec\",\n];\n\nconst pad = (n: number): string => String(n).padStart(2, \"0\");\n\n/**\n * Reproduces the format of ActiveCollab's standard `Ago` component\n * (`Angie.functions.ago()`) for the mock: \"Just now\", \"N minutes ago\",\n * \"Today HH:mm\", \"Yesterday HH:mm\", \"MMM D. HH:mm\", else \"MMM D. YYYY HH:mm\".\n * Production must use the real component.\n */\nconst formatAgo = (minutesAgo: number): string => {\n  const now = new Date();\n  const then = new Date(now.getTime() - minutesAgo * 60000);\n  if (minutesAgo < 2) {\n    return \"Just now\";\n  }\n  if (minutesAgo < 60) {\n    return `${Math.floor(minutesAgo)} minutes ago`;\n  }\n  const time = `${pad(then.getHours())}:${pad(then.getMinutes())}`;\n  if (then.toDateString() === now.toDateString()) {\n    return `Today ${time}`;\n  }\n  const yesterday = new Date(now.getTime() - 24 * 60 * 60000);\n  if (then.toDateString() === yesterday.toDateString()) {\n    return `Yesterday ${time}`;\n  }\n  const monthDay = `${MONTHS[then.getMonth()]} ${then.getDate()}.`;\n  if (then.getFullYear() === now.getFullYear()) {\n    return `${monthDay} ${time}`;\n  }\n  return `${monthDay} ${then.getFullYear()} ${time}`;\n};\n\n/**\n * The detail shown on the right of an option: a branch keeps just the time of\n * its last activity; a pull request appends the author (\"… by Name\").\n */\nconst linkableDetail = (item: Linkable): string =>\n  item.kind === \"pr\" && item.author\n    ? `${formatAgo(item.updatedMinutesAgo)} by ${item.author}`\n    : formatAgo(item.updatedMinutesAgo);\n\n/**\n * Grouped options for the Select. One group per repository, labelled\n * \"repo (Org, Type)\" and sorted by name; inside a group, branches and PRs are\n * ordered by latest activity (freshest first). Standard option rendering shows\n * the name (truncated) with the detail right-aligned and a radio.\n */\nconst GROUPED_OPTIONS = PROJECT_REPOSITORIES.map((repo) => {\n  const connection = CONNECTIONS.find((c) => c.id === repo.connectionId);\n  const items = LINKABLES.filter((l) => l.repoId === repo.id)\n    .sort((a, b) => a.updatedMinutesAgo - b.updatedMinutesAgo)\n    .map((l) => ({\n      id: l.id,\n      name: l.name,\n      additionalInfo: linkableDetail(l),\n    }));\n  return {\n    id: repo.id,\n    name: connection\n      ? `${repo.name} (${connection.name}, ${serviceLabel(connection.service)})`\n      : repo.name,\n    options: items,\n  };\n})\n  .filter((group) => group.options.length > 0)\n  .sort((a, b) => a.name.localeCompare(b.name));\n\nconst ALL_ITEMS: Linkable[] = LINKABLES;\n\n/* ---- Branch mock data (for the New Branch / New Pull Request bases) --- */\n\ninterface Branch {\n  id: string;\n  name: string;\n  repoId: string;\n  /** The repository's default branch (main / master). */\n  isDefault?: boolean;\n  updatedMinutesAgo: number;\n}\n\nconst BRANCHES: Branch[] = [\n  // activecollab/backend\n  {\n    id: \"backend-main\",\n    name: \"main\",\n    repoId: \"backend\",\n    isDefault: true,\n    updatedMinutesAgo: 60,\n  },\n  {\n    id: \"backend-cache\",\n    name: \"spike/rank-cache\",\n    repoId: \"backend\",\n    updatedMinutesAgo: 30,\n  },\n  {\n    id: \"backend-export\",\n    name: \"feature/retainer-export-34\",\n    repoId: \"backend\",\n    updatedMinutesAgo: 5 * 60,\n  },\n  {\n    id: \"backend-hotfix\",\n    name: \"hotfix/rank-typo\",\n    repoId: \"backend\",\n    updatedMinutesAgo: 3 * 24 * 60,\n  },\n  // activecollab/frontend\n  {\n    id: \"frontend-main\",\n    name: \"main\",\n    repoId: \"frontend\",\n    isDefault: true,\n    updatedMinutesAgo: 90,\n  },\n  {\n    id: \"frontend-retainers\",\n    name: \"feature/retainers-ui-34\",\n    repoId: \"frontend\",\n    updatedMinutesAgo: 2 * 60,\n  },\n  {\n    id: \"frontend-filters\",\n    name: \"feature/contract-filters\",\n    repoId: \"frontend\",\n    updatedMinutesAgo: 24 * 60,\n  },\n  // activecollab/infrastructure\n  {\n    id: \"infra-master\",\n    name: \"master\",\n    repoId: \"infra\",\n    isDefault: true,\n    updatedMinutesAgo: 6 * 60,\n  },\n  {\n    id: \"infra-deploy\",\n    name: \"chore/deploy-rank-cache\",\n    repoId: \"infra\",\n    updatedMinutesAgo: 24 * 60,\n  },\n];\n\nconst repoBranches = (repoId: string): Branch[] =>\n  BRANCHES.filter((b) => b.repoId === repoId);\n\nconst repoDefaultBranchId = (repoId: string): string | null =>\n  repoBranches(repoId).find((b) => b.isDefault)?.id ?? null;\n\ninterface BranchOption {\n  id: string;\n  name: string;\n  additionalInfo?: string;\n}\n\n/**\n * Base-branch options (Create From / Merge Into): the default branch first with\n * no timestamp, then the rest sorted by latest activity (freshest first), each\n * with a muted \"last activity\" time.\n */\nconst baseBranchOptions = (repoId: string): BranchOption[] => {\n  const branches = repoBranches(repoId);\n  const defaults = branches\n    .filter((b) => b.isDefault)\n    .map((b) => ({ id: b.id, name: b.name }));\n  const rest = branches\n    .filter((b) => !b.isDefault)\n    .sort((a, b) => a.updatedMinutesAgo - b.updatedMinutesAgo)\n    .map((b) => ({\n      id: b.id,\n      name: b.name,\n      additionalInfo: formatAgo(b.updatedMinutesAgo),\n    }));\n  return [...defaults, ...rest];\n};\n\n/**\n * Source-branch options (New Pull Request): the default branch is excluded — you\n * don't open a PR to merge the trunk into a feature branch — and the rest are\n * sorted by latest activity, each with a muted \"last activity\" time.\n */\nconst sourceBranchOptions = (repoId: string): BranchOption[] =>\n  repoBranches(repoId)\n    .filter((b) => !b.isDefault)\n    .sort((a, b) => a.updatedMinutesAgo - b.updatedMinutesAgo)\n    .map((b) => ({\n      id: b.id,\n      name: b.name,\n      additionalInfo: formatAgo(b.updatedMinutesAgo),\n    }));\n\n/* ---- Styles ---------------------------------------------------------- */\n\nconst StyledLinkBody = styled.div`\n  font-family: ${SANS};\n\n  .lk-tabbody {\n    margin-top: 18px;\n  }\n\n  .lk-field {\n    margin-bottom: 16px;\n  }\n  .lk-field:last-child {\n    margin-bottom: 0;\n  }\n  .lk-label {\n    display: block;\n    margin-bottom: 6px;\n  }\n  /* DS Input wrapper is 360px and SelectTrigger 300px — fill the dialog. */\n  .lk-control,\n  .lk-control.c-input-wrapper {\n    width: 100%;\n    max-width: none;\n  }\n\n  /* Explainer + inline connect link under the repository picker. */\n  .lk-repo-hint {\n    display: block;\n    margin-top: 8px;\n  }\n  .lk-repo-link {\n    background: none;\n    border: none;\n    padding: 0;\n    font: inherit;\n    color: var(--color-primary);\n    cursor: pointer;\n  }\n  .lk-repo-link:hover {\n    text-decoration: underline;\n  }\n\n  /* Skeleton placeholder shown for ~1s while the pickers \"load\". */\n  .lk-skeleton .sk-row {\n    margin-bottom: 18px;\n  }\n  .lk-skeleton .sk-choose {\n    width: 100%;\n    height: 36px;\n    border-radius: 6px;\n  }\n  .lk-skeleton .sk-label {\n    width: 160px;\n    height: 12px;\n    margin-bottom: 8px;\n  }\n  .lk-skeleton .sk-control {\n    width: 100%;\n    height: 40px;\n    border-radius: 6px;\n  }\n`;\n\n/**\n * The grouped select menu renders through a portal, so the \"match the trigger\n * width\" override has to be global, scoped to the menu's class. `$menuWidth` is\n * measured from the trigger and injected here.\n */\nconst MenuGlobalStyle = createGlobalStyle<{ $menuWidth?: number }>`\n  .c-select.lk-existing-select-menu {\n    ${({ $menuWidth }) =>\n      $menuWidth\n        ? `width: ${$menuWidth}px !important; max-width: none !important;`\n        : \"\"}\n  }\n\n  /* Standard secondary styling for the right-aligned detail (last activity /\n     author). The DS AdditionalInfo span ships unstyled and otherwise inherits\n     the option name's dark weight; mute it so it reads as a secondary detail. */\n  .c-select.lk-existing-select-menu .c-option--text + span {\n    color: var(--color-theme-600);\n    font-size: 12px;\n  }\n`;\n\n/**\n * Per-instance global style for a branch select menu: matches the trigger width\n * and applies the standard muted styling to the right-aligned \"last activity\".\n */\nconst BranchMenuGlobalStyle = createGlobalStyle<{ $cls: string; $w?: number }>`\n  .c-select.${(p) => p.$cls} {\n    ${(p) =>\n      p.$w ? `width: ${p.$w}px !important; max-width: none !important;` : \"\"}\n  }\n  .c-select.${(p) => p.$cls} .c-option--text + span {\n    color: var(--color-theme-600);\n    font-size: 12px;\n  }\n`;\n\nconst BranchSelectWrap = styled.div`\n  font-family: ${SANS};\n\n  .branch-trigger {\n    width: 100%;\n    max-width: none;\n  }\n`;\n\ninterface BranchSelectProps {\n  options: BranchOption[];\n  selected: string | null;\n  onChange: (id: string) => void;\n  placeholder?: string;\n}\n\n/**\n * Flat branch picker (Create From / Source Branch / Merge Into). The caller\n * supplies the option order (default-first or activity-sorted); the DS internal\n * alphabetical sort is disabled so that order is preserved.\n */\nconst BranchSelect = ({\n  options,\n  selected,\n  onChange,\n  placeholder = \"Select branch\",\n}: BranchSelectProps): ReactElement => {\n  const wrapRef = useRef<HTMLDivElement>(null);\n  const [menuWidth, setMenuWidth] = useState<number | undefined>();\n  const [menuCls] = useState(\n    () => `branch-select-menu-${Math.random().toString(36).slice(2)}`\n  );\n\n  const measure = useCallback(() => {\n    if (wrapRef.current) {\n      setMenuWidth(wrapRef.current.offsetWidth);\n    }\n  }, []);\n\n  useEffect(() => {\n    measure();\n  }, [measure]);\n\n  const selectedName =\n    options.find((o) => o.id === selected)?.name ?? placeholder;\n\n  return (\n    <BranchSelectWrap ref={wrapRef}>\n      <BranchMenuGlobalStyle $cls={menuCls} $w={menuWidth} />\n      <Select\n        options={options}\n        selected={selected === null ? undefined : selected}\n        onChange={(v) => onChange(String(v))}\n        placeholder=\"Search branches\"\n        selectClassName={menuCls}\n        onSelectOpen={measure}\n        disabledInternalSort\n        forceCloseMenu\n        target={\n          <SelectTrigger\n            className=\"branch-trigger\"\n            typographyProps={\n              selected === null ? { color: \"tertiary\" } : undefined\n            }\n          >\n            {selectedName}\n          </SelectTrigger>\n        }\n      />\n    </BranchSelectWrap>\n  );\n};\n\ntype LinkMode = \"existing\" | \"branch\" | \"pr\";\n\nconst MODE_OPTIONS = [\n  { id: \"existing\", name: \"Link Existing\" },\n  { id: \"branch\", name: \"New Branch\" },\n  { id: \"pr\", name: \"New Pull Request\" },\n];\n\nexport interface LinkBranchOrPullRequestDialogProps {\n  open: boolean;\n  onClose: () => void;\n}\n\nexport const LinkBranchOrPullRequestDialog = ({\n  open,\n  onClose,\n}: LinkBranchOrPullRequestDialogProps): ReactElement => {\n  const [mode, setMode] = useState<LinkMode>(\"existing\");\n  const [selected, setSelected] = useState<string | null>(null);\n  const [branchName, setBranchName] = useState(\"feature/retainers-34\");\n  const [prTitle, setPrTitle] = useState(\n    \"#34 Retainers & Contracts functionality\"\n  );\n  const [attempted, setAttempted] = useState(false);\n  const [loading, setLoading] = useState(true);\n  const [menuWidth, setMenuWidth] = useState<number | undefined>();\n\n  // Repository picker (New Branch / New Pull Request) + connect-repository flow.\n  const [repo, setRepo] = useState<string>(\"backend\");\n  const [connectOpen, setConnectOpen] = useState(false);\n  const [extraRepos, setExtraRepos] = useState<Repository[]>([]);\n\n  // Branch bases. Create From / Merge Into default to the repo's default branch;\n  // Source Branch starts unselected.\n  const [createFrom, setCreateFrom] = useState<string | null>(() =>\n    repoDefaultBranchId(\"backend\")\n  );\n  const [sourceBranch, setSourceBranch] = useState<string | null>(null);\n  const [mergeInto, setMergeInto] = useState<string | null>(() =>\n    repoDefaultBranchId(\"backend\")\n  );\n\n  // When the repository changes, reset the bases: default branch for\n  // Create From / Merge Into, nothing for Source Branch.\n  useEffect(() => {\n    const defaultId = repoDefaultBranchId(repo);\n    setCreateFrom(defaultId);\n    setMergeInto(defaultId);\n    setSourceBranch(null);\n  }, [repo]);\n\n  const fieldRef = useRef<HTMLDivElement>(null);\n\n  // Simulate the API loads that will drive the pickers: a ~1s skeleton on open.\n  useEffect(() => {\n    if (!open) {\n      return undefined;\n    }\n    setLoading(true);\n    const timer = window.setTimeout(() => setLoading(false), 1000);\n    return () => window.clearTimeout(timer);\n  }, [open]);\n\n  const measureMenu = useCallback(() => {\n    if (fieldRef.current) {\n      setMenuWidth(fieldRef.current.offsetWidth);\n    }\n  }, []);\n\n  // Keep the menu width in sync with the trigger once the form is visible.\n  useEffect(() => {\n    if (open && !loading && mode === \"existing\") {\n      measureMenu();\n    }\n  }, [open, loading, mode, measureMenu]);\n\n  // Submit is always enabled; validation runs on click and outlines fields.\n  const existingInvalid = attempted && mode === \"existing\" && selected === null;\n  const branchInvalid =\n    attempted && mode === \"branch\" && branchName.trim() === \"\";\n  const titleInvalid = attempted && mode === \"pr\" && prTitle.trim() === \"\";\n\n  const primaryLabel =\n    mode === \"existing\"\n      ? \"Link\"\n      : mode === \"branch\"\n      ? \"Create Branch\"\n      : \"Create Pull Request\";\n\n  const close = () => {\n    setAttempted(false);\n    onClose();\n  };\n\n  const handleSubmit = () => {\n    const valid =\n      mode === \"existing\"\n        ? selected !== null\n        : mode === \"branch\"\n        ? branchName.trim() !== \"\"\n        : prTitle.trim() !== \"\";\n    if (!valid) {\n      setAttempted(true);\n      return;\n    }\n    close();\n  };\n\n  const changeMode = (next: LinkMode) => {\n    setMode(next);\n    setAttempted(false);\n  };\n\n  const selectedLabel =\n    ALL_ITEMS.find((o) => o.id === selected)?.name ??\n    \"Select branch or pull request\";\n\n  // Repositories already on the project (plus any just connected), and the\n  // remaining ones that can still be connected from here.\n  const projectRepos = [...PROJECT_REPOSITORIES, ...extraRepos];\n  const connectableRepos = CONNECTABLE_REPOSITORIES.filter(\n    (r) => !projectRepos.some((p) => p.id === r.id)\n  );\n\n  const handleConnected = (connected: Repository) => {\n    setExtraRepos((prev) =>\n      prev.some((r) => r.id === connected.id) ? prev : [...prev, connected]\n    );\n    // The repository just connected becomes the selection in the picker.\n    setRepo(connected.id);\n  };\n\n  const renderRepositoryField = (): ReactElement => (\n    <div className=\"lk-field\">\n      <Label size=\"small\" className=\"lk-label\">\n        Repository\n      </Label>\n      <RepositorySelect\n        repositories={projectRepos}\n        connections={CONNECTIONS}\n        selected={repo}\n        onChange={setRepo}\n      />\n      <Caption1 color=\"tertiary\" className=\"lk-repo-hint\">\n        Only repositories connected to this project are listed.{\" \"}\n        <button\n          type=\"button\"\n          className=\"lk-repo-link\"\n          onClick={() => setConnectOpen(true)}\n        >\n          Connect a repository\n        </button>{\" \"}\n        if the one you need is missing.\n      </Caption1>\n    </div>\n  );\n\n  return (\n    <>\n      <Dialog open={open} onClose={close} disableCloseOnEsc>\n        <MenuGlobalStyle $menuWidth={menuWidth} />\n        <Dialog.Title>Link Branch or Pull Request</Dialog.Title>\n        <Dialog.ContentDivider />\n        <Dialog.Content>\n          <StyledLinkBody>\n            {loading ? (\n              <div className=\"lk-skeleton\">\n                <div className=\"sk-row\">\n                  <SkeletonLoader className=\"sk-choose\" />\n                </div>\n                <div className=\"sk-row\">\n                  <SkeletonLoader className=\"sk-label\" />\n                  <SkeletonLoader className=\"sk-control\" />\n                </div>\n              </div>\n            ) : (\n              <>\n                <ChooseV2\n                  required\n                  options={MODE_OPTIONS}\n                  selected={[mode]}\n                  onChange={(ids) => changeMode(ids[0] as LinkMode)}\n                />\n\n                <div className=\"lk-tabbody\">\n                  {mode === \"existing\" ? (\n                    <div className=\"lk-field\" ref={fieldRef}>\n                      <Label\n                        size=\"small\"\n                        className=\"lk-label\"\n                        invalid={existingInvalid}\n                      >\n                        Branch or Pull Request\n                      </Label>\n                      <Select\n                        options={GROUPED_OPTIONS}\n                        selected={selected === null ? undefined : selected}\n                        onChange={(v) => setSelected(v as string)}\n                        placeholder=\"Search branches and pull requests\"\n                        selectClassName=\"lk-existing-select-menu\"\n                        onSelectOpen={measureMenu}\n                        disabledInternalSort\n                        forceCloseMenu\n                        target={\n                          <SelectTrigger\n                            className=\"lk-control\"\n                            invalid={existingInvalid}\n                            typographyProps={\n                              selected === null\n                                ? { color: \"tertiary\" }\n                                : undefined\n                            }\n                          >\n                            {selectedLabel}\n                          </SelectTrigger>\n                        }\n                      />\n                    </div>\n                  ) : mode === \"branch\" ? (\n                    <>\n                      {renderRepositoryField()}\n                      <div className=\"lk-field\">\n                        <Label\n                          size=\"small\"\n                          className=\"lk-label\"\n                          invalid={branchInvalid}\n                        >\n                          Branch Name\n                        </Label>\n                        <Input\n                          className=\"lk-control\"\n                          value={branchName}\n                          invalid={branchInvalid}\n                          onChange={(e) => setBranchName(e.target.value)}\n                        />\n                      </div>\n                      <div className=\"lk-field\">\n                        <Label size=\"small\" className=\"lk-label\">\n                          Create From\n                        </Label>\n                        <BranchSelect\n                          options={baseBranchOptions(repo)}\n                          selected={createFrom}\n                          onChange={setCreateFrom}\n                          placeholder=\"Select base branch\"\n                        />\n                      </div>\n                    </>\n                  ) : (\n                    <>\n                      {renderRepositoryField()}\n                      <div className=\"lk-field\">\n                        <Label size=\"small\" className=\"lk-label\">\n                          Source Branch\n                        </Label>\n                        <BranchSelect\n                          options={sourceBranchOptions(repo)}\n                          selected={sourceBranch}\n                          onChange={setSourceBranch}\n                          placeholder=\"Select source branch\"\n                        />\n                      </div>\n                      <div className=\"lk-field\">\n                        <Label size=\"small\" className=\"lk-label\">\n                          Merge Into\n                        </Label>\n                        <BranchSelect\n                          options={baseBranchOptions(repo)}\n                          selected={mergeInto}\n                          onChange={setMergeInto}\n                          placeholder=\"Select base branch\"\n                        />\n                      </div>\n                      <div className=\"lk-field\">\n                        <Label\n                          size=\"small\"\n                          className=\"lk-label\"\n                          invalid={titleInvalid}\n                        >\n                          Title\n                        </Label>\n                        <Input\n                          className=\"lk-control\"\n                          value={prTitle}\n                          invalid={titleInvalid}\n                          onChange={(e) => setPrTitle(e.target.value)}\n                        />\n                      </div>\n                    </>\n                  )}\n                </div>\n              </>\n            )}\n          </StyledLinkBody>\n        </Dialog.Content>\n        <Dialog.ContentDivider />\n        <Dialog.Actions>\n          <Button\n            variant=\"primary\"\n            style={{ marginRight: 12 }}\n            disabled={loading}\n            onClick={handleSubmit}\n          >\n            {primaryLabel}\n          </Button>\n          <Button variant=\"secondary\" onClick={close}>\n            Cancel\n          </Button>\n        </Dialog.Actions>\n      </Dialog>\n\n      <ConnectRepositoryDialog\n        open={connectOpen}\n        onClose={() => setConnectOpen(false)}\n        onConnect={handleConnected}\n        repositories={connectableRepos}\n        connections={CONNECTIONS}\n      />\n    </>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/presentation/shared/headers.d.ts

@@ -8,12 +8,19 @@ export declare const PageHeader: {
     ({ title, children, }: PageHeaderProps): ReactElement;
     displayName: string;
 };
+export interface ProjectOptionsMenuProps {
+    /** When the `source` module is loaded, show the Repositories section. */
+    sourceModuleLoaded?: boolean;
+}
 export interface ProjectPageHeaderProps {
     title?: string;
+    /** When the `source` module is loaded, the "..." menu shows a Repositories
+     *  section (connected repositories + Connect Repository). */
+    sourceModuleLoaded?: boolean;
 }
 /** The project page header: back arrow, title, progress, info, people, options. */
 export declare const ProjectPageHeader: {
-    ({ title, }: ProjectPageHeaderProps): ReactElement;
+    ({ title, sourceModuleLoaded, }: ProjectPageHeaderProps): ReactElement;
     displayName: string;
 };
 export interface TabHeaderProps {

package/dist/esm/presentation/shared/headers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"headers.d.ts","sourceRoot":"","sources":["../../../../src/presentation/shared/headers.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAqHjE,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,+EAA+E;AAC/E,eAAO,MAAM,UAAU;2BAGpB,eAAe,GAAG,YAAY;;CAShC,CAAC;AA8GF,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,mFAAmF;AACnF,eAAO,MAAM,iBAAiB;iBAE3B,sBAAsB,GAAG,YAAY;;CAkCvC,CAAC;AAsCF,MAAM,WAAW,cAAc;IAC7B,uDAAuD;IACvD,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;CAC7C;AAED,wEAAwE;AACxE,eAAO,MAAM,SAAS;sBAEnB,cAAc,GAAG,YAAY;;CA8C/B,CAAC"}
+{"version":3,"file":"headers.d.ts","sourceRoot":"","sources":["../../../../src/presentation/shared/headers.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAyIjE,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,+EAA+E;AAC/E,eAAO,MAAM,UAAU;2BAGpB,eAAe,GAAG,YAAY;;CAShC,CAAC;AAgJF,MAAM,WAAW,uBAAuB;IACtC,yEAAyE;IACzE,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAuUD,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;iEAC6D;IAC7D,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,mFAAmF;AACnF,eAAO,MAAM,iBAAiB;qCAG3B,sBAAsB,GAAG,YAAY;;CA8BvC,CAAC;AAsCF,MAAM,WAAW,cAAc;IAC7B,uDAAuD;IACvD,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;CAC7C;AAED,wEAAwE;AACxE,eAAO,MAAM,SAAS;sBAEnB,cAAc,GAAG,YAAY;;CA8C/B,CAAC"}

package/dist/esm/presentation/shared/headers.js

@@ -1,19 +1,25 @@
 import React, { useState } from "react";
 import styled from "styled-components";
-import { MD, SM } from "./tokens";
+import { CONNECTABLE_REPOSITORIES, CONNECTIONS, ConnectRepositoryDialog, serviceLabel } from "./ConnectRepositoryDialog";
+import { RoundAvatar } from "./RoundAvatar";
+import { AVATAR_COLORS, MD, SM, TRANSITION } from "./tokens";
 import { Button } from "../../components/Button";
 import { GlobalAddButton } from "../../components/Button/GlobalAddButton";
-import { Checkbox } from "../../components/Checkbox";
+import { CompleteCheckbox } from "../../components/CompleteCheckbox";
 import { CounterButton } from "../../components/CounterButton";
+import { Dialog } from "../../components/Dialog";
 import { Header } from "../../components/Header";
 import { IconButton } from "../../components/IconButton";
-import { ArrowLeftIcon, CheckboxBlankTogglerIcon, DuplicateIcon, EditIcon, EditMultipleIcon, FilterIcon, InfoIcon, InsertLinkIcon, LabelsIcon, NotificationBellIcon, PeopleIcon, ProjectTemplateConvertIcon, ProjectTemplateIcon, StarIcon, TrashIcon, TreeDotsIcon, ViewListIcon, ViewTimelineIcon } from "../../components/Icons";
+import { AddCrossIcon, AddCrossTinyIcon, ArrowLeftIcon, CaretRightIcon, CheckboxBlankTogglerIcon, CloseSmallIcon, CrownBlankIcon, CrownSelectedIcon, DownloadIcon, DuplicateIcon, EditIcon, EditMultipleIcon, FilterIcon, GitRepositoryIcon, InfoIcon, InsertLinkIcon, LabelsIcon, NotificationBellIcon, PeopleIcon, ProjectTemplateConvertIcon, ProjectTemplateIcon, StarIcon, TrashIcon, TreeDotsIcon, ViewListIcon, ViewTimelineIcon } from "../../components/Icons";
 import { List, ListItem, ListSeparator } from "../../components/List";
-import { Menu } from "../../components/Menu";
+import { Menu, MenuHeader } from "../../components/Menu";
 import { Item, Nav } from "../../components/Nav";
 import { ProgressPie } from "../../components/ProgressPie";
 import { Tooltip } from "../../components/Tooltip";
-import { Body2, Header2, Title2 } from "../../components/Typography";
+import { Body2, Caption1, Header2, Title2 } from "../../components/Typography";
+
+/** Gold used for the project-leader cues (a data colour, not a theme token). */
+const LEADER_GOLD = "#FFCC6B";
 
 /* ------------------------------------------------------------------ */
 /* Page header row (mirrors PageHeader.jsx)                            */
@@ -55,12 +61,97 @@ const StyledProjectHeaderChildren = styled.div.withConfig({
 const StyledProjectMenu = styled.div.withConfig({
   displayName: "headers__StyledProjectMenu",
   componentId: "sc-yf6o6n-2"
-})([".toggle-item{justify-content:space-between;}.toggle-item .opt-left{display:flex;align-items:center;min-width:0;}.toggle-item .opt-left svg{margin-right:8px;flex-shrink:0;}"]);
-const ProjectOptionsMenu = () => {
+})([".toggle-item{justify-content:space-between;}.toggle-item .opt-left{display:flex;align-items:center;min-width:0;}.toggle-item .opt-left svg{margin-right:8px;flex-shrink:0;}.toggle-item .c-complete-checkbox{width:16px;height:16px;border-radius:3px;align-self:center;flex-shrink:0;}.submenu-item{justify-content:space-between;}.submenu-item .repo-caret{flex-shrink:0;fill:var(--color-theme-600);}.repo-row{min-width:0;}.repo-row > svg{flex-shrink:0;}.repo-name{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}"]);
+
+/** Submenu row label for a connected repository: "path (Connection, Type)",
+ *  matching the grouped picker headers in the Link Branch / Pull Request
+ *  dialog. */
+const repositoryMenuLabel = repo => {
+  const connection = CONNECTIONS.find(c => c.id === repo.connectionId);
+  return connection ? repo.name + " (" + connection.name + ", " + serviceLabel(connection.service) + ")" : repo.name;
+};
+
+/**
+ * The "Repositories" item and its fly-out submenu. Rendered only when the
+ * `source` module is loaded. The item carries a right caret and opens a
+ * submenu that lists the project's connected repositories (sorted by name)
+ * above a "Connect Repository" action, separated by a divider. Connecting a
+ * repository adds it to the list; clicking a repository closes the menu (and,
+ * in production, opens the repository in a new tab).
+ */
+const RepositoriesMenuItem = _ref2 => {
+  let repositories = _ref2.repositories,
+    onConnect = _ref2.onConnect,
+    onOpenRepository = _ref2.onOpenRepository;
   const _useState = useState(false),
     open = _useState[0],
     setOpen = _useState[1];
   return /*#__PURE__*/React.createElement(Menu, {
+    open: open,
+    onOpen: () => setOpen(true),
+    onClose: () => setOpen(false),
+    position: "right-start",
+    mode: "wider",
+    target: /*#__PURE__*/React.createElement(ListItem, {
+      className: "toggle-item submenu-item"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "opt-left"
+    }, /*#__PURE__*/React.createElement(GitRepositoryIcon, null), "Repositories"), /*#__PURE__*/React.createElement(CaretRightIcon, {
+      className: "repo-caret",
+      width: 16,
+      height: 16
+    }))
+  }, /*#__PURE__*/React.createElement(StyledProjectMenu, null, /*#__PURE__*/React.createElement(List, {
+    style: {
+      padding: "8px 0"
+    },
+    tabIndex: -1
+  }, repositories.map(repo => /*#__PURE__*/React.createElement(ListItem, {
+    key: repo.id,
+    className: "repo-row",
+    onClick: () => onOpenRepository(repo)
+  }, /*#__PURE__*/React.createElement(GitRepositoryIcon, null), /*#__PURE__*/React.createElement("span", {
+    className: "repo-name"
+  }, repositoryMenuLabel(repo)))), repositories.length > 0 ? /*#__PURE__*/React.createElement(ListSeparator, null) : null, /*#__PURE__*/React.createElement(ListItem, {
+    onClick: onConnect
+  }, /*#__PURE__*/React.createElement(AddCrossIcon, null), "Connect Repository"))));
+};
+const ProjectOptionsMenu = _ref3 => {
+  let _ref3$sourceModuleLoa = _ref3.sourceModuleLoaded,
+    sourceModuleLoaded = _ref3$sourceModuleLoa === void 0 ? false : _ref3$sourceModuleLoa;
+  const _useState2 = useState(false),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  const _useState3 = useState([]),
+    connectedRepos = _useState3[0],
+    setConnectedRepos = _useState3[1];
+  const _useState4 = useState(false),
+    connectOpen = _useState4[0],
+    setConnectOpen = _useState4[1];
+  const _useState5 = useState(false),
+    infoOpen = _useState5[0],
+    setInfoOpen = _useState5[1];
+
+  // Repositories still available to connect (not already on the project).
+  const connectableRepos = CONNECTABLE_REPOSITORIES.filter(r => !connectedRepos.some(c => c.id === r.id));
+
+  // Connected repositories are listed in the submenu sorted by name.
+  const sortedRepos = [...connectedRepos].sort((a, b) => a.name.localeCompare(b.name));
+  const handleConnected = repo => {
+    setConnectedRepos(prev => prev.some(r => r.id === repo.id) ? prev : [...prev, repo]);
+  };
+  const handleConnect = () => {
+    setOpen(false);
+    setConnectOpen(true);
+  };
+
+  // In production this closes the menu and opens the repository in a new tab;
+  // in the mock we surface that behaviour in a small dialog instead.
+  const handleOpenRepository = () => {
+    setOpen(false);
+    setInfoOpen(true);
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Menu, {
     open: open,
     onOpen: () => setOpen(true),
     onClose: () => setOpen(false),
@@ -79,22 +170,127 @@ const ProjectOptionsMenu = () => {
     className: "toggle-item"
   }, /*#__PURE__*/React.createElement("span", {
     className: "opt-left"
-  }, /*#__PURE__*/React.createElement(StarIcon, null), "Mark as Favorite"), /*#__PURE__*/React.createElement(Checkbox, {
-    id: "proj-favorite",
-    onChange: () => undefined
+  }, /*#__PURE__*/React.createElement(StarIcon, null), "Mark as Favorite"), /*#__PURE__*/React.createElement(CompleteCheckbox, {
+    primary: true,
+    completed: true
   })), /*#__PURE__*/React.createElement(ListItem, {
     className: "toggle-item"
   }, /*#__PURE__*/React.createElement("span", {
     className: "opt-left"
-  }, /*#__PURE__*/React.createElement(NotificationBellIcon, null), "Subscribe to Everything"), /*#__PURE__*/React.createElement(Checkbox, {
-    id: "proj-subscribe",
-    onChange: () => undefined
-  })), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(LabelsIcon, null), "Manage Task Labels"), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(InsertLinkIcon, null), "Copy Link"), /*#__PURE__*/React.createElement(ListSeparator, null), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(CheckboxBlankTogglerIcon, null), "Complete"), /*#__PURE__*/React.createElement(ListSeparator, null), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(DuplicateIcon, null), "Duplicate"), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(ProjectTemplateIcon, null), "Apply Template"), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(ProjectTemplateConvertIcon, null), "Convert to Template"), /*#__PURE__*/React.createElement(ListSeparator, null), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(TrashIcon, null), "Delete"))));
+  }, /*#__PURE__*/React.createElement(NotificationBellIcon, null), "Subscribe to Everything"), /*#__PURE__*/React.createElement(CompleteCheckbox, {
+    primary: true,
+    completed: false
+  })), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(LabelsIcon, null), "Manage Task Labels"), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(InsertLinkIcon, null), "Copy Link"), /*#__PURE__*/React.createElement(ListSeparator, null), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(CheckboxBlankTogglerIcon, null), "Complete"), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(DownloadIcon, null), "Export"), sourceModuleLoaded ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ListSeparator, null), /*#__PURE__*/React.createElement(RepositoriesMenuItem, {
+    repositories: sortedRepos,
+    onConnect: handleConnect,
+    onOpenRepository: handleOpenRepository
+  })) : null, /*#__PURE__*/React.createElement(ListSeparator, null), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(DuplicateIcon, null), "Duplicate"), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(ProjectTemplateIcon, null), "Apply Template"), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(ProjectTemplateConvertIcon, null), "Convert to Template"), /*#__PURE__*/React.createElement(ListSeparator, null), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(TrashIcon, null), "Delete")))), /*#__PURE__*/React.createElement(ConnectRepositoryDialog, {
+    open: connectOpen,
+    onClose: () => setConnectOpen(false),
+    onConnect: handleConnected,
+    repositories: connectableRepos,
+    connections: CONNECTIONS
+  }), /*#__PURE__*/React.createElement(Dialog, {
+    open: infoOpen,
+    onClose: () => setInfoOpen(false),
+    enableBackgroundClick: true
+  }, /*#__PURE__*/React.createElement(Dialog.Title, null, "Open Repository"), /*#__PURE__*/React.createElement(Dialog.ContentDivider, null), /*#__PURE__*/React.createElement(Dialog.Content, null, /*#__PURE__*/React.createElement(Body2, null, "In production, this click would close the menu and open the repository in a new browser tab.")), /*#__PURE__*/React.createElement(Dialog.ContentDivider, null), /*#__PURE__*/React.createElement(Dialog.Actions, null, /*#__PURE__*/React.createElement(Button, {
+    variant: "primary",
+    onClick: () => setInfoOpen(false)
+  }, "Got it"))));
+};
+
+/* People popover (mirrors the project header People dropdown): a header row
+   ("People" + add button), a "Members" section and a row per member. The
+   project leader shows a gold crown; other members reveal a "set as leader"
+   crown and a remove button on hover. Clicks are no-ops. */
+
+const PROJECT_MEMBERS = [{
+  name: "Theo Brandt",
+  initials: "TB",
+  color: AVATAR_COLORS.blue,
+  leader: true
+}, {
+  name: "Iris Calloway",
+  initials: "IC",
+  color: AVATAR_COLORS.purple
+}, {
+  name: "Account Director",
+  initials: "AD",
+  color: "#8A8F98"
+}, {
+  name: "Grace Bennett",
+  initials: "GB",
+  color: AVATAR_COLORS.orange
+}];
+const StyledPeopleMenu = styled.div.withConfig({
+  displayName: "headers__StyledPeopleMenu",
+  componentId: "sc-yf6o6n-3"
+})(["width:256px;.members-label{display:block;margin:8px 0;padding:0 16px;}.member-row{position:relative;display:flex;align-items:center;min-height:40px;margin:0 8px;padding:2px 8px;border-radius:4px;cursor:default;transition:background-color ", ";}.member-row:hover{background-color:var(--color-theme-200);}.member-row.leader::before{content:\"\";position:absolute;top:4px;bottom:4px;left:0;width:4px;border-radius:4px;background-color:", ";}.member-row.leader .member-avatar{outline:2px solid ", ";outline-offset:-2px;}.member-name{flex:1;margin-left:12px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.member-right{display:flex;align-items:center;gap:2px;flex-shrink:0;margin-left:8px;}.leader-crown{flex-shrink:0;}.member-options{display:none;align-items:center;gap:2px;}.member-row:hover .member-options{display:flex;}"], TRANSITION, LEADER_GOLD, LEADER_GOLD);
+const PeoplePopover = () => {
+  const _useState6 = useState(false),
+    open = _useState6[0],
+    setOpen = _useState6[1];
+  return /*#__PURE__*/React.createElement(Menu, {
+    open: open,
+    onOpen: () => setOpen(true),
+    onClose: () => setOpen(false),
+    position: "bottom-end",
+    target: /*#__PURE__*/React.createElement(CounterButton, {
+      label: String(PROJECT_MEMBERS.length),
+      icon: /*#__PURE__*/React.createElement(PeopleIcon, null),
+      active: open,
+      onClearAll: () => undefined
+    })
+  }, /*#__PURE__*/React.createElement(StyledPeopleMenu, null, /*#__PURE__*/React.createElement(MenuHeader, {
+    title: "People",
+    rightElement: /*#__PURE__*/React.createElement(IconButton, {
+      type: "button",
+      variant: "text gray",
+      size: "small",
+      "aria-label": "Add People"
+    }, /*#__PURE__*/React.createElement(AddCrossTinyIcon, null))
+  }), /*#__PURE__*/React.createElement(Caption1, {
+    weight: "bold",
+    className: "members-label"
+  }, "Members"), PROJECT_MEMBERS.map(member => /*#__PURE__*/React.createElement("div", {
+    className: member.leader ? "member-row leader" : "member-row",
+    key: member.name
+  }, /*#__PURE__*/React.createElement(RoundAvatar, {
+    className: "member-avatar",
+    $bg: member.color,
+    $bordered: false
+  }, member.initials), /*#__PURE__*/React.createElement(Body2, {
+    className: "member-name"
+  }, member.name), /*#__PURE__*/React.createElement("span", {
+    className: "member-right"
+  }, member.leader && /*#__PURE__*/React.createElement(CrownSelectedIcon, {
+    className: "leader-crown",
+    style: {
+      fill: LEADER_GOLD
+    }
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "member-options"
+  }, !member.leader && /*#__PURE__*/React.createElement(Tooltip, {
+    title: "Set as Project Leader"
+  }, /*#__PURE__*/React.createElement(IconButton, {
+    type: "button",
+    variant: "text gray",
+    size: "small"
+  }, /*#__PURE__*/React.createElement(CrownBlankIcon, null))), /*#__PURE__*/React.createElement(Tooltip, {
+    title: "Remove from Project"
+  }, /*#__PURE__*/React.createElement(IconButton, {
+    type: "button",
+    variant: "text gray",
+    size: "small"
+  }, /*#__PURE__*/React.createElement(CloseSmallIcon, null)))))))));
 };
 /** The project page header: back arrow, title, progress, info, people, options. */
-export const ProjectPageHeader = _ref2 => {
-  let _ref2$title = _ref2.title,
-    title = _ref2$title === void 0 ? "#131: Ime projekta" : _ref2$title;
+export const ProjectPageHeader = _ref4 => {
+  let _ref4$title = _ref4.title,
+    title = _ref4$title === void 0 ? "#131: Ime projekta" : _ref4$title,
+    _ref4$sourceModuleLoa = _ref4.sourceModuleLoaded,
+    sourceModuleLoaded = _ref4$sourceModuleLoa === void 0 ? false : _ref4$sourceModuleLoa;
   return /*#__PURE__*/React.createElement(StyledPageHeader, null, /*#__PURE__*/React.createElement("div", {
     className: "page-header-left"
   }, /*#__PURE__*/React.createElement(IconButton, {
@@ -117,11 +313,9 @@ export const ProjectPageHeader = _ref2 => {
     title: "Project Info"
   }, /*#__PURE__*/React.createElement(IconButton, {
     variant: "text gray"
-  }, /*#__PURE__*/React.createElement(InfoIcon, null))), /*#__PURE__*/React.createElement(CounterButton, {
-    label: "5",
-    icon: /*#__PURE__*/React.createElement(PeopleIcon, null),
-    onClearAll: () => undefined
-  }), /*#__PURE__*/React.createElement(ProjectOptionsMenu, null)))), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(InfoIcon, null))), /*#__PURE__*/React.createElement(PeoplePopover, null), /*#__PURE__*/React.createElement(ProjectOptionsMenu, {
+    sourceModuleLoaded: sourceModuleLoaded
+  })))), /*#__PURE__*/React.createElement("div", {
     className: "page-header-spacer"
   }));
 };
@@ -134,19 +328,19 @@ ProjectPageHeader.displayName = "ProjectPageHeader";
 const NAV_TABS = ["Tasks", "Discussions", "Files", "Notes", "Activity"];
 const StyledTabHeader = styled(Header).withConfig({
   displayName: "headers__StyledTabHeader",
-  componentId: "sc-yf6o6n-3"
+  componentId: "sc-yf6o6n-4"
 })(["justify-content:space-between;align-items:center;margin-bottom:16px;min-height:64px;flex-shrink:0;"]);
 const StyledTabControls = styled.div.withConfig({
   displayName: "headers__StyledTabControls",
-  componentId: "sc-yf6o6n-4"
+  componentId: "sc-yf6o6n-5"
 })(["display:flex;align-items:center;flex-shrink:0;gap:4px;.vertical-separator{width:1px;height:24px;background-color:var(--color-theme-400);margin:0 8px;}.filter-button{display:flex;align-items:center;gap:6px;}"]);
 /** The Tasks/Discussions/… tab bar plus the right-hand view toolbar. */
-export const TabHeader = _ref3 => {
-  let _ref3$activeView = _ref3.activeView,
-    activeView = _ref3$activeView === void 0 ? "list" : _ref3$activeView;
-  const _useState2 = useState(0),
-    active = _useState2[0],
-    setActive = _useState2[1];
+export const TabHeader = _ref5 => {
+  let _ref5$activeView = _ref5.activeView,
+    activeView = _ref5$activeView === void 0 ? "list" : _ref5$activeView;
+  const _useState7 = useState(0),
+    active = _useState7[0],
+    setActive = _useState7[1];
   return /*#__PURE__*/React.createElement(StyledTabHeader, null, /*#__PURE__*/React.createElement(Nav, {
     onSelect: setActive
   }, NAV_TABS.map((label, index) => /*#__PURE__*/React.createElement(Item, {