@ynput/ayon-frontend-shared 0.2.37 → 0.2.38

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

@@ -1,6 +1,6 @@
 import { j as i } from "../../../../_virtual/jsx-runtime.es.js";
 import { Button as G } from "@ynput/ayon-react-components";
-import { useRef as pt, useEffect as y, useMemo as H } from "react";
+import { useRef as pt, useEffect as u, useMemo as H } from "react";
 import { Panel as et, Toolbar as st, RightTools as nt } from "./DetailsPanel.styled.es.js";
 import "../../api/base/client.es.js";
 import "../../api/generated/graphql.es.js";
@@ -85,28 +85,36 @@ import "../../api/queries/versions/updateVersions.es.js";
 import "../../api/queries/views/getViews.es.js";
 import "../../api/queries/views/updateViews.es.js";
 import "../../api/queries/watchers/getWatchers.es.js";
+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 "../../components/ThumbnailSimple/ThumbnailSimple.es.js";
-import "../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
-import "../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
-import "react-toastify";
+import "lodash";
+import "../../components/AttributeEditor/components/MinMaxField.es.js";
+import "react-dom";
 import "@dnd-kit/core";
 import "@dnd-kit/sortable";
-import "../../components/ReviewablesList/ReviewablesList.styled.es.js";
+import "../../components/EnumEditor/EnumEditor.styled.es.js";
+import "../../components/Badge/Badge.es.js";
+import "../../components/Chips/Chips.es.js";
+import "react-toastify";
+import "../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
+import { DetailsPanelDetails as ct } from "../../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
+import "../../components/DetailsPanelDetails/DetailsSection.es.js";
+import "../../components/DetailsPanelDetails/FieldLabel.es.js";
+import "../../components/EarlyPreview/EarlyPreview.es.js";
+import "../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
+import "../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
 import "../ContextMenu/ContextMenuContext.es.js";
 /* empty css                                 */
-import ct from "../../util/productTypes.es.js";
-import "lodash";
-import "uuid";
-import "../../util/pubsub.es.js";
-import "../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
-import "axios";
+import "../Feed/context/FeedContext.es.js";
+import "../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
+import "../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
 import "../../context/RemoteModulesContext.es.js";
 import { useDetailsPanelContext as dt, useScopedDetailsPanel as ft } from "../../context/DetailsPanelContext.es.js";
 import "../../context/ThumbnailUploaderContext.es.js";
 import "../../context/SettingsPanelContext.es.js";
 import { usePiPWindow as ut } from "../../context/pip/PiPProvider.es.js";
-import "react-dom";
 import "../../context/pip/PiPWrapper.es.js";
 import "../../context/AddonProjectContext.es.js";
 import "../../context/AddonContext.es.js";
@@ -115,14 +123,7 @@ import "../../context/MoveEntityContext.es.js";
 import "../../context/MenuContext.es.js";
 import "../../context/WebsocketContext.es.js";
 import "../../context/GlobalContext.es.js";
-import "../../components/ReviewableCard/ReviewableCard.es.js";
-import "../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
-import "../../components/FileThumbnail/FileThumbnail.es.js";
-import "../../components/Thumbnail/Thumbnail.styled.es.js";
-import "../../components/Thumbnail/StackedThumbnails.es.js";
-import "../Feed/context/FeedContext.es.js";
-import "../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
-import "../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
+import { ProjectContextProvider as yt } from "../../context/ProjectContext.es.js";
 import "../Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
 import "../Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
 import "react-markdown";
@@ -138,6 +139,8 @@ 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";
+import "uuid";
+import "../../util/pubsub.es.js";
 import "react-router-dom";
 import "../Feed/components/ActivityStatus/ActivityStatus.es.js";
 import "../Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
@@ -187,13 +190,13 @@ import "custom-protocol-check";
 import "../ProjectTreeTable/components/GroupSettingsFallback.es.js";
 import "../ProjectTreeTable/components/HeaderActionButton.es.js";
 import "../ProjectTreeTable/components/ColumnHeaderMenu.es.js";
