@activecollab/components 2.0.344 → 2.0.345

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

@@ -1,5 +1,5 @@
-import React, { useState } from "react";
-import styled from "styled-components";
+import React, { useCallback, useState } from "react";
+import styled, { createGlobalStyle } from "styled-components";
 import { CONNECTABLE_REPOSITORIES, CONNECTIONS, ConnectRepositoryDialog, serviceLabel } from "./ConnectRepositoryDialog";
 import { RoundAvatar } from "./RoundAvatar";
 import { AVATAR_COLORS, MD, SM, TRANSITION } from "./tokens";
@@ -10,12 +10,13 @@ import { CounterButton } from "../../components/CounterButton";
 import { Dialog } from "../../components/Dialog";
 import { Header } from "../../components/Header";
 import { IconButton } from "../../components/IconButton";
-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 { AddCrossTinyIcon, ArrowLeftIcon, CaretRightIcon, CheckboxBlankTogglerIcon, CloseSmallIcon, CrownBlankIcon, CrownSelectedIcon, DownloadIcon, DuplicateIcon, EditIcon, EditMultipleIcon, FilterIcon, GitRepositoryConnectIcon, 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, MenuHeader } from "../../components/Menu";
 import { Item, Nav } from "../../components/Nav";
 import { ProgressPie } from "../../components/ProgressPie";
 import { Tooltip } from "../../components/Tooltip";
+import { ResizeTransition, SlideLeftRightTransition } from "../../components/Transitions";
 import { Body2, Caption1, Header2, Title2 } from "../../components/Typography";
 
 /** Gold used for the project-leader cues (a data colour, not a theme token). */
@@ -71,97 +72,87 @@ const repositoryMenuLabel = repo => {
   return connection ? repo.name + " (" + connection.name + ", " + serviceLabel(connection.service) + ")" : repo.name;
 };
 
+/** Width of the project "..." menu (matches the DS "normal" menu mode). */
+const PROJECT_MENU_WIDTH = 260;
+
+/* The menu drills in place (index → Repositories), so the paper must clip the
+   sliding panels and give them a positioning context. */
+const ProjectMenuSliderStyle = createGlobalStyle([".c-simple-menu__paper.project-options-menu{overflow:hidden;position:relative;}"]);
 /**
- * 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).
+ * The project "..." options menu. When the `source` module is loaded it gains
+ * a **Repositories** item that, instead of flying out to the side, **drills in
+ * within the same menu** (the pattern used across the app — see `Filter`): the
+ * index slides out to the left and the Repositories view (a back-arrow header,
+ * the connected repositories sorted by name, and a **Connect Repository**
+ * action) slides in. Connecting adds a repository to the list; clicking one
+ * would, in production, open it in a new tab (surfaced here via a dialog).
  */
-const RepositoriesMenuItem = _ref2 => {
-  let repositories = _ref2.repositories,
-    onConnect = _ref2.onConnect,
-    onOpenRepository = _ref2.onOpenRepository;
+const ProjectOptionsMenu = _ref2 => {
+  let _ref2$sourceModuleLoa = _ref2.sourceModuleLoaded,
+    sourceModuleLoaded = _ref2$sourceModuleLoa === void 0 ? false : _ref2$sourceModuleLoa;
   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];
+  const _useState2 = useState("index"),
+    view = _useState2[0],
+    setView = _useState2[1];
+  const _useState3 = useState(true),
+    isLeft = _useState3[0],
+    setIsLeft = _useState3[1];
+  const _useState4 = useState(0),
+    height = _useState4[0],
+    setHeight = _useState4[1];
+  const _useState5 = useState([]),
+    connectedRepos = _useState5[0],
+    setConnectedRepos = _useState5[1];
+  const _useState6 = useState(false),
+    connectOpen = _useState6[0],
+    setConnectOpen = _useState6[1];
+  const _useState7 = useState(false),
+    infoOpen = _useState7[0],
+    setInfoOpen = _useState7[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));
+
+  // Each view measures itself as it mounts so the paper can animate its height.
+  const measure = useCallback(node => {
+    if (node) {
+      setHeight(node.offsetHeight);
+    }
+  }, []);
+  const goToRepositories = () => {
+    setView("repositories");
+    setIsLeft(true);
+  };
+  const backToIndex = () => {
+    setView("index");
+    setIsLeft(false);
+  };
+  const handleClose = () => {
+    setOpen(false);
+    // Reset to the index so the next open starts at the top level.
+    setView("index");
+    setIsLeft(true);
+  };
   const handleConnected = repo => {
     setConnectedRepos(prev => prev.some(r => r.id === repo.id) ? prev : [...prev, repo]);
   };
   const handleConnect = () => {
-    setOpen(false);
+    handleClose();
     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);
+    handleClose();
     setInfoOpen(true);
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Menu, {
-    open: open,
-    onOpen: () => setOpen(true),
-    onClose: () => setOpen(false),
-    position: "bottom-end",
-    target: /*#__PURE__*/React.createElement(IconButton, {
-      type: "button",
-      variant: "text gray",
-      active: open
-    }, /*#__PURE__*/React.createElement(TreeDotsIcon, null))
-  }, /*#__PURE__*/React.createElement(StyledProjectMenu, null, /*#__PURE__*/React.createElement(List, {
+  const indexView = /*#__PURE__*/React.createElement(StyledProjectMenu, null, /*#__PURE__*/React.createElement(List, {
     style: {
       padding: "8px 0"
     },
@@ -180,11 +171,77 @@ const ProjectOptionsMenu = _ref3 => {
   }, /*#__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, {
+  })), /*#__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(ListItem, {
+    className: "toggle-item submenu-item",
+    onClick: goToRepositories
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "opt-left"
+  }, /*#__PURE__*/React.createElement(GitRepositoryIcon, null), "Repositories"), /*#__PURE__*/React.createElement(CaretRightIcon, {
+    className: "repo-caret",
+    width: 16,
+    height: 16
+  }))) : 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")));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ProjectMenuSliderStyle, null), /*#__PURE__*/React.createElement(Menu, {
+    open: open,
+    onOpen: () => setOpen(true),
+    onClose: handleClose,
+    position: "bottom-end",
+    menuClassName: sourceModuleLoaded ? "project-options-menu" : undefined,
+    target: /*#__PURE__*/React.createElement(IconButton, {
+      type: "button",
+      variant: "text gray",
+      active: open
+    }, /*#__PURE__*/React.createElement(TreeDotsIcon, null))
+  }, sourceModuleLoaded ? /*#__PURE__*/React.createElement(ResizeTransition, {
+    in: true,
+    style: {
+      height,
+      width: PROJECT_MENU_WIDTH
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      position: "relative",
+      overflow: "hidden"
+    }
+  }, /*#__PURE__*/React.createElement(SlideLeftRightTransition, {
+    in: view === "index",
+    direction: isLeft ? "left" : "right"
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: measure,
+    style: {
+      width: PROJECT_MENU_WIDTH
+    }
+  }, indexView)), /*#__PURE__*/React.createElement(SlideLeftRightTransition, {
+    in: view === "repositories",
+    direction: isLeft ? "left" : "right"
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: measure,
+    style: {
+      width: PROJECT_MENU_WIDTH
+    }
+  }, /*#__PURE__*/React.createElement(MenuHeader, {
+    title: "Repositories",
+    leftElement: /*#__PURE__*/React.createElement(IconButton, {
+      type: "button",
+      variant: "text gray",
+      size: "small",
+      onClick: backToIndex,
+      "aria-label": "Back"
+    }, /*#__PURE__*/React.createElement(ArrowLeftIcon, null))
+  }), /*#__PURE__*/React.createElement(StyledProjectMenu, null, /*#__PURE__*/React.createElement(List, {
+    style: {
+      padding: "8px 0"
+    },
+    tabIndex: -1
+  }, sortedRepos.map(repo => /*#__PURE__*/React.createElement(ListItem, {
+    key: repo.id,
+    className: "repo-row",
+    onClick: () => handleOpenRepository()
+  }, /*#__PURE__*/React.createElement(GitRepositoryIcon, null), /*#__PURE__*/React.createElement("span", {
+    className: "repo-name"
+  }, repositoryMenuLabel(repo)))), sortedRepos.length > 0 ? /*#__PURE__*/React.createElement(ListSeparator, null) : null, /*#__PURE__*/React.createElement(ListItem, {
+    onClick: handleConnect
+  }, /*#__PURE__*/React.createElement(GitRepositoryConnectIcon, null), "Connect Repository"))))))) : indexView), /*#__PURE__*/React.createElement(ConnectRepositoryDialog, {
     open: connectOpen,
     onClose: () => setConnectOpen(false),
     onConnect: handleConnected,
@@ -228,9 +285,9 @@ const StyledPeopleMenu = styled.div.withConfig({
   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];
+  const _useState8 = useState(false),
+    open = _useState8[0],
+    setOpen = _useState8[1];
   return /*#__PURE__*/React.createElement(Menu, {
     open: open,
     onOpen: () => setOpen(true),
@@ -286,11 +343,11 @@ const PeoplePopover = () => {
   }, /*#__PURE__*/React.createElement(CloseSmallIcon, null)))))))));
 };
 /** The project page header: back arrow, title, progress, info, people, options. */
