@ynput/ayon-frontend-shared 0.3.28 → 0.3.30

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 z } from "@ynput/ayon-react-components";
-import { useRef as xt, useEffect as s, useMemo as J } from "react";
-import Nt from "./hooks/useDetailsPanelURLSync.es.js";
-import { Panel as bt, Toolbar as Dt, RightTools as kt } from "./DetailsPanel.styled.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 "../../api/base/client.es.js";
 import "../../api/generated/graphql.es.js";
 import "../../api/generated/graphqlLinks.es.js";
@@ -58,8 +58,8 @@ import "../../api/queries/cloud/cloud.es.js";
 import "../../api/queries/config/getConfig.es.js";
 import "../../api/queries/config/updateConfig.es.js";
 import "../../api/queries/entities/getEntity.es.js";
-import { useGetEntitiesDetailsPanelQuery as vt } from "../../api/queries/entities/getEntityPanel.es.js";
-import { detailsPanelEntityTypes as wt } from "../../api/queries/entities/transformDetailsPanelData.es.js";
+import { useGetEntitiesDetailsPanelQuery as Ct } from "../../api/queries/entities/getEntityPanel.es.js";
+import { detailsPanelEntityTypes as Ft } from "../../api/queries/entities/transformDetailsPanelData.es.js";
 import "../../api/queries/entities/updateEntity.es.js";
 import "../../api/queries/entityLists/getLists.es.js";
 import "../../api/queries/entityLists/updateLists.es.js";
@@ -102,15 +102,11 @@ import "../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
 import "../../components/AccessSearchInput/AccessSearchInput.styled.es.js";
 import "../../components/AccessUser/AccessUser.es.js";
 import "clsx";
-import "lodash";
-import "../../components/AttributeEditor/components/MinMaxField.es.js";
-import "react-dom";
-import "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "../../components/EnumEditor/EnumEditor.styled.es.js";
+import "../../components/AttributeEditor/AttributeEditor.es.js";
 import "../../components/AttributeEditor/attributeTypeMap.es.js";
 import "../../components/Badge/Badge.es.js";
 import "../../components/Chips/Chips.es.js";
+import "react-dom";
 import "date-fns";
 import "../../components/DateRangePicker/DateRangePicker.styled.es.js";
 import "../../components/LinksManager/CellEditingDialog.es.js";
@@ -119,17 +115,53 @@ import "../../../../_virtual/index.es.js";
 import "../../../../node_modules/refractor/lib/common.es.js";
 import "../../../../node_modules/refractor/lib/all.es.js";
 /* empty css                                                                              */
+import "lodash";
 import "uuid";
-import { extractEntityHierarchyFromParents as Ct } from "../../util/extractEntityHierarchyFromParents.es.js";
+import { extractEntityHierarchyFromParents as Lt } from "../../util/extractEntityHierarchyFromParents.es.js";
 import "../../util/pubsub.es.js";
 import "../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
-import { DetailsPanelDetails as Ft } from "../../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
+import { DetailsPanelDetails as Ut } from "../../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
+import "react-quill-ayon";
+import "../../components/DetailsPanelDetails/BorderedSection.es.js";
+import "../../components/QuillListStyles/QuillListStyles.es.js";
+import "../../components/DetailsPanelDetails/DescriptionSection.styles.es.js";
+import "react-markdown";
+import "remark-gfm";
+import "rehype-raw";
+import "../Feed/components/CommentInput/quillToMarkdown.es.js";
+import "../../components/DetailsPanelDetails/hooks/useMentionSystem.es.js";
+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 "../../context/PowerpackContextInstance.es.js";
+import "../../context/SubtasksModulesContextInstance.es.js";
+import { ThumbnailUploadProvider as Ht } from "../../context/ThumbnailUploaderContext.es.js";
+import "../../context/SettingsPanelContext.es.js";
+import { usePiPWindow as Mt } from "../../context/pip/PiPProvider.es.js";
+import "../../context/pip/PiPWrapper.es.js";
+import "../../context/AddonProjectContext.es.js";
+import "../../context/AddonContext.es.js";
+import "../../context/MoveEntityContext.es.js";
+import "../../context/MenuContext.es.js";
+import "../../context/WebsocketContext.es.js";
+import "../../context/GlobalContext.es.js";
+import { ProjectContextProvider as At } from "../../context/ProjectContext.es.js";
+import "../../context/ProjectFoldersContext.es.js";
+import { useURIContext as Bt } from "../../context/UriContext.es.js";
+import "react-redux";
+import "custom-protocol-check";
+import "../ProjectTreeTable/components/GroupSettingsFallback.es.js";
 import "../../components/DetailsPanelDetails/DetailsSection.es.js";
 import "../../components/DetailsPanelDetails/FieldLabel.es.js";
 import "../../components/DoneCheckbox/DoneCheckbox.es.js";
 import "../../components/EarlyPreview/EarlyPreview.es.js";
 import "../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
 import "../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
