@ynput/ayon-frontend-shared 0.2.21 → 0.2.23

package/dist/shared/src/containers/Views/ViewsMenu/ViewsMenu.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewsMenu.es.js","sources":["../../../../../../src/containers/Views/ViewsMenu/ViewsMenu.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { ViewItem } from '../ViewItem/ViewItem'\nimport * as Styled from './ViewsMenu.styled'\n\nexport const VIEW_DIVIDER = '_divider_' as const // Represents a divider\ntype Title = string // Represents a title\nexport type ViewMenuItem = ViewItem | typeof VIEW_DIVIDER | Title\n\nexport interface ViewsMenuProps extends React.HTMLAttributes<HTMLUListElement> {\n  items: ViewMenuItem[] // Array of ViewMenuItem or string\n  selected: string\n}\n\nexport const ViewsMenu = forwardRef<HTMLUListElement, ViewsMenuProps>(\n  ({ items, selected, ...props }, ref) => {\n    return (\n      <Styled.Scrollable>\n        <Styled.ViewsMenu {...props} ref={ref}>\n          {items.map((item, index) => {\n            if (item === '_divider_') {\n              return <Styled.ViewsMenuDivider key={index} />\n            } else if (typeof item === 'string') {\n              return <Styled.ViewsMenuTitle key={index}>{item}</Styled.ViewsMenuTitle>\n            } else {\n              return (\n                <ViewItem\n                  key={(item.id || '') + index.toString()}\n                  tabIndex={0}\n                  isSelected={item.id === selected}\n                  autoFocus={index === 0}\n                  {...item}\n                />\n              )\n            }\n          })}\n        </Styled.ViewsMenu>\n      </Styled.Scrollable>\n    )\n  },\n)\n"],"names":["jsx","Styled.Scrollable","Styled.ViewsMenu","Styled.ViewsMenuDivider","Styled.ViewsMenuTitle"],"mappings":";;;;AAIO,MAAM,eAAe;AASrB,MAAM,YAAY;AAAA,EACvB,CAAC,EAAE,OAAO,UAAU,GAAG,MAAA,GAAS,QAAQ;AACtC,WACGA,kCAAAA,IAAAC,YAAA,EACC,gDAACC,aAAA,EAAkB,GAAG,OAAO,KAC1B,UAAA,MAAM,IAAI,CAAC,MAAM,UAAU;AAC1B,UAAI,SAAS,aAAa;AACxB,eAAQF,sCAAAG,kBAAA,CAAA,GAA6B,KAAO;AAAA,MAAA,WACnC,OAAO,SAAS,UAAU;AACnC,eAAQH,kCAAAA,IAAAI,gBAAA,EAAmC,kBAAR,KAAa;AAAA,MAAA,OAC3C;AAEH,eAAAJ,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,UAAU;AAAA,YACV,YAAY,KAAK,OAAO;AAAA,YACxB,WAAW,UAAU;AAAA,YACpB,GAAG;AAAA,UAAA;AAAA,WAJE,KAAK,MAAM,MAAM,MAAM,SAAS;AAAA,QAKxC;AAAA,MAAA;AAAA,IAEJ,CACD,GACH,EACF,CAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"ViewsMenu.es.js","sources":["../../../../../../src/containers/Views/ViewsMenu/ViewsMenu.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { ViewItem } from '../ViewItem/ViewItem'\nimport * as Styled from './ViewsMenu.styled'\nimport { SectionHeader } from './SectionHeader'\n\nexport const VIEW_DIVIDER = '_divider_' as const // Represents a divider\nexport type ViewSectionHeader = {\n  type: 'section'\n  id: string\n  title: string\n  collapsed?: boolean\n  onToggle?: () => void\n}\nexport type ViewMenuItem = ViewItem | typeof VIEW_DIVIDER | ViewSectionHeader\n\nexport interface ViewsMenuProps extends React.HTMLAttributes<HTMLUListElement> {\n  items: ViewMenuItem[] // Array of ViewMenuItem or string\n  selected: string\n}\n\nconst isSectionHeader = (item: ViewMenuItem): item is ViewSectionHeader =>\n  typeof item === 'object' && item !== null && 'type' in item && (item as any).type === 'section'\n\nexport const ViewsMenu = forwardRef<HTMLUListElement, ViewsMenuProps>(\n  ({ items, selected, ...props }, ref) => {\n    return (\n      <Styled.Scrollable>\n        <Styled.ViewsMenu {...props} ref={ref}>\n          {items.map((item, index) => {\n            if (item === '_divider_') {\n              return <Styled.ViewsMenuDivider key={index} />\n            } else if (isSectionHeader(item)) {\n              return (\n                <SectionHeader\n                  key={item.id}\n                  id={item.id}\n                  title={item.title}\n                  collapsed={item.collapsed}\n                  onClick={item.onToggle}\n                />\n              )\n            } else {\n              return (\n                <ViewItem\n                  key={(item.id || '') + index.toString()}\n                  tabIndex={0}\n                  isSelected={item.id === selected}\n                  autoFocus={index === 0}\n                  {...item}\n                />\n              )\n            }\n          })}\n        </Styled.ViewsMenu>\n      </Styled.Scrollable>\n    )\n  },\n)\n"],"names":["jsx","Styled.Scrollable","Styled.ViewsMenu","Styled.ViewsMenuDivider"],"mappings":";;;;;AAKO,MAAM,eAAe;AAe5B,MAAM,kBAAkB,CAAC,SACvB,OAAO,SAAS,YAAY,SAAS,QAAQ,UAAU,QAAS,KAAa,SAAS;AAEjF,MAAM,YAAY;AAAA,EACvB,CAAC,EAAE,OAAO,UAAU,GAAG,MAAA,GAAS,QAAQ;AACtC,WACGA,kCAAAA,IAAAC,YAAA,EACC,gDAACC,aAAA,EAAkB,GAAG,OAAO,KAC1B,UAAA,MAAM,IAAI,CAAC,MAAM,UAAU;AAC1B,UAAI,SAAS,aAAa;AACxB,eAAQF,sCAAAG,kBAAA,CAAA,GAA6B,KAAO;AAAA,MAAA,WACnC,gBAAgB,IAAI,GAAG;AAE9B,eAAAH,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,IAAI,KAAK;AAAA,YACT,OAAO,KAAK;AAAA,YACZ,WAAW,KAAK;AAAA,YAChB,SAAS,KAAK;AAAA,UAAA;AAAA,UAJT,KAAK;AAAA,QAKZ;AAAA,MAAA,OAEG;AAEH,eAAAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,UAAU;AAAA,YACV,YAAY,KAAK,OAAO;AAAA,YACxB,WAAW,UAAU;AAAA,YACpB,GAAG;AAAA,UAAA;AAAA,WAJE,KAAK,MAAM,MAAM,MAAM,SAAS;AAAA,QAKxC;AAAA,MAAA;AAAA,IAEJ,CACD,GACH,EACF,CAAA;AAAA,EAAA;AAGN;"}

package/dist/shared/src/containers/Views/ViewsMenu/ViewsMenu.styled.cjs.js

@@ -22,12 +22,11 @@ const ViewsMenuDivider = styled.li`
   background-color: var(--md-sys-color-outline-variant);
   margin: 4px 0;
 `;
-const ViewsMenuTitle = styled.li`
+styled.li`
   ${ayonReactComponents.theme.labelSmall}
   color: var(--md-sys-color-outline);
 `;
 exports.Scrollable = Scrollable;
 exports.ViewsMenu = ViewsMenu;
 exports.ViewsMenuDivider = ViewsMenuDivider;
-exports.ViewsMenuTitle = ViewsMenuTitle;
 //# sourceMappingURL=ViewsMenu.styled.cjs.js.map

package/dist/shared/src/containers/Views/ViewsMenu/ViewsMenu.styled.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewsMenu.styled.cjs.js","sources":["../../../../../../src/containers/Views/ViewsMenu/ViewsMenu.styled.ts"],"sourcesContent":["import { theme } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const Scrollable = styled.div`\n  overflow: auto;\n  max-height: 40vh;\n`\n\nexport const ViewsMenu = styled.ul`\n  /* reset defaults */\n  margin: 0;\n  padding: 0;\n  list-style: none;\n\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n  margin-bottom: var(--padding-s);\n`\n\n// 1px line divider\nexport const ViewsMenuDivider = styled.li`\n  height: 1px;\n  background-color: var(--md-sys-color-outline-variant);\n  margin: 4px 0;\n`\n\nexport const ViewsMenuTitle = styled.li`\n  ${theme.labelSmall}\n  color: var(--md-sys-color-outline);\n`\n"],"names":["theme"],"mappings":";;;;AAGO,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAK1B,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAazB,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA;AAMhC,MAAM,iBAAiB,OAAO;AAAA,IACjCA,0BAAM,UAAU;AAAA;AAAA;;;;;"}
+{"version":3,"file":"ViewsMenu.styled.cjs.js","sources":["../../../../../../src/containers/Views/ViewsMenu/ViewsMenu.styled.ts"],"sourcesContent":["import { theme } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const Scrollable = styled.div`\n  overflow: auto;\n  max-height: 40vh;\n`\n\nexport const ViewsMenu = styled.ul`\n  /* reset defaults */\n  margin: 0;\n  padding: 0;\n  list-style: none;\n\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n  margin-bottom: var(--padding-s);\n`\n\n// 1px line divider\nexport const ViewsMenuDivider = styled.li`\n  height: 1px;\n  background-color: var(--md-sys-color-outline-variant);\n  margin: 4px 0;\n`\n\nexport const ViewsMenuTitle = styled.li`\n  ${theme.labelSmall}\n  color: var(--md-sys-color-outline);\n`\n"],"names":["theme"],"mappings":";;;;AAGO,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAK1B,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAazB,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA;AAMT,OAAO;AAAA,IACjCA,0BAAM,UAAU;AAAA;AAAA;;;;"}

package/dist/shared/src/containers/Views/ViewsMenu/ViewsMenu.styled.es.js

@@ -20,14 +20,13 @@ const ViewsMenuDivider = styled.li`
   background-color: var(--md-sys-color-outline-variant);
   margin: 4px 0;
 `;
-const ViewsMenuTitle = styled.li`
+styled.li`
   ${theme.labelSmall}
   color: var(--md-sys-color-outline);
 `;
 export {
   Scrollable,
   ViewsMenu,
-  ViewsMenuDivider,
-  ViewsMenuTitle
+  ViewsMenuDivider
 };
 //# sourceMappingURL=ViewsMenu.styled.es.js.map

package/dist/shared/src/containers/Views/ViewsMenu/ViewsMenu.styled.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewsMenu.styled.es.js","sources":["../../../../../../src/containers/Views/ViewsMenu/ViewsMenu.styled.ts"],"sourcesContent":["import { theme } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const Scrollable = styled.div`\n  overflow: auto;\n  max-height: 40vh;\n`\n\nexport const ViewsMenu = styled.ul`\n  /* reset defaults */\n  margin: 0;\n  padding: 0;\n  list-style: none;\n\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n  margin-bottom: var(--padding-s);\n`\n\n// 1px line divider\nexport const ViewsMenuDivider = styled.li`\n  height: 1px;\n  background-color: var(--md-sys-color-outline-variant);\n  margin: 4px 0;\n`\n\nexport const ViewsMenuTitle = styled.li`\n  ${theme.labelSmall}\n  color: var(--md-sys-color-outline);\n`\n"],"names":[],"mappings":";;AAGO,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAK1B,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAazB,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA;AAMhC,MAAM,iBAAiB,OAAO;AAAA,IACjC,MAAM,UAAU;AAAA;AAAA;"}
+{"version":3,"file":"ViewsMenu.styled.es.js","sources":["../../../../../../src/containers/Views/ViewsMenu/ViewsMenu.styled.ts"],"sourcesContent":["import { theme } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const Scrollable = styled.div`\n  overflow: auto;\n  max-height: 40vh;\n`\n\nexport const ViewsMenu = styled.ul`\n  /* reset defaults */\n  margin: 0;\n  padding: 0;\n  list-style: none;\n\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n  margin-bottom: var(--padding-s);\n`\n\n// 1px line divider\nexport const ViewsMenuDivider = styled.li`\n  height: 1px;\n  background-color: var(--md-sys-color-outline-variant);\n  margin: 4px 0;\n`\n\nexport const ViewsMenuTitle = styled.li`\n  ${theme.labelSmall}\n  color: var(--md-sys-color-outline);\n`\n"],"names":[],"mappings":";;AAGO,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAK1B,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAazB,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA;AAMT,OAAO;AAAA,IACjC,MAAM,UAAU;AAAA;AAAA;"}