-import yt from "./DetailsPanelHeader/DetailsPanelHeader.es.js";
-import gt from "./DetailsPanelFiles/DetailsPanelFiles.es.js";
-import ht from "./hooks/useGetEntityPath.es.js";
-import Tt from "./helpers/getAllProjectsStatuses.es.js";
-import Pt from "./FeedWrapper.es.js";
-import jt from "./FeedContextWrapper.es.js";
-import Et from "./helpers/mergeProjectInfo.es.js";
+import gt from "./DetailsPanelHeader/DetailsPanelHeader.es.js";
+import ht from "./DetailsPanelFiles/DetailsPanelFiles.es.js";
+import Pt from "./hooks/useGetEntityPath.es.js";
+import jt from "./helpers/getAllProjectsStatuses.es.js";
+import Tt from "./FeedWrapper.es.js";
+import Et from "./FeedContextWrapper.es.js";
+import xt from "./helpers/mergeProjectInfo.es.js";
 import "./DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
 import "./DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
 import "./DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
@@ -205,44 +208,41 @@ import "../Views/Views.styled.es.js";
 import "../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
 import "../Views/ViewsMenu/ViewsMenu.es.js";
 import "../../components/EntityPanelUploader/EntityPanelUploader.styled.es.js";
-import "../../components/SimpleFormDialog/SimpleFormDialog.es.js";
+import "axios";
+import "../../components/ReviewablesList/ReviewablesList.styled.es.js";
+import "../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
 import { EntityPath as bt } from "../../components/EntityPath/EntityPath.es.js";
-import "../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
-import { DetailsPanelDetails as xt } from "../../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
-import "../../components/DetailsPanelDetails/DetailsSection.es.js";
-import "../../components/DetailsPanelDetails/FieldLabel.es.js";
-import { Watchers as Dt } from "../../components/Watchers/Watchers.es.js";
-import "../../components/ProjectTableSettings/ProjectTableSettings.es.js";
+import "../../components/FeaturedVersionOrder/FeaturedVersionOrder.es.js";
+import "../../components/Feedback/FeedbackContext.es.js";
+import "../../components/Feedback/SupportBubble.es.js";
+import "../../components/FileThumbnail/FileThumbnail.es.js";
+import "../../components/LegacyBadge/LegacyBadge.es.js";
+import "../EntityPickerDialog/EntityPickerDialog.es.js";
 import "../../components/Powerpack/PowerpackButton.es.js";
 import "../../components/Powerpack/PricingLink.es.js";
 import "../../components/Powerpack/PowerpackDialog.styled.es.js";
 import "../../components/Powerpack/CTAButton.es.js";
 import "../../components/Powerpack/RequiredAddonVersion.es.js";
+import "../../components/ProjectTableSettings/ProjectTableSettings.es.js";
 import "../../components/SizeSlider/SizeSlider.es.js";
+import "../../components/ReviewableCard/ReviewableCard.es.js";
+import "../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
+import "../../components/SearchFilter/filterDates.es.js";
 import "../../components/SettingsPanel/SettingsPanel.es.js";
 import "../../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
-import "../../components/AttributeEditor/components/MinMaxField.es.js";
-import "../../components/EnumEditor/EnumEditor.styled.es.js";
-import "../../components/SearchFilter/filterDates.es.js";
-import "../../components/FeaturedVersionOrder/FeaturedVersionOrder.es.js";
-import "../../components/Badge/Badge.es.js";
-import "../../components/VersionUploader/components/UploadVersionDialog.es.js";
-import "../../components/VersionUploader/context/VersionUploadContext.es.js";
-import "../../components/Feedback/FeedbackContext.es.js";
-import "../../components/Feedback/SupportBubble.es.js";
-import "../../components/Chips/Chips.es.js";
-import "../EntityPickerDialog/EntityPickerDialog.es.js";
-import "../../components/StyledLink/StyledLink.es.js";
 import "../../components/ShareOptionIcon/ShareOptionIcon.es.js";
-import "../../components/AccessUser/AccessUser.es.js";
-import "../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
-import "../../components/AccessSearchInput/AccessSearchInput.styled.es.js";
-import "../../components/TableGridSwitch/TableGridSwitch.es.js";
+import "../../components/SimpleFormDialog/SimpleFormDialog.es.js";
 import "../../components/SortingSetting/SortingSetting.styled.es.js";