+import "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "../../components/EnumEditor/EnumEditor.styled.es.js";
 import "../ContextMenu/ContextMenuContext.es.js";
 /* empty css                                 */
 import "../Feed/context/FeedContext.es.js";
@@ -137,35 +169,15 @@ import "../Feed/components/Tooltips/UserTooltipItem.es.js";
 import "../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
 import "../Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.es.js";
 import "../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
-import "../../context/RemoteModulesContext.es.js";
-import { useDetailsPanelContext as Y, useScopedDetailsPanel as St } from "../../context/DetailsPanelContext.es.js";
-import "../../context/SubtasksModulesContext.es.js";
-import "../../context/ThumbnailUploaderContext.es.js";
-import "../../context/SettingsPanelContext.es.js";
-import { usePiPWindow as It } from "../../context/pip/PiPProvider.es.js";
-import "../../context/pip/PiPWrapper.es.js";
-import "../../context/AddonProjectContext.es.js";
-import "../../context/AddonContext.es.js";
-import "../../context/PowerpackContext.es.js";
-import "../../context/MoveEntityContext.es.js";
-import "../../context/MenuContext.es.js";
-import "../../context/WebsocketContext.es.js";
-import "../../context/GlobalContext.es.js";
-import { ProjectContextProvider as Lt } from "../../context/ProjectContext.es.js";
-import "../../context/ProjectFoldersContext.es.js";
-import { useURIContext as Rt } from "../../context/UriContext.es.js";
 import "../Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
 import "../Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
-import "react-markdown";
 import "remark-emoji";
-import "remark-gfm";
 import "remark-directive";
 import "remark-directive-rehype";
 import "../Feed/components/CommentInput/CommentInput.es.js";
 import "../Feed/components/ReactionContainer/Reactions.styled.es.js";
 import "../Feed/components/FilesGrid/FilesGrid.styled.es.js";
 import "../Feed/components/FileUploadCard/FileUploadCard.styled.es.js";
-import "../Feed/components/CommentInput/quillToMarkdown.es.js";
 import "../Feed/components/ActivityComment/ActivityComment.styled.es.js";
 import "../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
 import "../Feed/components/ActivityReference/ActivityReference.styled.es.js";
@@ -174,7 +186,6 @@ import "../Feed/components/ActivityStatus/ActivityStatus.es.js";
 import "../Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
 import "../Feed/components/ActivityDate.es.js";
 import "../Feed/components/ActivityCategorySelect/CategoryTag.es.js";
-import "rehype-raw";
 import "../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.es.js";
 import "../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
 import "../Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
@@ -190,6 +201,7 @@ import "../ProjectTreeTable/widgets/DateWidget.es.js";
 import "../ProjectTreeTable/widgets/EnumWidget.es.js";
 import "../ProjectTreeTable/widgets/EnumCellValue.es.js";
 import "../ProjectTreeTable/widgets/TextWidget.es.js";
+import "../ProjectTreeTable/widgets/MarkdownWidget.es.js";
 import "../ProjectTreeTable/widgets/BooleanWidget.es.js";
 import "../ProjectTreeTable/widgets/CellWidget.es.js";
 import "../ProjectTreeTable/widgets/EntityNameWidget.es.js";