package/dist/shared/src/containers/Views/context/ViewsContext.cjs.js

@@ -6,6 +6,7 @@ require("react-dom");
 require("../Views.styled.cjs.js");
 require("clsx");
 const ViewsMenuContainer = require("../ViewsMenuContainer/ViewsMenuContainer.cjs.js");
+const useLocalStorage = require("../../../hooks/useLocalStorage.cjs.js");
 require("../../../context/RemoteModulesContext.cjs.js");
 require("../../../../../_virtual/runtime.cjs.js");
 require("../../../../../_virtual/semver.cjs.js");
@@ -56,6 +57,7 @@ require("../../../api/queries/addons/updateAddons.cjs.js");
 require("../../../api/queries/attributes/getAttributes.cjs.js");
 require("../../../api/queries/attributes/updateAttributes.cjs.js");
 require("../../../api/queries/authentication/getAuthentication.cjs.js");
+require("../../../api/queries/cloud/cloud.cjs.js");
 require("../../../api/queries/entities/getEntity.cjs.js");
 require("../../../api/queries/entities/getEntityPanel.cjs.js");
 require("../../../api/queries/entities/updateEntity.cjs.js");
@@ -64,24 +66,24 @@ require("../../../api/queries/entityLists/updateLists.cjs.js");
 require("../../../api/queries/entityLists/getListsAttributes.cjs.js");
 require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");
 require("../../../api/queries/folders/getFolders.cjs.js");
+require("../../../api/queries/grouping/getGrouping.cjs.js");
 require("../../../api/queries/overview/getOverview.cjs.js");
 require("../../../api/queries/overview/updateOverview.cjs.js");
+require("../../../api/queries/permissions/getPermissions.cjs.js");
+require("../../../api/queries/products/createProduct.cjs.js");
 require("../../../api/queries/project/getProject.cjs.js");
 require("../../../api/queries/project/updateProject.cjs.js");
 require("../../../api/queries/review/getReview.cjs.js");
 require("../../../api/queries/review/updateReview.cjs.js");
+const share = require("../../../api/queries/share/share.cjs.js");
 require("../../../api/queries/system/getSystem.cjs.js");
 require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");
 const getUsers = require("../../../api/queries/users/getUsers.cjs.js");
 require("../../../api/queries/users/updateUsers.cjs.js");
-require("../../../api/queries/watchers/getWatchers.cjs.js");
-require("../../../api/queries/permissions/getPermissions.cjs.js");
-require("../../../api/queries/grouping/getGrouping.cjs.js");
 require("../../../api/queries/versions/updateVersions.cjs.js");
-require("../../../api/queries/products/createProduct.cjs.js");
-require("../../../api/queries/cloud/cloud.cjs.js");
 const getViews = require("../../../api/queries/views/getViews.cjs.js");
 const updateViews = require("../../../api/queries/views/updateViews.cjs.js");
+require("../../../api/queries/watchers/getWatchers.cjs.js");
 require("lodash");
 require("react-toastify");
 require("../../../context/DetailsPanelContext.cjs.js");
