@dxos/plugin-navtree 0.8.4-main.c85a9c8dae → 0.8.4-main.d05673bc65

package/dist/lib/browser/{chunk-DQCYMXEU.mjs → chunk-JT37R5HS.mjs}

@@ -1,16 +1,88 @@
 import {
   NavTreeCapabilities
-} from "./chunk-X2HDG62A.mjs";
+} from "./chunk-KF26WA4O.mjs";
 import {
   meta
-} from "./chunk-YKTYPINZ.mjs";
+} from "./chunk-A4VDCIJC.mjs";
+
+// src/containers/NavTreeContainer/NavTreeContainer.tsx
+import { monitorForElements } from "@atlaskit/pragmatic-drag-and-drop/element/adapter";
+import { extractInstruction } from "@atlaskit/pragmatic-drag-and-drop-hitbox/tree-item";
+import React8, { forwardRef as forwardRef3, memo as memo4, useCallback as useCallback4, useEffect as useEffect2, useMemo as useMemo8, useRef as useRef2 } from "react";
+import { Surface, useOperationInvoker } from "@dxos/app-framework/ui";
+import { LayoutOperation } from "@dxos/app-toolkit";
+import { useAppGraph as useAppGraph6, useLayout } from "@dxos/app-toolkit/ui";
+import { Graph as Graph5, Node as Node6, useActionRunner as useActionRunner4 } from "@dxos/plugin-graph";
+import { useMediaQuery as useMediaQuery2, useSidebars } from "@dxos/react-ui";
+import { isTreeData } from "@dxos/react-ui-list";
+import { arrayMove as arrayMove2 } from "@dxos/util";
+
+// src/components/NavTree/NavTree.tsx
+import React7, { forwardRef as forwardRef2, useMemo as useMemo7 } from "react";
+import { useAppGraph as useAppGraph5 } from "@dxos/app-toolkit/ui";
+import { Node as Node5, useConnections as useConnections2, useActions as useGraphActions2 } from "@dxos/plugin-graph";
+import { Tabs as Tabs3 } from "@dxos/react-ui-tabs";
+import { byPosition } from "@dxos/util";
+
+// src/hooks/useActions.ts
+import { useMemo } from "react";
+import { useAppGraph } from "@dxos/app-toolkit/ui";
+import { Graph, Node, useActions as useGraphActions } from "@dxos/plugin-graph";
+var useActions = (node) => {
+  const { graph } = useAppGraph();
+  const actions = useGraphActions(graph, node.id);
+  return useMemo(() => {
+    return actions.reduce((acc, arg) => {
+      if (arg.properties.disposition === "item") {
+        return acc;
+      }
+      acc.actions.push(arg);
+      if (!Node.isAction(arg)) {
+        const actionGroup = Graph.getActions(graph, arg.id);
+        acc.groupedActions[arg.id] = actionGroup;
+      }
+      return acc;
+    }, {
+      actions: [],
+      groupedActions: {}
+    });
+  }, [
+    actions
+  ]);
+};
+
+// src/hooks/useLoadDescendents.ts
+import { useEffect } from "react";
+import { useAppGraph as useAppGraph2 } from "@dxos/app-toolkit/ui";
+import { Graph as Graph2 } from "@dxos/plugin-graph";
+var useLoadDescendents = (root) => {
+  const { graph } = useAppGraph2();
+  useEffect(() => {
+    if (!root) {
+      return;
+    }
+    Graph2.expand(graph, root.id, "child");
+  }, [
+    graph,
+    root
+  ]);
+};
+
+// src/hooks/useNavTreeModel.ts
+import { Atom } from "@effect-atom/atom-react";
+import * as Option from "effect/Option";
+import { useMemo as useMemo3 } from "react";
+import { useAppGraph as useAppGraph3 } from "@dxos/app-toolkit/ui";
+import { PLANK_COMPANION_TYPE } from "@dxos/plugin-deck/types";
+import { Path } from "@dxos/react-ui-list";
+import { mx } from "@dxos/ui-theme";
 
 // src/util.ts