@@ -210,51 +222,48 @@ import "../ProjectTreeTable/context/ClipboardContext.es.js";
 import "../ProjectTreeTable/context/ColumnSettingsContext.es.js";
 import "../ProjectTreeTable/components/DeleteConfirmContent.es.js";
 import "../ProjectTreeTable/context/ProjectDataContext.es.js";
-import "../../../../_virtual/runtime.es.js";
-import "../../../../_virtual/semver.es.js";
-import "react-redux";
-import "custom-protocol-check";
-import "../ProjectTreeTable/components/GroupSettingsFallback.es.js";
 import "../ProjectTreeTable/ProjectTreeTable.styled.es.js";
 import "../ProjectTreeTable/components/SelectionCell.es.js";
 import "../ProjectTreeTable/components/RowSelectionHeader.es.js";
 import "../ProjectTreeTable/widgets/LoadMoreWidget.es.js";
 import "../ProjectTreeTable/components/HeaderActionButton.es.js";
-import "../ProjectTreeTable/components/ColumnHeaderMenu.es.js";
 import "../EntityPickerDialog/EntityPickerDialog.es.js";
 import "../Slicer/components/Slicer.es.js";
 import "../Slicer/context/SlicerContext.es.js";
 import "../Slicer/hooks/useTableDataBySlice.es.js";
-import Ut from "./components/DetailsPanelHeader/DetailsPanelHeader.es.js";
-import Wt from "./components/DetailsPanelFiles/DetailsPanelFiles.es.js";
-import Ht from "./hooks/useGetEntityPath.es.js";
-import At from "./helpers/getAllProjectsStatuses.es.js";
-import Gt from "./containers/FeedWrapper.es.js";
-import Ot from "./containers/FeedContextWrapper.es.js";
-import Vt from "./helpers/mergeProjectInfo.es.js";
-import _t from "./containers/DetailsPanelSubtasks.es.js";
+import Gt from "./components/DetailsPanelHeader/DetailsPanelHeader.es.js";
+import Ot from "./components/DetailsPanelFiles/DetailsPanelFiles.es.js";
+import { DetailsPanelMoreMenu as Vt } from "./components/DetailsPanelMoreMenu/DetailsPanelMoreMenu.es.js";
+import Qt from "./hooks/useGetEntityPath.es.js";
+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 "./components/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
 import "./components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
 import "./components/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
 import "../Actions/Actions.styled.es.js";
 import "../Actions/ActionsDropdown/ActionsDropdown.es.js";
 import "../Actions/ActionIcon.es.js";
-import "../Views/context/ViewsContext.es.js";
+import "../Views/ViewsMenu/ViewsMenu.es.js";
+import "../Views/context/ViewsContextInstance.es.js";
 import "../Views/Views.styled.es.js";
 import "../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
-import "../Views/ViewsMenu/ViewsMenu.es.js";
+import "../ListTable/ListTableRow.es.js";
+import "../ListTable/ListTable.styled.es.js";
 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 Mt } from "../../components/EntityPath/EntityPath.es.js";
+import { EntityPath as Jt } from "../../components/EntityPath/EntityPath.es.js";
 import "../../components/FeaturedVersionOrder/FeaturedVersionOrder.es.js";
-import "../../components/Feedback/FeedbackContext.es.js";
+import "../../components/Feedback/FeedbackContextInstance.es.js";
 import "../../components/Feedback/SupportBubble.es.js";
 import "../../components/FileThumbnail/FileThumbnail.es.js";
 import "../../components/LegacyBadge/LegacyBadge.es.js";
 import "../../components/Powerpack/PowerpackButton.es.js";
-import "../../components/Powerpack/PricingLink.es.js";
+import "../../components/Powerpack/FreeTrialLink.es.js";
 import "../../components/Powerpack/PowerpackDialog.styled.es.js";
 import "../../components/Powerpack/CTAButton.es.js";
 import "../../components/Powerpack/RequiredAddonVersion.es.js";
