@ynput/ayon-frontend-shared 0.3.39 → 0.3.41

package/dist/shared/src/containers/DetailsPanel/DetailsPanel.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanel.cjs.js","sources":["../../../../../src/containers/DetailsPanel/DetailsPanel.tsx"],"sourcesContent":["import { Button } from '@ynput/ayon-react-components'\nimport React, { useEffect, useMemo, useRef, useState } from 'react'\nimport useDetailsPanelURLSync from './hooks/useDetailsPanelURLSync'\nimport * as Styled from './DetailsPanel.styled'\n\n// shared\nimport { useGetEntitiesDetailsPanelQuery, detailsPanelEntityTypes } from '@shared/api'\nimport type { Tag, DetailsPanelEntityType, DetailsPanelEntityData } from '@shared/api'\nimport { DetailsPanelDetails, EntityPath, Watchers } from '@shared/components'\nimport { usePiPWindow } from '@shared/context/pip/PiPProvider'\nimport { extractEntityHierarchyFromParents } from '@shared/util'\nimport {\n  ProjectContextProvider,\n  ProjectModelWithProducts,\n  ThumbnailUploadProvider,\n  useDetailsPanelContext,\n  useScopedDetailsPanel,\n  useURIContext,\n  FeedFilter,\n} from '@shared/context'\n\nimport DetailsPanelHeader from './components/DetailsPanelHeader/DetailsPanelHeader'\nimport DetailsPanelFiles from './components/DetailsPanelFiles'\nimport {\n  DetailsPanelMoreMenu,\n  type DetailsPanelEntityListsContext,\n} from './components/DetailsPanelMoreMenu'\nimport useGetEntityPath from './hooks/useGetEntityPath'\nimport getAllProjectStatuses from './helpers/getAllProjectsStatuses'\nimport FeedWrapper from './containers/FeedWrapper'\nimport FeedContextWrapper from './containers/FeedContextWrapper'\nimport mergeProjectInfo from './helpers/mergeProjectInfo'\nimport DetailsPanelSubtasks from './containers/DetailsPanelSubtasks'\n\nexport const entitiesWithoutFeed = ['product', 'representation']\n\ntype User = { avatarUrl: string; name: string; fullName?: string }\n\nexport type DetailsPanelProps = {\n  entityType: DetailsPanelEntityType\n  entitySubTypes?: string[] // used to get actions before the entity has loaded\n  entitiesData?: { id: string; label: string; type: DetailsPanelEntityType }[]\n  entities?: { id: string; projectName: string }[]\n  tagsOptions?: Tag[]\n  disabledStatuses?: string[]\n  projectUsers?: User[]\n  disabledProjectUsers?: string[]\n  activeProjectUsers?: string[]\n  projectsInfo?: Record<string, ProjectModelWithProducts>\n  projectNames?: string[]\n  isSlideOut?: boolean\n  style?: React.CSSProperties\n  scope: string\n  isCompact?: boolean\n  onClose?: () => void\n  onWatchersUpdate?: (added: any[], removed: any[]) => void\n  onOpenViewer?: (entity: any) => void\n  onEntityFocus?: (id: string, entityType: DetailsPanelEntityType) => void\n  onOpen?: () => void\n  onUriOpen?: (entity: DetailsPanelEntityData, source: 'uri' | 'url') => void\n  // annotations\n  annotations?: any\n  removeAnnotation?: (id: string) => void\n  exportAnnotationComposite?: (id: string) => Promise<Blob | null>\n  entityListId?: string\n  guestCategories?: Record<string, string> // only used for guests to find if they have access to any categories\n  /** Optional EntityListsContext for the \"Add to list\" sub-menu in the more-menu.\n   *  Hosts that already mount EntityListsProvider can pass the resolved context here;\n   *  otherwise wrap the panel with EntityListsContextBoundary. The shape mirrors\n   *  `EntityListsContextType` from `src/pages/ProjectListsPage/context` — it lives as a\n   *  structural type in shared/ so the layering rule (shared cannot import src/pages)\n   *  is preserved. */\n  entityListsContext?: DetailsPanelEntityListsContext\n  // optional tab state for independent tab management\n}\n\nconst DetailsPanelInner = ({\n  entityType,\n  entitySubTypes = [],\n  // entities is data we already have from kanban\n  entitiesData = [],\n  // entityIds are used to get the full details data for the entities\n  entities = [],\n  tagsOptions = [],\n  disabledStatuses,\n  projectUsers,\n  disabledProjectUsers,\n  activeProjectUsers,\n  projectsInfo = {},\n  projectNames = [],\n  isSlideOut = false,\n  style = {},\n  scope,\n  isCompact = false,\n  onClose,\n  onWatchersUpdate,\n  onOpenViewer,\n  onEntityFocus,\n  onOpen,\n  onUriOpen, // when the details panel is opened from uri\n  // annotations\n  annotations,\n  removeAnnotation,\n  exportAnnotationComposite,\n  entityListId,\n  guestCategories = {},\n  entityListsContext,\n}: // optional tab state for independent tab management\nDetailsPanelProps) => {\n  const {\n    closeSlideOut,\n    openPip,\n    user,\n    isGuest,\n    entities: contextEntities,\n    setEntities,\n    slideOut,\n    useSearchParams,\n    SubtasksManager,\n    useNavigate,\n  } = useDetailsPanelContext()\n  const { currentTab, setTab, isFeed } = useScopedDetailsPanel(scope)\n  const [_searchParams, setSearchParams] = useSearchParams()\n  const hasCalledOnOpen = useRef(false)\n\n  // Use context entities if available, otherwise use props\n  const activeEntityType = contextEntities?.entityType ?? entityType\n  const activeEntities = contextEntities?.entities ?? entities\n  const activeEntitySubTypes = contextEntities?.entitySubTypes ?? entitySubTypes\n  const activeEntitiesData = contextEntities?.entities ? [] : entitiesData\n  const activeProjectNames = contextEntities?.entities\n    ? contextEntities.entities.map((e) => e.projectName)\n    : projectNames\n\n  // Fire onOpen callback once when component mounts and renders\n  useEffect(() => {\n    if (onOpen && !hasCalledOnOpen.current) {\n      hasCalledOnOpen.current = true\n      onOpen()\n    }\n  }, [])\n\n  // Force details tab for specific entity types\n  useEffect(() => {\n    if (entitiesWithoutFeed.includes(activeEntityType) && currentTab !== 'details') {\n      setTab('details')\n    }\n  }, [activeEntityType, currentTab, setTab])\n\n  // once component is provided with specific entities, remove context entities to avoid conflicts\n  useEffect(() => {\n    if (entities.length && contextEntities) {\n      setEntities(null)\n    }\n  }, [entities, contextEntities, setEntities])\n\n  // reduce projectsInfo to selected projects and into one\n  const projectInfo = useMemo(\n    () => mergeProjectInfo(projectsInfo, activeProjectNames),\n    [projectsInfo, activeProjectNames],\n  )\n\n  // build icons for entity types\n  const entityTypeIcons = useMemo(\n    () => ({\n      task: projectInfo.taskTypes\n        .filter((task) => !!task.icon)\n        .reduce((acc, task) => ({ ...acc, [task.name]: task.icon }), {}),\n      folder: projectInfo.folderTypes\n        .filter((folder) => !!folder.icon)\n        .reduce((acc, folder) => ({ ...acc, [folder.name]: folder.icon }), {}),\n      product: projectInfo.productTypes\n        .filter((product) => !!product.icon)\n        .reduce((acc, product) => ({ ...acc, [product.name]: product.icon }), {}),\n    }),\n    [projectInfo],\n  )\n\n  // for example when switching from version to task, task doesn't have reps tab\n  // if reps tab was selected, set default to feed\n  useEffect(() => {\n    if (currentTab === 'files') {\n      // check entity type is still version\n      if (activeEntityType !== 'version') {\n        setTab('feed')\n      }\n    }\n    // Reset to feed if subtasks tab is selected but entity is not a task\n    if (currentTab === 'subtasks' && activeEntityType !== 'task') {\n      setTab('feed')\n    }\n  }, [activeEntityType, currentTab, scope])\n\n  // now we get the full details data for selected entities\n  let entitiesToQuery = activeEntities.length\n    ? activeEntities.map((entity) => ({ id: entity.id, projectName: entity.projectName }))\n    : // @ts-expect-error = not sure what's going on with activeEntitiesData, we should try and remove it\n      activeEntitiesData.map((entity) => ({ id: entity.id, projectName: entity.projectName }))\n\n  entitiesToQuery = entitiesToQuery.filter((entity) => entity.id)\n\n  const {\n    data: entityDetailsData = [],\n    isFetching: isFetchingEntitiesDetails,\n    isError,\n    originalArgs,\n  } = useGetEntitiesDetailsPanelQuery(\n    { entityType: activeEntityType, entities: entitiesToQuery },\n    {\n      skip: !entitiesToQuery.length || !detailsPanelEntityTypes.includes(activeEntityType),\n    },\n  )\n\n  // the entity changes then we close the slide out\n  useEffect(() => {\n    if (!isSlideOut) {\n      closeSlideOut()\n    }\n  }, [originalArgs, isSlideOut])\n\n  // if the details panel is opened vair the uri, run callback\n  useEffect(() => {\n    if (isFetchingEntitiesDetails) return\n\n    if (\n      (contextEntities?.source === 'uri' || contextEntities?.source === 'url') &&\n      contextEntities?.entities?.length &&\n      !!onUriOpen\n    ) {\n      const uriEntity = entityDetailsData.find(\n        (entity) => entity.id === contextEntities.entities[0].id,\n      )\n      if (!uriEntity) return\n\n      onUriOpen(uriEntity, contextEntities.source)\n    }\n  }, [entityDetailsData, isFetchingEntitiesDetails])\n\n  // TODO:  merge current entities data with fresh details data\n\n  const allStatuses = getAllProjectStatuses(projectsInfo)\n\n  // get the first project name and info to be used in the feed.\n  const firstProject = activeProjectNames[0]\n  const firstProjectInfo = projectsInfo[firstProject] || {}\n  const firstEntityData = entityDetailsData[0] || {}\n  // Use the last entity for URI sync\n  const lastEntityData = entityDetailsData[entityDetailsData.length - 1]\n  const lastProject = activeProjectNames[activeProjectNames.length - 1]\n\n  // build the full entity path for the first entity\n  const [entityPathSegments, entityPathVersions] = useGetEntityPath({\n    entity: firstEntityData,\n    entityType: activeEntityType,\n    projectName: firstProject,\n    isLoading: isFetchingEntitiesDetails,\n  })\n\n  const { setEntityUri, setUri } = useURIContext()\n  // sync the uri when entity changes\n  useEffect(() => {\n    if (!lastEntityData?.parents) return\n    if (!lastProject) return\n    const { folderPath, taskName, versionName, productName } = extractEntityHierarchyFromParents(\n      lastEntityData.parents,\n      activeEntityType,\n      lastEntityData.name,\n    )\n\n    setEntityUri({\n      projectName: lastProject,\n      folderPath: folderPath,\n      taskName: taskName,\n      productName: productName,\n      versionName: versionName,\n    })\n\n    // unmount cleanup: clear uri\n    return () => {\n      setUri('')\n    }\n  }, [entityDetailsData, activeProjectNames, activeEntityType])\n\n  // sync the details panel url (panel) with entity\n  useDetailsPanelURLSync({\n    entityData: lastEntityData,\n    project: lastProject,\n    activeEntityType,\n    entitiesToQuery,\n  })\n\n  const clearSearchUrl = () => {\n    // remove URL params when closing\n    setSearchParams(\n      (prev) => {\n        const newParams = new URLSearchParams(prev)\n        newParams.delete('project')\n        newParams.delete('type')\n        newParams.delete('id')\n        return newParams\n      },\n      { replace: true },\n    )\n  }\n\n  const handleClose = () => {\n    onClose?.()\n    // also remove any entities in context\n    setEntities(null)\n    clearSearchUrl()\n    closeSlideOut()\n  }\n\n  useEffect(() => {\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape' && onClose) {\n        // Don't trigger if we're in an input element\n        const target = e.target as HTMLElement\n        const isInputElement =\n          ['INPUT', 'TEXTAREA', 'SELECT'].includes(target.tagName) || target.isContentEditable\n\n        if (isInputElement) return\n\n        // don't trigger if the viewer is open and panel not in slideout mode\n        if (isSlideOut === false && (target.closest('#viewer-dialog') || !!slideOut)) return\n\n        handleClose()\n      }\n    }\n\n    window.addEventListener('keydown', handleKeyDown)\n    return () => window.removeEventListener('keydown', handleKeyDown)\n  }, [handleClose, isSlideOut, slideOut])\n\n  const { requestPipWindow } = usePiPWindow()\n\n  // Hoisted so ThumbnailUploadProvider (wrapping the toolbar) and EntityPanelUploader\n  // (inside DetailsPanelHeader) share the same ref identity — otherwise the toolbar's\n  // more-menu, which sits as a sibling above the header, can't reach the inputs.\n  const thumbnailInputRef = useRef<HTMLInputElement>(null)\n  const versionsInputRef = useRef<HTMLInputElement>(null)\n  const canUploadVersion = entityDetailsData.length === 1 && activeEntityType !== 'representation'\n\n  const shareEntityLabel = useMemo(() => {\n    const name = firstEntityData?.label || firstEntityData?.name || ''\n    const parents: string[] = firstEntityData?.parents || []\n    const parts: (string | undefined)[] = [firstProject]\n    switch (activeEntityType) {\n      case 'folder':\n      case 'task':\n      case 'product':\n        parts.push(parents.at(-1), name)\n        break\n      case 'version':\n        parts.push(parents.at(-2), parents.at(-1), name)\n        break\n      case 'representation':\n        parts.push(parents.at(-3), parents.at(-2), parents.at(-1), name)\n        break\n      default:\n        parts.push(name)\n    }\n    return parts.filter(Boolean).join(' - ')\n  }, [firstEntityData, activeEntityType, firstProject])\n\n  const handleOpenPip = () => {\n    openPip({\n      entityType: activeEntityType,\n      entities: entitiesToQuery,\n      scope: scope,\n    })\n    requestPipWindow(500, 500)\n  }\n\n  const isCommentingEnabled = () => {\n    // cannot comment on multiple projects\n    if (activeProjectNames.length > 1) return false\n    if (isGuest) {\n      // Guest can only comment in review sessions (for now)\n      if (!entityListId) return false\n      // Guest must have at least one category set for list\n      const guestHasCategory = Object.prototype.hasOwnProperty.call(\n        guestCategories,\n        user.attrib?.email || '',\n      )\n      if (!guestHasCategory) return false\n    }\n    return true\n  }\n\n  return (\n    <ThumbnailUploadProvider\n      thumbnailInputRef={thumbnailInputRef}\n      versionsInputRef={versionsInputRef}\n      canUploadVersion={canUploadVersion}\n    >\n      <Styled.Panel className=\"details-panel\">\n        <Styled.Toolbar>\n          {/* TODO FIX PATH */}\n          <EntityPath\n            segments={entityPathSegments}\n            versions={entityPathVersions}\n            projectName={firstProject}\n            hideProjectName={isSlideOut}\n            isLoading={isFetchingEntitiesDetails || !entityPathSegments.length}\n            entityType={activeEntityType}\n            scope={scope}\n            // @ts-ignore\n            entityTypeIcons={entityTypeIcons}\n          />\n          <Styled.RightTools className=\"right-tools\">\n            <DetailsPanelMoreMenu\n              entityType={activeEntityType}\n              entityId={firstEntityData?.id}\n              entityIds={entitiesToQuery.map((e) => e.id).filter(Boolean)}\n              entityLabel={shareEntityLabel}\n              projectName={firstProject}\n              selectedEntities={entityDetailsData\n                .filter((e) => !!e?.id)\n                .map((e) => ({\n                  entityId: e.id,\n                  entityType: e.entityType || activeEntityType,\n                  hasReviewables: !!e.hasReviewables,\n                }))}\n              entityListsContext={entityListsContext}\n              onOpenPip={handleOpenPip}\n              onOpenViewer={onOpenViewer}\n              productId={firstEntityData?.product?.id}\n              taskId={firstEntityData?.task?.id}\n              folderId={firstEntityData?.folder?.id}\n            />\n            <Watchers\n              entities={entitiesToQuery}\n              entityType={activeEntityType}\n              options={projectUsers || []}\n              onWatchersUpdate={onWatchersUpdate && onWatchersUpdate}\n              userName={user.name}\n            />\n\n            {onClose && (\n              <Button\n                icon=\"close\"\n                variant={'text'}\n                onClick={handleClose}\n                data-shortcut={'Escape'}\n              />\n            )}\n          </Styled.RightTools>\n        </Styled.Toolbar>\n\n        <DetailsPanelHeader\n          entityType={activeEntityType}\n          entitySubTypes={activeEntitySubTypes}\n          entities={entityDetailsData}\n          users={projectUsers}\n          disabledAssignees={disabledProjectUsers}\n          disabledStatuses={disabledStatuses}\n          tagsOptions={tagsOptions}\n          isFetching={isFetchingEntitiesDetails}\n          isCompact={isCompact}\n          currentTab={currentTab}\n          onTabChange={setTab}\n          entityTypeIcons={entityTypeIcons}\n          onOpenViewer={(args) => onOpenViewer?.(args)}\n          onEntityFocus={onEntityFocus}\n          thumbnailInputRef={thumbnailInputRef}\n          versionsInputRef={versionsInputRef}\n        />\n\n        <ProjectContextProvider projectName={firstProject}>\n          {isFeed && !isError && (\n            <FeedWrapper\n              entityType={activeEntityType}\n              entities={entityDetailsData}\n              activeUsers={activeProjectUsers || []}\n              projectInfo={firstProjectInfo}\n              projectName={firstProject}\n              disabled={!isCommentingEnabled()}\n              scope={scope}\n              statuses={allStatuses}\n              readOnly={false}\n              entityListId={entityListId}\n              annotations={annotations}\n              removeAnnotation={removeAnnotation}\n              exportAnnotationComposite={exportAnnotationComposite}\n              isSlideOut={isSlideOut}\n            />\n          )}\n          {currentTab === 'subtasks' &&\n            activeEntityType === 'task' &&\n            firstEntityData?.id &&\n            SubtasksManager && (\n              <DetailsPanelSubtasks\n                projectName={firstProject}\n                taskId={firstEntityData.id}\n                subtasks={firstEntityData.task?.subtasks || []}\n                SubtasksManager={SubtasksManager}\n                useNavigate={useNavigate!}\n                onNotFound={() => setTab('feed')} // if subtasks module is not found, switch to feed tab\n              />\n            )}\n          {currentTab === 'files' && (\n            <DetailsPanelFiles\n              entities={entityDetailsData}\n              scope={scope}\n              isLoadingVersion={isFetchingEntitiesDetails}\n            />\n          )}\n          {currentTab === 'details' && (\n            <FeedContextWrapper\n              entityType={activeEntityType}\n              entities={entityDetailsData}\n              activeUsers={activeProjectUsers || []}\n              projectInfo={firstProjectInfo}\n              projectName={firstProject}\n              disabled={!isCommentingEnabled()}\n              scope={scope}\n              statuses={allStatuses}\n              readOnly={false}\n              annotations={annotations}\n              removeAnnotation={removeAnnotation}\n              exportAnnotationComposite={exportAnnotationComposite}\n            >\n              <DetailsPanelDetails\n                entities={entityDetailsData}\n                isLoading={isFetchingEntitiesDetails}\n              />\n            </FeedContextWrapper>\n          )}\n        </ProjectContextProvider>\n      </Styled.Panel>\n    </ThumbnailUploadProvider>\n  )\n}\n\n// create a wrapper that checks if the details panel should be open or not based on isOpen prop and entities state\nexport const DetailsPanel = ({\n  isOpen,\n  entityType,\n  ...props\n}: Omit<DetailsPanelProps, 'entityType'> & {\n  entityType?: DetailsPanelEntityType\n  isOpen: boolean\n}) => {\n  const { entities } = useDetailsPanelContext()\n\n  if (!isOpen && !entities) return null\n  if (!entityType && !entities) return null\n\n  // @ts-expect-error - entityType could be undefined but we check for entities above\n  return <DetailsPanelInner {...props} entityType={entityType || entities?.entityType} />\n}\n"],"names":["entitiesWithoutFeed","DetailsPanelInner","entityType","entitySubTypes","entitiesData","entities","tagsOptions","disabledStatuses","projectUsers","disabledProjectUsers","activeProjectUsers","projectsInfo","projectNames","isSlideOut","style","scope","isCompact","onClose","onWatchersUpdate","onOpenViewer","onEntityFocus","onOpen","onUriOpen","annotations","removeAnnotation","exportAnnotationComposite","entityListId","guestCategories","entityListsContext","closeSlideOut","openPip","user","isGuest","contextEntities","setEntities","slideOut","useSearchParams","SubtasksManager","useNavigate","useDetailsPanelContext","currentTab","setTab","isFeed","useScopedDetailsPanel","_searchParams","setSearchParams","hasCalledOnOpen","useRef","activeEntityType","activeEntities","activeEntitySubTypes","activeEntitiesData","activeProjectNames","useEffect","projectInfo","useMemo","mergeProjectInfo","entityTypeIcons","task","acc","folder","product","entitiesToQuery","entity","entityDetailsData","isFetchingEntitiesDetails","isError","originalArgs","useGetEntitiesDetailsPanelQuery","detailsPanelEntityTypes","uriEntity","allStatuses","getAllProjectStatuses","firstProject","firstProjectInfo","firstEntityData","lastEntityData","lastProject","entityPathSegments","entityPathVersions","useGetEntityPath","setEntityUri","setUri","useURIContext","folderPath","taskName","versionName","productName","extractEntityHierarchyFromParents","useDetailsPanelURLSync","clearSearchUrl","prev","newParams","handleClose","handleKeyDown","e","target","requestPipWindow","usePiPWindow","thumbnailInputRef","versionsInputRef","canUploadVersion","shareEntityLabel","name","parents","parts","handleOpenPip","isCommentingEnabled","jsx","ThumbnailUploadProvider","jsxs","Styled.Panel","Styled.Toolbar","EntityPath","Styled.RightTools","DetailsPanelMoreMenu","Watchers","Button","DetailsPanelHeader","args","ProjectContextProvider","FeedWrapper","DetailsPanelSubtasks","DetailsPanelFiles","FeedContextWrapper","DetailsPanelDetails","DetailsPanel","isOpen","props"],"mappings":"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"}
+{"version":3,"file":"DetailsPanel.cjs.js","sources":["../../../../../src/containers/DetailsPanel/DetailsPanel.tsx"],"sourcesContent":["import { Button } from '@ynput/ayon-react-components'\nimport React, { useEffect, useMemo, useRef, useState } from 'react'\nimport useDetailsPanelURLSync from './hooks/useDetailsPanelURLSync'\nimport * as Styled from './DetailsPanel.styled'\n\n// shared\nimport { useGetEntitiesDetailsPanelQuery, detailsPanelEntityTypes } from '@shared/api'\nimport type { Tag, DetailsPanelEntityType, DetailsPanelEntityData } from '@shared/api'\nimport { DetailsPanelDetails, EntityPath, Watchers } from '@shared/components'\nimport { usePiPWindow } from '@shared/context/pip/PiPProvider'\nimport { extractEntityHierarchyFromParents } from '@shared/util'\nimport {\n  ProjectContextProvider,\n  ProjectModelWithProducts,\n  ThumbnailUploadProvider,\n  useDetailsPanelContext,\n  useScopedDetailsPanel,\n  useURIContext,\n  FeedFilter,\n} from '@shared/context'\n\nimport DetailsPanelHeader from './components/DetailsPanelHeader/DetailsPanelHeader'\nimport DetailsPanelFiles from './components/DetailsPanelFiles'\nimport {\n  DetailsPanelMoreMenu,\n  type DetailsPanelEntityListsContext,\n} from './components/DetailsPanelMoreMenu'\nimport useGetEntityPath from './hooks/useGetEntityPath'\nimport getAllProjectStatuses from './helpers/getAllProjectsStatuses'\nimport FeedWrapper from './containers/FeedWrapper'\nimport FeedContextWrapper from './containers/FeedContextWrapper'\nimport mergeProjectInfo from './helpers/mergeProjectInfo'\nimport buildEntityTypeIcons from './helpers/buildEntityTypeIcons'\nimport DetailsPanelSubtasks from './containers/DetailsPanelSubtasks'\n\nexport const entitiesWithoutFeed = ['product', 'representation']\n\ntype User = { avatarUrl: string; name: string; fullName?: string }\n\nexport type DetailsPanelProps = {\n  entityType: DetailsPanelEntityType\n  entitySubTypes?: string[] // used to get actions before the entity has loaded\n  entitiesData?: { id: string; label: string; type: DetailsPanelEntityType }[]\n  entities?: { id: string; projectName: string }[]\n  tagsOptions?: Tag[]\n  disabledStatuses?: string[]\n  projectUsers?: User[]\n  disabledProjectUsers?: string[]\n  activeProjectUsers?: string[]\n  projectsInfo?: Record<string, ProjectModelWithProducts>\n  projectNames?: string[]\n  isSlideOut?: boolean\n  style?: React.CSSProperties\n  scope: string\n  isCompact?: boolean\n  onClose?: () => void\n  onWatchersUpdate?: (added: any[], removed: any[]) => void\n  onOpenViewer?: (entity: any) => void\n  onEntityFocus?: (id: string, entityType: DetailsPanelEntityType) => void\n  onOpen?: () => void\n  onUriOpen?: (entity: DetailsPanelEntityData, source: 'uri' | 'url') => void\n  // annotations\n  annotations?: any\n  removeAnnotation?: (id: string) => void\n  exportAnnotationComposite?: (id: string) => Promise<Blob | null>\n  entityListId?: string\n  guestCategories?: Record<string, string> // only used for guests to find if they have access to any categories\n  /** Optional EntityListsContext for the \"Add to list\" sub-menu in the more-menu.\n   *  Hosts that already mount EntityListsProvider can pass the resolved context here;\n   *  otherwise wrap the panel with EntityListsContextBoundary. The shape mirrors\n   *  `EntityListsContextType` from `src/pages/ProjectListsPage/context` — it lives as a\n   *  structural type in shared/ so the layering rule (shared cannot import src/pages)\n   *  is preserved. */\n  entityListsContext?: DetailsPanelEntityListsContext\n  // optional tab state for independent tab management\n}\n\nconst DetailsPanelInner = ({\n  entityType,\n  entitySubTypes = [],\n  // entities is data we already have from kanban\n  entitiesData = [],\n  // entityIds are used to get the full details data for the entities\n  entities = [],\n  tagsOptions = [],\n  disabledStatuses,\n  projectUsers,\n  disabledProjectUsers,\n  activeProjectUsers,\n  projectsInfo = {},\n  projectNames = [],\n  isSlideOut = false,\n  style = {},\n  scope,\n  isCompact = false,\n  onClose,\n  onWatchersUpdate,\n  onOpenViewer,\n  onEntityFocus,\n  onOpen,\n  onUriOpen, // when the details panel is opened from uri\n  // annotations\n  annotations,\n  removeAnnotation,\n  exportAnnotationComposite,\n  entityListId,\n  guestCategories = {},\n  entityListsContext,\n}: // optional tab state for independent tab management\nDetailsPanelProps) => {\n  const {\n    closeSlideOut,\n    openPip,\n    user,\n    isGuest,\n    entities: contextEntities,\n    setEntities,\n    slideOut,\n    useSearchParams,\n    SubtasksManager,\n    useNavigate,\n  } = useDetailsPanelContext()\n  const { currentTab, setTab, isFeed } = useScopedDetailsPanel(scope)\n  const [_searchParams, setSearchParams] = useSearchParams()\n  const hasCalledOnOpen = useRef(false)\n\n  // Use context entities if available, otherwise use props\n  const activeEntityType = contextEntities?.entityType ?? entityType\n  const activeEntities = contextEntities?.entities ?? entities\n  const activeEntitySubTypes = contextEntities?.entitySubTypes ?? entitySubTypes\n  const activeEntitiesData = contextEntities?.entities ? [] : entitiesData\n  const activeProjectNames = contextEntities?.entities\n    ? contextEntities.entities.map((e) => e.projectName)\n    : projectNames\n\n  // Fire onOpen callback once when component mounts and renders\n  useEffect(() => {\n    if (onOpen && !hasCalledOnOpen.current) {\n      hasCalledOnOpen.current = true\n      onOpen()\n    }\n  }, [])\n\n  // Force details tab for specific entity types\n  useEffect(() => {\n    if (entitiesWithoutFeed.includes(activeEntityType) && currentTab !== 'details') {\n      setTab('details')\n    }\n  }, [activeEntityType, currentTab, setTab])\n\n  // once component is provided with specific entities, remove context entities to avoid conflicts\n  useEffect(() => {\n    if (entities.length && contextEntities) {\n      setEntities(null)\n    }\n  }, [entities, contextEntities, setEntities])\n\n  // reduce projectsInfo to selected projects and into one\n  const projectInfo = useMemo(\n    () => mergeProjectInfo(projectsInfo, activeProjectNames),\n    [projectsInfo, activeProjectNames],\n  )\n\n  // build icons for entity types (used by the entity path breadcrumb)\n  const entityTypeIcons = useMemo(() => buildEntityTypeIcons(projectInfo), [projectInfo])\n\n  // for example when switching from version to task, task doesn't have reps tab\n  // if reps tab was selected, set default to feed\n  useEffect(() => {\n    if (currentTab === 'files') {\n      // check entity type is still version\n      if (activeEntityType !== 'version') {\n        setTab('feed')\n      }\n    }\n    // Reset to feed if subtasks tab is selected but entity is not a task\n    if (currentTab === 'subtasks' && activeEntityType !== 'task') {\n      setTab('feed')\n    }\n  }, [activeEntityType, currentTab, scope])\n\n  // now we get the full details data for selected entities\n  let entitiesToQuery = activeEntities.length\n    ? activeEntities.map((entity) => ({ id: entity.id, projectName: entity.projectName }))\n    : // @ts-expect-error = not sure what's going on with activeEntitiesData, we should try and remove it\n      activeEntitiesData.map((entity) => ({ id: entity.id, projectName: entity.projectName }))\n\n  entitiesToQuery = entitiesToQuery.filter((entity) => entity.id)\n\n  const {\n    data: entityDetailsData = [],\n    isFetching: isFetchingEntitiesDetails,\n    isError,\n    originalArgs,\n  } = useGetEntitiesDetailsPanelQuery(\n    { entityType: activeEntityType, entities: entitiesToQuery },\n    {\n      skip: !entitiesToQuery.length || !detailsPanelEntityTypes.includes(activeEntityType),\n    },\n  )\n\n  // the entity changes then we close the slide out\n  useEffect(() => {\n    if (!isSlideOut) {\n      closeSlideOut()\n    }\n  }, [originalArgs, isSlideOut])\n\n  // if the details panel is opened vair the uri, run callback\n  useEffect(() => {\n    if (isFetchingEntitiesDetails) return\n\n    if (\n      (contextEntities?.source === 'uri' || contextEntities?.source === 'url') &&\n      contextEntities?.entities?.length &&\n      !!onUriOpen\n    ) {\n      const uriEntity = entityDetailsData.find(\n        (entity) => entity.id === contextEntities.entities[0].id,\n      )\n      if (!uriEntity) return\n\n      onUriOpen(uriEntity, contextEntities.source)\n    }\n  }, [entityDetailsData, isFetchingEntitiesDetails])\n\n  // TODO:  merge current entities data with fresh details data\n\n  const allStatuses = getAllProjectStatuses(projectsInfo)\n\n  // get the first project name and info to be used in the feed.\n  const firstProject = activeProjectNames[0]\n  const firstProjectInfo = projectsInfo[firstProject] || {}\n  const firstEntityData = entityDetailsData[0] || {}\n  // Use the last entity for URI sync\n  const lastEntityData = entityDetailsData[entityDetailsData.length - 1]\n  const lastProject = activeProjectNames[activeProjectNames.length - 1]\n\n  // build the full entity path for the first entity\n  const [entityPathSegments, entityPathVersions] = useGetEntityPath({\n    entity: firstEntityData,\n    entityType: activeEntityType,\n    projectName: firstProject,\n    isLoading: isFetchingEntitiesDetails,\n  })\n\n  const { setEntityUri, setUri } = useURIContext()\n  // sync the uri when entity changes\n  useEffect(() => {\n    if (!lastEntityData?.parents) return\n    if (!lastProject) return\n    const { folderPath, taskName, versionName, productName } = extractEntityHierarchyFromParents(\n      lastEntityData.parents,\n      activeEntityType,\n      lastEntityData.name,\n    )\n\n    setEntityUri({\n      projectName: lastProject,\n      folderPath: folderPath,\n      taskName: taskName,\n      productName: productName,\n      versionName: versionName,\n    })\n\n    // unmount cleanup: clear uri\n    return () => {\n      setUri('')\n    }\n  }, [entityDetailsData, activeProjectNames, activeEntityType])\n\n  // sync the details panel url (panel) with entity\n  useDetailsPanelURLSync({\n    entityData: lastEntityData,\n    project: lastProject,\n    activeEntityType,\n    entitiesToQuery,\n  })\n\n  const clearSearchUrl = () => {\n    // remove URL params when closing\n    setSearchParams(\n      (prev) => {\n        const newParams = new URLSearchParams(prev)\n        newParams.delete('project')\n        newParams.delete('type')\n        newParams.delete('id')\n        return newParams\n      },\n      { replace: true },\n    )\n  }\n\n  const handleClose = () => {\n    onClose?.()\n    // also remove any entities in context\n    setEntities(null)\n    clearSearchUrl()\n    closeSlideOut()\n  }\n\n  useEffect(() => {\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape' && onClose) {\n        // Don't trigger if we're in an input element\n        const target = e.target as HTMLElement\n        const isInputElement =\n          ['INPUT', 'TEXTAREA', 'SELECT'].includes(target.tagName) || target.isContentEditable\n\n        if (isInputElement) return\n\n        // don't trigger if the viewer is open and panel not in slideout mode\n        if (isSlideOut === false && (target.closest('#viewer-dialog') || !!slideOut)) return\n\n        handleClose()\n      }\n    }\n\n    window.addEventListener('keydown', handleKeyDown)\n    return () => window.removeEventListener('keydown', handleKeyDown)\n  }, [handleClose, isSlideOut, slideOut])\n\n  const { requestPipWindow } = usePiPWindow()\n\n  // Hoisted so ThumbnailUploadProvider (wrapping the toolbar) and EntityPanelUploader\n  // (inside DetailsPanelHeader) share the same ref identity — otherwise the toolbar's\n  // more-menu, which sits as a sibling above the header, can't reach the inputs.\n  const thumbnailInputRef = useRef<HTMLInputElement>(null)\n  const versionsInputRef = useRef<HTMLInputElement>(null)\n  const canUploadVersion = entityDetailsData.length === 1 && activeEntityType !== 'representation'\n\n  const shareEntityLabel = useMemo(() => {\n    const name = firstEntityData?.label || firstEntityData?.name || ''\n    const parents: string[] = firstEntityData?.parents || []\n    const parts: (string | undefined)[] = [firstProject]\n    switch (activeEntityType) {\n      case 'folder':\n      case 'task':\n      case 'product':\n        parts.push(parents.at(-1), name)\n        break\n      case 'version':\n        parts.push(parents.at(-2), parents.at(-1), name)\n        break\n      case 'representation':\n        parts.push(parents.at(-3), parents.at(-2), parents.at(-1), name)\n        break\n      default:\n        parts.push(name)\n    }\n    return parts.filter(Boolean).join(' - ')\n  }, [firstEntityData, activeEntityType, firstProject])\n\n  const handleOpenPip = () => {\n    openPip({\n      entityType: activeEntityType,\n      entities: entitiesToQuery,\n      scope: scope,\n    })\n    requestPipWindow(500, 500)\n  }\n\n  const isCommentingEnabled = () => {\n    // cannot comment on multiple projects\n    if (activeProjectNames.length > 1) return false\n    if (isGuest) {\n      // Guest can only comment in review sessions (for now)\n      if (!entityListId) return false\n      // Guest must have at least one category set for list\n      const guestHasCategory = Object.prototype.hasOwnProperty.call(\n        guestCategories,\n        user.attrib?.email || '',\n      )\n      if (!guestHasCategory) return false\n    }\n    return true\n  }\n\n  return (\n    <ThumbnailUploadProvider\n      thumbnailInputRef={thumbnailInputRef}\n      versionsInputRef={versionsInputRef}\n      canUploadVersion={canUploadVersion}\n    >\n      <Styled.Panel className=\"details-panel\">\n        <Styled.Toolbar>\n          {/* TODO FIX PATH */}\n          <EntityPath\n            segments={entityPathSegments}\n            versions={entityPathVersions}\n            projectName={firstProject}\n            hideProjectName={isSlideOut}\n            isLoading={isFetchingEntitiesDetails || !entityPathSegments.length}\n            entityType={activeEntityType}\n            scope={scope}\n            // @ts-ignore\n            entityTypeIcons={entityTypeIcons}\n          />\n          <Styled.RightTools className=\"right-tools\">\n            <DetailsPanelMoreMenu\n              entityType={activeEntityType}\n              entityId={firstEntityData?.id}\n              entityIds={entitiesToQuery.map((e) => e.id).filter(Boolean)}\n              entityLabel={shareEntityLabel}\n              projectName={firstProject}\n              selectedEntities={entityDetailsData\n                .filter((e) => !!e?.id)\n                .map((e) => ({\n                  entityId: e.id,\n                  entityType: e.entityType || activeEntityType,\n                  hasReviewables: !!e.hasReviewables,\n                }))}\n              entityListsContext={entityListsContext}\n              onOpenPip={handleOpenPip}\n              onOpenViewer={onOpenViewer}\n              productId={firstEntityData?.product?.id}\n              taskId={firstEntityData?.task?.id}\n              folderId={firstEntityData?.folder?.id}\n            />\n            <Watchers\n              entities={entitiesToQuery}\n              entityType={activeEntityType}\n              options={projectUsers || []}\n              onWatchersUpdate={onWatchersUpdate && onWatchersUpdate}\n              userName={user.name}\n            />\n\n            {onClose && (\n              <Button\n                icon=\"close\"\n                variant={'text'}\n                onClick={handleClose}\n                data-shortcut={'Escape'}\n              />\n            )}\n          </Styled.RightTools>\n        </Styled.Toolbar>\n\n        <DetailsPanelHeader\n          entityType={activeEntityType}\n          entitySubTypes={activeEntitySubTypes}\n          entities={entityDetailsData}\n          users={projectUsers}\n          disabledAssignees={disabledProjectUsers}\n          disabledStatuses={disabledStatuses}\n          tagsOptions={tagsOptions}\n          isFetching={isFetchingEntitiesDetails}\n          isCompact={isCompact}\n          currentTab={currentTab}\n          onTabChange={setTab}\n          projectInfo={projectInfo}\n          onOpenViewer={(args) => onOpenViewer?.(args)}\n          onEntityFocus={onEntityFocus}\n          thumbnailInputRef={thumbnailInputRef}\n          versionsInputRef={versionsInputRef}\n        />\n\n        <ProjectContextProvider projectName={firstProject}>\n          {isFeed && !isError && (\n            <FeedWrapper\n              entityType={activeEntityType}\n              entities={entityDetailsData}\n              activeUsers={activeProjectUsers || []}\n              projectInfo={firstProjectInfo}\n              projectName={firstProject}\n              disabled={!isCommentingEnabled()}\n              scope={scope}\n              statuses={allStatuses}\n              readOnly={false}\n              entityListId={entityListId}\n              annotations={annotations}\n              removeAnnotation={removeAnnotation}\n              exportAnnotationComposite={exportAnnotationComposite}\n              isSlideOut={isSlideOut}\n            />\n          )}\n          {currentTab === 'subtasks' &&\n            activeEntityType === 'task' &&\n            firstEntityData?.id &&\n            SubtasksManager && (\n              <DetailsPanelSubtasks\n                projectName={firstProject}\n                taskId={firstEntityData.id}\n                subtasks={firstEntityData.task?.subtasks || []}\n                SubtasksManager={SubtasksManager}\n                useNavigate={useNavigate!}\n                onNotFound={() => setTab('feed')} // if subtasks module is not found, switch to feed tab\n              />\n            )}\n          {currentTab === 'files' && (\n            <DetailsPanelFiles\n              entities={entityDetailsData}\n              scope={scope}\n              isLoadingVersion={isFetchingEntitiesDetails}\n            />\n          )}\n          {currentTab === 'details' && (\n            <FeedContextWrapper\n              entityType={activeEntityType}\n              entities={entityDetailsData}\n              activeUsers={activeProjectUsers || []}\n              projectInfo={firstProjectInfo}\n              projectName={firstProject}\n              disabled={!isCommentingEnabled()}\n              scope={scope}\n              statuses={allStatuses}\n              readOnly={false}\n              annotations={annotations}\n              removeAnnotation={removeAnnotation}\n              exportAnnotationComposite={exportAnnotationComposite}\n            >\n              <DetailsPanelDetails\n                entities={entityDetailsData}\n                isLoading={isFetchingEntitiesDetails}\n              />\n            </FeedContextWrapper>\n          )}\n        </ProjectContextProvider>\n      </Styled.Panel>\n    </ThumbnailUploadProvider>\n  )\n}\n\n// create a wrapper that checks if the details panel should be open or not based on isOpen prop and entities state\nexport const DetailsPanel = ({\n  isOpen,\n  entityType,\n  ...props\n}: Omit<DetailsPanelProps, 'entityType'> & {\n  entityType?: DetailsPanelEntityType\n  isOpen: boolean\n}) => {\n  const { entities } = useDetailsPanelContext()\n\n  if (!isOpen && !entities) return null\n  if (!entityType && !entities) return null\n\n  // @ts-expect-error - entityType could be undefined but we check for entities above\n  return <DetailsPanelInner {...props} entityType={entityType || entities?.entityType} />\n}\n"],"names":["entitiesWithoutFeed","DetailsPanelInner","entityType","entitySubTypes","entitiesData","entities","tagsOptions","disabledStatuses","projectUsers","disabledProjectUsers","activeProjectUsers","projectsInfo","projectNames","isSlideOut","style","scope","isCompact","onClose","onWatchersUpdate","onOpenViewer","onEntityFocus","onOpen","onUriOpen","annotations","removeAnnotation","exportAnnotationComposite","entityListId","guestCategories","entityListsContext","closeSlideOut","openPip","user","isGuest","contextEntities","setEntities","slideOut","useSearchParams","SubtasksManager","useNavigate","useDetailsPanelContext","currentTab","setTab","isFeed","useScopedDetailsPanel","_searchParams","setSearchParams","hasCalledOnOpen","useRef","activeEntityType","activeEntities","activeEntitySubTypes","activeEntitiesData","activeProjectNames","useEffect","projectInfo","useMemo","mergeProjectInfo","entityTypeIcons","buildEntityTypeIcons","entitiesToQuery","entity","entityDetailsData","isFetchingEntitiesDetails","isError","originalArgs","useGetEntitiesDetailsPanelQuery","detailsPanelEntityTypes","uriEntity","allStatuses","getAllProjectStatuses","firstProject","firstProjectInfo","firstEntityData","lastEntityData","lastProject","entityPathSegments","entityPathVersions","useGetEntityPath","setEntityUri","setUri","useURIContext","folderPath","taskName","versionName","productName","extractEntityHierarchyFromParents","useDetailsPanelURLSync","clearSearchUrl","prev","newParams","handleClose","handleKeyDown","e","target","requestPipWindow","usePiPWindow","thumbnailInputRef","versionsInputRef","canUploadVersion","shareEntityLabel","name","parents","parts","handleOpenPip","isCommentingEnabled","jsx","ThumbnailUploadProvider","jsxs","Styled.Panel","Styled.Toolbar","EntityPath","Styled.RightTools","DetailsPanelMoreMenu","Watchers","Button","DetailsPanelHeader","args","ProjectContextProvider","FeedWrapper","DetailsPanelSubtasks","DetailsPanelFiles","FeedContextWrapper","DetailsPanelDetails","DetailsPanel","isOpen","props"],"mappings":"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"}