-import "../../components/EarlyPreview/EarlyPreview.es.js";
-import "../../components/LegacyBadge/LegacyBadge.es.js";
-const vt = ["product", "representation"], rp = ({
-  entityType: j,
+import "../../components/StyledLink/StyledLink.es.js";
+import "../../components/TableGridSwitch/TableGridSwitch.es.js";
+import "../../components/Thumbnail/Thumbnail.styled.es.js";
+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 vt } from "../../components/Watchers/Watchers.es.js";
+const Dt = ["product", "representation"], rp = ({
+  entityType: T,
   entitySubTypes: Q = [],
   // entities is data we already have from kanban
   entitiesData: _ = [],
@@ -252,54 +252,50 @@ const vt = ["product", "representation"], rp = ({
   disabledStatuses: K,
   projectUsers: E,
   disabledProjectUsers: M,
-  activeProjectUsers: b,
-  projectsInfo: g = {},
-  projectNames: h = [],
-  isSlideOut: l = !1,
+  activeProjectUsers: x,
+  projectsInfo: y = {},
+  projectNames: g = [],
+  isSlideOut: c = !1,
   style: Nt = {},
   scope: e,
-  isCompact: O = !1,
+  isCompact: U = !1,
   onClose: s,
-  onWatchersUpdate: x,
-  onOpenViewer: T,
-  onEntityFocus: U,
-  onOpen: D,
+  onWatchersUpdate: b,
+  onOpenViewer: P,
+  onEntityFocus: X,
+  onOpen: v,
   // annotations
-  annotations: v,
+  annotations: D,
   removeAnnotation: N,
   exportAnnotationComposite: F,
   entityListId: w,
-  guestCategories: X = {}
-  // optional tab state for independent tab management
+  guestCategories: z = {}
 }) => {
   const {
-    closeSlideOut: z,
-    openPip: J,
+    closeSlideOut: J,
+    openPip: O,
     user: k,
     isGuest: Y,
     entities: m
-  } = dt(), { currentTab: p, setTab: c, isFeed: Z } = ft(e), C = pt(!1), r = (m == null ? void 0 : m.entityType) ?? j, L = (m == null ? void 0 : m.entities) ?? q, $ = (m == null ? void 0 : m.entitySubTypes) ?? Q;
-  y(() => {
-    D && !C.current && (C.current = !0, D());
-  }, []), y(() => {
-    vt.includes(r) && p !== "details" && c("details");
-  }, [r, p, c]);
-  const P = H(
-    () => Et(g, h),
-    [g, h]
+  } = dt(), { currentTab: p, setTab: d, isFeed: Z } = ft(e), C = pt(!1), r = (m == null ? void 0 : m.entityType) ?? T, L = (m == null ? void 0 : m.entities) ?? q, $ = (m == null ? void 0 : m.entitySubTypes) ?? Q;
+  u(() => {
+    v && !C.current && (C.current = !0, v());
+  }, []), u(() => {
+    Dt.includes(r) && p !== "details" && d("details");
+  }, [r, p, d]);
+  const h = H(
+    () => xt(y, g),
+    [y, g]
   ), W = H(
     () => ({
-      task: P.taskTypes.filter((t) => !!t.icon).reduce((t, o) => ({ ...t, [o.name]: o.icon }), {}),
-      folder: P.folderTypes.filter((t) => !!t.icon).reduce((t, o) => ({ ...t, [o.name]: o.icon }), {}),
-      product: Object.entries(ct).reduce(
-        (t, [o, u]) => ({ ...t, [o]: u.icon }),
-        {}
-      )
+      task: h.taskTypes.filter((t) => !!t.icon).reduce((t, o) => ({ ...t, [o.name]: o.icon }), {}),
+      folder: h.folderTypes.filter((t) => !!t.icon).reduce((t, o) => ({ ...t, [o.name]: o.icon }), {}),
+      product: h.productTypes.filter((t) => !!t.icon).reduce((t, o) => ({ ...t, [o.name]: o.icon }), {})
     }),
-    [P]
+    [h]
   );
-  y(() => {
-    p === "files" && r !== "version" && c("activity");
+  u(() => {
+    p === "files" && r !== "version" && d("activity");
   }, [r, p, e]);
   let n = L.length ? L.map((t) => ({ id: t.id, projectName: t.projectName })) : (
     // @ts-expect-error = not sure what's going on with entitiesData, we should try and remove it
@@ -308,7 +304,7 @@ const vt = ["product", "representation"], rp = ({
   n = n.filter((t) => t.id);
   const {
     data: a = [],
-    isFetching: d,
+    isFetching: f,
     isError: V,
     originalArgs: tt
   } = at(
@@ -317,35 +313,35 @@ const vt = ["product", "representation"], rp = ({
       skip: !n.length || !lt.includes(r)
     }
   );
-  y(() => {
-    l || z();
-  }, [tt, l]);
-  const I = Tt(g), f = h[0], S = g[f] || {}, it = a[0] || {}, [R, rt] = ht({
+  u(() => {
+    c || J();
+  }, [tt, c]);
+  const I = jt(y), l = g[0], S = y[l] || {}, it = a[0] || {}, [R, rt] = Pt({
     entity: it,
     entityType: r,
-    projectName: f,
-    isLoading: d
+    projectName: l,
+    isLoading: f
   });
-  y(() => {
+  u(() => {
     const t = (o) => {
       if (o.key === "Escape" && s) {
-        const u = o.target;
-        if (!(["INPUT", "TEXTAREA", "SELECT"].includes(u.tagName) || u.isContentEditable) || l === !1 && u.closest("#viewer-dialog")) return;
+        const j = o.target;
+        if (!(["INPUT", "TEXTAREA", "SELECT"].includes(j.tagName) || j.isContentEditable) || c === !1 && j.closest("#viewer-dialog")) return;
         s();
       }
     };
     return window.addEventListener("keydown", t), () => window.removeEventListener("keydown", t);
-  }, [s, l]);
+  }, [s, c]);
   const { requestPipWindow: ot } = ut(), mt = () => {
-    J({
+    O({
       entityType: r,
       entities: n,
       scope: e
     }), ot(500, 500);
   }, A = () => {
     var t;
-    return !(h.length > 1 || Y && (!w || !Object.prototype.hasOwnProperty.call(
-      X,
+    return !(g.length > 1 || Y && (!w || !Object.prototype.hasOwnProperty.call(
+      z,
       ((t = k.attrib) == null ? void 0 : t.email) || ""
     )));
   };
@@ -356,9 +352,9 @@ const vt = ["product", "representation"], rp = ({
         {
           segments: R,
           versions: rt,
-          projectName: f,
-          hideProjectName: l,
-          isLoading: d || !R.length,
+          projectName: l,
+          hideProjectName: c,
+          isLoading: f || !R.length,
           entityType: r,
           scope: e,
           entityTypeIcons: W
@@ -366,12 +362,12 @@ const vt = ["product", "representation"], rp = ({
       ),
       /* @__PURE__ */ i.jsxs(nt, { className: "right-tools", children: [
         /* @__PURE__ */ i.jsx(
-          Dt,
+          vt,
           {
             entities: n,
-            entityType: j,
+            entityType: T,
             options: E || [],
-            onWatchersUpdate: x && x,
+            onWatchersUpdate: b && b,
             userName: k.name
           }
         ),
@@ -396,7 +392,7 @@ const vt = ["product", "representation"], rp = ({
       ] })
     ] }),
     /* @__PURE__ */ i.jsx(
-      yt,
+      gt,
       {
         entityType: r,
         entitySubTypes: $,
@@ -405,71 +401,73 @@ const vt = ["product", "representation"], rp = ({
         disabledAssignees: M,
         disabledStatuses: K,
         tagsOptions: B,
-        isFetching: d,
-        isCompact: O,
+        isFetching: f,
+        isCompact: U,
         currentTab: p,
-        onTabChange: c,
+        onTabChange: d,
         entityTypeIcons: W,
-        onOpenViewer: (t) => T == null ? void 0 : T(t),
-        onEntityFocus: U
+        onOpenViewer: (t) => P == null ? void 0 : P(t),
+        onEntityFocus: X
       }
     ),
-    Z && !V && /* @__PURE__ */ i.jsx(
-      Pt,
-      {
-        entityType: r,
-        entities: a,
-        activeUsers: b || [],
-        projectInfo: S,
-        projectName: f,
-        disabled: !A(),
-        scope: e,
-        statuses: I,
-        readOnly: !1,
-        entityListId: w,
-        annotations: v,
-        removeAnnotation: N,
-        exportAnnotationComposite: F,
-        currentTab: p,
-        setCurrentTab: c
-      }
-    ),
-    p === "files" && /* @__PURE__ */ i.jsx(
-      gt,
-      {
-        entities: a,
-        scope: e,
-        isLoadingVersion: d
-      }
-    ),
-    p === "details" && /* @__PURE__ */ i.jsx(
-      jt,
-      {
-        entityType: r,
-        entities: a,
-        activeUsers: b || [],
-        projectInfo: S,
-        projectName: f,
-        disabled: !A(),
-        scope: e,
-        statuses: I,
-        readOnly: !1,
-        annotations: v,
-        removeAnnotation: N,
-        exportAnnotationComposite: F,
-        children: /* @__PURE__ */ i.jsx(
-          xt,
-          {
-            entities: a,
-            isLoading: d
-          }
-        )
-      }
-    )
+    /* @__PURE__ */ i.jsxs(yt, { projectName: l, children: [
+      Z && !V && /* @__PURE__ */ i.jsx(
+        Tt,
+        {
+          entityType: r,
+          entities: a,
+          activeUsers: x || [],
+          projectInfo: S,
+          projectName: l,
+          disabled: !A(),
+          scope: e,
+          statuses: I,
+          readOnly: !1,
+          entityListId: w,
+          annotations: D,
+          removeAnnotation: N,
+          exportAnnotationComposite: F,
+          currentTab: p,
+          setCurrentTab: d
+        }
+      ),
+      p === "files" && /* @__PURE__ */ i.jsx(
+        ht,
+        {
+          entities: a,
+          scope: e,
+          isLoadingVersion: f
+        }
+      ),
+      p === "details" && /* @__PURE__ */ i.jsx(
+        Et,
+        {
+          entityType: r,
+          entities: a,
+          activeUsers: x || [],
+          projectInfo: S,
+          projectName: l,
+          disabled: !A(),
+          scope: e,
+          statuses: I,
+          readOnly: !1,
+          annotations: D,
+          removeAnnotation: N,
+          exportAnnotationComposite: F,
+          children: /* @__PURE__ */ i.jsx(
+            ct,
+            {
+              entities: a,
+              isLoading: f
+            }
+          )
+        }
+      )
+    ] })
   ] }) });
 };
 export {
   rp as DetailsPanel,
-  vt as entitiesWithoutFeed
+  Dt as entitiesWithoutFeed
 };
 //# sourceMappingURL=DetailsPanel.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanel.es.js","sources":["../../../../../src/containers/DetailsPanel/DetailsPanel.tsx"],"sourcesContent":["import { Button } from '@ynput/ayon-react-components'\nimport React, { useEffect, useMemo, useRef } from 'react'\nimport * as Styled from './DetailsPanel.styled'\n\n// shared\nimport { useGetEntitiesDetailsPanelQuery, detailsPanelEntityTypes } from '@shared/api'\nimport type { ProjectModel, Tag, DetailsPanelEntityType } from '@shared/api'\nimport { DetailsPanelDetails, EntityPath, Watchers } from '@shared/components'\nimport { usePiPWindow } from '@shared/context/pip/PiPProvider'\nimport { productTypes } from '@shared/util'\nimport { useDetailsPanelContext, usePowerpack, useScopedDetailsPanel, DetailsPanelTab } from '@shared/context'\n\nimport DetailsPanelHeader from './DetailsPanelHeader/DetailsPanelHeader'\nimport DetailsPanelFiles from './DetailsPanelFiles'\nimport useGetEntityPath from './hooks/useGetEntityPath'\nimport getAllProjectStatuses from './helpers/getAllProjectsStatuses'\nimport FeedWrapper from './FeedWrapper'\nimport FeedContextWrapper from './FeedContextWrapper'\nimport mergeProjectInfo from './helpers/mergeProjectInfo'\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, ProjectModel>\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  // 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 tab state for independent tab management\n}\n\nexport const DetailsPanel = ({\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  // annotations\n  annotations,\n  removeAnnotation,\n  exportAnnotationComposite,\n  entityListId,\n  guestCategories = {},\n  // optional tab state for independent tab management\n}: DetailsPanelProps) => {\n  const {\n    closeSlideOut,\n    openPip,\n    user,\n    isGuest,\n    entities: contextEntities,\n  } = useDetailsPanelContext()\n  const { currentTab, setTab, isFeed } = useScopedDetailsPanel(scope)\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\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  // reduce projectsInfo to selected projects and into one\n  const projectInfo = useMemo(\n    () => mergeProjectInfo(projectsInfo, projectNames),\n    [projectsInfo, projectNames],\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: Object.entries(productTypes).reduce(\n        (acc, [key, product]) => ({ ...acc, [key]: product.icon }),\n        {},\n      ),\n    }),\n    [projectInfo],\n  )\n\n  // check if tab needs to be updated when entity type changes\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('activity')\n      }\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 entitiesData, we should try and remove it\n      entitiesData.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  // 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 = projectNames[0]\n  const firstProjectInfo = projectsInfo[firstProject] || {}\n  const firstEntityData = entityDetailsData[0] || {}\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  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')) return\n\n        onClose()\n      }\n    }\n\n    window.addEventListener('keydown', handleKeyDown)\n    return () => window.removeEventListener('keydown', handleKeyDown)\n  }, [onClose, isSlideOut])\n\n  const { requestPipWindow } = usePiPWindow()\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 (projectNames.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    <>\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            <Watchers\n              entities={entitiesToQuery}\n              entityType={entityType}\n              options={projectUsers || []}\n              onWatchersUpdate={onWatchersUpdate && onWatchersUpdate}\n              userName={user.name}\n            />\n            <Button\n              icon=\"picture_in_picture\"\n              variant={'text'}\n              data-tooltip=\"Picture in Picture\"\n              onClick={handleOpenPip}\n            />\n\n            {onClose && (\n              <Button\n                icon=\"close\"\n                variant={'text'}\n                onClick={() => onClose && onClose()}\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        />\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            currentTab={currentTab}\n            setCurrentTab={setTab}\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      </Styled.Panel>\n    </>\n  )\n}\n"],"names":["entitiesWithoutFeed","DetailsPanel","entityType","entitySubTypes","entitiesData","entities","tagsOptions","disabledStatuses","projectUsers","disabledProjectUsers","activeProjectUsers","projectsInfo","projectNames","isSlideOut","style","scope","isCompact","onClose","onWatchersUpdate","onOpenViewer","onEntityFocus","onOpen","annotations","removeAnnotation","exportAnnotationComposite","entityListId","guestCategories","closeSlideOut","openPip","user","isGuest","contextEntities","useDetailsPanelContext","currentTab","setTab","isFeed","useScopedDetailsPanel","hasCalledOnOpen","useRef","activeEntityType","activeEntities","activeEntitySubTypes","useEffect","projectInfo","useMemo","mergeProjectInfo","entityTypeIcons","task","acc","folder","productTypes","key","product","entitiesToQuery","entity","entityDetailsData","isFetchingEntitiesDetails","isError","originalArgs","useGetEntitiesDetailsPanelQuery","detailsPanelEntityTypes","allStatuses","getAllProjectStatuses","firstProject","firstProjectInfo","firstEntityData","entityPathSegments","entityPathVersions","useGetEntityPath","handleKeyDown","e","target","requestPipWindow","usePiPWindow","handleOpenPip","isCommentingEnabled","_a","jsxs","Styled.Panel","Styled.Toolbar","jsx","EntityPath","Styled.RightTools","Watchers","Button","DetailsPanelHeader","args","FeedWrapper","DetailsPanelFiles","FeedContextWrapper","DetailsPanelDetails"],"mappings":"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"}
+{"version":3,"file":"DetailsPanel.es.js","sources":["../../../../../src/containers/DetailsPanel/DetailsPanel.tsx"],"sourcesContent":["import { Button } from '@ynput/ayon-react-components'\nimport React, { useEffect, useMemo, useRef } from 'react'\nimport * as Styled from './DetailsPanel.styled'\n\n// shared\nimport { useGetEntitiesDetailsPanelQuery, detailsPanelEntityTypes } from '@shared/api'\nimport type { Tag, DetailsPanelEntityType } from '@shared/api'\nimport { DetailsPanelDetails, EntityPath, Watchers } from '@shared/components'\nimport { usePiPWindow } from '@shared/context/pip/PiPProvider'\nimport {\n  ProjectContextProvider,\n  ProjectModelWithProducts,\n  useDetailsPanelContext,\n  useScopedDetailsPanel,\n} from '@shared/context'\n\nimport DetailsPanelHeader from './DetailsPanelHeader/DetailsPanelHeader'\nimport DetailsPanelFiles from './DetailsPanelFiles'\nimport useGetEntityPath from './hooks/useGetEntityPath'\nimport getAllProjectStatuses from './helpers/getAllProjectsStatuses'\nimport FeedWrapper from './FeedWrapper'\nimport FeedContextWrapper from './FeedContextWrapper'\nimport mergeProjectInfo from './helpers/mergeProjectInfo'\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  // 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 tab state for independent tab management\n}\n\nexport const DetailsPanel = ({\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  // annotations\n  annotations,\n  removeAnnotation,\n  exportAnnotationComposite,\n  entityListId,\n  guestCategories = {},\n}: // optional tab state for independent tab management\nDetailsPanelProps) => {\n  const {\n    closeSlideOut,\n    openPip,\n    user,\n    isGuest,\n    entities: contextEntities,\n  } = useDetailsPanelContext()\n  const { currentTab, setTab, isFeed } = useScopedDetailsPanel(scope)\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\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  // reduce projectsInfo to selected projects and into one\n  const projectInfo = useMemo(\n    () => mergeProjectInfo(projectsInfo, projectNames),\n    [projectsInfo, projectNames],\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  // check if tab needs to be updated when entity type changes\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('activity')\n      }\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 entitiesData, we should try and remove it\n      entitiesData.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  // 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 = projectNames[0]\n  const firstProjectInfo = projectsInfo[firstProject] || {}\n  const firstEntityData = entityDetailsData[0] || {}\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  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')) return\n\n        onClose()\n      }\n    }\n\n    window.addEventListener('keydown', handleKeyDown)\n    return () => window.removeEventListener('keydown', handleKeyDown)\n  }, [onClose, isSlideOut])\n\n  const { requestPipWindow } = usePiPWindow()\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 (projectNames.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    <>\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            <Watchers\n              entities={entitiesToQuery}\n              entityType={entityType}\n              options={projectUsers || []}\n              onWatchersUpdate={onWatchersUpdate && onWatchersUpdate}\n              userName={user.name}\n            />\n            <Button\n              icon=\"picture_in_picture\"\n              variant={'text'}\n              data-tooltip=\"Picture in Picture\"\n              onClick={handleOpenPip}\n            />\n\n            {onClose && (\n              <Button\n                icon=\"close\"\n                variant={'text'}\n                onClick={() => onClose && onClose()}\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        />\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              currentTab={currentTab}\n              setCurrentTab={setTab}\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    </>\n  )\n}\n"],"names":["entitiesWithoutFeed","DetailsPanel","entityType","entitySubTypes","entitiesData","entities","tagsOptions","disabledStatuses","projectUsers","disabledProjectUsers","activeProjectUsers","projectsInfo","projectNames","isSlideOut","style","scope","isCompact","onClose","onWatchersUpdate","onOpenViewer","onEntityFocus","onOpen","annotations","removeAnnotation","exportAnnotationComposite","entityListId","guestCategories","closeSlideOut","openPip","user","isGuest","contextEntities","useDetailsPanelContext","currentTab","setTab","isFeed","useScopedDetailsPanel","hasCalledOnOpen","useRef","activeEntityType","activeEntities","activeEntitySubTypes","useEffect","projectInfo","useMemo","mergeProjectInfo","entityTypeIcons","task","acc","folder","product","entitiesToQuery","entity","entityDetailsData","isFetchingEntitiesDetails","isError","originalArgs","useGetEntitiesDetailsPanelQuery","detailsPanelEntityTypes","allStatuses","getAllProjectStatuses","firstProject","firstProjectInfo","firstEntityData","entityPathSegments","entityPathVersions","useGetEntityPath","handleKeyDown","e","target","requestPipWindow","usePiPWindow","handleOpenPip","isCommentingEnabled","_a","jsxs","Styled.Panel","Styled.Toolbar","jsx","EntityPath","Styled.RightTools","Watchers","Button","DetailsPanelHeader","args","ProjectContextProvider","FeedWrapper","DetailsPanelFiles","FeedContextWrapper","DetailsPanelDetails"],"mappings":"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"}