-import { Graph, Node } from "@dxos/plugin-graph";
+import { Graph as Graph3, Node as Node2 } from "@dxos/plugin-graph";
 import { isNonNullable } from "@dxos/util";
 var getParent = (graph, node, path) => {
   const parentId = path[path.length - 2];
-  return Graph.getConnections(graph, node.id, Node.childRelation("inbound")).find((n) => n.id === parentId);
+  return Graph3.getConnections(graph, node.id, Node2.childRelation("inbound")).find((n) => n.id === parentId);
 };
 var getPersistenceParent = (graph, node, path, persistenceClass) => {
   if (node.properties.acceptPersistenceClass?.has(persistenceClass)) {
@@ -48,7 +120,7 @@ var sortActions = (actions) => actions.sort((a, b) => {
   return 1;
 });
 var getChildren = (graph, node, path = []) => {
-  return Graph.getConnections(graph, node.id, "child").map((n) => {
+  return Graph3.getConnections(graph, node.id, "child").map((n) => {
     const nextPath = [
       ...path,
       node.id
@@ -60,90 +132,20 @@ var filterItems = (node, disposition) => {
   if (!disposition && (node.properties.disposition === "hidden" || node.properties.disposition === "alternate-tree")) {
     return false;
   } else if (!disposition) {
-    const action = Node.isAction(node);
+    const action = Node2.isAction(node);
     return !action || node.properties.disposition === "item";
   } else {
     return node.properties.disposition === disposition;
   }
 };
 var l0ItemType = (item) => {
-  if (Node.isActionLike(item)) {
+  if (Node2.isActionLike(item)) {
     return "action";
   } else {
     return "tab";
   }
 };
 
-// src/containers/NavTreeContainer/NavTreeContainer.tsx
-import { monitorForElements } from "@atlaskit/pragmatic-drag-and-drop/element/adapter";
-import { extractInstruction } from "@atlaskit/pragmatic-drag-and-drop-hitbox/tree-item";
-import React8, { forwardRef as forwardRef3, memo as memo4, useCallback as useCallback3, useEffect as useEffect2, useMemo as useMemo8, useRef as useRef2 } from "react";
-import { Surface, useOperationInvoker } from "@dxos/app-framework/ui";
-import { LayoutOperation } from "@dxos/app-toolkit";
-import { useAppGraph as useAppGraph6, useLayout } from "@dxos/app-toolkit/ui";
-import { Graph as Graph5, Node as Node6, useActionRunner as useActionRunner4 } from "@dxos/plugin-graph";
-import { useMediaQuery as useMediaQuery2, useSidebars } from "@dxos/react-ui";
-import { isTreeData } from "@dxos/react-ui-list";
-import { arrayMove as arrayMove2 } from "@dxos/util";
-
-// src/components/NavTree/NavTree.tsx
-import React7, { forwardRef as forwardRef2, useMemo as useMemo7 } from "react";
-import { useAppGraph as useAppGraph5 } from "@dxos/app-toolkit/ui";
-import { Node as Node5, useConnections as useConnections2, useActions as useGraphActions2 } from "@dxos/plugin-graph";
-import { Tabs as Tabs3 } from "@dxos/react-ui-tabs";
-import { byPosition } from "@dxos/util";
-
-// src/hooks/useActions.ts
-import { useMemo } from "react";
-import { useAppGraph } from "@dxos/app-toolkit/ui";
-import { Graph as Graph2, Node as Node2, useActions as useGraphActions } from "@dxos/plugin-graph";
-var useActions = (node) => {
-  const { graph } = useAppGraph();
-  const actions = useGraphActions(graph, node.id);
-  return useMemo(() => actions.reduce((acc, arg) => {
-    if (arg.properties.disposition === "item") {
-      return acc;
-    }
-    acc.actions.push(arg);
-    if (!Node2.isAction(arg)) {
-      const actionGroup = Graph2.getActions(graph, arg.id);
-      acc.groupedActions[arg.id] = actionGroup;
-    }
-    return acc;
-  }, {
-    actions: [],
-    groupedActions: {}
-  }), [
-    actions
-  ]);
-};
-
-// src/hooks/useLoadDescendents.ts
-import { useEffect } from "react";
-import { useAppGraph as useAppGraph2 } from "@dxos/app-toolkit/ui";
-import { Graph as Graph3 } from "@dxos/plugin-graph";
-var useLoadDescendents = (root) => {
-  const { graph } = useAppGraph2();
-  useEffect(() => {
-    if (!root) {
-      return;
-    }
-    Graph3.expand(graph, root.id, "child");
-  }, [
-    graph,
-    root
-  ]);
-};
-
-// src/hooks/useNavTreeModel.ts
-import { Atom } from "@effect-atom/atom-react";
-import * as Option from "effect/Option";
-import { useMemo as useMemo3 } from "react";
-import { useAppGraph as useAppGraph3 } from "@dxos/app-toolkit/ui";
-import { PLANK_COMPANION_TYPE } from "@dxos/plugin-deck/types";
-import { Path } from "@dxos/react-ui-list";
-import { mx } from "@dxos/ui-theme";
-
 // src/hooks/useNavTreeState.ts
 import { useAtomValue } from "@effect-atom/atom-react";
 import { useMemo as useMemo2 } from "react";
@@ -183,10 +185,15 @@ var createItemPropsFamily = (graph) => Atom.family((pathKey) => {
     const safeChildren = get(graph.connections(node.id, "child")).filter((child) => !path.includes(child.id));
     const visibleChildren = safeChildren.filter(isVisibleChild);
     const parentOf = visibleChildren.length > 0 ? visibleChildren.map((child) => child.id) : node.properties.role === "branch" ? [] : void 0;
+    const parentId = path.length >= 2 ? path[path.length - 2] : void 0;
+    const parentNode = parentId ? Option.getOrElse(get(graph.node(parentId)), () => void 0) : void 0;
+    const droppable = node.properties.droppable === false || parentNode?.properties.childrenDroppable === false ? false : void 0;
     return {
       id: node.id,
       parentOf,
       disabled: node.properties.disabled,
+      draggable: node.properties.draggable,
+      droppable,
       label: node.properties.label ?? node.id,
       className: mx(node.properties.className, node.properties.modified && "italic"),
       headingClassName: node.properties.headingClassName,
@@ -199,8 +206,7 @@ var createItemPropsFamily = (graph) => Atom.family((pathKey) => {
 var createChildIdsFamily = (graph) => Atom.family((id) => Atom.make((get) => get(graph.connections(id, "child")).map((child) => child.id)).pipe(Atom.keepAlive));
 var createItemFamily = (graph) => Atom.family((id) => Atom.make((get) => {
   const node = Option.getOrElse(get(graph.node(id)), () => void 0);
-  const passed = node ? filterItems(node) : false;
-  return node && passed ? node : void 0;
+  return node && filterItems(node) ? node : void 0;
 }).pipe(Atom.keepAlive));
 var createItemOpenFamily = (getItemAtom) => Atom.family((pathKey) => {
   const path = Path.parts(pathKey);
@@ -246,7 +252,7 @@ var useNavTreeModel = (rootId) => {
   ]);
 };
 
-// src/components/NavTreeContext.tsx
+// src/components/NavTreeContext/NavTreeContext.tsx
 import { createContext, useContext } from "react";
 import { raise } from "@dxos/debug";
 var NavTreeContext = /* @__PURE__ */ createContext(null);
@@ -301,9 +307,11 @@ var useL0ItemClick = ({ item, parent, path }, type) => {
         const { properties: { caller } = {} } = item;
         return void runAction(item, caller ? {
           parent,
+          path,
           caller
         } : {
-          parent
+          parent,
+          path
         });
       }
       case "tab":
@@ -612,18 +620,20 @@ var L0Menu = ({ menuActions, topLevelItems, pinnedItems, userAccountItem, parent
 // src/components/Sidebar/L1Panel.tsx
 import * as Effect from "effect/Effect";
 import * as Option2 from "effect/Option";
-import React5, { memo as memo3, useCallback as useCallback2, useMemo as useMemo6 } from "react";
+import React5, { memo as memo3, useCallback as useCallback3, useMemo as useMemo6 } from "react";
 import { Node as Node4 } from "@dxos/app-graph";
+import { isPinnedWorkspace } from "@dxos/app-toolkit";
 import { useAppGraph as useAppGraph4 } from "@dxos/app-toolkit/ui";
 import { Graph as Graph4, useActionRunner as useActionRunner3, useConnections, useEdges } from "@dxos/plugin-graph";
 import { DensityProvider, IconButton as IconButton2, ScrollArea as ScrollArea2, toLocalizedString as toLocalizedString4, useTranslation as useTranslation4 } from "@dxos/react-ui";
+import { useAttended } from "@dxos/react-ui-attention";
 import { Tree } from "@dxos/react-ui-list";
 import { Menu as Menu3 } from "@dxos/react-ui-menu";
 import { Tabs as Tabs2 } from "@dxos/react-ui-tabs";
 import { hoverableControlItem as hoverableControlItem2, hoverableOpenControlItem as hoverableOpenControlItem2 } from "@dxos/ui-theme";
 
 // src/components/NavTreeItem/NavTreeItemAction.tsx
-import React3 from "react";
+import React3, { useCallback as useCallback2 } from "react";
 import { useActionRunner as useActionRunner2 } from "@dxos/plugin-graph";
 import { IconButton, toLocalizedString as toLocalizedString2, useDensityContext, useTranslation as useTranslation2 } from "@dxos/react-ui";
 import { Menu as Menu2 } from "@dxos/react-ui-menu";
@@ -637,13 +647,20 @@ var coarseActionButtonProps = {
   size: 5,
   density: "coarse"
 };
-var NavTreeItemActionDropdownMenu = ({ parent, label, icon, testId, menuActions, caller }) => {
+var NavTreeItemActionDropdownMenu = ({ parent, path, label, icon, testId, menuActions, caller }) => {
   const { t } = useTranslation2(meta.id);
   const density = useDensityContext();
   const runAction = useActionRunner2();
+  const handleAction = useCallback2((action, params = {}) => runAction(action, {
+    ...params,
+    path
+  }), [
+    runAction,
+    path
+  ]);
   return /* @__PURE__ */ React3.createElement(Menu2.Root, {
     caller,
-    onAction: runAction
+    onAction: handleAction
   }, /* @__PURE__ */ React3.createElement(Menu2.Trigger, {
     asChild: true
   }, /* @__PURE__ */ React3.createElement(IconButton, {
@@ -664,7 +681,7 @@ var NavTreeItemActionDropdownMenu = ({ parent, label, icon, testId, menuActions,
   }));
 };
 var NavTreeItemMonolithicAction = (props) => {
-  const { parent, properties: { disabled, caller, testId, icon, variant = "ghost", iconOnly = true } = {
+  const { parent, path, properties: { disabled, caller, testId, icon, variant = "ghost", iconOnly = true } = {
     label: "never"
   }, baseLabel } = props;
   const density = useDensityContext();
@@ -689,26 +706,30 @@ var NavTreeItemMonolithicAction = (props) => {
       }
       void runAction(props, caller ? {
         parent,
-        caller
+        caller,
+        path
       } : {
-        parent
+        parent,
+        path
       });
     },
     "data-testid": testId
   });
 };
-var NavTreeItemAction = ({ monolithic, menuActions, parent: node, ...props }) => {
+var NavTreeItemAction = ({ monolithic, menuActions, parent: node, path, ...props }) => {
   const { t } = useTranslation2(meta.id);
   const monolithicAction = menuActions?.length === 1 && menuActions[0];
   const baseLabel = toLocalizedString2(monolithicAction ? monolithicAction.properties.label : props.label, t);
   return monolithic && menuActions?.length === 1 ? /* @__PURE__ */ React3.createElement(NavTreeItemMonolithicAction, {
     baseLabel,
     parent: node,
+    path,
     ...menuActions[0]
   }) : /* @__PURE__ */ React3.createElement(NavTreeItemActionDropdownMenu, {
     ...props,
     label: baseLabel,
     parent: node,
+    path,
     menuActions
   });
 };
@@ -751,7 +772,7 @@ var NavTreeItemColumns = /* @__PURE__ */ memo2(({ path, item, open }) => {
     primaryAction,
     groupedActions
   ]);
-  const ActionRoot = popoverAnchorId === `dxos.org/ui/${NAV_TREE_ITEM}/${item.id}` ? Popover.Anchor : Fragment;
+  const ActionRoot = popoverAnchorId === `${NAV_TREE_ITEM}:${item.id}` ? Popover.Anchor : Fragment;
   return /* @__PURE__ */ React4.createElement("div", {
     role: "none",
     className: "contents dx-app-no-drag"
@@ -762,6 +783,7 @@ var NavTreeItemColumns = /* @__PURE__ */ memo2(({ path, item, open }) => {
     label: toLocalizedString3(primaryAction.properties?.label, t),
     icon: primaryAction.properties?.icon ?? "ph--placeholder--regular",
     parent: item,
+    path,
     monolithic: Node3.isAction(primaryAction),
     menuActions: primaryMenuActions,
     menuType: primaryAction.properties?.menuType,
@@ -775,6 +797,7 @@ var NavTreeItemColumns = /* @__PURE__ */ memo2(({ path, item, open }) => {
     label: t("tree item actions label"),
     icon: "ph--dots-three-vertical--regular",
     parent: item,
+    path,
     menuActions: actions,
     menuType: "dropdown",
     caller: NAV_TREE_ITEM
@@ -890,12 +913,24 @@ var L1PanelHeader = ({ item, path, onBack }) => {
   const { t } = useTranslation4(meta.id);
   const { renderItemEnd: ItemEnd } = useNavTreeContext();
   const title = toLocalizedString4(item.properties.label, t);
-  const backCapableWorkspace = item.id.startsWith("!");
+  const backCapableWorkspace = isPinnedWorkspace(item.id);
   const { primaryAction, groupedActions, menuActions, onAction } = useL1MenuActions({
     item,
     path
   });
   useLoadDescendents(item);
+  const alternateTree = useAlternateTreeItem(item);
+  const attended = useAttended();
+  const alternateTreeOpen = useMemo6(() => {
+    if (!alternateTree) {
+      return true;
+    }
+    const hasAlternateAttended = attended.some((attendedId) => attendedId === alternateTree.id || attendedId.startsWith(alternateTree.id + "/"));
+    return !hasAlternateAttended;
+  }, [
+    alternateTree,
+    attended
+  ]);
   return /* @__PURE__ */ React5.createElement("div", {
     className: "flex w-full items-center border-b border-subdued-separator dx-app-drag dx-density-coarse pe-1"
   }, backCapableWorkspace ? /* @__PURE__ */ React5.createElement(IconButton2, {
@@ -924,6 +959,7 @@ var L1PanelHeader = ({ item, path, onBack }) => {
     label: toLocalizedString4(primaryAction.properties?.label, t),
     icon: primaryAction.properties?.icon ?? "ph--placeholder--regular",
     parent: item,
+    path,
     monolithic: Node4.isAction(primaryAction),
     menuActions: Node4.isAction(primaryAction) ? [
       primaryAction
@@ -967,7 +1003,7 @@ var L1PanelHeader = ({ item, path, onBack }) => {
     items: menuActions
   })), ItemEnd && /* @__PURE__ */ React5.createElement(ItemEnd, {
     node: item,
-    open: true
+    open: alternateTreeOpen
   })));
 };
 var useL1MenuActions = ({ item, path }) => {
@@ -1028,14 +1064,17 @@ var useL1MenuActions = ({ item, path }) => {
     graphMenuActions,
     settingsAction
   ]);
-  const onAction = useCallback2((action, params) => {
+  const onAction = useCallback3((action, params) => {
     if (action.id === settingsActionId) {
       if (alternateTree && !isAlternate) {
         Graph4.expand(graph, alternateTree.id, "child");
       }
       setAlternateTree?.(alternatePath, !isAlternate);
     } else {
-      void runAction(action, params);
+      void runAction(action, {
+        ...params,
+        path
+      });
     }
   }, [
     settingsActionId,
@@ -1044,7 +1083,8 @@ var useL1MenuActions = ({ item, path }) => {
     isAlternate,
     runAction,
     graph,
-    alternateTree
+    alternateTree,
+    path
   ]);
   return {
     primaryAction,
@@ -1224,14 +1264,14 @@ var NavTreeContainer$ = /* @__PURE__ */ forwardRef3(({ tab, popoverAnchorId }, f
     navigationSidebarState,
     isLg
   ]);
-  const handleOpenChange = useCallback3(({ item: { id }, path, open }) => {
+  const handleOpenChange = useCallback4(({ item: { id }, path, open }) => {
     setItem(path, "open", open);
     Graph5.expand(graph, id, "child");
   }, [
     graph,
     setItem
   ]);
-  const handleTabChange = useCallback3((node) => {
+  const handleTabChange = useCallback4((node) => {
     Graph5.expand(graph, node.id, "child");
     const { tab: activeTab, activeItems, navigationSidebarState: currentSidebarState, isLg: latestIsLg } = latestRef.current;
     invokeSync(LayoutOperation.UpdateSidebar, {
@@ -1254,16 +1294,16 @@ var NavTreeContainer$ = /* @__PURE__ */ forwardRef3(({ tab, popoverAnchorId }, f
     invokeSync,
     graph
   ]);
-  const blockInstruction = useCallback3(({ instruction, source, target }) => {
+  const blockInstruction = useCallback4(({ instruction, source, target }) => {
     return target.item.properties.blockInstruction?.(source, instruction) ?? false;
   }, []);
-  const canDrop = useCallback3(({ source, target }) => {
+  const canDrop = useCallback4(({ source, target }) => {
     return target.item.properties.canDrop?.(source) ?? false;
   }, []);
-  const canSelect = useCallback3(({ item }) => {
+  const canSelect = useCallback4(({ item }) => {
     return item.properties.selectable ?? true;
   }, []);
-  const handleSelect = useCallback3(({ item: node, path, option }) => {
+  const handleSelect = useCallback4(({ item: node, path, option }) => {
     if (!node.data) {
       return;
     }
@@ -1272,6 +1312,7 @@ var NavTreeContainer$ = /* @__PURE__ */ forwardRef3(({ tab, popoverAnchorId }, f
       if (parent) {
         void runAction(node, {
           parent,
+          path,
           caller: NAV_TREE_ITEM
         });
       }
@@ -1313,7 +1354,7 @@ var NavTreeContainer$ = /* @__PURE__ */ forwardRef3(({ tab, popoverAnchorId }, f
     runAction,
     isLg
   ]);
-  const handleBack = useCallback3(() => invokeSync(LayoutOperation.RevertWorkspace), [
+  const handleBack = useCallback4(() => invokeSync(LayoutOperation.RevertWorkspace), [
     invokeSync
   ]);
   useEffect2(() => {
@@ -1330,7 +1371,8 @@ var NavTreeContainer$ = /* @__PURE__ */ forwardRef3(({ tab, popoverAnchorId }, f
           const targetNode = target.data.item;
           const sourcePath = source.data.path;
           const targetPath = target.data.path;
-          const operation = sourcePath.slice(0, -1).join() === targetPath.slice(0, -1).join() && instruction.type !== "make-child" ? "rearrange" : resolveMigrationOperation(graph, sourceNode, targetPath, targetNode);
+          const sameParent = sourcePath.slice(0, -1).join() === targetPath.slice(0, -1).join();
+          const operation = sameParent && instruction.type !== "make-child" ? "rearrange" : resolveMigrationOperation(graph, sourceNode, targetPath, targetNode);
           const sourceParent = getParent(graph, sourceNode, sourcePath);
           const targetParent = getParent(graph, targetNode, targetPath);
           const sourceItems = getItems(graph, sourceParent);
@@ -1352,7 +1394,7 @@ var NavTreeContainer$ = /* @__PURE__ */ forwardRef3(({ tab, popoverAnchorId }, f
             }
             case "transfer": {
               const target2 = instruction.type === "make-child" ? targetNode : targetParent;
-              if (!target2?.properties.onTransferStart || !sourceParent?.properties.onTransferEnd) {
+              if (!target2?.properties.onTransferStart || target2?.id === sourceParent?.id) {
                 break;
               }
               void target2?.properties.onTransferStart(sourceNode, migrationIndex);
@@ -1366,12 +1408,12 @@ var NavTreeContainer$ = /* @__PURE__ */ forwardRef3(({ tab, popoverAnchorId }, f
   }, [
     graph
   ]);
-  const setAlternateTree = useCallback3((path, open) => {
+  const setAlternateTree = useCallback4((path, open) => {
     setItem(path, "alternateTree", open);
   }, [
     setItem
   ]);
-  const onItemHover = useCallback3(({ item }) => Graph5.expand(graph, item.id, "child"), [
+  const onItemHover = useCallback4(({ item }) => Graph5.expand(graph, item.id, "child"), [
     graph
   ]);
   const navTreeContextValue = useMemo8(() => ({
@@ -1423,4 +1465,4 @@ export {
   NODE_TYPE,
   NavTreeContainer
 };
-//# sourceMappingURL=chunk-DQCYMXEU.mjs.map
+//# sourceMappingURL=chunk-JT37R5HS.mjs.map