@@ -118,9 +120,20 @@ const ViewsProvider = ({
     powerLicense = debug.powerLicense;
   }
   const { data: currentUser } = getUsers.useGetCurrentUserQuery();
-  const { onCreateView, onDeleteView, onUpdateView } = useViewsMutations.useViewsMutations({ viewType, projectName });
+  const { onCreateView, onDeleteView, onUpdateView, onResetWorkingView } = useViewsMutations.useViewsMutations({
+    viewType,
+    projectName
+  });
   const [isMenuOpen, setIsMenuOpen] = React.useState(false);
   const [editingView, setEditingView] = React.useState(null);
+  const [collapsedSections, setCollapsedSections] = useLocalStorage.useLocalStorage(
+    "collapsed-views",
+    {}
+  );
+  const { data: shareOptions } = share.useGetShareOptionsQuery(
+    { projectName },
+    { skip: !powerLicense || !editingView }
+  );
   const [selectedView, setSelectedView, previousSelectedViewId] = useSelectedView.useSelectedView({
     viewType,
     projectName
@@ -154,6 +167,19 @@ const ViewsProvider = ({
     sourceSettings: viewSettings,
     onUpdateView
   });
+  const resetWorkingView = React.useCallback(async () => {
+    try {
+      await onResetWorkingView({
+        existingWorkingViewId: workingView == null ? void 0 : workingView.id,
+        selectedViewId: selectedView == null ? void 0 : selectedView.id,
+        setSelectedView,
+        setSettingsChanged: setViewSettingsChanged,
+        notify: true
+      });
+    } catch (error) {
+      console.error("Failed to reset view:", error);
+    }
+  }, [workingView, onResetWorkingView, selectedView, setSelectedView, setViewSettingsChanged]);
   const viewMenuItems = useBuildViewMenuItems.default({
     viewsList,
     workingView,
@@ -162,9 +188,11 @@ const ViewsProvider = ({
     currentUser,
     useWorkingView: !powerLicense,
     editingViewId,
+    onResetWorkingView,
     onSelect: (viewId) => {
       setSelectedView(viewId);
       setViewSettingsChanged(false);
+      setIsMenuOpen(false);
     },
     onEdit: (viewId) => setEditingView(viewId),
     onSave: async (viewId) => onSaveViewFromCurrent(viewId)
@@ -185,6 +213,8 @@ const ViewsProvider = ({
     viewMenuItems,
     isLoadingViews,
     isViewWorking,
+    // data
+    shareOptions,
     setIsMenuOpen,
     setEditingView,
     setSelectedView,
@@ -193,6 +223,8 @@ const ViewsProvider = ({
     onCreateView,
     onUpdateView,
     onDeleteView,
+    // shared actions
+    resetWorkingView,
     // api
     api: updateViews.viewsQueries,
     dispatch

package/dist/shared/src/containers/Views/context/ViewsContext.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewsContext.cjs.js","sources":["../../../../../../src/containers/Views/context/ViewsContext.tsx"],"sourcesContent":["import { createContext, useContext, FC, ReactNode, useState, useMemo, useCallback } from 'react'\nimport { ViewType, WORKING_VIEW_ID } from '../index'\nimport {\n  GetDefaultViewApiResponse,\n  useGetCurrentUserQuery,\n  useGetWorkingViewQuery,\n  useGetViewQuery,\n  useListViewsQuery,\n  UserModel,\n  ViewListItemModel,\n  viewsQueries,\n} from '@shared/api'\nimport useBuildViewMenuItems from '../hooks/useBuildViewMenuItems'\nimport { ViewMenuItem } from '../ViewsMenu/ViewsMenu'\nimport { usePowerpack } from '@shared/context'\nimport { useSelectedView } from '../hooks/useSelectedView'\nimport { UseViewMutations, useViewsMutations } from '../hooks/useViewsMutations'\nimport { useSaveViewFromCurrent } from '../hooks/useSaveViewFromCurrent'\nimport { useViewSettingsChanged } from '../hooks/useViewSettingsChanged'\n\nexport type ViewData = GetDefaultViewApiResponse\nexport type ViewSettings = GetDefaultViewApiResponse['settings']\nexport type SelectedViewState = ViewData | undefined // id of view otherwise null with use working\nexport type EditingViewState = string | true | null // id of view being edited otherwise null\n\nconst viewTypes = ['overview', 'taskProgress', 'lists'] as const\nexport interface ViewsContextValue {\n  // State\n  viewType?: ViewType\n  projectName?: string\n  currentUser?: UserModel\n  isMenuOpen: boolean\n  editingView: EditingViewState\n  selectedView: SelectedViewState\n\n  // Views data\n  viewsList: ViewListItemModel[]\n  viewSettings: ViewSettings | undefined\n  workingSettings: ViewSettings | undefined\n  workingView: ViewListItemModel | undefined\n  editingViewId: string | undefined\n  viewMenuItems: ViewMenuItem[]\n  editingViewData?: ViewData\n  isLoadingViews: boolean\n  isViewWorking: boolean\n\n  // Actions\n  setIsMenuOpen: (open: boolean) => void\n  setEditingView: (editing: EditingViewState) => void\n  setSelectedView: (viewId: string) => void\n  onSettingsChanged: (changed: boolean) => void\n\n  // Mutations\n  onCreateView: UseViewMutations['onCreateView']\n  onDeleteView: UseViewMutations['onDeleteView']\n  onUpdateView: UseViewMutations['onUpdateView']\n\n  // api\n  api: typeof viewsQueries\n  dispatch: any\n}\n\nconst ViewsContext = createContext<ViewsContextValue | null>(null)\n\nexport interface ViewsProviderProps {\n  children: ReactNode\n  viewType?: string\n  projectName?: string\n  dispatch?: any\n  debug?: {\n    powerLicense?: boolean\n  }\n}\n\nexport const ViewsProvider: FC<ViewsProviderProps> = ({\n  children,\n  viewType: viewTypeProp,\n  projectName,\n  dispatch,\n  debug,\n}) => {\n  // validate viewType\n  const viewType = viewTypes.includes(viewTypeProp as ViewType)\n    ? (viewTypeProp as ViewType)\n    : undefined\n\n  let { powerLicense } = usePowerpack()\n  if (debug?.powerLicense !== undefined) {\n    console.warn('Using debug power license:', debug.powerLicense)\n    powerLicense = debug.powerLicense\n  }\n\n  const { data: currentUser } = useGetCurrentUserQuery()\n\n  const { onCreateView, onDeleteView, onUpdateView } = useViewsMutations({ viewType, projectName })\n\n  const [isMenuOpen, setIsMenuOpen] = useState(false)\n  const [editingView, setEditingView] = useState<EditingViewState>(null)\n\n  // setting of default views\n  const [selectedView, setSelectedView, previousSelectedViewId] = useSelectedView({\n    viewType: viewType as string,\n    projectName: projectName,\n  })\n\n  const [viewSettingsChanged, setViewSettingsChanged] = useViewSettingsChanged({\n    viewType: viewType as ViewType,\n  })\n\n  // Fetch views data\n  const { currentData: viewsList = [], isLoading: isLoadingViews } = useListViewsQuery(\n    { projectName: projectName, viewType: viewType as string },\n    { skip: !viewType },\n  )\n\n  //   always get your working view\n  const { currentData: workingView } = useGetWorkingViewQuery(\n    { projectName: projectName, viewType: viewType as string },\n    { skip: !viewType },\n  )\n\n  const workingSettings = workingView?.settings\n\n  //   which settings to use for the view\n  const viewSettings =\n    !selectedView || selectedView.id === WORKING_VIEW_ID ? workingSettings : selectedView?.settings\n\n  // is the working view selected?\n  const isViewWorking = selectedView?.id === workingView?.id\n  // were we just on a custom view and then edited it and ended up on the working view\n  const editingViewId =\n    viewSettingsChanged &&\n    isViewWorking &&\n    !!previousSelectedViewId &&\n    previousSelectedViewId !== workingView?.id\n      ? previousSelectedViewId\n      : undefined\n\n  // get data for the view we are editing\n  const { currentData: editingViewDataData } = useGetViewQuery(\n    { viewId: editingView as string, projectName: projectName, viewType: viewType as string },\n    { skip: !(typeof editingView === 'string') || !powerLicense },\n  )\n\n  const editingViewData = useMemo(\n    () => (editingView === editingViewDataData?.id ? editingViewDataData : undefined),\n    [editingView, editingViewDataData],\n  )\n\n  const { onSaveViewFromCurrent } = useSaveViewFromCurrent({\n    viewType: viewType,\n    projectName,\n    sourceSettings: viewSettings,\n    onUpdateView: onUpdateView,\n  })\n\n  //   build the menu items for the views\n  const viewMenuItems = useBuildViewMenuItems({\n    viewsList,\n    workingView,\n    viewType,\n    projectName,\n    currentUser,\n    useWorkingView: !powerLicense,\n    editingViewId,\n    onSelect: (viewId) => {\n      setSelectedView(viewId)\n      // reset the settings changed state when switching views\n      setViewSettingsChanged(false)\n    },\n    onEdit: (viewId) => setEditingView(viewId),\n    onSave: async (viewId) => onSaveViewFromCurrent(viewId),\n  })\n\n  const value: ViewsContextValue = {\n    viewType,\n    projectName,\n    isMenuOpen,\n    editingView,\n    currentUser,\n    selectedView,\n    viewSettings,\n    workingSettings,\n    editingViewData,\n    viewsList,\n    workingView,\n    editingViewId,\n    viewMenuItems,\n    isLoadingViews,\n    isViewWorking,\n    setIsMenuOpen,\n    setEditingView,\n    setSelectedView,\n    onSettingsChanged: setViewSettingsChanged,\n    // mutations\n    onCreateView,\n    onUpdateView,\n    onDeleteView,\n    // api\n    api: viewsQueries,\n    dispatch,\n  }\n\n  return <ViewsContext.Provider value={value}>{children}</ViewsContext.Provider>\n}\n\nexport const useViewsContext = (): ViewsContextValue => {\n  const context = useContext(ViewsContext)\n  if (!context) {\n    throw new Error('useViewsContext must be used within a ViewsProvider')\n  }\n  return context\n}\n"],"names":["createContext","usePowerpack","useGetCurrentUserQuery","useViewsMutations","useState","useSelectedView","useViewSettingsChanged","useListViewsQuery","useGetWorkingViewQuery","WORKING_VIEW_ID","useGetViewQuery","useMemo","useSaveViewFromCurrent","useBuildViewMenuItems","viewsQueries","jsx","useContext"],"mappings":"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"}
+{"version":3,"file":"ViewsContext.cjs.js","sources":["../../../../../../src/containers/Views/context/ViewsContext.tsx"],"sourcesContent":["import { createContext, useContext, FC, ReactNode, useState, useMemo, useCallback } from 'react'\nimport { ViewType, WORKING_VIEW_ID } from '../index'\nimport {\n  GetDefaultViewApiResponse,\n  useGetCurrentUserQuery,\n  useGetWorkingViewQuery,\n  useGetViewQuery,\n  useListViewsQuery,\n  UserModel,\n  ViewListItemModel,\n  viewsQueries,\n  useGetShareOptionsQuery,\n  ShareOption,\n} from '@shared/api'\nimport useBuildViewMenuItems from '../hooks/useBuildViewMenuItems'\nimport { ViewMenuItem } from '../ViewsMenu/ViewsMenu'\nimport { usePowerpack } from '@shared/context'\nimport { useSelectedView } from '../hooks/useSelectedView'\nimport { UseViewMutations, useViewsMutations } from '../hooks/useViewsMutations'\nimport { useSaveViewFromCurrent } from '../hooks/useSaveViewFromCurrent'\nimport { useViewSettingsChanged } from '../hooks/useViewSettingsChanged'\nimport { useLocalStorage } from '@shared/hooks'\n\nexport type ViewData = GetDefaultViewApiResponse\nexport type ViewSettings = GetDefaultViewApiResponse['settings']\nexport type SelectedViewState = ViewData | undefined // id of view otherwise null with use working\nexport type EditingViewState = string | true | null // id of view being edited otherwise null\n\nconst viewTypes = ['overview', 'taskProgress', 'lists'] as const\nexport interface ViewsContextValue {\n  // State\n  viewType?: ViewType\n  projectName?: string\n  currentUser?: UserModel\n  isMenuOpen: boolean\n  editingView: EditingViewState\n  selectedView: SelectedViewState\n\n  // Views data\n  viewsList: ViewListItemModel[]\n  viewSettings: ViewSettings | undefined\n  workingSettings: ViewSettings | undefined\n  workingView: ViewListItemModel | undefined\n  editingViewId: string | undefined\n  viewMenuItems: ViewMenuItem[]\n  editingViewData?: ViewData\n  isLoadingViews: boolean\n  isViewWorking: boolean\n\n  // Data\n  shareOptions?: ShareOption[] // available users to share with (undefined means loading)\n\n  // Actions\n  setIsMenuOpen: (open: boolean) => void\n  setEditingView: (editing: EditingViewState) => void\n  setSelectedView: (viewId: string) => void\n  onSettingsChanged: (changed: boolean) => void\n\n  // Mutations\n  onCreateView: UseViewMutations['onCreateView']\n  onDeleteView: UseViewMutations['onDeleteView']\n  onUpdateView: UseViewMutations['onUpdateView']\n\n  // Actions (shared)\n  resetWorkingView: () => Promise<void>\n\n  // api\n  api: typeof viewsQueries\n  dispatch: any\n}\n\nconst ViewsContext = createContext<ViewsContextValue | null>(null)\n\nexport interface ViewsProviderProps {\n  children: ReactNode\n  viewType?: string\n  projectName?: string\n  dispatch?: any\n  debug?: {\n    powerLicense?: boolean\n  }\n}\n\nexport const ViewsProvider: FC<ViewsProviderProps> = ({\n  children,\n  viewType: viewTypeProp,\n  projectName,\n  dispatch,\n  debug,\n}) => {\n  // validate viewType\n  const viewType = viewTypes.includes(viewTypeProp as ViewType)\n    ? (viewTypeProp as ViewType)\n    : undefined\n\n  let { powerLicense } = usePowerpack()\n  if (debug?.powerLicense !== undefined) {\n    console.warn('Using debug power license:', debug.powerLicense)\n    powerLicense = debug.powerLicense\n  }\n\n  const { data: currentUser } = useGetCurrentUserQuery()\n\n  const { onCreateView, onDeleteView, onUpdateView, onResetWorkingView } = useViewsMutations({\n    viewType,\n    projectName,\n  })\n\n  const [isMenuOpen, setIsMenuOpen] = useState(false)\n  const [editingView, setEditingView] = useState<EditingViewState>(null)\n  const [collapsedSections, setCollapsedSections] = useLocalStorage<Record<string, boolean>>(\n    'collapsed-views',\n    {},\n  )\n\n  // when editing the view, get all users that can be shared to that view\n  const { data: shareOptions } = useGetShareOptionsQuery(\n    { projectName },\n    { skip: !powerLicense || !editingView },\n  )\n\n  // setting of default views\n  const [selectedView, setSelectedView, previousSelectedViewId] = useSelectedView({\n    viewType: viewType as string,\n    projectName: projectName,\n  })\n\n  const [viewSettingsChanged, setViewSettingsChanged] = useViewSettingsChanged({\n    viewType: viewType as ViewType,\n  })\n\n  // Fetch views data\n  const { currentData: viewsList = [], isLoading: isLoadingViews } = useListViewsQuery(\n    { projectName: projectName, viewType: viewType as string },\n    { skip: !viewType },\n  )\n\n  //   always get your working view\n  const { currentData: workingView } = useGetWorkingViewQuery(\n    { projectName: projectName, viewType: viewType as string },\n    { skip: !viewType },\n  )\n\n  const workingSettings = workingView?.settings\n\n  //   which settings to use for the view\n  const viewSettings =\n    !selectedView || selectedView.id === WORKING_VIEW_ID ? workingSettings : selectedView?.settings\n\n  // is the working view selected?\n  const isViewWorking = selectedView?.id === workingView?.id\n  // were we just on a custom view and then edited it and ended up on the working view\n  const editingViewId =\n    viewSettingsChanged &&\n    isViewWorking &&\n    !!previousSelectedViewId &&\n    previousSelectedViewId !== workingView?.id\n      ? previousSelectedViewId\n      : undefined\n\n  // get data for the view we are editing\n  const { currentData: editingViewDataData } = useGetViewQuery(\n    { viewId: editingView as string, projectName: projectName, viewType: viewType as string },\n    { skip: !(typeof editingView === 'string') || !powerLicense },\n  )\n\n  const editingViewData = useMemo(\n    () => (editingView === editingViewDataData?.id ? editingViewDataData : undefined),\n    [editingView, editingViewDataData],\n  )\n\n  const { onSaveViewFromCurrent } = useSaveViewFromCurrent({\n    viewType: viewType,\n    projectName,\n    sourceSettings: viewSettings,\n    onUpdateView: onUpdateView,\n  })\n\n  // Reset working view to default (empty) settings\n  const resetWorkingView = useCallback(async () => {\n    try {\n      await onResetWorkingView({\n        existingWorkingViewId: workingView?.id,\n        selectedViewId: selectedView?.id,\n        setSelectedView,\n        setSettingsChanged: setViewSettingsChanged,\n        notify: true,\n      })\n    } catch (error) {\n      console.error('Failed to reset view:', error)\n    }\n  }, [workingView, onResetWorkingView, selectedView, setSelectedView, setViewSettingsChanged])\n\n  //   build the menu items for the views\n  const viewMenuItems = useBuildViewMenuItems({\n    viewsList,\n    workingView,\n    viewType,\n    projectName,\n    currentUser,\n    useWorkingView: !powerLicense,\n    editingViewId,\n    onResetWorkingView,\n    onSelect: (viewId) => {\n      setSelectedView(viewId)\n      // reset the settings changed state when switching views\n      setViewSettingsChanged(false)\n      // close the menu when selecting a view\n      setIsMenuOpen(false)\n    },\n    onEdit: (viewId) => setEditingView(viewId),\n    onSave: async (viewId) => onSaveViewFromCurrent(viewId),\n  })\n\n  const value: ViewsContextValue = {\n    viewType,\n    projectName,\n    isMenuOpen,\n    editingView,\n    currentUser,\n    selectedView,\n    viewSettings,\n    workingSettings,\n    editingViewData,\n    viewsList,\n    workingView,\n    editingViewId,\n    viewMenuItems,\n    isLoadingViews,\n    isViewWorking,\n    // data\n    shareOptions,\n    setIsMenuOpen,\n    setEditingView,\n    setSelectedView,\n    onSettingsChanged: setViewSettingsChanged,\n    // mutations\n    onCreateView,\n    onUpdateView,\n    onDeleteView,\n    // shared actions\n    resetWorkingView,\n    // api\n    api: viewsQueries,\n    dispatch,\n  }\n\n  return <ViewsContext.Provider value={value}>{children}</ViewsContext.Provider>\n}\n\nexport const useViewsContext = (): ViewsContextValue => {\n  const context = useContext(ViewsContext)\n  if (!context) {\n    throw new Error('useViewsContext must be used within a ViewsProvider')\n  }\n  return context\n}\n"],"names":["createContext","usePowerpack","useGetCurrentUserQuery","useViewsMutations","useState","useLocalStorage","useGetShareOptionsQuery","useSelectedView","useViewSettingsChanged","useListViewsQuery","useGetWorkingViewQuery","WORKING_VIEW_ID","useGetViewQuery","useMemo","useSaveViewFromCurrent","useCallback","useBuildViewMenuItems","viewsQueries","jsx","useContext"],"mappings":"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"}

package/dist/shared/src/containers/Views/context/ViewsContext.es.js

@@ -1,9 +1,10 @@
 import { j as jsxRuntimeExports } from "../../../../../_virtual/jsx-runtime.es.js";
-import { createContext, useState, useMemo, useContext } from "react";
+import { createContext, useState, useMemo, useCallback, useContext } from "react";
 import "react-dom";
 import "../Views.styled.es.js";
 import "clsx";
 import { WORKING_VIEW_ID } from "../ViewsMenuContainer/ViewsMenuContainer.es.js";
+import { useLocalStorage } from "../../../hooks/useLocalStorage.es.js";
 import "../../../context/RemoteModulesContext.es.js";
 import "../../../../../_virtual/runtime.es.js";
 import "../../../../../_virtual/semver.es.js";
@@ -54,6 +55,7 @@ import "../../../api/queries/addons/updateAddons.es.js";
 import "../../../api/queries/attributes/getAttributes.es.js";
 import "../../../api/queries/attributes/updateAttributes.es.js";
 import "../../../api/queries/authentication/getAuthentication.es.js";
+import "../../../api/queries/cloud/cloud.es.js";
 import "../../../api/queries/entities/getEntity.es.js";
 import "../../../api/queries/entities/getEntityPanel.es.js";
 import "../../../api/queries/entities/updateEntity.es.js";
@@ -62,24 +64,24 @@ import "../../../api/queries/entityLists/updateLists.es.js";
 import "../../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../../api/queries/entityLists/updateListsAttributes.es.js";
 import "../../../api/queries/folders/getFolders.es.js";
+import "../../../api/queries/grouping/getGrouping.es.js";
 import "../../../api/queries/overview/getOverview.es.js";
 import "../../../api/queries/overview/updateOverview.es.js";
+import "../../../api/queries/permissions/getPermissions.es.js";
+import "../../../api/queries/products/createProduct.es.js";
 import "../../../api/queries/project/getProject.es.js";
 import "../../../api/queries/project/updateProject.es.js";
 import "../../../api/queries/review/getReview.es.js";
 import "../../../api/queries/review/updateReview.es.js";
+import { useGetShareOptionsQuery } from "../../../api/queries/share/share.es.js";
 import "../../../api/queries/system/getSystem.es.js";
 import "../../../api/queries/userDashboard/getUserDashboard.es.js";
 import { useGetCurrentUserQuery } from "../../../api/queries/users/getUsers.es.js";
 import "../../../api/queries/users/updateUsers.es.js";
-import "../../../api/queries/watchers/getWatchers.es.js";
-import "../../../api/queries/permissions/getPermissions.es.js";
-import "../../../api/queries/grouping/getGrouping.es.js";
 import "../../../api/queries/versions/updateVersions.es.js";
-import "../../../api/queries/products/createProduct.es.js";
-import "../../../api/queries/cloud/cloud.es.js";
 import { useListViewsQuery, useGetWorkingViewQuery, useGetViewQuery } from "../../../api/queries/views/getViews.es.js";
 import { viewsQueries as updateViewsApi } from "../../../api/queries/views/updateViews.es.js";
+import "../../../api/queries/watchers/getWatchers.es.js";
 import "lodash";
 import "react-toastify";
 import "../../../context/DetailsPanelContext.es.js";
@@ -116,9 +118,20 @@ const ViewsProvider = ({
     powerLicense = debug.powerLicense;
   }
   const { data: currentUser } = useGetCurrentUserQuery();
-  const { onCreateView, onDeleteView, onUpdateView } = useViewsMutations({ viewType, projectName });
+  const { onCreateView, onDeleteView, onUpdateView, onResetWorkingView } = useViewsMutations({
+    viewType,
+    projectName
+  });
   const [isMenuOpen, setIsMenuOpen] = useState(false);
   const [editingView, setEditingView] = useState(null);
+  const [collapsedSections, setCollapsedSections] = useLocalStorage(
+    "collapsed-views",
+    {}
+  );
+  const { data: shareOptions } = useGetShareOptionsQuery(
+    { projectName },
+    { skip: !powerLicense || !editingView }
+  );
   const [selectedView, setSelectedView, previousSelectedViewId] = useSelectedView({
     viewType,
     projectName
@@ -152,6 +165,19 @@ const ViewsProvider = ({
     sourceSettings: viewSettings,
     onUpdateView
   });
+  const resetWorkingView = useCallback(async () => {
+    try {
+      await onResetWorkingView({
+        existingWorkingViewId: workingView == null ? void 0 : workingView.id,
+        selectedViewId: selectedView == null ? void 0 : selectedView.id,
+        setSelectedView,
+        setSettingsChanged: setViewSettingsChanged,
+        notify: true
+      });
+    } catch (error) {
+      console.error("Failed to reset view:", error);
+    }
+  }, [workingView, onResetWorkingView, selectedView, setSelectedView, setViewSettingsChanged]);
   const viewMenuItems = useBuildViewMenuItems({
     viewsList,
     workingView,
@@ -160,9 +186,11 @@ const ViewsProvider = ({
     currentUser,
     useWorkingView: !powerLicense,
     editingViewId,
+    onResetWorkingView,
     onSelect: (viewId) => {
       setSelectedView(viewId);
       setViewSettingsChanged(false);
+      setIsMenuOpen(false);
     },
     onEdit: (viewId) => setEditingView(viewId),
     onSave: async (viewId) => onSaveViewFromCurrent(viewId)
@@ -183,6 +211,8 @@ const ViewsProvider = ({
     viewMenuItems,
     isLoadingViews,
     isViewWorking,
+    // data
+    shareOptions,
     setIsMenuOpen,
     setEditingView,
     setSelectedView,
@@ -191,6 +221,8 @@ const ViewsProvider = ({
     onCreateView,
     onUpdateView,
     onDeleteView,
+    // shared actions
+    resetWorkingView,
     // api
     api: updateViewsApi,
     dispatch

package/dist/shared/src/containers/Views/context/ViewsContext.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewsContext.es.js","sources":["../../../../../../src/containers/Views/context/ViewsContext.tsx"],"sourcesContent":["import { createContext, useContext, FC, ReactNode, useState, useMemo, useCallback } from 'react'\nimport { ViewType, WORKING_VIEW_ID } from '../index'\nimport {\n  GetDefaultViewApiResponse,\n  useGetCurrentUserQuery,\n  useGetWorkingViewQuery,\n  useGetViewQuery,\n  useListViewsQuery,\n  UserModel,\n  ViewListItemModel,\n  viewsQueries,\n} from '@shared/api'\nimport useBuildViewMenuItems from '../hooks/useBuildViewMenuItems'\nimport { ViewMenuItem } from '../ViewsMenu/ViewsMenu'\nimport { usePowerpack } from '@shared/context'\nimport { useSelectedView } from '../hooks/useSelectedView'\nimport { UseViewMutations, useViewsMutations } from '../hooks/useViewsMutations'\nimport { useSaveViewFromCurrent } from '../hooks/useSaveViewFromCurrent'\nimport { useViewSettingsChanged } from '../hooks/useViewSettingsChanged'\n\nexport type ViewData = GetDefaultViewApiResponse\nexport type ViewSettings = GetDefaultViewApiResponse['settings']\nexport type SelectedViewState = ViewData | undefined // id of view otherwise null with use working\nexport type EditingViewState = string | true | null // id of view being edited otherwise null\n\nconst viewTypes = ['overview', 'taskProgress', 'lists'] as const\nexport interface ViewsContextValue {\n  // State\n  viewType?: ViewType\n  projectName?: string\n  currentUser?: UserModel\n  isMenuOpen: boolean\n  editingView: EditingViewState\n  selectedView: SelectedViewState\n\n  // Views data\n  viewsList: ViewListItemModel[]\n  viewSettings: ViewSettings | undefined\n  workingSettings: ViewSettings | undefined\n  workingView: ViewListItemModel | undefined\n  editingViewId: string | undefined\n  viewMenuItems: ViewMenuItem[]\n  editingViewData?: ViewData\n  isLoadingViews: boolean\n  isViewWorking: boolean\n\n  // Actions\n  setIsMenuOpen: (open: boolean) => void\n  setEditingView: (editing: EditingViewState) => void\n  setSelectedView: (viewId: string) => void\n  onSettingsChanged: (changed: boolean) => void\n\n  // Mutations\n  onCreateView: UseViewMutations['onCreateView']\n  onDeleteView: UseViewMutations['onDeleteView']\n  onUpdateView: UseViewMutations['onUpdateView']\n\n  // api\n  api: typeof viewsQueries\n  dispatch: any\n}\n\nconst ViewsContext = createContext<ViewsContextValue | null>(null)\n\nexport interface ViewsProviderProps {\n  children: ReactNode\n  viewType?: string\n  projectName?: string\n  dispatch?: any\n  debug?: {\n    powerLicense?: boolean\n  }\n}\n\nexport const ViewsProvider: FC<ViewsProviderProps> = ({\n  children,\n  viewType: viewTypeProp,\n  projectName,\n  dispatch,\n  debug,\n}) => {\n  // validate viewType\n  const viewType = viewTypes.includes(viewTypeProp as ViewType)\n    ? (viewTypeProp as ViewType)\n    : undefined\n\n  let { powerLicense } = usePowerpack()\n  if (debug?.powerLicense !== undefined) {\n    console.warn('Using debug power license:', debug.powerLicense)\n    powerLicense = debug.powerLicense\n  }\n\n  const { data: currentUser } = useGetCurrentUserQuery()\n\n  const { onCreateView, onDeleteView, onUpdateView } = useViewsMutations({ viewType, projectName })\n\n  const [isMenuOpen, setIsMenuOpen] = useState(false)\n  const [editingView, setEditingView] = useState<EditingViewState>(null)\n\n  // setting of default views\n  const [selectedView, setSelectedView, previousSelectedViewId] = useSelectedView({\n    viewType: viewType as string,\n    projectName: projectName,\n  })\n\n  const [viewSettingsChanged, setViewSettingsChanged] = useViewSettingsChanged({\n    viewType: viewType as ViewType,\n  })\n\n  // Fetch views data\n  const { currentData: viewsList = [], isLoading: isLoadingViews } = useListViewsQuery(\n    { projectName: projectName, viewType: viewType as string },\n    { skip: !viewType },\n  )\n\n  //   always get your working view\n  const { currentData: workingView } = useGetWorkingViewQuery(\n    { projectName: projectName, viewType: viewType as string },\n    { skip: !viewType },\n  )\n\n  const workingSettings = workingView?.settings\n\n  //   which settings to use for the view\n  const viewSettings =\n    !selectedView || selectedView.id === WORKING_VIEW_ID ? workingSettings : selectedView?.settings\n\n  // is the working view selected?\n  const isViewWorking = selectedView?.id === workingView?.id\n  // were we just on a custom view and then edited it and ended up on the working view\n  const editingViewId =\n    viewSettingsChanged &&\n    isViewWorking &&\n    !!previousSelectedViewId &&\n    previousSelectedViewId !== workingView?.id\n      ? previousSelectedViewId\n      : undefined\n\n  // get data for the view we are editing\n  const { currentData: editingViewDataData } = useGetViewQuery(\n    { viewId: editingView as string, projectName: projectName, viewType: viewType as string },\n    { skip: !(typeof editingView === 'string') || !powerLicense },\n  )\n\n  const editingViewData = useMemo(\n    () => (editingView === editingViewDataData?.id ? editingViewDataData : undefined),\n    [editingView, editingViewDataData],\n  )\n\n  const { onSaveViewFromCurrent } = useSaveViewFromCurrent({\n    viewType: viewType,\n    projectName,\n    sourceSettings: viewSettings,\n    onUpdateView: onUpdateView,\n  })\n\n  //   build the menu items for the views\n  const viewMenuItems = useBuildViewMenuItems({\n    viewsList,\n    workingView,\n    viewType,\n    projectName,\n    currentUser,\n    useWorkingView: !powerLicense,\n    editingViewId,\n    onSelect: (viewId) => {\n      setSelectedView(viewId)\n      // reset the settings changed state when switching views\n      setViewSettingsChanged(false)\n    },\n    onEdit: (viewId) => setEditingView(viewId),\n    onSave: async (viewId) => onSaveViewFromCurrent(viewId),\n  })\n\n  const value: ViewsContextValue = {\n    viewType,\n    projectName,\n    isMenuOpen,\n    editingView,\n    currentUser,\n    selectedView,\n    viewSettings,\n    workingSettings,\n    editingViewData,\n    viewsList,\n    workingView,\n    editingViewId,\n    viewMenuItems,\n    isLoadingViews,\n    isViewWorking,\n    setIsMenuOpen,\n    setEditingView,\n    setSelectedView,\n    onSettingsChanged: setViewSettingsChanged,\n    // mutations\n    onCreateView,\n    onUpdateView,\n    onDeleteView,\n    // api\n    api: viewsQueries,\n    dispatch,\n  }\n\n  return <ViewsContext.Provider value={value}>{children}</ViewsContext.Provider>\n}\n\nexport const useViewsContext = (): ViewsContextValue => {\n  const context = useContext(ViewsContext)\n  if (!context) {\n    throw new Error('useViewsContext must be used within a ViewsProvider')\n  }\n  return context\n}\n"],"names":["viewsQueries","jsx"],"mappings":"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"}
+{"version":3,"file":"ViewsContext.es.js","sources":["../../../../../../src/containers/Views/context/ViewsContext.tsx"],"sourcesContent":["import { createContext, useContext, FC, ReactNode, useState, useMemo, useCallback } from 'react'\nimport { ViewType, WORKING_VIEW_ID } from '../index'\nimport {\n  GetDefaultViewApiResponse,\n  useGetCurrentUserQuery,\n  useGetWorkingViewQuery,\n  useGetViewQuery,\n  useListViewsQuery,\n  UserModel,\n  ViewListItemModel,\n  viewsQueries,\n  useGetShareOptionsQuery,\n  ShareOption,\n} from '@shared/api'\nimport useBuildViewMenuItems from '../hooks/useBuildViewMenuItems'\nimport { ViewMenuItem } from '../ViewsMenu/ViewsMenu'\nimport { usePowerpack } from '@shared/context'\nimport { useSelectedView } from '../hooks/useSelectedView'\nimport { UseViewMutations, useViewsMutations } from '../hooks/useViewsMutations'\nimport { useSaveViewFromCurrent } from '../hooks/useSaveViewFromCurrent'\nimport { useViewSettingsChanged } from '../hooks/useViewSettingsChanged'\nimport { useLocalStorage } from '@shared/hooks'\n\nexport type ViewData = GetDefaultViewApiResponse\nexport type ViewSettings = GetDefaultViewApiResponse['settings']\nexport type SelectedViewState = ViewData | undefined // id of view otherwise null with use working\nexport type EditingViewState = string | true | null // id of view being edited otherwise null\n\nconst viewTypes = ['overview', 'taskProgress', 'lists'] as const\nexport interface ViewsContextValue {\n  // State\n  viewType?: ViewType\n  projectName?: string\n  currentUser?: UserModel\n  isMenuOpen: boolean\n  editingView: EditingViewState\n  selectedView: SelectedViewState\n\n  // Views data\n  viewsList: ViewListItemModel[]\n  viewSettings: ViewSettings | undefined\n  workingSettings: ViewSettings | undefined\n  workingView: ViewListItemModel | undefined\n  editingViewId: string | undefined\n  viewMenuItems: ViewMenuItem[]\n  editingViewData?: ViewData\n  isLoadingViews: boolean\n  isViewWorking: boolean\n\n  // Data\n  shareOptions?: ShareOption[] // available users to share with (undefined means loading)\n\n  // Actions\n  setIsMenuOpen: (open: boolean) => void\n  setEditingView: (editing: EditingViewState) => void\n  setSelectedView: (viewId: string) => void\n  onSettingsChanged: (changed: boolean) => void\n\n  // Mutations\n  onCreateView: UseViewMutations['onCreateView']\n  onDeleteView: UseViewMutations['onDeleteView']\n  onUpdateView: UseViewMutations['onUpdateView']\n\n  // Actions (shared)\n  resetWorkingView: () => Promise<void>\n\n  // api\n  api: typeof viewsQueries\n  dispatch: any\n}\n\nconst ViewsContext = createContext<ViewsContextValue | null>(null)\n\nexport interface ViewsProviderProps {\n  children: ReactNode\n  viewType?: string\n  projectName?: string\n  dispatch?: any\n  debug?: {\n    powerLicense?: boolean\n  }\n}\n\nexport const ViewsProvider: FC<ViewsProviderProps> = ({\n  children,\n  viewType: viewTypeProp,\n  projectName,\n  dispatch,\n  debug,\n}) => {\n  // validate viewType\n  const viewType = viewTypes.includes(viewTypeProp as ViewType)\n    ? (viewTypeProp as ViewType)\n    : undefined\n\n  let { powerLicense } = usePowerpack()\n  if (debug?.powerLicense !== undefined) {\n    console.warn('Using debug power license:', debug.powerLicense)\n    powerLicense = debug.powerLicense\n  }\n\n  const { data: currentUser } = useGetCurrentUserQuery()\n\n  const { onCreateView, onDeleteView, onUpdateView, onResetWorkingView } = useViewsMutations({\n    viewType,\n    projectName,\n  })\n\n  const [isMenuOpen, setIsMenuOpen] = useState(false)\n  const [editingView, setEditingView] = useState<EditingViewState>(null)\n  const [collapsedSections, setCollapsedSections] = useLocalStorage<Record<string, boolean>>(\n    'collapsed-views',\n    {},\n  )\n\n  // when editing the view, get all users that can be shared to that view\n  const { data: shareOptions } = useGetShareOptionsQuery(\n    { projectName },\n    { skip: !powerLicense || !editingView },\n  )\n\n  // setting of default views\n  const [selectedView, setSelectedView, previousSelectedViewId] = useSelectedView({\n    viewType: viewType as string,\n    projectName: projectName,\n  })\n\n  const [viewSettingsChanged, setViewSettingsChanged] = useViewSettingsChanged({\n    viewType: viewType as ViewType,\n  })\n\n  // Fetch views data\n  const { currentData: viewsList = [], isLoading: isLoadingViews } = useListViewsQuery(\n    { projectName: projectName, viewType: viewType as string },\n    { skip: !viewType },\n  )\n\n  //   always get your working view\n  const { currentData: workingView } = useGetWorkingViewQuery(\n    { projectName: projectName, viewType: viewType as string },\n    { skip: !viewType },\n  )\n\n  const workingSettings = workingView?.settings\n\n  //   which settings to use for the view\n  const viewSettings =\n    !selectedView || selectedView.id === WORKING_VIEW_ID ? workingSettings : selectedView?.settings\n\n  // is the working view selected?\n  const isViewWorking = selectedView?.id === workingView?.id\n  // were we just on a custom view and then edited it and ended up on the working view\n  const editingViewId =\n    viewSettingsChanged &&\n    isViewWorking &&\n    !!previousSelectedViewId &&\n    previousSelectedViewId !== workingView?.id\n      ? previousSelectedViewId\n      : undefined\n\n  // get data for the view we are editing\n  const { currentData: editingViewDataData } = useGetViewQuery(\n    { viewId: editingView as string, projectName: projectName, viewType: viewType as string },\n    { skip: !(typeof editingView === 'string') || !powerLicense },\n  )\n\n  const editingViewData = useMemo(\n    () => (editingView === editingViewDataData?.id ? editingViewDataData : undefined),\n    [editingView, editingViewDataData],\n  )\n\n  const { onSaveViewFromCurrent } = useSaveViewFromCurrent({\n    viewType: viewType,\n    projectName,\n    sourceSettings: viewSettings,\n    onUpdateView: onUpdateView,\n  })\n\n  // Reset working view to default (empty) settings\n  const resetWorkingView = useCallback(async () => {\n    try {\n      await onResetWorkingView({\n        existingWorkingViewId: workingView?.id,\n        selectedViewId: selectedView?.id,\n        setSelectedView,\n        setSettingsChanged: setViewSettingsChanged,\n        notify: true,\n      })\n    } catch (error) {\n      console.error('Failed to reset view:', error)\n    }\n  }, [workingView, onResetWorkingView, selectedView, setSelectedView, setViewSettingsChanged])\n\n  //   build the menu items for the views\n  const viewMenuItems = useBuildViewMenuItems({\n    viewsList,\n    workingView,\n    viewType,\n    projectName,\n    currentUser,\n    useWorkingView: !powerLicense,\n    editingViewId,\n    onResetWorkingView,\n    onSelect: (viewId) => {\n      setSelectedView(viewId)\n      // reset the settings changed state when switching views\n      setViewSettingsChanged(false)\n      // close the menu when selecting a view\n      setIsMenuOpen(false)\n    },\n    onEdit: (viewId) => setEditingView(viewId),\n    onSave: async (viewId) => onSaveViewFromCurrent(viewId),\n  })\n\n  const value: ViewsContextValue = {\n    viewType,\n    projectName,\n    isMenuOpen,\n    editingView,\n    currentUser,\n    selectedView,\n    viewSettings,\n    workingSettings,\n    editingViewData,\n    viewsList,\n    workingView,\n    editingViewId,\n    viewMenuItems,\n    isLoadingViews,\n    isViewWorking,\n    // data\n    shareOptions,\n    setIsMenuOpen,\n    setEditingView,\n    setSelectedView,\n    onSettingsChanged: setViewSettingsChanged,\n    // mutations\n    onCreateView,\n    onUpdateView,\n    onDeleteView,\n    // shared actions\n    resetWorkingView,\n    // api\n    api: viewsQueries,\n    dispatch,\n  }\n\n  return <ViewsContext.Provider value={value}>{children}</ViewsContext.Provider>\n}\n\nexport const useViewsContext = (): ViewsContextValue => {\n  const context = useContext(ViewsContext)\n  if (!context) {\n    throw new Error('useViewsContext must be used within a ViewsProvider')\n  }\n  return context\n}\n"],"names":["viewsQueries","jsx"],"mappings":"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"}

package/dist/shared/src/containers/Views/hooks/pages/useOverviewViewSettings.cjs.js

@@ -38,6 +38,18 @@ const useOverviewViewSettings = () => {
   );
   const onUpdateHierarchy = React.useCallback(
     async (newShowHierarchy) => {
+      if (newShowHierarchy && (columns == null ? void 0 : columns.groupBy)) {
+        const clearedColumns = { ...columns, groupBy: void 0 };
+        setLocalColumns(clearedColumns);
+        const settings = columnConfigConverter.convertTanstackStatesToColumnConfig(clearedColumns);
+        await updateViewSettings(
+          { ...settings, showHierarchy: true },
+          setLocalHierarchy,
+          newShowHierarchy,
+          { errorMessage: "Failed to update hierarchy setting" }
+        );
+        return;
+      }
       await updateViewSettings(
         { showHierarchy: newShowHierarchy },
         setLocalHierarchy,
@@ -45,14 +57,28 @@ const useOverviewViewSettings = () => {
         { errorMessage: "Failed to update hierarchy setting" }
       );
     },
-    [updateViewSettings]
+    [updateViewSettings, columns]
   );
   const onUpdateColumns = React.useCallback(
     async (tableSettings, allColumnIds) => {
-      const settings = columnConfigConverter.convertTanstackStatesToColumnConfig(tableSettings, allColumnIds);
-      await updateViewSettings(settings, setLocalColumns, tableSettings, {
-        errorMessage: "Failed to update columns"
-      });
+      var _a, _b;
+      const derivedAll = allColumnIds || [
+        ...tableSettings.columnOrder || [],
+        ...Object.keys(tableSettings.columnVisibility || {}),
+        ...((_a = tableSettings.columnPinning) == null ? void 0 : _a.left) || [],
+        ...((_b = tableSettings.columnPinning) == null ? void 0 : _b.right) || []
+      ].filter(Boolean).filter((v, i, a) => a.indexOf(v) === i);
+      const settings = columnConfigConverter.convertTanstackStatesToColumnConfig(tableSettings, derivedAll);
+      const hasGroupBy = !!tableSettings.groupBy;
+      if (hasGroupBy) {
+        setLocalHierarchy(false);
+      }
+      await updateViewSettings(
+        hasGroupBy ? { ...settings, showHierarchy: false } : settings,
+        setLocalColumns,
+        tableSettings,
+        { errorMessage: "Failed to update columns" }
+      );
     },
     [updateViewSettings]
   );

package/dist/shared/src/containers/Views/hooks/pages/useOverviewViewSettings.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOverviewViewSettings.cjs.js","sources":["../../../../../../../src/containers/Views/hooks/pages/useOverviewViewSettings.ts"],"sourcesContent":["/**\n * Unified hook for managing all overview page view settings.\n *\n * The hook handles:\n * - Filter settings (QueryFilter format)\n * - Hierarchy visibility toggle\n * - Column configurations (ColumnsConfig format)\n *\n * Must be used within a ViewsProvider context.\n */\n\nimport { useViewsContext } from '../../context/ViewsContext'\nimport { OverviewSettings } from '@shared/api'\nimport { ColumnsConfig } from '@shared/containers/ProjectTreeTable'\nimport {\n  convertColumnConfigToTanstackStates,\n  convertTanstackStatesToColumnConfig,\n} from '@shared/util'\nimport { useViewUpdateHelper } from '../../utils/viewUpdateHelper'\nimport { useState, useEffect, useCallback, useMemo } from 'react'\n\n// Import the internal QueryFilter type that the app uses\nimport { QueryFilter } from '@shared/containers/ProjectTreeTable/types/operations'\n\ntype Return = {\n  // Filter management\n  filters: QueryFilter\n  onUpdateFilters: (filters: QueryFilter) => void\n\n  // Hierarchy management\n  showHierarchy: boolean\n  onUpdateHierarchy: (showHierarchy: boolean) => void\n\n  // Column management\n  columns: ColumnsConfig\n  onUpdateColumns: (columns: ColumnsConfig, allColumnIds?: string[]) => void\n}\n\nexport const useOverviewViewSettings = (): Return => {\n  // this views context is per page/project\n  const { viewSettings } = useViewsContext()\n\n  // Local state for immediate updates\n  const [localFilters, setLocalFilters] = useState<QueryFilter | null>(null)\n  const [localHierarchy, setLocalHierarchy] = useState<boolean | null>(null)\n  const [localColumns, setLocalColumns] = useState<ColumnsConfig | null>(null)\n\n  // Get view update helper\n  const { updateViewSettings } = useViewUpdateHelper()\n\n  // Get server settings\n  const overviewSettings = viewSettings as OverviewSettings\n  const serverFilters = (overviewSettings?.filter as any) ?? {}\n  const serverHierarchy = overviewSettings?.showHierarchy ?? true\n  const serverColumns = useMemo(\n    () => convertColumnConfigToTanstackStates(overviewSettings),\n    [JSON.stringify(viewSettings)],\n  )\n\n  // Sync local state with server when viewSettings change\n  useEffect(() => {\n    setLocalFilters(null)\n    setLocalHierarchy(null)\n    setLocalColumns(null)\n  }, [JSON.stringify(viewSettings)])\n\n  // Use local state if available, otherwise use server state\n  const filters = localFilters !== null ? localFilters : serverFilters\n  const showHierarchy = localHierarchy !== null ? localHierarchy : serverHierarchy\n  const columns = localColumns || serverColumns\n\n  // Filter update handler\n  const onUpdateFilters = useCallback(\n    async (newFilters: QueryFilter) => {\n      await updateViewSettings({ filter: newFilters as any }, setLocalFilters, newFilters, {\n        errorMessage: 'Failed to update filter settings',\n      })\n    },\n    [updateViewSettings],\n  )\n\n  // Hierarchy update handler\n  const onUpdateHierarchy = useCallback(\n    async (newShowHierarchy: boolean) => {\n      await updateViewSettings(\n        { showHierarchy: newShowHierarchy },\n        setLocalHierarchy,\n        newShowHierarchy,\n        { errorMessage: 'Failed to update hierarchy setting' },\n      )\n    },\n    [updateViewSettings],\n  )\n\n  // Column update handler\n  const onUpdateColumns = useCallback(\n    async (tableSettings: ColumnsConfig, allColumnIds?: string[]) => {\n      const settings = convertTanstackStatesToColumnConfig(tableSettings, allColumnIds)\n      await updateViewSettings(settings, setLocalColumns, tableSettings, {\n        errorMessage: 'Failed to update columns',\n      })\n    },\n    [updateViewSettings],\n  )\n\n  return {\n    filters,\n    onUpdateFilters,\n    showHierarchy,\n    onUpdateHierarchy,\n    columns,\n    onUpdateColumns,\n  }\n}\n"],"names":["useViewsContext","useState","useViewUpdateHelper","useMemo","convertColumnConfigToTanstackStates","useEffect","useCallback","convertTanstackStatesToColumnConfig"],"mappings":";;;;;;;;;AAsCO,MAAM,0BAA0B,MAAc;AAE7C,QAAA,EAAE,aAAa,IAAIA,6BAAgB;AAGzC,QAAM,CAAC,cAAc,eAAe,IAAIC,MAAAA,SAA6B,IAAI;AACzE,QAAM,CAAC,gBAAgB,iBAAiB,IAAIA,MAAAA,SAAyB,IAAI;AACzE,QAAM,CAAC,cAAc,eAAe,IAAIA,MAAAA,SAA+B,IAAI;AAGrE,QAAA,EAAE,mBAAmB,IAAIC,qCAAoB;AAGnD,QAAM,mBAAmB;AACnB,QAAA,iBAAiB,qDAAkB,WAAkB,CAAC;AACtD,QAAA,mBAAkB,qDAAkB,kBAAiB;AAC3D,QAAM,gBAAgBC,MAAA;AAAA,IACpB,MAAMC,sBAAAA,oCAAoC,gBAAgB;AAAA,IAC1D,CAAC,KAAK,UAAU,YAAY,CAAC;AAAA,EAC/B;AAGAC,QAAAA,UAAU,MAAM;AACd,oBAAgB,IAAI;AACpB,sBAAkB,IAAI;AACtB,oBAAgB,IAAI;AAAA,KACnB,CAAC,KAAK,UAAU,YAAY,CAAC,CAAC;AAG3B,QAAA,UAAU,iBAAiB,OAAO,eAAe;AACjD,QAAA,gBAAgB,mBAAmB,OAAO,iBAAiB;AACjE,QAAM,UAAU,gBAAgB;AAGhC,QAAM,kBAAkBC,MAAA;AAAA,IACtB,OAAO,eAA4B;AACjC,YAAM,mBAAmB,EAAE,QAAQ,WAAkB,GAAG,iBAAiB,YAAY;AAAA,QACnF,cAAc;AAAA,MAAA,CACf;AAAA,IACH;AAAA,IACA,CAAC,kBAAkB;AAAA,EACrB;AAGA,QAAM,oBAAoBA,MAAA;AAAA,IACxB,OAAO,qBAA8B;AAC7B,YAAA;AAAA,QACJ,EAAE,eAAe,iBAAiB;AAAA,QAClC;AAAA,QACA;AAAA,QACA,EAAE,cAAc,qCAAqC;AAAA,MACvD;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB;AAAA,EACrB;AAGA,QAAM,kBAAkBA,MAAA;AAAA,IACtB,OAAO,eAA8B,iBAA4B;AACzD,YAAA,WAAWC,sBAAAA,oCAAoC,eAAe,YAAY;AAC1E,YAAA,mBAAmB,UAAU,iBAAiB,eAAe;AAAA,QACjE,cAAc;AAAA,MAAA,CACf;AAAA,IACH;AAAA,IACA,CAAC,kBAAkB;AAAA,EACrB;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;;"}
+{"version":3,"file":"useOverviewViewSettings.cjs.js","sources":["../../../../../../../src/containers/Views/hooks/pages/useOverviewViewSettings.ts"],"sourcesContent":["/**\n * Unified hook for managing all overview page view settings.\n *\n * The hook handles:\n * - Filter settings (QueryFilter format)\n * - Hierarchy visibility toggle\n * - Column configurations (ColumnsConfig format)\n *\n * Must be used within a ViewsProvider context.\n */\n\nimport { useViewsContext } from '../../context/ViewsContext'\nimport { OverviewSettings } from '@shared/api'\nimport { ColumnsConfig } from '@shared/containers/ProjectTreeTable'\nimport {\n  convertColumnConfigToTanstackStates,\n  convertTanstackStatesToColumnConfig,\n} from '@shared/util'\nimport { useViewUpdateHelper } from '../../utils/viewUpdateHelper'\nimport { useState, useEffect, useCallback, useMemo } from 'react'\n\n// Import the internal QueryFilter type that the app uses\nimport { QueryFilter } from '@shared/containers/ProjectTreeTable/types/operations'\n\ntype Return = {\n  // Filter management\n  filters: QueryFilter\n  onUpdateFilters: (filters: QueryFilter) => void\n\n  // Hierarchy management\n  showHierarchy: boolean\n  onUpdateHierarchy: (showHierarchy: boolean) => void\n\n  // Column management\n  columns: ColumnsConfig\n  onUpdateColumns: (columns: ColumnsConfig, allColumnIds?: string[]) => void\n}\n\nexport const useOverviewViewSettings = (): Return => {\n  // this views context is per page/project\n  const { viewSettings } = useViewsContext()\n\n  // Local state for immediate updates\n  const [localFilters, setLocalFilters] = useState<QueryFilter | null>(null)\n  const [localHierarchy, setLocalHierarchy] = useState<boolean | null>(null)\n  const [localColumns, setLocalColumns] = useState<ColumnsConfig | null>(null)\n\n  // Get view update helper\n  const { updateViewSettings } = useViewUpdateHelper()\n\n  // Get server settings\n  const overviewSettings = viewSettings as OverviewSettings\n  const serverFilters = (overviewSettings?.filter as any) ?? {}\n  const serverHierarchy = overviewSettings?.showHierarchy ?? true\n\n  const serverColumns = useMemo(\n    () => convertColumnConfigToTanstackStates(overviewSettings),\n    [JSON.stringify(viewSettings)],\n  )\n\n  // Sync local state with server when viewSettings change\n  useEffect(() => {\n    setLocalFilters(null)\n    setLocalHierarchy(null)\n    setLocalColumns(null)\n  }, [JSON.stringify(viewSettings)])\n\n  // Use local state if available, otherwise use server state\n  const filters = localFilters !== null ? localFilters : serverFilters\n  const showHierarchy = localHierarchy !== null ? localHierarchy : serverHierarchy\n  const columns = localColumns || serverColumns\n\n  // Filter update handler\n  const onUpdateFilters = useCallback(\n    async (newFilters: QueryFilter) => {\n      await updateViewSettings({ filter: newFilters as any }, setLocalFilters, newFilters, {\n        errorMessage: 'Failed to update filter settings',\n      })\n    },\n    [updateViewSettings],\n  )\n\n  // Hierarchy update handler\n  const onUpdateHierarchy = useCallback(\n    async (newShowHierarchy: boolean) => {\n      // If turning hierarchy ON while grouped, clear groupBy in the same update\n      if (newShowHierarchy && (columns as ColumnsConfig)?.groupBy) {\n        const clearedColumns: ColumnsConfig = { ...columns, groupBy: undefined }\n        // Optimistically update local columns to remove grouping\n        setLocalColumns(clearedColumns)\n        const settings = convertTanstackStatesToColumnConfig(clearedColumns)\n        await updateViewSettings(\n          { ...settings, showHierarchy: true },\n          setLocalHierarchy,\n          newShowHierarchy,\n          { errorMessage: 'Failed to update hierarchy setting' },\n        )\n        return\n      }\n\n      await updateViewSettings(\n        { showHierarchy: newShowHierarchy },\n        setLocalHierarchy,\n        newShowHierarchy,\n        { errorMessage: 'Failed to update hierarchy setting' },\n      )\n    },\n    [updateViewSettings, columns],\n  )\n\n  // Column update handler\n  const onUpdateColumns = useCallback(\n    async (tableSettings: ColumnsConfig, allColumnIds?: string[]) => {\n      // Derive a stable allColumnIds if not provided to preserve order and grouping on server\n      const derivedAll =\n        allColumnIds ||\n        [\n          ...(tableSettings.columnOrder || []),\n          ...Object.keys(tableSettings.columnVisibility || {}),\n          ...((tableSettings.columnPinning?.left as string[]) || []),\n          ...((tableSettings.columnPinning?.right as string[]) || []),\n        ]\n          .filter(Boolean)\n          .filter((v, i, a) => a.indexOf(v) === i)\n\n      const settings = convertTanstackStatesToColumnConfig(tableSettings, derivedAll)\n      const hasGroupBy = !!tableSettings.groupBy\n\n      // If grouping is being set, turn off hierarchy in the same update for consistency\n      if (hasGroupBy) {\n        // Optimistically reflect hierarchy off\n        setLocalHierarchy(false)\n      }\n\n      await updateViewSettings(\n        hasGroupBy ? { ...settings, showHierarchy: false } : settings,\n        setLocalColumns,\n        tableSettings,\n        { errorMessage: 'Failed to update columns' },\n      )\n    },\n    [updateViewSettings],\n  )\n\n  return {\n    filters,\n    onUpdateFilters,\n    showHierarchy,\n    onUpdateHierarchy,\n    columns,\n    onUpdateColumns,\n  }\n}\n"],"names":["useViewsContext","useState","useViewUpdateHelper","useMemo","convertColumnConfigToTanstackStates","useEffect","useCallback","convertTanstackStatesToColumnConfig"],"mappings":";;;;;;;;;AAsCO,MAAM,0BAA0B,MAAc;AAE7C,QAAA,EAAE,aAAa,IAAIA,6BAAgB;AAGzC,QAAM,CAAC,cAAc,eAAe,IAAIC,MAAAA,SAA6B,IAAI;AACzE,QAAM,CAAC,gBAAgB,iBAAiB,IAAIA,MAAAA,SAAyB,IAAI;AACzE,QAAM,CAAC,cAAc,eAAe,IAAIA,MAAAA,SAA+B,IAAI;AAGrE,QAAA,EAAE,mBAAmB,IAAIC,qCAAoB;AAGnD,QAAM,mBAAmB;AACnB,QAAA,iBAAiB,qDAAkB,WAAkB,CAAC;AACtD,QAAA,mBAAkB,qDAAkB,kBAAiB;AAE3D,QAAM,gBAAgBC,MAAA;AAAA,IACpB,MAAMC,sBAAAA,oCAAoC,gBAAgB;AAAA,IAC1D,CAAC,KAAK,UAAU,YAAY,CAAC;AAAA,EAC/B;AAGAC,QAAAA,UAAU,MAAM;AACd,oBAAgB,IAAI;AACpB,sBAAkB,IAAI;AACtB,oBAAgB,IAAI;AAAA,KACnB,CAAC,KAAK,UAAU,YAAY,CAAC,CAAC;AAG3B,QAAA,UAAU,iBAAiB,OAAO,eAAe;AACjD,QAAA,gBAAgB,mBAAmB,OAAO,iBAAiB;AACjE,QAAM,UAAU,gBAAgB;AAGhC,QAAM,kBAAkBC,MAAA;AAAA,IACtB,OAAO,eAA4B;AACjC,YAAM,mBAAmB,EAAE,QAAQ,WAAkB,GAAG,iBAAiB,YAAY;AAAA,QACnF,cAAc;AAAA,MAAA,CACf;AAAA,IACH;AAAA,IACA,CAAC,kBAAkB;AAAA,EACrB;AAGA,QAAM,oBAAoBA,MAAA;AAAA,IACxB,OAAO,qBAA8B;AAE/B,UAAA,qBAAqB,mCAA2B,UAAS;AAC3D,cAAM,iBAAgC,EAAE,GAAG,SAAS,SAAS,OAAU;AAEvE,wBAAgB,cAAc;AACxB,cAAA,WAAWC,0DAAoC,cAAc;AAC7D,cAAA;AAAA,UACJ,EAAE,GAAG,UAAU,eAAe,KAAK;AAAA,UACnC;AAAA,UACA;AAAA,UACA,EAAE,cAAc,qCAAqC;AAAA,QACvD;AACA;AAAA,MAAA;AAGI,YAAA;AAAA,QACJ,EAAE,eAAe,iBAAiB;AAAA,QAClC;AAAA,QACA;AAAA,QACA,EAAE,cAAc,qCAAqC;AAAA,MACvD;AAAA,IACF;AAAA,IACA,CAAC,oBAAoB,OAAO;AAAA,EAC9B;AAGA,QAAM,kBAAkBD,MAAA;AAAA,IACtB,OAAO,eAA8B,iBAA4B;;AAE/D,YAAM,aACJ,gBACA;AAAA,QACE,GAAI,cAAc,eAAe,CAAC;AAAA,QAClC,GAAG,OAAO,KAAK,cAAc,oBAAoB,CAAA,CAAE;AAAA,QACnD,KAAK,mBAAc,kBAAd,mBAA6B,SAAqB,CAAC;AAAA,QACxD,KAAK,mBAAc,kBAAd,mBAA6B,UAAsB,CAAA;AAAA,MAEvD,EAAA,OAAO,OAAO,EACd,OAAO,CAAC,GAAG,GAAG,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC;AAErC,YAAA,WAAWC,sBAAAA,oCAAoC,eAAe,UAAU;AACxE,YAAA,aAAa,CAAC,CAAC,cAAc;AAGnC,UAAI,YAAY;AAEd,0BAAkB,KAAK;AAAA,MAAA;AAGnB,YAAA;AAAA,QACJ,aAAa,EAAE,GAAG,UAAU,eAAe,MAAU,IAAA;AAAA,QACrD;AAAA,QACA;AAAA,QACA,EAAE,cAAc,2BAA2B;AAAA,MAC7C;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB;AAAA,EACrB;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;;"}

package/dist/shared/src/containers/Views/hooks/pages/useOverviewViewSettings.es.js

@@ -36,6 +36,18 @@ const useOverviewViewSettings = () => {
   );
   const onUpdateHierarchy = useCallback(
     async (newShowHierarchy) => {
+      if (newShowHierarchy && (columns == null ? void 0 : columns.groupBy)) {
+        const clearedColumns = { ...columns, groupBy: void 0 };
+        setLocalColumns(clearedColumns);
+        const settings = convertTanstackStatesToColumnConfig(clearedColumns);
+        await updateViewSettings(
+          { ...settings, showHierarchy: true },
+          setLocalHierarchy,
+          newShowHierarchy,
+          { errorMessage: "Failed to update hierarchy setting" }
+        );
+        return;
+      }
       await updateViewSettings(
         { showHierarchy: newShowHierarchy },
         setLocalHierarchy,
@@ -43,14 +55,28 @@ const useOverviewViewSettings = () => {
         { errorMessage: "Failed to update hierarchy setting" }
       );
     },
-    [updateViewSettings]
+    [updateViewSettings, columns]
   );
   const onUpdateColumns = useCallback(
     async (tableSettings, allColumnIds) => {
-      const settings = convertTanstackStatesToColumnConfig(tableSettings, allColumnIds);
-      await updateViewSettings(settings, setLocalColumns, tableSettings, {
-        errorMessage: "Failed to update columns"
-      });
+      var _a, _b;
+      const derivedAll = allColumnIds || [
+        ...tableSettings.columnOrder || [],
+        ...Object.keys(tableSettings.columnVisibility || {}),
+        ...((_a = tableSettings.columnPinning) == null ? void 0 : _a.left) || [],
+        ...((_b = tableSettings.columnPinning) == null ? void 0 : _b.right) || []
+      ].filter(Boolean).filter((v, i, a) => a.indexOf(v) === i);
+      const settings = convertTanstackStatesToColumnConfig(tableSettings, derivedAll);
+      const hasGroupBy = !!tableSettings.groupBy;
+      if (hasGroupBy) {
+        setLocalHierarchy(false);
+      }
+      await updateViewSettings(
+        hasGroupBy ? { ...settings, showHierarchy: false } : settings,
+        setLocalColumns,
+        tableSettings,
+        { errorMessage: "Failed to update columns" }
+      );
     },
     [updateViewSettings]
   );

package/dist/shared/src/containers/Views/hooks/pages/useOverviewViewSettings.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOverviewViewSettings.es.js","sources":["../../../../../../../src/containers/Views/hooks/pages/useOverviewViewSettings.ts"],"sourcesContent":["/**\n * Unified hook for managing all overview page view settings.\n *\n * The hook handles:\n * - Filter settings (QueryFilter format)\n * - Hierarchy visibility toggle\n * - Column configurations (ColumnsConfig format)\n *\n * Must be used within a ViewsProvider context.\n */\n\nimport { useViewsContext } from '../../context/ViewsContext'\nimport { OverviewSettings } from '@shared/api'\nimport { ColumnsConfig } from '@shared/containers/ProjectTreeTable'\nimport {\n  convertColumnConfigToTanstackStates,\n  convertTanstackStatesToColumnConfig,\n} from '@shared/util'\nimport { useViewUpdateHelper } from '../../utils/viewUpdateHelper'\nimport { useState, useEffect, useCallback, useMemo } from 'react'\n\n// Import the internal QueryFilter type that the app uses\nimport { QueryFilter } from '@shared/containers/ProjectTreeTable/types/operations'\n\ntype Return = {\n  // Filter management\n  filters: QueryFilter\n  onUpdateFilters: (filters: QueryFilter) => void\n\n  // Hierarchy management\n  showHierarchy: boolean\n  onUpdateHierarchy: (showHierarchy: boolean) => void\n\n  // Column management\n  columns: ColumnsConfig\n  onUpdateColumns: (columns: ColumnsConfig, allColumnIds?: string[]) => void\n}\n\nexport const useOverviewViewSettings = (): Return => {\n  // this views context is per page/project\n  const { viewSettings } = useViewsContext()\n\n  // Local state for immediate updates\n  const [localFilters, setLocalFilters] = useState<QueryFilter | null>(null)\n  const [localHierarchy, setLocalHierarchy] = useState<boolean | null>(null)\n  const [localColumns, setLocalColumns] = useState<ColumnsConfig | null>(null)\n\n  // Get view update helper\n  const { updateViewSettings } = useViewUpdateHelper()\n\n  // Get server settings\n  const overviewSettings = viewSettings as OverviewSettings\n  const serverFilters = (overviewSettings?.filter as any) ?? {}\n  const serverHierarchy = overviewSettings?.showHierarchy ?? true\n  const serverColumns = useMemo(\n    () => convertColumnConfigToTanstackStates(overviewSettings),\n    [JSON.stringify(viewSettings)],\n  )\n\n  // Sync local state with server when viewSettings change\n  useEffect(() => {\n    setLocalFilters(null)\n    setLocalHierarchy(null)\n    setLocalColumns(null)\n  }, [JSON.stringify(viewSettings)])\n\n  // Use local state if available, otherwise use server state\n  const filters = localFilters !== null ? localFilters : serverFilters\n  const showHierarchy = localHierarchy !== null ? localHierarchy : serverHierarchy\n  const columns = localColumns || serverColumns\n\n  // Filter update handler\n  const onUpdateFilters = useCallback(\n    async (newFilters: QueryFilter) => {\n      await updateViewSettings({ filter: newFilters as any }, setLocalFilters, newFilters, {\n        errorMessage: 'Failed to update filter settings',\n      })\n    },\n    [updateViewSettings],\n  )\n\n  // Hierarchy update handler\n  const onUpdateHierarchy = useCallback(\n    async (newShowHierarchy: boolean) => {\n      await updateViewSettings(\n        { showHierarchy: newShowHierarchy },\n        setLocalHierarchy,\n        newShowHierarchy,\n        { errorMessage: 'Failed to update hierarchy setting' },\n      )\n    },\n    [updateViewSettings],\n  )\n\n  // Column update handler\n  const onUpdateColumns = useCallback(\n    async (tableSettings: ColumnsConfig, allColumnIds?: string[]) => {\n      const settings = convertTanstackStatesToColumnConfig(tableSettings, allColumnIds)\n      await updateViewSettings(settings, setLocalColumns, tableSettings, {\n        errorMessage: 'Failed to update columns',\n      })\n    },\n    [updateViewSettings],\n  )\n\n  return {\n    filters,\n    onUpdateFilters,\n    showHierarchy,\n    onUpdateHierarchy,\n    columns,\n    onUpdateColumns,\n  }\n}\n"],"names":[],"mappings":";;;;;;;AAsCO,MAAM,0BAA0B,MAAc;AAE7C,QAAA,EAAE,aAAa,IAAI,gBAAgB;AAGzC,QAAM,CAAC,cAAc,eAAe,IAAI,SAA6B,IAAI;AACzE,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAyB,IAAI;AACzE,QAAM,CAAC,cAAc,eAAe,IAAI,SAA+B,IAAI;AAGrE,QAAA,EAAE,mBAAmB,IAAI,oBAAoB;AAGnD,QAAM,mBAAmB;AACnB,QAAA,iBAAiB,qDAAkB,WAAkB,CAAC;AACtD,QAAA,mBAAkB,qDAAkB,kBAAiB;AAC3D,QAAM,gBAAgB;AAAA,IACpB,MAAM,oCAAoC,gBAAgB;AAAA,IAC1D,CAAC,KAAK,UAAU,YAAY,CAAC;AAAA,EAC/B;AAGA,YAAU,MAAM;AACd,oBAAgB,IAAI;AACpB,sBAAkB,IAAI;AACtB,oBAAgB,IAAI;AAAA,KACnB,CAAC,KAAK,UAAU,YAAY,CAAC,CAAC;AAG3B,QAAA,UAAU,iBAAiB,OAAO,eAAe;AACjD,QAAA,gBAAgB,mBAAmB,OAAO,iBAAiB;AACjE,QAAM,UAAU,gBAAgB;AAGhC,QAAM,kBAAkB;AAAA,IACtB,OAAO,eAA4B;AACjC,YAAM,mBAAmB,EAAE,QAAQ,WAAkB,GAAG,iBAAiB,YAAY;AAAA,QACnF,cAAc;AAAA,MAAA,CACf;AAAA,IACH;AAAA,IACA,CAAC,kBAAkB;AAAA,EACrB;AAGA,QAAM,oBAAoB;AAAA,IACxB,OAAO,qBAA8B;AAC7B,YAAA;AAAA,QACJ,EAAE,eAAe,iBAAiB;AAAA,QAClC;AAAA,QACA;AAAA,QACA,EAAE,cAAc,qCAAqC;AAAA,MACvD;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB;AAAA,EACrB;AAGA,QAAM,kBAAkB;AAAA,IACtB,OAAO,eAA8B,iBAA4B;AACzD,YAAA,WAAW,oCAAoC,eAAe,YAAY;AAC1E,YAAA,mBAAmB,UAAU,iBAAiB,eAAe;AAAA,QACjE,cAAc;AAAA,MAAA,CACf;AAAA,IACH;AAAA,IACA,CAAC,kBAAkB;AAAA,EACrB;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;"}
+{"version":3,"file":"useOverviewViewSettings.es.js","sources":["../../../../../../../src/containers/Views/hooks/pages/useOverviewViewSettings.ts"],"sourcesContent":["/**\n * Unified hook for managing all overview page view settings.\n *\n * The hook handles:\n * - Filter settings (QueryFilter format)\n * - Hierarchy visibility toggle\n * - Column configurations (ColumnsConfig format)\n *\n * Must be used within a ViewsProvider context.\n */\n\nimport { useViewsContext } from '../../context/ViewsContext'\nimport { OverviewSettings } from '@shared/api'\nimport { ColumnsConfig } from '@shared/containers/ProjectTreeTable'\nimport {\n  convertColumnConfigToTanstackStates,\n  convertTanstackStatesToColumnConfig,\n} from '@shared/util'\nimport { useViewUpdateHelper } from '../../utils/viewUpdateHelper'\nimport { useState, useEffect, useCallback, useMemo } from 'react'\n\n// Import the internal QueryFilter type that the app uses\nimport { QueryFilter } from '@shared/containers/ProjectTreeTable/types/operations'\n\ntype Return = {\n  // Filter management\n  filters: QueryFilter\n  onUpdateFilters: (filters: QueryFilter) => void\n\n  // Hierarchy management\n  showHierarchy: boolean\n  onUpdateHierarchy: (showHierarchy: boolean) => void\n\n  // Column management\n  columns: ColumnsConfig\n  onUpdateColumns: (columns: ColumnsConfig, allColumnIds?: string[]) => void\n}\n\nexport const useOverviewViewSettings = (): Return => {\n  // this views context is per page/project\n  const { viewSettings } = useViewsContext()\n\n  // Local state for immediate updates\n  const [localFilters, setLocalFilters] = useState<QueryFilter | null>(null)\n  const [localHierarchy, setLocalHierarchy] = useState<boolean | null>(null)\n  const [localColumns, setLocalColumns] = useState<ColumnsConfig | null>(null)\n\n  // Get view update helper\n  const { updateViewSettings } = useViewUpdateHelper()\n\n  // Get server settings\n  const overviewSettings = viewSettings as OverviewSettings\n  const serverFilters = (overviewSettings?.filter as any) ?? {}\n  const serverHierarchy = overviewSettings?.showHierarchy ?? true\n\n  const serverColumns = useMemo(\n    () => convertColumnConfigToTanstackStates(overviewSettings),\n    [JSON.stringify(viewSettings)],\n  )\n\n  // Sync local state with server when viewSettings change\n  useEffect(() => {\n    setLocalFilters(null)\n    setLocalHierarchy(null)\n    setLocalColumns(null)\n  }, [JSON.stringify(viewSettings)])\n\n  // Use local state if available, otherwise use server state\n  const filters = localFilters !== null ? localFilters : serverFilters\n  const showHierarchy = localHierarchy !== null ? localHierarchy : serverHierarchy\n  const columns = localColumns || serverColumns\n\n  // Filter update handler\n  const onUpdateFilters = useCallback(\n    async (newFilters: QueryFilter) => {\n      await updateViewSettings({ filter: newFilters as any }, setLocalFilters, newFilters, {\n        errorMessage: 'Failed to update filter settings',\n      })\n    },\n    [updateViewSettings],\n  )\n\n  // Hierarchy update handler\n  const onUpdateHierarchy = useCallback(\n    async (newShowHierarchy: boolean) => {\n      // If turning hierarchy ON while grouped, clear groupBy in the same update\n      if (newShowHierarchy && (columns as ColumnsConfig)?.groupBy) {\n        const clearedColumns: ColumnsConfig = { ...columns, groupBy: undefined }\n        // Optimistically update local columns to remove grouping\n        setLocalColumns(clearedColumns)\n        const settings = convertTanstackStatesToColumnConfig(clearedColumns)\n        await updateViewSettings(\n          { ...settings, showHierarchy: true },\n          setLocalHierarchy,\n          newShowHierarchy,\n          { errorMessage: 'Failed to update hierarchy setting' },\n        )\n        return\n      }\n\n      await updateViewSettings(\n        { showHierarchy: newShowHierarchy },\n        setLocalHierarchy,\n        newShowHierarchy,\n        { errorMessage: 'Failed to update hierarchy setting' },\n      )\n    },\n    [updateViewSettings, columns],\n  )\n\n  // Column update handler\n  const onUpdateColumns = useCallback(\n    async (tableSettings: ColumnsConfig, allColumnIds?: string[]) => {\n      // Derive a stable allColumnIds if not provided to preserve order and grouping on server\n      const derivedAll =\n        allColumnIds ||\n        [\n          ...(tableSettings.columnOrder || []),\n          ...Object.keys(tableSettings.columnVisibility || {}),\n          ...((tableSettings.columnPinning?.left as string[]) || []),\n          ...((tableSettings.columnPinning?.right as string[]) || []),\n        ]\n          .filter(Boolean)\n          .filter((v, i, a) => a.indexOf(v) === i)\n\n      const settings = convertTanstackStatesToColumnConfig(tableSettings, derivedAll)\n      const hasGroupBy = !!tableSettings.groupBy\n\n      // If grouping is being set, turn off hierarchy in the same update for consistency\n      if (hasGroupBy) {\n        // Optimistically reflect hierarchy off\n        setLocalHierarchy(false)\n      }\n\n      await updateViewSettings(\n        hasGroupBy ? { ...settings, showHierarchy: false } : settings,\n        setLocalColumns,\n        tableSettings,\n        { errorMessage: 'Failed to update columns' },\n      )\n    },\n    [updateViewSettings],\n  )\n\n  return {\n    filters,\n    onUpdateFilters,\n    showHierarchy,\n    onUpdateHierarchy,\n    columns,\n    onUpdateColumns,\n  }\n}\n"],"names":[],"mappings":";;;;;;;AAsCO,MAAM,0BAA0B,MAAc;AAE7C,QAAA,EAAE,aAAa,IAAI,gBAAgB;AAGzC,QAAM,CAAC,cAAc,eAAe,IAAI,SAA6B,IAAI;AACzE,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAyB,IAAI;AACzE,QAAM,CAAC,cAAc,eAAe,IAAI,SAA+B,IAAI;AAGrE,QAAA,EAAE,mBAAmB,IAAI,oBAAoB;AAGnD,QAAM,mBAAmB;AACnB,QAAA,iBAAiB,qDAAkB,WAAkB,CAAC;AACtD,QAAA,mBAAkB,qDAAkB,kBAAiB;AAE3D,QAAM,gBAAgB;AAAA,IACpB,MAAM,oCAAoC,gBAAgB;AAAA,IAC1D,CAAC,KAAK,UAAU,YAAY,CAAC;AAAA,EAC/B;AAGA,YAAU,MAAM;AACd,oBAAgB,IAAI;AACpB,sBAAkB,IAAI;AACtB,oBAAgB,IAAI;AAAA,KACnB,CAAC,KAAK,UAAU,YAAY,CAAC,CAAC;AAG3B,QAAA,UAAU,iBAAiB,OAAO,eAAe;AACjD,QAAA,gBAAgB,mBAAmB,OAAO,iBAAiB;AACjE,QAAM,UAAU,gBAAgB;AAGhC,QAAM,kBAAkB;AAAA,IACtB,OAAO,eAA4B;AACjC,YAAM,mBAAmB,EAAE,QAAQ,WAAkB,GAAG,iBAAiB,YAAY;AAAA,QACnF,cAAc;AAAA,MAAA,CACf;AAAA,IACH;AAAA,IACA,CAAC,kBAAkB;AAAA,EACrB;AAGA,QAAM,oBAAoB;AAAA,IACxB,OAAO,qBAA8B;AAE/B,UAAA,qBAAqB,mCAA2B,UAAS;AAC3D,cAAM,iBAAgC,EAAE,GAAG,SAAS,SAAS,OAAU;AAEvE,wBAAgB,cAAc;AACxB,cAAA,WAAW,oCAAoC,cAAc;AAC7D,cAAA;AAAA,UACJ,EAAE,GAAG,UAAU,eAAe,KAAK;AAAA,UACnC;AAAA,UACA;AAAA,UACA,EAAE,cAAc,qCAAqC;AAAA,QACvD;AACA;AAAA,MAAA;AAGI,YAAA;AAAA,QACJ,EAAE,eAAe,iBAAiB;AAAA,QAClC;AAAA,QACA;AAAA,QACA,EAAE,cAAc,qCAAqC;AAAA,MACvD;AAAA,IACF;AAAA,IACA,CAAC,oBAAoB,OAAO;AAAA,EAC9B;AAGA,QAAM,kBAAkB;AAAA,IACtB,OAAO,eAA8B,iBAA4B;;AAE/D,YAAM,aACJ,gBACA;AAAA,QACE,GAAI,cAAc,eAAe,CAAC;AAAA,QAClC,GAAG,OAAO,KAAK,cAAc,oBAAoB,CAAA,CAAE;AAAA,QACnD,KAAK,mBAAc,kBAAd,mBAA6B,SAAqB,CAAC;AAAA,QACxD,KAAK,mBAAc,kBAAd,mBAA6B,UAAsB,CAAA;AAAA,MAEvD,EAAA,OAAO,OAAO,EACd,OAAO,CAAC,GAAG,GAAG,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC;AAErC,YAAA,WAAW,oCAAoC,eAAe,UAAU;AACxE,YAAA,aAAa,CAAC,CAAC,cAAc;AAGnC,UAAI,YAAY;AAEd,0BAAkB,KAAK;AAAA,MAAA;AAGnB,YAAA;AAAA,QACJ,aAAa,EAAE,GAAG,UAAU,eAAe,MAAU,IAAA;AAAA,QACrD;AAAA,QACA;AAAA,QACA,EAAE,cAAc,2BAA2B;AAAA,MAC7C;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB;AAAA,EACrB;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;"}