@@ -273,301 +282,343 @@ 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 Qt } from "../../components/Watchers/Watchers.es.js";
+import { Watchers as Yt } 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";
-const qt = ["product", "representation"], Bt = ({
-  entityType: x,
+import "../../components/ColumnHeaderMenuUI.es.js";
+const Zt = ["product", "representation"], $t = ({
+  entityType: b,
   entitySubTypes: P = [],
   // entities is data we already have from kanban
-  entitiesData: N = [],
+  entitiesData: x = [],
   // entityIds are used to get the full details data for the entities
-  entities: n = [],
-  tagsOptions: Z = [],
-  disabledStatuses: $,
-  projectUsers: w,
-  disabledProjectUsers: tt,
-  activeProjectUsers: C,
-  projectsInfo: j = {},
-  projectNames: it = [],
-  isSlideOut: f = !1,
-  style: Kt = {},
-  scope: a,
-  isCompact: rt = !1,
-  onClose: b,
-  onWatchersUpdate: F,
-  onOpenViewer: ot,
-  onEntityFocus: et,
-  onOpen: S,
-  onUriOpen: I,
+  entities: d = [],
+  tagsOptions: it = [],
+  disabledStatuses: rt,
+  projectUsers: R,
+  disabledProjectUsers: ot,
+  activeProjectUsers: S,
+  projectsInfo: g = {},
+  projectNames: et = [],
+  isSlideOut: h = !1,
+  style: ti = {},
+  scope: u,
+  isCompact: pt = !1,
+  onClose: N,
+  onWatchersUpdate: C,
+  onOpenViewer: F,
+  onEntityFocus: mt,
+  onOpen: L,
+  onUriOpen: U,
   // when the details panel is opened from uri
   // annotations
-  annotations: L,
-  removeAnnotation: R,
-  exportAnnotationComposite: U,
-  entityListId: W,
-  guestCategories: mt = {}
+  annotations: W,
+  removeAnnotation: H,
+  exportAnnotationComposite: M,
+  entityListId: A,
+  guestCategories: st = {},
+  entityListsContext: nt
 }) => {
   const {
-    closeSlideOut: H,
-    openPip: pt,
-    user: A,
-    isGuest: st,
+    closeSlideOut: B,
+    openPip: at,
+    user: G,
+    isGuest: lt,
     entities: e,
-    setEntities: D,
-    slideOut: G,
-    useSearchParams: nt,
-    SubtasksManager: O,
-    useNavigate: at
-  } = Y(), { currentTab: p, setTab: y, isFeed: ct } = St(a), [Xt, lt] = nt(), V = xt(!1), r = e?.entityType ?? x, _ = e?.entities ?? n, ut = e?.entitySubTypes ?? P, dt = e?.entities ? [] : N, c = e?.entities ? e.entities.map((t) => t.projectName) : it;
-  s(() => {
-    S && !V.current && (V.current = !0, S());
-  }, []), s(() => {
-    qt.includes(r) && p !== "details" && y("details");
-  }, [r, p, y]), s(() => {
-    n.length && e && D(null);
-  }, [n, e, D]);
-  const g = J(
-    () => Vt(j, c),
-    [j, c]
-  ), M = J(
+    setEntities: k,
+    slideOut: O,
+    useSearchParams: ct,
+    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;
+  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(g, f),
+    [g, f]
+  ), K = I(
     () => ({
-      task: g.taskTypes.filter((t) => !!t.icon).reduce((t, i) => ({ ...t, [i.name]: i.icon }), {}),
-      folder: g.folderTypes.filter((t) => !!t.icon).reduce((t, i) => ({ ...t, [i.name]: i.icon }), {}),
-      product: g.productTypes.filter((t) => !!t.icon).reduce((t, i) => ({ ...t, [i.name]: i.icon }), {})
+      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 }), {})
     }),
-    [g]
+    [E]
   );