package/dist/shared/src/containers/DetailsPanel/DetailsPanel.es.js

@@ -1,8 +1,8 @@
 import { j as o } from "../../../../_virtual/jsx-runtime.es.js";
 import { Button as Dt } from "@ynput/ayon-react-components";
-import { useRef as w, useEffect as c, useMemo as I } from "react";
-import wt from "./hooks/useDetailsPanelURLSync.es.js";
-import { Panel as It, Toolbar as Rt, RightTools as St } from "./DetailsPanel.styled.es.js";
+import { useRef as I, useEffect as c, useMemo as w } from "react";
+import It from "./hooks/useDetailsPanelURLSync.es.js";
+import { Panel as wt, Toolbar as Rt, RightTools as St } from "./DetailsPanel.styled.es.js";
 import "../../api/base/client.es.js";
 import "../../api/generated/graphql.es.js";
 import "../../api/generated/graphqlLinks.es.js";
@@ -136,7 +136,7 @@ import "../Feed/components/CommentInput/modules/index.es.js";
 import "../../context/RemoteModulesContext.es.js";
 import "../../../../_virtual/runtime.es.js";
 import "../../../../_virtual/semver.es.js";
-import { useDetailsPanelContext as tt, useScopedDetailsPanel as Wt } from "../../context/DetailsPanelContext.es.js";
+import { useDetailsPanelContext as $, useScopedDetailsPanel as Wt } from "../../context/DetailsPanelContext.es.js";
 import "../../context/PowerpackContextInstance.es.js";
 import "../../context/SubtasksModulesContextInstance.es.js";
 import { ThumbnailUploadProvider as Ht } from "../../context/ThumbnailUploaderContext.es.js";