-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;
+export const ProjectPageHeader = _ref3 => {
+  let _ref3$title = _ref3.title,
+    title = _ref3$title === void 0 ? "#131: Ime projekta" : _ref3$title,
+    _ref3$sourceModuleLoa = _ref3.sourceModuleLoaded,
+    sourceModuleLoaded = _ref3$sourceModuleLoa === void 0 ? false : _ref3$sourceModuleLoa;
   return /*#__PURE__*/React.createElement(StyledPageHeader, null, /*#__PURE__*/React.createElement("div", {
     className: "page-header-left"
   }, /*#__PURE__*/React.createElement(IconButton, {
@@ -335,12 +392,12 @@ const StyledTabControls = styled.div.withConfig({
   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 = _ref5 => {
-  let _ref5$activeView = _ref5.activeView,
-    activeView = _ref5$activeView === void 0 ? "list" : _ref5$activeView;
-  const _useState7 = useState(0),
-    active = _useState7[0],
-    setActive = _useState7[1];
+export const TabHeader = _ref4 => {
+  let _ref4$activeView = _ref4.activeView,
+    activeView = _ref4$activeView === void 0 ? "list" : _ref4$activeView;
+  const _useState9 = useState(0),
+    active = _useState9[0],
+    setActive = _useState9[1];
   return /*#__PURE__*/React.createElement(StyledTabHeader, null, /*#__PURE__*/React.createElement(Nav, {
     onSelect: setActive
   }, NAV_TABS.map((label, index) => /*#__PURE__*/React.createElement(Item, {

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

@@ -1 +1 @@
-{"version":3,"file":"headers.js","names":["React","useState","styled","CONNECTABLE_REPOSITORIES","CONNECTIONS","ConnectRepositoryDialog","serviceLabel","RoundAvatar","AVATAR_COLORS","MD","SM","TRANSITION","Button","GlobalAddButton","CompleteCheckbox","CounterButton","Dialog","Header","IconButton","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","List","ListItem","ListSeparator","Menu","MenuHeader","Item","Nav","ProgressPie","Tooltip","Body2","Caption1","Header2","Title2","LEADER_GOLD","StyledPageHeader","div","withConfig","displayName","componentId","PageHeader","_ref","title","children","createElement","className","StyledProjectHeaderChildren","StyledProjectMenu","repositoryMenuLabel","repo","connection","find","c","id","connectionId","name","service","RepositoriesMenuItem","_ref2","repositories","onConnect","onOpenRepository","_useState","open","setOpen","onOpen","onClose","position","mode","target","width","height","style","padding","tabIndex","map","key","onClick","length","ProjectOptionsMenu","_ref3","_ref3$sourceModuleLoa","sourceModuleLoaded","_useState2","_useState3","connectedRepos","setConnectedRepos","_useState4","connectOpen","setConnectOpen","_useState5","infoOpen","setInfoOpen","connectableRepos","filter","r","some","sortedRepos","sort","a","b","localeCompare","handleConnected","prev","handleConnect","handleOpenRepository","Fragment","type","variant","active","primary","completed","connections","enableBackgroundClick","Title","ContentDivider","Content","Actions","PROJECT_MEMBERS","initials","color","blue","leader","purple","orange","StyledPeopleMenu","PeoplePopover","_useState6","label","String","icon","onClearAll","undefined","rightElement","size","weight","member","$bg","$bordered","fill","ProjectPageHeader","_ref4","_ref4$title","_ref4$sourceModuleLoa","radius","progress","progressColor","backgroundColor","NAV_TABS","StyledTabHeader","StyledTabControls","TabHeader","_ref5","_ref5$activeView","activeView","_useState7","setActive","onSelect","index","transform"],"sources":["../../../../src/presentation/shared/headers.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode, useState } from \"react\";\n\nimport styled from \"styled-components\";\n\nimport {\n  CONNECTABLE_REPOSITORIES,\n  CONNECTIONS,\n  ConnectRepositoryDialog,\n  Repository,\n  serviceLabel,\n} from \"./ConnectRepositoryDialog\";\nimport { RoundAvatar } from \"./RoundAvatar\";\nimport { AVATAR_COLORS, MD, SM, TRANSITION } from \"./tokens\";\nimport { Button } from \"../../components/Button\";\nimport { GlobalAddButton } from \"../../components/Button/GlobalAddButton\";\nimport { CompleteCheckbox } from \"../../components/CompleteCheckbox\";\nimport { CounterButton } from \"../../components/CounterButton\";\nimport { Dialog } from \"../../components/Dialog\";\nimport { Header } from \"../../components/Header\";\nimport { IconButton } from \"../../components/IconButton\";\nimport {\n  AddCrossIcon,\n  AddCrossTinyIcon,\n  ArrowLeftIcon,\n  CaretRightIcon,\n  CheckboxBlankTogglerIcon,\n  CloseSmallIcon,\n  CrownBlankIcon,\n  CrownSelectedIcon,\n  DownloadIcon,\n  DuplicateIcon,\n  EditIcon,\n  EditMultipleIcon,\n  FilterIcon,\n  GitRepositoryIcon,\n  InfoIcon,\n  InsertLinkIcon,\n  LabelsIcon,\n  NotificationBellIcon,\n  PeopleIcon,\n  ProjectTemplateConvertIcon,\n  ProjectTemplateIcon,\n  StarIcon,\n  TrashIcon,\n  TreeDotsIcon,\n  ViewListIcon,\n  ViewTimelineIcon,\n} from \"../../components/Icons\";\nimport { List, ListItem, ListSeparator } from \"../../components/List\";\nimport { Menu, MenuHeader } from \"../../components/Menu\";\nimport { Item, Nav } from \"../../components/Nav\";\nimport { ProgressPie } from \"../../components/ProgressPie\";\nimport { Tooltip } from \"../../components/Tooltip\";\nimport { Body2, Caption1, Header2, Title2 } from \"../../components/Typography\";\n\n/** Gold used for the project-leader cues (a data colour, not a theme token). */\nconst LEADER_GOLD = \"#FFCC6B\";\n\n/* ------------------------------------------------------------------ */\n/* Page header row (mirrors PageHeader.jsx)                            */\n/* ------------------------------------------------------------------ */\n\nconst StyledPageHeader = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin: 12px 0;\n  width: 100%;\n  height: 40px;\n  flex-shrink: 0;\n\n  .page-header-left {\n    display: flex;\n    align-items: center;\n    width: 100%;\n    max-width: 100%;\n\n    @media (min-width: ${SM}) {\n      min-width: 0;\n    }\n  }\n\n  /* back button spacing (tw-shrink-0 tw-mr-1 md:tw-mr-2) */\n  .back-button {\n    flex-shrink: 0;\n    margin-right: 4px;\n\n    @media (min-width: ${MD}) {\n      margin-right: 8px;\n    }\n  }\n\n  .page-title-desktop {\n    display: none;\n    margin-right: 8px;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n\n    @media (min-width: ${MD}) {\n      display: block;\n    }\n  }\n\n  .page-title-mobile {\n    display: block;\n    margin-right: 8px;\n    font-weight: 300;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    @media (min-width: ${MD}) {\n      display: none;\n    }\n  }\n\n  .page-header-children {\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n  }\n\n  /* spacer that keeps the header clear of the absolutely positioned\n     top-right controls, same as in the app (tw-w-52) */\n  .page-header-spacer {\n    display: none;\n    height: 100%;\n    width: 208px;\n    flex-shrink: 0;\n\n    @media (min-width: ${SM}) {\n      display: flex;\n    }\n  }\n`;\n\nexport interface PageHeaderProps {\n  title: string;\n  children?: ReactNode;\n}\n\n/** Generic page header (title + optional controls), mirrors PageHeader.jsx. */\nexport const PageHeader = ({\n  title,\n  children,\n}: PageHeaderProps): ReactElement => (\n  <StyledPageHeader>\n    <div className=\"page-header-left\">\n      <Title2 className=\"page-title-desktop\">{title}</Title2>\n      <Header2 className=\"page-title-mobile\">{title}</Header2>\n      <div className=\"page-header-children\">{children}</div>\n    </div>\n    <div className=\"page-header-spacer\" />\n  </StyledPageHeader>\n);\n\nPageHeader.displayName = \"PageHeader\";\n\n/* ------------------------------------------------------------------ */\n/* Project page header (mirrors ProjectPage.js Page.Header children)   */\n/* ------------------------------------------------------------------ */\n\nconst StyledProjectHeaderChildren = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 8px;\n\n  .project-progress {\n    display: flex;\n    align-items: center;\n    margin-left: 4px;\n  }\n`;\n\n/* Project \"...\" options menu (Menu + List with leading-icon items). Two items\n   (Favorite, Subscribe) have a checkbox on the right. Clicks are no-ops. */\nconst StyledProjectMenu = styled.div`\n  .toggle-item {\n    justify-content: space-between;\n  }\n\n  .toggle-item .opt-left {\n    display: flex;\n    align-items: center;\n    min-width: 0;\n  }\n\n  .toggle-item .opt-left svg {\n    margin-right: 8px;\n    flex-shrink: 0;\n  }\n\n  /* the app renders the toggle as a small rounded (not circular) CompleteCheckbox */\n  .toggle-item .c-complete-checkbox {\n    width: 16px;\n    height: 16px;\n    border-radius: 3px;\n    align-self: center;\n    flex-shrink: 0;\n  }\n\n  /* \"Repositories\" item: caret pushed to the right edge */\n  .submenu-item {\n    justify-content: space-between;\n  }\n\n  .submenu-item .repo-caret {\n    flex-shrink: 0;\n    fill: var(--color-theme-600);\n  }\n\n  /* a connected-repository row inside the submenu — long \"path (Connection,\n     Type)\" labels truncate with an ellipsis rather than wrapping */\n  .repo-row {\n    min-width: 0;\n  }\n\n  .repo-row > svg {\n    flex-shrink: 0;\n  }\n\n  .repo-name {\n    min-width: 0;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n`;\n\n/** Submenu row label for a connected repository: \"path (Connection, Type)\",\n *  matching the grouped picker headers in the Link Branch / Pull Request\n *  dialog. */\nconst repositoryMenuLabel = (repo: Repository): string => {\n  const connection = CONNECTIONS.find((c) => c.id === repo.connectionId);\n  return connection\n    ? `${repo.name} (${connection.name}, ${serviceLabel(connection.service)})`\n    : repo.name;\n};\n\n/**\n * The \"Repositories\" item and its fly-out submenu. Rendered only when the\n * `source` module is loaded. The item carries a right caret and opens a\n * submenu that lists the project's connected repositories (sorted by name)\n * above a \"Connect Repository\" action, separated by a divider. Connecting a\n * repository adds it to the list; clicking a repository closes the menu (and,\n * in production, opens the repository in a new tab).\n */\nconst RepositoriesMenuItem = ({\n  repositories,\n  onConnect,\n  onOpenRepository,\n}: {\n  repositories: Repository[];\n  onConnect: () => void;\n  onOpenRepository: (repository: Repository) => void;\n}): ReactElement => {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <Menu\n      open={open}\n      onOpen={() => setOpen(true)}\n      onClose={() => setOpen(false)}\n      position=\"right-start\"\n      mode=\"wider\"\n      target={\n        <ListItem className=\"toggle-item submenu-item\">\n          <span className=\"opt-left\">\n            <GitRepositoryIcon />\n            Repositories\n          </span>\n          <CaretRightIcon className=\"repo-caret\" width={16} height={16} />\n        </ListItem>\n      }\n    >\n      <StyledProjectMenu>\n        <List style={{ padding: \"8px 0\" }} tabIndex={-1}>\n          {repositories.map((repo) => (\n            <ListItem\n              key={repo.id}\n              className=\"repo-row\"\n              onClick={() => onOpenRepository(repo)}\n            >\n              <GitRepositoryIcon />\n              <span className=\"repo-name\">{repositoryMenuLabel(repo)}</span>\n            </ListItem>\n          ))}\n          {repositories.length > 0 ? <ListSeparator /> : null}\n          <ListItem onClick={onConnect}>\n            <AddCrossIcon />\n            Connect Repository\n          </ListItem>\n        </List>\n      </StyledProjectMenu>\n    </Menu>\n  );\n};\n\nexport interface ProjectOptionsMenuProps {\n  /** When the `source` module is loaded, show the Repositories section. */\n  sourceModuleLoaded?: boolean;\n}\n\nconst ProjectOptionsMenu = ({\n  sourceModuleLoaded = false,\n}: ProjectOptionsMenuProps): ReactElement => {\n  const [open, setOpen] = useState(false);\n  const [connectedRepos, setConnectedRepos] = useState<Repository[]>([]);\n  const [connectOpen, setConnectOpen] = useState(false);\n  const [infoOpen, setInfoOpen] = useState(false);\n\n  // Repositories still available to connect (not already on the project).\n  const connectableRepos = CONNECTABLE_REPOSITORIES.filter(\n    (r) => !connectedRepos.some((c) => c.id === r.id)\n  );\n\n  // Connected repositories are listed in the submenu sorted by name.\n  const sortedRepos = [...connectedRepos].sort((a, b) =>\n    a.name.localeCompare(b.name)\n  );\n\n  const handleConnected = (repo: Repository): void => {\n    setConnectedRepos((prev) =>\n      prev.some((r) => r.id === repo.id) ? prev : [...prev, repo]\n    );\n  };\n\n  const handleConnect = (): void => {\n    setOpen(false);\n    setConnectOpen(true);\n  };\n\n  // In production this closes the menu and opens the repository in a new tab;\n  // in the mock we surface that behaviour in a small dialog instead.\n  const handleOpenRepository = (): void => {\n    setOpen(false);\n    setInfoOpen(true);\n  };\n\n  return (\n    <>\n      <Menu\n        open={open}\n        onOpen={() => setOpen(true)}\n        onClose={() => setOpen(false)}\n        position=\"bottom-end\"\n        target={\n          <IconButton type=\"button\" variant=\"text gray\" active={open}>\n            <TreeDotsIcon />\n          </IconButton>\n        }\n      >\n        <StyledProjectMenu>\n          <List style={{ padding: \"8px 0\" }} tabIndex={-1}>\n            <ListItem>\n              <EditIcon />\n              Edit\n            </ListItem>\n            <ListItem className=\"toggle-item\">\n              <span className=\"opt-left\">\n                <StarIcon />\n                Mark as Favorite\n              </span>\n              <CompleteCheckbox primary completed />\n            </ListItem>\n            <ListItem className=\"toggle-item\">\n              <span className=\"opt-left\">\n                <NotificationBellIcon />\n                Subscribe to Everything\n              </span>\n              <CompleteCheckbox primary completed={false} />\n            </ListItem>\n            <ListItem>\n              <LabelsIcon />\n              Manage Task Labels\n            </ListItem>\n            <ListItem>\n              <InsertLinkIcon />\n              Copy Link\n            </ListItem>\n            <ListSeparator />\n            <ListItem>\n              <CheckboxBlankTogglerIcon />\n              Complete\n            </ListItem>\n            <ListItem>\n              <DownloadIcon />\n              Export\n            </ListItem>\n            {sourceModuleLoaded ? (\n              <>\n                <ListSeparator />\n                <RepositoriesMenuItem\n                  repositories={sortedRepos}\n                  onConnect={handleConnect}\n                  onOpenRepository={handleOpenRepository}\n                />\n              </>\n            ) : null}\n            <ListSeparator />\n            <ListItem>\n              <DuplicateIcon />\n              Duplicate\n            </ListItem>\n            <ListItem>\n              <ProjectTemplateIcon />\n              Apply Template\n            </ListItem>\n            <ListItem>\n              <ProjectTemplateConvertIcon />\n              Convert to Template\n            </ListItem>\n            <ListSeparator />\n            <ListItem>\n              <TrashIcon />\n              Delete\n            </ListItem>\n          </List>\n        </StyledProjectMenu>\n      </Menu>\n\n      <ConnectRepositoryDialog\n        open={connectOpen}\n        onClose={() => setConnectOpen(false)}\n        onConnect={handleConnected}\n        repositories={connectableRepos}\n        connections={CONNECTIONS}\n      />\n\n      <Dialog\n        open={infoOpen}\n        onClose={() => setInfoOpen(false)}\n        enableBackgroundClick\n      >\n        <Dialog.Title>Open Repository</Dialog.Title>\n        <Dialog.ContentDivider />\n        <Dialog.Content>\n          <Body2>\n            In production, this click would close the menu and open the\n            repository in a new browser tab.\n          </Body2>\n        </Dialog.Content>\n        <Dialog.ContentDivider />\n        <Dialog.Actions>\n          <Button variant=\"primary\" onClick={() => setInfoOpen(false)}>\n            Got it\n          </Button>\n        </Dialog.Actions>\n      </Dialog>\n    </>\n  );\n};\n\n/* People popover (mirrors the project header People dropdown): a header row\n   (\"People\" + add button), a \"Members\" section and a row per member. The\n   project leader shows a gold crown; other members reveal a \"set as leader\"\n   crown and a remove button on hover. Clicks are no-ops. */\ninterface ProjectMember {\n  name: string;\n  initials: string;\n  color: string;\n  leader?: boolean;\n}\n\nconst PROJECT_MEMBERS: ProjectMember[] = [\n  {\n    name: \"Theo Brandt\",\n    initials: \"TB\",\n    color: AVATAR_COLORS.blue,\n    leader: true,\n  },\n  { name: \"Iris Calloway\", initials: \"IC\", color: AVATAR_COLORS.purple },\n  { name: \"Account Director\", initials: \"AD\", color: \"#8A8F98\" },\n  { name: \"Grace Bennett\", initials: \"GB\", color: AVATAR_COLORS.orange },\n];\n\nconst StyledPeopleMenu = styled.div`\n  width: 256px;\n\n  .members-label {\n    display: block;\n    margin: 8px 0;\n    padding: 0 16px;\n  }\n\n  .member-row {\n    position: relative;\n    display: flex;\n    align-items: center;\n    min-height: 40px;\n    margin: 0 8px;\n    padding: 2px 8px;\n    border-radius: 4px;\n    cursor: default;\n    transition: background-color ${TRANSITION};\n  }\n\n  .member-row:hover {\n    background-color: var(--color-theme-200);\n  }\n\n  /* gold left bar on the project-leader row */\n  .member-row.leader::before {\n    content: \"\";\n    position: absolute;\n    top: 4px;\n    bottom: 4px;\n    left: 0;\n    width: 4px;\n    border-radius: 4px;\n    background-color: ${LEADER_GOLD};\n  }\n\n  /* gold ring on the leader's avatar */\n  .member-row.leader .member-avatar {\n    outline: 2px solid ${LEADER_GOLD};\n    outline-offset: -2px;\n  }\n\n  .member-name {\n    flex: 1;\n    margin-left: 12px;\n    min-width: 0;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  .member-right {\n    display: flex;\n    align-items: center;\n    gap: 2px;\n    flex-shrink: 0;\n    margin-left: 8px;\n  }\n\n  .leader-crown {\n    flex-shrink: 0;\n  }\n\n  /* member actions (set-as-leader / remove) appear on hover, like the app */\n  .member-options {\n    display: none;\n    align-items: center;\n    gap: 2px;\n  }\n\n  .member-row:hover .member-options {\n    display: flex;\n  }\n`;\n\nconst PeoplePopover = (): ReactElement => {\n  const [open, setOpen] = useState(false);\n  return (\n    <Menu\n      open={open}\n      onOpen={() => setOpen(true)}\n      onClose={() => setOpen(false)}\n      position=\"bottom-end\"\n      target={\n        <CounterButton\n          label={String(PROJECT_MEMBERS.length)}\n          icon={<PeopleIcon />}\n          active={open}\n          onClearAll={() => undefined}\n        />\n      }\n    >\n      <StyledPeopleMenu>\n        <MenuHeader\n          title=\"People\"\n          rightElement={\n            <IconButton\n              type=\"button\"\n              variant=\"text gray\"\n              size=\"small\"\n              aria-label=\"Add People\"\n            >\n              <AddCrossTinyIcon />\n            </IconButton>\n          }\n        />\n        <Caption1 weight=\"bold\" className=\"members-label\">\n          Members\n        </Caption1>\n        {PROJECT_MEMBERS.map((member) => (\n          <div\n            className={member.leader ? \"member-row leader\" : \"member-row\"}\n            key={member.name}\n          >\n            <RoundAvatar\n              className=\"member-avatar\"\n              $bg={member.color}\n              $bordered={false}\n            >\n              {member.initials}\n            </RoundAvatar>\n            <Body2 className=\"member-name\">{member.name}</Body2>\n            <span className=\"member-right\">\n              {member.leader && (\n                <CrownSelectedIcon\n                  className=\"leader-crown\"\n                  style={{ fill: LEADER_GOLD }}\n                />\n              )}\n              <span className=\"member-options\">\n                {!member.leader && (\n                  <Tooltip title=\"Set as Project Leader\">\n                    <IconButton type=\"button\" variant=\"text gray\" size=\"small\">\n                      <CrownBlankIcon />\n                    </IconButton>\n                  </Tooltip>\n                )}\n                <Tooltip title=\"Remove from Project\">\n                  <IconButton type=\"button\" variant=\"text gray\" size=\"small\">\n                    <CloseSmallIcon />\n                  </IconButton>\n                </Tooltip>\n              </span>\n            </span>\n          </div>\n        ))}\n      </StyledPeopleMenu>\n    </Menu>\n  );\n};\n\nexport interface ProjectPageHeaderProps {\n  title?: string;\n  /** When the `source` module is loaded, the \"...\" menu shows a Repositories\n   *  section (connected repositories + Connect Repository). */\n  sourceModuleLoaded?: boolean;\n}\n\n/** The project page header: back arrow, title, progress, info, people, options. */\nexport const ProjectPageHeader = ({\n  title = \"#131: Ime projekta\",\n  sourceModuleLoaded = false,\n}: ProjectPageHeaderProps): ReactElement => (\n  <StyledPageHeader>\n    <div className=\"page-header-left\">\n      <IconButton variant=\"text gray\" className=\"back-button\">\n        <ArrowLeftIcon />\n      </IconButton>\n      <Title2 className=\"page-title-desktop\">{title}</Title2>\n      <Header2 className=\"page-title-mobile\">{title}</Header2>\n      <div className=\"page-header-children\">\n        <StyledProjectHeaderChildren>\n          <span className=\"project-progress\">\n            <ProgressPie\n              radius={11}\n              progress={64}\n              progressColor=\"var(--color-secondary)\"\n              backgroundColor=\"var(--color-theme-300)\"\n            />\n          </span>\n          <Tooltip title=\"Project Info\">\n            <IconButton variant=\"text gray\">\n              <InfoIcon />\n            </IconButton>\n          </Tooltip>\n          <PeoplePopover />\n          <ProjectOptionsMenu sourceModuleLoaded={sourceModuleLoaded} />\n        </StyledProjectHeaderChildren>\n      </div>\n    </div>\n    <div className=\"page-header-spacer\" />\n  </StyledPageHeader>\n);\n\nProjectPageHeader.displayName = \"ProjectPageHeader\";\n\n/* ------------------------------------------------------------------ */\n/* Tab bar (mirrors the <Header> with <Nav> on ProjectPage.js)         */\n/* ------------------------------------------------------------------ */\n\nconst NAV_TABS = [\"Tasks\", \"Discussions\", \"Files\", \"Notes\", \"Activity\"];\n\nconst StyledTabHeader = styled(Header)`\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n  min-height: 64px;\n  flex-shrink: 0;\n`;\n\nconst StyledTabControls = styled.div`\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  gap: 4px;\n\n  .vertical-separator {\n    width: 1px;\n    height: 24px;\n    background-color: var(--color-theme-400);\n    margin: 0 8px;\n  }\n\n  .filter-button {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n  }\n`;\n\nexport interface TabHeaderProps {\n  /** Which view-mode toggle is highlighted as active. */\n  activeView?: \"list\" | \"column\" | \"timeline\";\n}\n\n/** The Tasks/Discussions/… tab bar plus the right-hand view toolbar. */\nexport const TabHeader = ({\n  activeView = \"list\",\n}: TabHeaderProps): ReactElement => {\n  const [active, setActive] = useState(0);\n  return (\n    <StyledTabHeader>\n      <Nav onSelect={setActive}>\n        {NAV_TABS.map((label, index) => (\n          <Item active={index === active} key={label} name={label}>\n            <Body2 color=\"secondary\" weight=\"medium\">\n              {label}\n            </Body2>\n          </Item>\n        ))}\n      </Nav>\n      <StyledTabControls>\n        <Tooltip title=\"Batch Edit\">\n          <IconButton variant=\"text gray\">\n            <EditMultipleIcon />\n          </IconButton>\n        </Tooltip>\n        <span className=\"vertical-separator\" />\n        <Button variant=\"text gray\" className=\"filter-button\">\n          <FilterIcon />\n          Filter\n        </Button>\n        <Tooltip title=\"List view\">\n          <IconButton variant=\"text gray\" active={activeView === \"list\"}>\n            <ViewListIcon />\n          </IconButton>\n        </Tooltip>\n        <Tooltip title=\"Column view\">\n          <IconButton variant=\"text gray\" active={activeView === \"column\"}>\n            <ViewListIcon style={{ transform: \"rotate(90deg)\" }} />\n          </IconButton>\n        </Tooltip>\n        <Tooltip title=\"Timeline view\">\n          <IconButton variant=\"text gray\" active={activeView === \"timeline\"}>\n            <ViewTimelineIcon />\n          </IconButton>\n        </Tooltip>\n        <span className=\"vertical-separator\" />\n        <Tooltip title=\"Add New\">\n          <GlobalAddButton />\n        </Tooltip>\n      </StyledTabControls>\n    </StyledTabHeader>\n  );\n};\n\nTabHeader.displayName = \"TabHeader\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"headers.js","names":["React","useCallback","useState","styled","createGlobalStyle","CONNECTABLE_REPOSITORIES","CONNECTIONS","ConnectRepositoryDialog","serviceLabel","RoundAvatar","AVATAR_COLORS","MD","SM","TRANSITION","Button","GlobalAddButton","CompleteCheckbox","CounterButton","Dialog","Header","IconButton","AddCrossTinyIcon","ArrowLeftIcon","CaretRightIcon","CheckboxBlankTogglerIcon","CloseSmallIcon","CrownBlankIcon","CrownSelectedIcon","DownloadIcon","DuplicateIcon","EditIcon","EditMultipleIcon","FilterIcon","GitRepositoryConnectIcon","GitRepositoryIcon","InfoIcon","InsertLinkIcon","LabelsIcon","NotificationBellIcon","PeopleIcon","ProjectTemplateConvertIcon","ProjectTemplateIcon","StarIcon","TrashIcon","TreeDotsIcon","ViewListIcon","ViewTimelineIcon","List","ListItem","ListSeparator","Menu","MenuHeader","Item","Nav","ProgressPie","Tooltip","ResizeTransition","SlideLeftRightTransition","Body2","Caption1","Header2","Title2","LEADER_GOLD","StyledPageHeader","div","withConfig","displayName","componentId","PageHeader","_ref","title","children","createElement","className","StyledProjectHeaderChildren","StyledProjectMenu","repositoryMenuLabel","repo","connection","find","c","id","connectionId","name","service","PROJECT_MENU_WIDTH","ProjectMenuSliderStyle","ProjectOptionsMenu","_ref2","_ref2$sourceModuleLoa","sourceModuleLoaded","_useState","open","setOpen","_useState2","view","setView","_useState3","isLeft","setIsLeft","_useState4","height","setHeight","_useState5","connectedRepos","setConnectedRepos","_useState6","connectOpen","setConnectOpen","_useState7","infoOpen","setInfoOpen","connectableRepos","filter","r","some","sortedRepos","sort","a","b","localeCompare","measure","node","offsetHeight","goToRepositories","backToIndex","handleClose","handleConnected","prev","handleConnect","handleOpenRepository","indexView","style","padding","tabIndex","primary","completed","Fragment","onClick","width","onOpen","onClose","position","menuClassName","undefined","target","type","variant","active","in","overflow","direction","ref","leftElement","size","map","key","length","onConnect","repositories","connections","enableBackgroundClick","Title","ContentDivider","Content","Actions","PROJECT_MEMBERS","initials","color","blue","leader","purple","orange","StyledPeopleMenu","PeoplePopover","_useState8","label","String","icon","onClearAll","rightElement","weight","member","$bg","$bordered","fill","ProjectPageHeader","_ref3","_ref3$title","_ref3$sourceModuleLoa","radius","progress","progressColor","backgroundColor","NAV_TABS","StyledTabHeader","StyledTabControls","TabHeader","_ref4","_ref4$activeView","activeView","_useState9","setActive","onSelect","index","transform"],"sources":["../../../../src/presentation/shared/headers.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode, useCallback, useState } from \"react\";\n\nimport styled, { createGlobalStyle } from \"styled-components\";\n\nimport {\n  CONNECTABLE_REPOSITORIES,\n  CONNECTIONS,\n  ConnectRepositoryDialog,\n  Repository,\n  serviceLabel,\n} from \"./ConnectRepositoryDialog\";\nimport { RoundAvatar } from \"./RoundAvatar\";\nimport { AVATAR_COLORS, MD, SM, TRANSITION } from \"./tokens\";\nimport { Button } from \"../../components/Button\";\nimport { GlobalAddButton } from \"../../components/Button/GlobalAddButton\";\nimport { CompleteCheckbox } from \"../../components/CompleteCheckbox\";\nimport { CounterButton } from \"../../components/CounterButton\";\nimport { Dialog } from \"../../components/Dialog\";\nimport { Header } from \"../../components/Header\";\nimport { IconButton } from \"../../components/IconButton\";\nimport {\n  AddCrossTinyIcon,\n  ArrowLeftIcon,\n  CaretRightIcon,\n  CheckboxBlankTogglerIcon,\n  CloseSmallIcon,\n  CrownBlankIcon,\n  CrownSelectedIcon,\n  DownloadIcon,\n  DuplicateIcon,\n  EditIcon,\n  EditMultipleIcon,\n  FilterIcon,\n  GitRepositoryConnectIcon,\n  GitRepositoryIcon,\n  InfoIcon,\n  InsertLinkIcon,\n  LabelsIcon,\n  NotificationBellIcon,\n  PeopleIcon,\n  ProjectTemplateConvertIcon,\n  ProjectTemplateIcon,\n  StarIcon,\n  TrashIcon,\n  TreeDotsIcon,\n  ViewListIcon,\n  ViewTimelineIcon,\n} from \"../../components/Icons\";\nimport { List, ListItem, ListSeparator } from \"../../components/List\";\nimport { Menu, MenuHeader } from \"../../components/Menu\";\nimport { Item, Nav } from \"../../components/Nav\";\nimport { ProgressPie } from \"../../components/ProgressPie\";\nimport { Tooltip } from \"../../components/Tooltip\";\nimport {\n  ResizeTransition,\n  SlideLeftRightTransition,\n} from \"../../components/Transitions\";\nimport { Body2, Caption1, Header2, Title2 } from \"../../components/Typography\";\n\n/** Gold used for the project-leader cues (a data colour, not a theme token). */\nconst LEADER_GOLD = \"#FFCC6B\";\n\n/* ------------------------------------------------------------------ */\n/* Page header row (mirrors PageHeader.jsx)                            */\n/* ------------------------------------------------------------------ */\n\nconst StyledPageHeader = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin: 12px 0;\n  width: 100%;\n  height: 40px;\n  flex-shrink: 0;\n\n  .page-header-left {\n    display: flex;\n    align-items: center;\n    width: 100%;\n    max-width: 100%;\n\n    @media (min-width: ${SM}) {\n      min-width: 0;\n    }\n  }\n\n  /* back button spacing (tw-shrink-0 tw-mr-1 md:tw-mr-2) */\n  .back-button {\n    flex-shrink: 0;\n    margin-right: 4px;\n\n    @media (min-width: ${MD}) {\n      margin-right: 8px;\n    }\n  }\n\n  .page-title-desktop {\n    display: none;\n    margin-right: 8px;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n\n    @media (min-width: ${MD}) {\n      display: block;\n    }\n  }\n\n  .page-title-mobile {\n    display: block;\n    margin-right: 8px;\n    font-weight: 300;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    @media (min-width: ${MD}) {\n      display: none;\n    }\n  }\n\n  .page-header-children {\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n  }\n\n  /* spacer that keeps the header clear of the absolutely positioned\n     top-right controls, same as in the app (tw-w-52) */\n  .page-header-spacer {\n    display: none;\n    height: 100%;\n    width: 208px;\n    flex-shrink: 0;\n\n    @media (min-width: ${SM}) {\n      display: flex;\n    }\n  }\n`;\n\nexport interface PageHeaderProps {\n  title: string;\n  children?: ReactNode;\n}\n\n/** Generic page header (title + optional controls), mirrors PageHeader.jsx. */\nexport const PageHeader = ({\n  title,\n  children,\n}: PageHeaderProps): ReactElement => (\n  <StyledPageHeader>\n    <div className=\"page-header-left\">\n      <Title2 className=\"page-title-desktop\">{title}</Title2>\n      <Header2 className=\"page-title-mobile\">{title}</Header2>\n      <div className=\"page-header-children\">{children}</div>\n    </div>\n    <div className=\"page-header-spacer\" />\n  </StyledPageHeader>\n);\n\nPageHeader.displayName = \"PageHeader\";\n\n/* ------------------------------------------------------------------ */\n/* Project page header (mirrors ProjectPage.js Page.Header children)   */\n/* ------------------------------------------------------------------ */\n\nconst StyledProjectHeaderChildren = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 8px;\n\n  .project-progress {\n    display: flex;\n    align-items: center;\n    margin-left: 4px;\n  }\n`;\n\n/* Project \"...\" options menu (Menu + List with leading-icon items). Two items\n   (Favorite, Subscribe) have a checkbox on the right. Clicks are no-ops. */\nconst StyledProjectMenu = styled.div`\n  .toggle-item {\n    justify-content: space-between;\n  }\n\n  .toggle-item .opt-left {\n    display: flex;\n    align-items: center;\n    min-width: 0;\n  }\n\n  .toggle-item .opt-left svg {\n    margin-right: 8px;\n    flex-shrink: 0;\n  }\n\n  /* the app renders the toggle as a small rounded (not circular) CompleteCheckbox */\n  .toggle-item .c-complete-checkbox {\n    width: 16px;\n    height: 16px;\n    border-radius: 3px;\n    align-self: center;\n    flex-shrink: 0;\n  }\n\n  /* \"Repositories\" item: caret pushed to the right edge */\n  .submenu-item {\n    justify-content: space-between;\n  }\n\n  .submenu-item .repo-caret {\n    flex-shrink: 0;\n    fill: var(--color-theme-600);\n  }\n\n  /* a connected-repository row inside the submenu — long \"path (Connection,\n     Type)\" labels truncate with an ellipsis rather than wrapping */\n  .repo-row {\n    min-width: 0;\n  }\n\n  .repo-row > svg {\n    flex-shrink: 0;\n  }\n\n  .repo-name {\n    min-width: 0;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n`;\n\n/** Submenu row label for a connected repository: \"path (Connection, Type)\",\n *  matching the grouped picker headers in the Link Branch / Pull Request\n *  dialog. */\nconst repositoryMenuLabel = (repo: Repository): string => {\n  const connection = CONNECTIONS.find((c) => c.id === repo.connectionId);\n  return connection\n    ? `${repo.name} (${connection.name}, ${serviceLabel(connection.service)})`\n    : repo.name;\n};\n\n/** Width of the project \"...\" menu (matches the DS \"normal\" menu mode). */\nconst PROJECT_MENU_WIDTH = 260;\n\n/* The menu drills in place (index → Repositories), so the paper must clip the\n   sliding panels and give them a positioning context. */\nconst ProjectMenuSliderStyle = createGlobalStyle`\n  .c-simple-menu__paper.project-options-menu {\n    overflow: hidden;\n    position: relative;\n  }\n`;\n\nexport interface ProjectOptionsMenuProps {\n  /** When the `source` module is loaded, show the Repositories section. */\n  sourceModuleLoaded?: boolean;\n}\n\n/**\n * The project \"...\" options menu. When the `source` module is loaded it gains\n * a **Repositories** item that, instead of flying out to the side, **drills in\n * within the same menu** (the pattern used across the app — see `Filter`): the\n * index slides out to the left and the Repositories view (a back-arrow header,\n * the connected repositories sorted by name, and a **Connect Repository**\n * action) slides in. Connecting adds a repository to the list; clicking one\n * would, in production, open it in a new tab (surfaced here via a dialog).\n */\nconst ProjectOptionsMenu = ({\n  sourceModuleLoaded = false,\n}: ProjectOptionsMenuProps): ReactElement => {\n  const [open, setOpen] = useState(false);\n  const [view, setView] = useState<\"index\" | \"repositories\">(\"index\");\n  const [isLeft, setIsLeft] = useState(true);\n  const [height, setHeight] = useState(0);\n  const [connectedRepos, setConnectedRepos] = useState<Repository[]>([]);\n  const [connectOpen, setConnectOpen] = useState(false);\n  const [infoOpen, setInfoOpen] = useState(false);\n\n  // Repositories still available to connect (not already on the project).\n  const connectableRepos = CONNECTABLE_REPOSITORIES.filter(\n    (r) => !connectedRepos.some((c) => c.id === r.id)\n  );\n\n  // Connected repositories are listed in the submenu sorted by name.\n  const sortedRepos = [...connectedRepos].sort((a, b) =>\n    a.name.localeCompare(b.name)\n  );\n\n  // Each view measures itself as it mounts so the paper can animate its height.\n  const measure = useCallback((node: HTMLDivElement | null) => {\n    if (node) {\n      setHeight(node.offsetHeight);\n    }\n  }, []);\n\n  const goToRepositories = (): void => {\n    setView(\"repositories\");\n    setIsLeft(true);\n  };\n\n  const backToIndex = (): void => {\n    setView(\"index\");\n    setIsLeft(false);\n  };\n\n  const handleClose = (): void => {\n    setOpen(false);\n    // Reset to the index so the next open starts at the top level.\n    setView(\"index\");\n    setIsLeft(true);\n  };\n\n  const handleConnected = (repo: Repository): void => {\n    setConnectedRepos((prev) =>\n      prev.some((r) => r.id === repo.id) ? prev : [...prev, repo]\n    );\n  };\n\n  const handleConnect = (): void => {\n    handleClose();\n    setConnectOpen(true);\n  };\n\n  // In production this closes the menu and opens the repository in a new tab;\n  // in the mock we surface that behaviour in a small dialog instead.\n  const handleOpenRepository = (): void => {\n    handleClose();\n    setInfoOpen(true);\n  };\n\n  const indexView = (\n    <StyledProjectMenu>\n      <List style={{ padding: \"8px 0\" }} tabIndex={-1}>\n        <ListItem>\n          <EditIcon />\n          Edit\n        </ListItem>\n        <ListItem className=\"toggle-item\">\n          <span className=\"opt-left\">\n            <StarIcon />\n            Mark as Favorite\n          </span>\n          <CompleteCheckbox primary completed />\n        </ListItem>\n        <ListItem className=\"toggle-item\">\n          <span className=\"opt-left\">\n            <NotificationBellIcon />\n            Subscribe to Everything\n          </span>\n          <CompleteCheckbox primary completed={false} />\n        </ListItem>\n        <ListItem>\n          <LabelsIcon />\n          Manage Task Labels\n        </ListItem>\n        <ListItem>\n          <InsertLinkIcon />\n          Copy Link\n        </ListItem>\n        <ListSeparator />\n        <ListItem>\n          <CheckboxBlankTogglerIcon />\n          Complete\n        </ListItem>\n        <ListItem>\n          <DownloadIcon />\n          Export\n        </ListItem>\n        {sourceModuleLoaded ? (\n          <>\n            <ListSeparator />\n            <ListItem\n              className=\"toggle-item submenu-item\"\n              onClick={goToRepositories}\n            >\n              <span className=\"opt-left\">\n                <GitRepositoryIcon />\n                Repositories\n              </span>\n              <CaretRightIcon className=\"repo-caret\" width={16} height={16} />\n            </ListItem>\n          </>\n        ) : null}\n        <ListSeparator />\n        <ListItem>\n          <DuplicateIcon />\n          Duplicate\n        </ListItem>\n        <ListItem>\n          <ProjectTemplateIcon />\n          Apply Template\n        </ListItem>\n        <ListItem>\n          <ProjectTemplateConvertIcon />\n          Convert to Template\n        </ListItem>\n        <ListSeparator />\n        <ListItem>\n          <TrashIcon />\n          Delete\n        </ListItem>\n      </List>\n    </StyledProjectMenu>\n  );\n\n  return (\n    <>\n      <ProjectMenuSliderStyle />\n      <Menu\n        open={open}\n        onOpen={() => setOpen(true)}\n        onClose={handleClose}\n        position=\"bottom-end\"\n        menuClassName={sourceModuleLoaded ? \"project-options-menu\" : undefined}\n        target={\n          <IconButton type=\"button\" variant=\"text gray\" active={open}>\n            <TreeDotsIcon />\n          </IconButton>\n        }\n      >\n        {sourceModuleLoaded ? (\n          <ResizeTransition in style={{ height, width: PROJECT_MENU_WIDTH }}>\n            <div style={{ position: \"relative\", overflow: \"hidden\" }}>\n              <SlideLeftRightTransition\n                in={view === \"index\"}\n                direction={isLeft ? \"left\" : \"right\"}\n              >\n                <div ref={measure} style={{ width: PROJECT_MENU_WIDTH }}>\n                  {indexView}\n                </div>\n              </SlideLeftRightTransition>\n              <SlideLeftRightTransition\n                in={view === \"repositories\"}\n                direction={isLeft ? \"left\" : \"right\"}\n              >\n                <div ref={measure} style={{ width: PROJECT_MENU_WIDTH }}>\n                  <MenuHeader\n                    title=\"Repositories\"\n                    leftElement={\n                      <IconButton\n                        type=\"button\"\n                        variant=\"text gray\"\n                        size=\"small\"\n                        onClick={backToIndex}\n                        aria-label=\"Back\"\n                      >\n                        <ArrowLeftIcon />\n                      </IconButton>\n                    }\n                  />\n                  <StyledProjectMenu>\n                    <List style={{ padding: \"8px 0\" }} tabIndex={-1}>\n                      {sortedRepos.map((repo) => (\n                        <ListItem\n                          key={repo.id}\n                          className=\"repo-row\"\n                          onClick={() => handleOpenRepository()}\n                        >\n                          <GitRepositoryIcon />\n                          <span className=\"repo-name\">\n                            {repositoryMenuLabel(repo)}\n                          </span>\n                        </ListItem>\n                      ))}\n                      {sortedRepos.length > 0 ? <ListSeparator /> : null}\n                      <ListItem onClick={handleConnect}>\n                        <GitRepositoryConnectIcon />\n                        Connect Repository\n                      </ListItem>\n                    </List>\n                  </StyledProjectMenu>\n                </div>\n              </SlideLeftRightTransition>\n            </div>\n          </ResizeTransition>\n        ) : (\n          indexView\n        )}\n      </Menu>\n\n      <ConnectRepositoryDialog\n        open={connectOpen}\n        onClose={() => setConnectOpen(false)}\n        onConnect={handleConnected}\n        repositories={connectableRepos}\n        connections={CONNECTIONS}\n      />\n\n      <Dialog\n        open={infoOpen}\n        onClose={() => setInfoOpen(false)}\n        enableBackgroundClick\n      >\n        <Dialog.Title>Open Repository</Dialog.Title>\n        <Dialog.ContentDivider />\n        <Dialog.Content>\n          <Body2>\n            In production, this click would close the menu and open the\n            repository in a new browser tab.\n          </Body2>\n        </Dialog.Content>\n        <Dialog.ContentDivider />\n        <Dialog.Actions>\n          <Button variant=\"primary\" onClick={() => setInfoOpen(false)}>\n            Got it\n          </Button>\n        </Dialog.Actions>\n      </Dialog>\n    </>\n  );\n};\n\n/* People popover (mirrors the project header People dropdown): a header row\n   (\"People\" + add button), a \"Members\" section and a row per member. The\n   project leader shows a gold crown; other members reveal a \"set as leader\"\n   crown and a remove button on hover. Clicks are no-ops. */\ninterface ProjectMember {\n  name: string;\n  initials: string;\n  color: string;\n  leader?: boolean;\n}\n\nconst PROJECT_MEMBERS: ProjectMember[] = [\n  {\n    name: \"Theo Brandt\",\n    initials: \"TB\",\n    color: AVATAR_COLORS.blue,\n    leader: true,\n  },\n  { name: \"Iris Calloway\", initials: \"IC\", color: AVATAR_COLORS.purple },\n  { name: \"Account Director\", initials: \"AD\", color: \"#8A8F98\" },\n  { name: \"Grace Bennett\", initials: \"GB\", color: AVATAR_COLORS.orange },\n];\n\nconst StyledPeopleMenu = styled.div`\n  width: 256px;\n\n  .members-label {\n    display: block;\n    margin: 8px 0;\n    padding: 0 16px;\n  }\n\n  .member-row {\n    position: relative;\n    display: flex;\n    align-items: center;\n    min-height: 40px;\n    margin: 0 8px;\n    padding: 2px 8px;\n    border-radius: 4px;\n    cursor: default;\n    transition: background-color ${TRANSITION};\n  }\n\n  .member-row:hover {\n    background-color: var(--color-theme-200);\n  }\n\n  /* gold left bar on the project-leader row */\n  .member-row.leader::before {\n    content: \"\";\n    position: absolute;\n    top: 4px;\n    bottom: 4px;\n    left: 0;\n    width: 4px;\n    border-radius: 4px;\n    background-color: ${LEADER_GOLD};\n  }\n\n  /* gold ring on the leader's avatar */\n  .member-row.leader .member-avatar {\n    outline: 2px solid ${LEADER_GOLD};\n    outline-offset: -2px;\n  }\n\n  .member-name {\n    flex: 1;\n    margin-left: 12px;\n    min-width: 0;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  .member-right {\n    display: flex;\n    align-items: center;\n    gap: 2px;\n    flex-shrink: 0;\n    margin-left: 8px;\n  }\n\n  .leader-crown {\n    flex-shrink: 0;\n  }\n\n  /* member actions (set-as-leader / remove) appear on hover, like the app */\n  .member-options {\n    display: none;\n    align-items: center;\n    gap: 2px;\n  }\n\n  .member-row:hover .member-options {\n    display: flex;\n  }\n`;\n\nconst PeoplePopover = (): ReactElement => {\n  const [open, setOpen] = useState(false);\n  return (\n    <Menu\n      open={open}\n      onOpen={() => setOpen(true)}\n      onClose={() => setOpen(false)}\n      position=\"bottom-end\"\n      target={\n        <CounterButton\n          label={String(PROJECT_MEMBERS.length)}\n          icon={<PeopleIcon />}\n          active={open}\n          onClearAll={() => undefined}\n        />\n      }\n    >\n      <StyledPeopleMenu>\n        <MenuHeader\n          title=\"People\"\n          rightElement={\n            <IconButton\n              type=\"button\"\n              variant=\"text gray\"\n              size=\"small\"\n              aria-label=\"Add People\"\n            >\n              <AddCrossTinyIcon />\n            </IconButton>\n          }\n        />\n        <Caption1 weight=\"bold\" className=\"members-label\">\n          Members\n        </Caption1>\n        {PROJECT_MEMBERS.map((member) => (\n          <div\n            className={member.leader ? \"member-row leader\" : \"member-row\"}\n            key={member.name}\n          >\n            <RoundAvatar\n              className=\"member-avatar\"\n              $bg={member.color}\n              $bordered={false}\n            >\n              {member.initials}\n            </RoundAvatar>\n            <Body2 className=\"member-name\">{member.name}</Body2>\n            <span className=\"member-right\">\n              {member.leader && (\n                <CrownSelectedIcon\n                  className=\"leader-crown\"\n                  style={{ fill: LEADER_GOLD }}\n                />\n              )}\n              <span className=\"member-options\">\n                {!member.leader && (\n                  <Tooltip title=\"Set as Project Leader\">\n                    <IconButton type=\"button\" variant=\"text gray\" size=\"small\">\n                      <CrownBlankIcon />\n                    </IconButton>\n                  </Tooltip>\n                )}\n                <Tooltip title=\"Remove from Project\">\n                  <IconButton type=\"button\" variant=\"text gray\" size=\"small\">\n                    <CloseSmallIcon />\n                  </IconButton>\n                </Tooltip>\n              </span>\n            </span>\n          </div>\n        ))}\n      </StyledPeopleMenu>\n    </Menu>\n  );\n};\n\nexport interface ProjectPageHeaderProps {\n  title?: string;\n  /** When the `source` module is loaded, the \"...\" menu shows a Repositories\n   *  section (connected repositories + Connect Repository). */\n  sourceModuleLoaded?: boolean;\n}\n\n/** The project page header: back arrow, title, progress, info, people, options. */\nexport const ProjectPageHeader = ({\n  title = \"#131: Ime projekta\",\n  sourceModuleLoaded = false,\n}: ProjectPageHeaderProps): ReactElement => (\n  <StyledPageHeader>\n    <div className=\"page-header-left\">\n      <IconButton variant=\"text gray\" className=\"back-button\">\n        <ArrowLeftIcon />\n      </IconButton>\n      <Title2 className=\"page-title-desktop\">{title}</Title2>\n      <Header2 className=\"page-title-mobile\">{title}</Header2>\n      <div className=\"page-header-children\">\n        <StyledProjectHeaderChildren>\n          <span className=\"project-progress\">\n            <ProgressPie\n              radius={11}\n              progress={64}\n              progressColor=\"var(--color-secondary)\"\n              backgroundColor=\"var(--color-theme-300)\"\n            />\n          </span>\n          <Tooltip title=\"Project Info\">\n            <IconButton variant=\"text gray\">\n              <InfoIcon />\n            </IconButton>\n          </Tooltip>\n          <PeoplePopover />\n          <ProjectOptionsMenu sourceModuleLoaded={sourceModuleLoaded} />\n        </StyledProjectHeaderChildren>\n      </div>\n    </div>\n    <div className=\"page-header-spacer\" />\n  </StyledPageHeader>\n);\n\nProjectPageHeader.displayName = \"ProjectPageHeader\";\n\n/* ------------------------------------------------------------------ */\n/* Tab bar (mirrors the <Header> with <Nav> on ProjectPage.js)         */\n/* ------------------------------------------------------------------ */\n\nconst NAV_TABS = [\"Tasks\", \"Discussions\", \"Files\", \"Notes\", \"Activity\"];\n\nconst StyledTabHeader = styled(Header)`\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n  min-height: 64px;\n  flex-shrink: 0;\n`;\n\nconst StyledTabControls = styled.div`\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  gap: 4px;\n\n  .vertical-separator {\n    width: 1px;\n    height: 24px;\n    background-color: var(--color-theme-400);\n    margin: 0 8px;\n  }\n\n  .filter-button {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n  }\n`;\n\nexport interface TabHeaderProps {\n  /** Which view-mode toggle is highlighted as active. */\n  activeView?: \"list\" | \"column\" | \"timeline\";\n}\n\n/** The Tasks/Discussions/… tab bar plus the right-hand view toolbar. */\nexport const TabHeader = ({\n  activeView = \"list\",\n}: TabHeaderProps): ReactElement => {\n  const [active, setActive] = useState(0);\n  return (\n    <StyledTabHeader>\n      <Nav onSelect={setActive}>\n        {NAV_TABS.map((label, index) => (\n          <Item active={index === active} key={label} name={label}>\n            <Body2 color=\"secondary\" weight=\"medium\">\n              {label}\n            </Body2>\n          </Item>\n        ))}\n      </Nav>\n      <StyledTabControls>\n        <Tooltip title=\"Batch Edit\">\n          <IconButton variant=\"text gray\">\n            <EditMultipleIcon />\n          </IconButton>\n        </Tooltip>\n        <span className=\"vertical-separator\" />\n        <Button variant=\"text gray\" className=\"filter-button\">\n          <FilterIcon />\n          Filter\n        </Button>\n        <Tooltip title=\"List view\">\n          <IconButton variant=\"text gray\" active={activeView === \"list\"}>\n            <ViewListIcon />\n          </IconButton>\n        </Tooltip>\n        <Tooltip title=\"Column view\">\n          <IconButton variant=\"text gray\" active={activeView === \"column\"}>\n            <ViewListIcon style={{ transform: \"rotate(90deg)\" }} />\n          </IconButton>\n        </Tooltip>\n        <Tooltip title=\"Timeline view\">\n          <IconButton variant=\"text gray\" active={activeView === \"timeline\"}>\n            <ViewTimelineIcon />\n          </IconButton>\n        </Tooltip>\n        <span className=\"vertical-separator\" />\n        <Tooltip title=\"Add New\">\n          <GlobalAddButton />\n        </Tooltip>\n      </StyledTabControls>\n    </StyledTabHeader>\n  );\n};\n\nTabHeader.displayName = \"TabHeader\";\n"],"mappings":"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","ignoreList":[]}