-  s(() => {
-    p === "files" && r !== "version" && y("feed"), p === "subtasks" && r !== "task" && y("feed");
-  }, [r, p, a]);
-  let l = _.length ? _.map((t) => ({ id: t.id, projectName: t.projectName })) : (
+  c(() => {
+    a === "files" && r !== "version" && j("feed"), a === "subtasks" && r !== "task" && j("feed");
+  }, [r, 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
-    dt.map((t) => ({ id: t.id, projectName: t.projectName }))
+    ht.map((t) => ({ id: t.id, projectName: t.projectName }))
   );
   l = l.filter((t) => t.id);
   const {
-    data: m = [],
-    isFetching: u,
-    isError: ft,
-    originalArgs: yt
-  } = vt(
+    data: p = [],
+    isFetching: y,
+    isError: jt,
+    originalArgs: Pt
+  } = Ct(
     { entityType: r, entities: l },
     {
-      skip: !l.length || !wt.includes(r)
+      skip: !l.length || !Ft.includes(r)
     }
   );
-  s(() => {
-    f || H();
-  }, [yt, f]), s(() => {
-    if (!u && e?.source && ["uri", "url"].includes(e.source) && e?.entities?.length && I) {
-      const t = m.find(
+  c(() => {
+    h || B();
+  }, [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
       );
       if (!t) return;
-      I(t);
+      U(t, e.source);
     }
-  }, [m, u]);
-  const Q = At(j), d = c[0], q = j[d] || {}, E = m[0] || {}, T = m[m.length - 1], k = c[c.length - 1], [B, ht] = Ht({
-    entity: E,
+  }, [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({
+    entity: m,
     entityType: r,
-    projectName: d,
-    isLoading: u
-  }), { setEntityUri: Pt, setUri: jt } = Rt();
-  s(() => {
-    if (!T?.parents || !k) return;
-    const { folderPath: t, taskName: i, versionName: h, productName: X } = Ct(
+    projectName: n,
+    isLoading: y
+  }), { setEntityUri: Et, setUri: Tt } = Bt();
+  c(() => {
+    if (!T?.parents || !v) return;
+    const { folderPath: t, taskName: i, versionName: s, productName: $ } = Lt(
       T.parents,
       r,
       T.name
     );
-    return Pt({
-      projectName: k,
+    return Et({
+      projectName: v,
       folderPath: t,
       taskName: i,
-      productName: X,
-      versionName: h
+      productName: $,
+      versionName: s
     }), () => {
-      jt("");
+      Tt("");
     };
-  }, [m, c, r]), Nt({
+  }, [p, f, r]), wt({
     entityData: T,
-    project: k,
+    project: v,
     activeEntityType: r,
     entitiesToQuery: l
   });
-  const gt = () => {
-    lt(
+  const bt = () => {
+    ft(
       (t) => {
         const i = new URLSearchParams(t);
         return i.delete("project"), i.delete("type"), i.delete("id"), i;
       },
       { replace: !0 }
     );
-  }, v = () => {
-    b?.(), D(null), gt(), H();
+  }, D = () => {
+    N?.(), k(null), bt(), B();
   };
-  s(() => {
+  c(() => {
     const t = (i) => {
-      if (i.key === "Escape" && b) {
-        const h = i.target;
-        if (["INPUT", "TEXTAREA", "SELECT"].includes(h.tagName) || h.isContentEditable || f === !1 && (h.closest("#viewer-dialog") || G)) return;
-        v();
+      if (i.key === "Escape" && N) {
+        const s = i.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);
-  }, [v, f, G]);
-  const { requestPipWindow: Et } = It(), Tt = () => {
-    pt({
+  }, [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) {
+      case "folder":
+      case "task":
+      case "product":
+        s.push(i.at(-1), t);
+        break;
+      case "version":
+        s.push(i.at(-2), i.at(-1), t);
+        break;
+      case "representation":
+        s.push(i.at(-3), i.at(-2), i.at(-1), t);
+        break;
+      default:
+        s.push(t);
+    }
+    return s.filter(Boolean).join(" - ");
+  }, [m, r, n]), vt = () => {
+    at({
       entityType: r,
       entities: l,
-      scope: a
-    }), Et(500, 500);
-  }, K = () => !(c.length > 1 || st && (!W || !Object.prototype.hasOwnProperty.call(
-    mt,
-    A.attrib?.email || ""
+      scope: u
+    }), xt(500, 500);
+  }, Z = () => !(f.length > 1 || lt && (!A || !Object.prototype.hasOwnProperty.call(
+    st,
+    G.attrib?.email || ""
   )));
-  return /* @__PURE__ */ o.jsx(o.Fragment, { children: /* @__PURE__ */ o.jsxs(bt, { className: "details-panel", children: [
-    /* @__PURE__ */ o.jsxs(Dt, { children: [
-      /* @__PURE__ */ o.jsx(
-        Mt,
-        {
-          segments: B,
-          versions: ht,
-          projectName: d,
-          hideProjectName: f,
-          isLoading: u || !B.length,
-          entityType: r,
-          scope: a,
-          entityTypeIcons: M
-        }
-      ),
-      /* @__PURE__ */ o.jsxs(kt, { className: "right-tools", children: [
+  return /* @__PURE__ */ o.jsx(
+    Ht,
+    {
+      thumbnailInputRef: J,
+      versionsInputRef: Y,
+      canUploadVersion: Nt,
+      children: /* @__PURE__ */ o.jsxs(It, { className: "details-panel", children: [
+        /* @__PURE__ */ o.jsxs(Rt, { children: [
+          /* @__PURE__ */ o.jsx(
+            Jt,
+            {
+              segments: z,
+              versions: gt,
+              projectName: n,
+              hideProjectName: h,
+              isLoading: y || !z.length,
+              entityType: r,
+              scope: u,
+              entityTypeIcons: K
+            }
+          ),
+          /* @__PURE__ */ o.jsxs(St, { className: "right-tools", children: [
+            /* @__PURE__ */ o.jsx(
+              Vt,
+              {
+                entityType: r,
+                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,
+                  hasReviewables: !!t.hasReviewables
+                })),
+                entityListsContext: nt,
+                onOpenPip: vt,
+                onOpenViewer: F,
+                productId: m?.product?.id,
+                taskId: m?.task?.id,
+                folderId: m?.folder?.id
+              }
+            ),
+            /* @__PURE__ */ o.jsx(
+              Yt,
+              {
+                entities: l,
+                entityType: r,
+                options: R || [],
+                onWatchersUpdate: C && C,
+                userName: G.name
+              }
+            ),
+            N && /* @__PURE__ */ o.jsx(
+              Dt,
+              {
+                icon: "close",
+                variant: "text",
+                onClick: D,
+                "data-shortcut": "Escape"
+              }
+            )
+          ] })
+        ] }),
         /* @__PURE__ */ o.jsx(
-          Qt,
+          Gt,
           {
-            entities: l,
             entityType: r,
-            options: w || [],
-            onWatchersUpdate: F && F,
-            userName: A.name
+            entitySubTypes: yt,
+            entities: p,
+            users: R,
+            disabledAssignees: ot,
+            disabledStatuses: rt,
+            tagsOptions: it,
+            isFetching: y,
+            isCompact: pt,
+            currentTab: a,
+            onTabChange: j,
+            entityTypeIcons: K,
+            onOpenViewer: (t) => F?.(t),
+            onEntityFocus: mt,
+            thumbnailInputRef: J,
+            versionsInputRef: Y
           }
         ),
-        /* @__PURE__ */ o.jsx(
-          z,
-          {
-            icon: "picture_in_picture",
-            variant: "text",
-            "data-tooltip": "Picture in Picture",
-            onClick: Tt
-          }
-        ),
-        b && /* @__PURE__ */ o.jsx(
-          z,
-          {
-            icon: "close",
-            variant: "text",
-            onClick: v,
-            "data-shortcut": "Escape"
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ o.jsx(
-      Ut,
-      {
-        entityType: r,
-        entitySubTypes: ut,
-        entities: m,
-        users: w,
-        disabledAssignees: tt,
-        disabledStatuses: $,
-        tagsOptions: Z,
-        isFetching: u,
-        isCompact: rt,
-        currentTab: p,
-        onTabChange: y,
-        entityTypeIcons: M,
-        onOpenViewer: (t) => ot?.(t),
-        onEntityFocus: et
-      }
-    ),
-    /* @__PURE__ */ o.jsxs(Lt, { projectName: d, children: [
-      ct && !ft && /* @__PURE__ */ o.jsx(
-        Gt,
-        {
-          entityType: r,
-          entities: m,
-          activeUsers: C || [],
-          projectInfo: q,
-          projectName: d,
-          disabled: !K(),
-          scope: a,
-          statuses: Q,
-          readOnly: !1,
-          entityListId: W,
-          annotations: L,
-          removeAnnotation: R,
-          exportAnnotationComposite: U,
-          isSlideOut: f
-        }
-      ),
-      p === "subtasks" && r === "task" && E?.id && O && /* @__PURE__ */ o.jsx(
-        _t,
-        {
-          projectName: d,
-          taskId: E.id,
-          subtasks: E.task?.subtasks || [],
-          SubtasksManager: O,
-          useNavigate: at,
-          onNotFound: () => y("feed")
-        }
-      ),
-      p === "files" && /* @__PURE__ */ o.jsx(
-        Wt,
-        {
-          entities: m,
-          scope: a,
-          isLoadingVersion: u
-        }
-      ),
-      p === "details" && /* @__PURE__ */ o.jsx(
-        Ot,
-        {
-          entityType: r,
-          entities: m,
-          activeUsers: C || [],
-          projectInfo: q,
-          projectName: d,
-          disabled: !K(),
-          scope: a,
-          statuses: Q,
-          readOnly: !1,
-          annotations: L,
-          removeAnnotation: R,
-          exportAnnotationComposite: U,
-          children: /* @__PURE__ */ o.jsx(
-            Ft,
+        /* @__PURE__ */ o.jsxs(At, { projectName: n, children: [
+          ut && !jt && /* @__PURE__ */ o.jsx(
+            Kt,
             {
-              entities: m,
-              isLoading: u
+              entityType: r,
+              entities: p,
+              activeUsers: S || [],
+              projectInfo: _,
+              projectName: n,
+              disabled: !Z(),
+              scope: u,
+              statuses: X,
+              readOnly: !1,
+              entityListId: A,
+              annotations: W,
+              removeAnnotation: H,
+              exportAnnotationComposite: M,
+              isSlideOut: h
+            }
+          ),
+          a === "subtasks" && r === "task" && m?.id && V && /* @__PURE__ */ o.jsx(
+            zt,
+            {
+              projectName: n,
+              taskId: m.id,
+              subtasks: m.task?.subtasks || [],
+              SubtasksManager: V,
+              useNavigate: dt,
+              onNotFound: () => j("feed")
+            }
+          ),
+          a === "files" && /* @__PURE__ */ o.jsx(
+            Ot,
+            {
+              entities: p,
+              scope: u,
+              isLoadingVersion: y
+            }
+          ),
+          a === "details" && /* @__PURE__ */ o.jsx(
+            Xt,
+            {
+              entityType: r,
+              entities: p,
+              activeUsers: S || [],
+              projectInfo: _,
+              projectName: n,
+              disabled: !Z(),
+              scope: u,
+              statuses: X,
+              readOnly: !1,
+              annotations: W,
+              removeAnnotation: H,
+              exportAnnotationComposite: M,
+              children: /* @__PURE__ */ o.jsx(
+                Ut,
+                {
+                  entities: p,
+                  isLoading: y
+                }
+              )
             }
           )
-        }
-      )
-    ] })
-  ] }) });
-}, mp = ({
-  isOpen: x,
+        ] })
+      ] })
+    }
+  );
+}, bm = ({
+  isOpen: b,
   entityType: P,
-  ...N
+  ...x
 }) => {
-  const { entities: n } = Y();
-  return !x && !n || !P && !n ? null : /* @__PURE__ */ o.jsx(Bt, { ...N, entityType: P || n?.entityType });
+  const { entities: d } = tt();
+  return !b && !d || !P && !d ? null : /* @__PURE__ */ o.jsx($t, { ...x, entityType: P || d?.entityType });
 };
 export {
-  mp as DetailsPanel,
-  qt as entitiesWithoutFeed
+  bm as DetailsPanel,
+  Zt as entitiesWithoutFeed
 };
 //# sourceMappingURL=DetailsPanel.es.js.map