@@ -244,7 +244,8 @@ import qt from "./helpers/getAllProjectsStatuses.es.js";
 import Kt from "./containers/FeedWrapper.es.js";
 import Xt from "./containers/FeedContextWrapper.es.js";
 import _t from "./helpers/mergeProjectInfo.es.js";
-import zt from "./containers/DetailsPanelSubtasks.es.js";
+import zt from "./helpers/buildEntityTypeIcons.es.js";
+import Jt from "./containers/DetailsPanelSubtasks.es.js";
 import "./components/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
 import "./components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
 import "./components/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
@@ -261,7 +262,7 @@ import "../../components/EntityPanelUploader/EntityPanelUploader.styled.es.js";
 import "axios";
 import "../../components/ReviewablesList/ReviewablesList.styled.es.js";
 import "../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
-import { EntityPath as Jt } from "../../components/EntityPath/EntityPath.es.js";
+import { EntityPath as Yt } from "../../components/EntityPath/EntityPath.es.js";
 import "../../components/FeaturedVersionOrder/FeaturedVersionOrder.es.js";
 import "../../components/Feedback/FeedbackContextInstance.es.js";
 import "../../components/Feedback/SupportBubble.es.js";
@@ -288,33 +289,33 @@ import "../../components/Thumbnail/StackedThumbnails.es.js";
 import "../../components/ThumbnailSimple/ThumbnailSimple.es.js";
 import "../../components/VersionUploader/components/UploadVersionDialog.es.js";
 import "../../components/VersionUploader/context/VersionUploadContext.es.js";
-import { Watchers as Yt } from "../../components/Watchers/Watchers.es.js";
+import { Watchers as Zt } from "../../components/Watchers/Watchers.es.js";
 import "../../components/Menu/Menu.styled.es.js";
 import "../../components/Menu/MenuItem.es.js";
 import "../../components/ReviewablesSelector/ReviewablesSelector.es.js";
 import "../../components/ColumnHeaderMenuUI.es.js";
-const Zt = ["product", "representation"], $t = ({
+const $t = ["product", "representation"], ti = ({
   entityType: b,
   entitySubTypes: P = [],
   // entities is data we already have from kanban
-  entitiesData: x = [],
+  entitiesData: T = [],
   // entityIds are used to get the full details data for the entities
   entities: d = [],
-  tagsOptions: it = [],
-  disabledStatuses: rt,
+  tagsOptions: tt = [],
+  disabledStatuses: it,
   projectUsers: R,
-  disabledProjectUsers: ot,
+  disabledProjectUsers: rt,
   activeProjectUsers: S,
   projectsInfo: g = {},
-  projectNames: et = [],
+  projectNames: ot = [],
   isSlideOut: h = !1,
-  style: ti = {},
+  style: ii = {},
   scope: u,
-  isCompact: pt = !1,
-  onClose: N,
+  isCompact: et = !1,
+  onClose: x,
   onWatchersUpdate: C,
   onOpenViewer: F,
-  onEntityFocus: mt,
+  onEntityFocus: pt,
   onOpen: L,
   onUriOpen: U,
   // when the details panel is opened from uri
@@ -323,45 +324,38 @@ const Zt = ["product", "representation"], $t = ({
   removeAnnotation: H,
   exportAnnotationComposite: M,
   entityListId: A,
-  guestCategories: st = {},
-  entityListsContext: nt
+  guestCategories: mt = {},
+  entityListsContext: st
 }) => {
   const {
     closeSlideOut: B,
-    openPip: at,
+    openPip: nt,
     user: G,
-    isGuest: lt,
+    isGuest: at,
     entities: e,
-    setEntities: k,
+    setEntities: N,
     slideOut: O,
-    useSearchParams: ct,
+    useSearchParams: lt,
     SubtasksManager: V,
-    useNavigate: dt
-  } = tt(), { currentTab: a, setTab: j, isFeed: ut } = Wt(u), [ii, ft] = ct(), Q = w(!1), r = e?.entityType ?? b, q = e?.entities ?? d, yt = e?.entitySubTypes ?? P, ht = e?.entities ? [] : x, f = e?.entities ? e.entities.map((t) => t.projectName) : et;
+    useNavigate: ct
+  } = $(), { currentTab: a, setTab: j, isFeed: dt } = Wt(u), [ri, ut] = lt(), Q = I(!1), i = e?.entityType ?? b, q = e?.entities ?? d, ft = e?.entitySubTypes ?? P, yt = e?.entities ? [] : T, f = e?.entities ? e.entities.map((t) => t.projectName) : ot;
   c(() => {
     L && !Q.current && (Q.current = !0, L());
   }, []), c(() => {
-    Zt.includes(r) && a !== "details" && j("details");
-  }, [r, a, j]), c(() => {
-    d.length && e && k(null);
-  }, [d, e, k]);
-  const E = I(
+    $t.includes(i) && a !== "details" && j("details");
+  }, [i, a, j]), c(() => {
+    d.length && e && N(null);
+  }, [d, e, N]);
+  const k = w(
     () => _t(g, f),
     [g, f]
-  ), K = I(
-    () => ({
-      task: E.taskTypes.filter((t) => !!t.icon).reduce((t, i) => ({ ...t, [i.name]: i.icon }), {}),
-      folder: E.folderTypes.filter((t) => !!t.icon).reduce((t, i) => ({ ...t, [i.name]: i.icon }), {}),
-      product: E.productTypes.filter((t) => !!t.icon).reduce((t, i) => ({ ...t, [i.name]: i.icon }), {})
-    }),
-    [E]
-  );
+  ), ht = w(() => zt(k), [k]);
   c(() => {
-    a === "files" && r !== "version" && j("feed"), a === "subtasks" && r !== "task" && j("feed");
-  }, [r, a, u]);
+    a === "files" && i !== "version" && j("feed"), a === "subtasks" && i !== "task" && j("feed");
+  }, [i, a, u]);
   let l = q.length ? q.map((t) => ({ id: t.id, projectName: t.projectName })) : (
     // @ts-expect-error = not sure what's going on with activeEntitiesData, we should try and remove it
-    ht.map((t) => ({ id: t.id, projectName: t.projectName }))
+    yt.map((t) => ({ id: t.id, projectName: t.projectName }))
   );
   l = l.filter((t) => t.id);
   const {
@@ -370,9 +364,9 @@ const Zt = ["product", "representation"], $t = ({
     isError: jt,
     originalArgs: Pt
   } = Ct(
-    { entityType: r, entities: l },
+    { entityType: i, entities: l },
     {
-      skip: !l.length || !Ft.includes(r)
+      skip: !l.length || !Ft.includes(i)
     }
   );
   c(() => {
@@ -380,125 +374,125 @@ const Zt = ["product", "representation"], $t = ({
   }, [Pt, h]), c(() => {
     if (!y && (e?.source === "uri" || e?.source === "url") && e?.entities?.length && U) {
       const t = p.find(
-        (i) => i.id === e.entities[0].id
+        (r) => r.id === e.entities[0].id
       );
       if (!t) return;
       U(t, e.source);
     }
   }, [p, y]);
-  const X = qt(g), n = f[0], _ = g[n] || {}, m = p[0] || {}, T = p[p.length - 1], v = f[f.length - 1], [z, gt] = Qt({
+  const K = qt(g), n = f[0], X = g[n] || {}, m = p[0] || {}, E = p[p.length - 1], v = f[f.length - 1], [_, gt] = Qt({
     entity: m,
-    entityType: r,
+    entityType: i,
     projectName: n,
     isLoading: y
-  }), { setEntityUri: Et, setUri: Tt } = Bt();
+  }), { setEntityUri: Et, setUri: bt } = Bt();
   c(() => {
-    if (!T?.parents || !v) return;
-    const { folderPath: t, taskName: i, versionName: s, productName: $ } = Lt(
-      T.parents,
-      r,
-      T.name
+    if (!E?.parents || !v) return;
+    const { folderPath: t, taskName: r, versionName: s, productName: Z } = Lt(
+      E.parents,
+      i,
+      E.name
     );
     return Et({
       projectName: v,
       folderPath: t,
-      taskName: i,
-      productName: $,
+      taskName: r,
+      productName: Z,
       versionName: s
     }), () => {
-      Tt("");
+      bt("");
     };
-  }, [p, f, r]), wt({
-    entityData: T,
+  }, [p, f, i]), It({
+    entityData: E,
     project: v,
-    activeEntityType: r,
+    activeEntityType: i,
     entitiesToQuery: l
   });
-  const bt = () => {
-    ft(
+  const Tt = () => {
+    ut(
       (t) => {
-        const i = new URLSearchParams(t);
-        return i.delete("project"), i.delete("type"), i.delete("id"), i;
+        const r = new URLSearchParams(t);
+        return r.delete("project"), r.delete("type"), r.delete("id"), r;
       },
       { replace: !0 }
     );
   }, D = () => {
-    N?.(), k(null), bt(), B();
+    x?.(), N(null), Tt(), B();
   };
   c(() => {
-    const t = (i) => {
-      if (i.key === "Escape" && N) {
-        const s = i.target;
+    const t = (r) => {
+      if (r.key === "Escape" && x) {
+        const s = r.target;
         if (["INPUT", "TEXTAREA", "SELECT"].includes(s.tagName) || s.isContentEditable || h === !1 && (s.closest("#viewer-dialog") || O)) return;
         D();
       }
     };
     return window.addEventListener("keydown", t), () => window.removeEventListener("keydown", t);
   }, [D, h, O]);
-  const { requestPipWindow: xt } = Mt(), J = w(null), Y = w(null), Nt = p.length === 1 && r !== "representation", kt = I(() => {
-    const t = m?.label || m?.name || "", i = m?.parents || [], s = [n];
-    switch (r) {
+  const { requestPipWindow: xt } = Mt(), z = I(null), J = I(null), Nt = p.length === 1 && i !== "representation", kt = w(() => {
+    const t = m?.label || m?.name || "", r = m?.parents || [], s = [n];
+    switch (i) {
       case "folder":
       case "task":
       case "product":
-        s.push(i.at(-1), t);
+        s.push(r.at(-1), t);
         break;
       case "version":
-        s.push(i.at(-2), i.at(-1), t);
+        s.push(r.at(-2), r.at(-1), t);
         break;
       case "representation":
-        s.push(i.at(-3), i.at(-2), i.at(-1), t);
+        s.push(r.at(-3), r.at(-2), r.at(-1), t);
         break;
       default:
         s.push(t);
     }
     return s.filter(Boolean).join(" - ");
-  }, [m, r, n]), vt = () => {
-    at({
-      entityType: r,
+  }, [m, i, n]), vt = () => {
+    nt({
+      entityType: i,
       entities: l,
       scope: u
     }), xt(500, 500);
-  }, Z = () => !(f.length > 1 || lt && (!A || !Object.prototype.hasOwnProperty.call(
-    st,
+  }, Y = () => !(f.length > 1 || at && (!A || !Object.prototype.hasOwnProperty.call(
+    mt,
     G.attrib?.email || ""
   )));
   return /* @__PURE__ */ o.jsx(
     Ht,
     {
-      thumbnailInputRef: J,
-      versionsInputRef: Y,
+      thumbnailInputRef: z,
+      versionsInputRef: J,
       canUploadVersion: Nt,
-      children: /* @__PURE__ */ o.jsxs(It, { className: "details-panel", children: [
+      children: /* @__PURE__ */ o.jsxs(wt, { className: "details-panel", children: [
         /* @__PURE__ */ o.jsxs(Rt, { children: [
           /* @__PURE__ */ o.jsx(
-            Jt,
+            Yt,
             {
-              segments: z,
+              segments: _,
               versions: gt,
               projectName: n,
               hideProjectName: h,
-              isLoading: y || !z.length,
-              entityType: r,
+              isLoading: y || !_.length,
+              entityType: i,
               scope: u,
-              entityTypeIcons: K
+              entityTypeIcons: ht
             }
           ),
           /* @__PURE__ */ o.jsxs(St, { className: "right-tools", children: [
             /* @__PURE__ */ o.jsx(
               Vt,
               {
-                entityType: r,
+                entityType: i,
                 entityId: m?.id,
                 entityIds: l.map((t) => t.id).filter(Boolean),
                 entityLabel: kt,
                 projectName: n,
                 selectedEntities: p.filter((t) => !!t?.id).map((t) => ({
                   entityId: t.id,
-                  entityType: t.entityType || r,
+                  entityType: t.entityType || i,
                   hasReviewables: !!t.hasReviewables
                 })),
-                entityListsContext: nt,
+                entityListsContext: st,
                 onOpenPip: vt,
                 onOpenViewer: F,
                 productId: m?.product?.id,
@@ -507,16 +501,16 @@ const Zt = ["product", "representation"], $t = ({
               }
             ),
             /* @__PURE__ */ o.jsx(
-              Yt,
+              Zt,
               {
                 entities: l,
-                entityType: r,
+                entityType: i,
                 options: R || [],
                 onWatchersUpdate: C && C,
                 userName: G.name
               }
             ),
-            N && /* @__PURE__ */ o.jsx(
+            x && /* @__PURE__ */ o.jsx(
               Dt,
               {
                 icon: "close",
@@ -530,36 +524,36 @@ const Zt = ["product", "representation"], $t = ({
         /* @__PURE__ */ o.jsx(
           Gt,
           {
-            entityType: r,
-            entitySubTypes: yt,
+            entityType: i,
+            entitySubTypes: ft,
             entities: p,
             users: R,
-            disabledAssignees: ot,
-            disabledStatuses: rt,
-            tagsOptions: it,
+            disabledAssignees: rt,
+            disabledStatuses: it,
+            tagsOptions: tt,
             isFetching: y,
-            isCompact: pt,
+            isCompact: et,
             currentTab: a,
             onTabChange: j,
-            entityTypeIcons: K,
+            projectInfo: k,
             onOpenViewer: (t) => F?.(t),
-            onEntityFocus: mt,
-            thumbnailInputRef: J,
-            versionsInputRef: Y
+            onEntityFocus: pt,
+            thumbnailInputRef: z,
+            versionsInputRef: J
           }
         ),
         /* @__PURE__ */ o.jsxs(At, { projectName: n, children: [
-          ut && !jt && /* @__PURE__ */ o.jsx(
+          dt && !jt && /* @__PURE__ */ o.jsx(
             Kt,
             {
-              entityType: r,
+              entityType: i,
               entities: p,
               activeUsers: S || [],
-              projectInfo: _,
+              projectInfo: X,
               projectName: n,
-              disabled: !Z(),
+              disabled: !Y(),
               scope: u,
-              statuses: X,
+              statuses: K,
               readOnly: !1,
               entityListId: A,
               annotations: W,
@@ -568,14 +562,14 @@ const Zt = ["product", "representation"], $t = ({
               isSlideOut: h
             }
           ),
-          a === "subtasks" && r === "task" && m?.id && V && /* @__PURE__ */ o.jsx(
-            zt,
+          a === "subtasks" && i === "task" && m?.id && V && /* @__PURE__ */ o.jsx(
+            Jt,
             {
               projectName: n,
               taskId: m.id,
               subtasks: m.task?.subtasks || [],
               SubtasksManager: V,
-              useNavigate: dt,
+              useNavigate: ct,
               onNotFound: () => j("feed")
             }
           ),
@@ -590,14 +584,14 @@ const Zt = ["product", "representation"], $t = ({
           a === "details" && /* @__PURE__ */ o.jsx(
             Xt,
             {
-              entityType: r,
+              entityType: i,
               entities: p,
               activeUsers: S || [],
-              projectInfo: _,
+              projectInfo: X,
               projectName: n,
-              disabled: !Z(),
+              disabled: !Y(),
               scope: u,
-              statuses: X,
+              statuses: K,
               readOnly: !1,
               annotations: W,
               removeAnnotation: H,
@@ -615,16 +609,16 @@ const Zt = ["product", "representation"], $t = ({
       ] })
     }
   );
-}, wm = ({
+}, Rm = ({
   isOpen: b,
   entityType: P,
-  ...x
+  ...T
 }) => {
-  const { entities: d } = tt();
-  return !b && !d || !P && !d ? null : /* @__PURE__ */ o.jsx($t, { ...x, entityType: P || d?.entityType });
+  const { entities: d } = $();
+  return !b && !d || !P && !d ? null : /* @__PURE__ */ o.jsx(ti, { ...T, entityType: P || d?.entityType });
 };
 export {
-  wm as DetailsPanel,
-  Zt as entitiesWithoutFeed
+  Rm as DetailsPanel,
+  $t as entitiesWithoutFeed
 };
 //# sourceMappingURL=DetailsPanel.es.js.map