@dxos/plugin-navtree 0.8.2-main.f11618f → 0.8.2-staging.42af850

package/dist/lib/browser/chunk-FHOAKMRS.mjs

@@ -1,1309 +0,0 @@
-import {
-  NavTreeCapabilities
-} from "./chunk-TLQLMZXU.mjs";
-import {
-  COMMANDS_DIALOG,
-  KEY_BINDING,
-  NAVTREE_PLUGIN
-} from "./chunk-IEW3JD5C.mjs";
-
-// packages/plugins/plugin-navtree/src/components/CommandsDialog.tsx
-import React, { useMemo, useState } from "react";
-import { createIntent, LayoutAction, useAppGraph, useIntentDispatcher } from "@dxos/app-framework";
-import { isActionGroup, isAction } from "@dxos/app-graph";
-import { Keyboard, keySymbols } from "@dxos/keyboard";
-import { Button, Dialog, Icon, useTranslation, toLocalizedString } from "@dxos/react-ui";
-import { SearchList } from "@dxos/react-ui-searchlist";
-import { descriptionText, mx } from "@dxos/react-ui-theme";
-import { getHostPlatform } from "@dxos/util";
-var CommandsDialogContent = ({ selected: initial }) => {
-  const { t } = useTranslation(NAVTREE_PLUGIN);
-  const [selected, setSelected] = useState(initial);
-  const { dispatchPromise: dispatch } = useIntentDispatcher();
-  const { graph } = useAppGraph();
-  const allActions = useMemo(() => {
-    const current = Keyboard.singleton.getCurrentContext();
-    const actionMap = /* @__PURE__ */ new Set();
-    const actions2 = [];
-    graph?.traverse({
-      visitor: (node, path) => {
-        if ((isAction(node) || isActionGroup(node)) && !actionMap.has(node.id) && current.startsWith(path.slice(0, -1).join("/"))) {
-          actionMap.add(node.id);
-          actions2.push(node);
-        }
-      }
-    });
-    actions2.sort((a, b) => {
-      return toLocalizedString(a.properties.label, t)?.toLowerCase().localeCompare(toLocalizedString(b.properties.label, t)?.toLowerCase());
-    });
-    return actions2;
-  }, [
-    graph
-  ]);
-  const group = allActions.find(({ id }) => id === selected);
-  const actions = isActionGroup(group) ? graph.actions(group) : allActions;
-  return /* @__PURE__ */ React.createElement(Dialog.Content, {
-    classNames: [
-      "md:max-is-[30rem] overflow-hidden mbs-12"
-    ]
-  }, /* @__PURE__ */ React.createElement(Dialog.Title, null, t("commands dialog title", {
-    ns: NAVTREE_PLUGIN
-  })), /* @__PURE__ */ React.createElement(SearchList.Root, {
-    label: t("command list input placeholder"),
-    classNames: "flex flex-col grow overflow-hidden my-2"
-  }, /* @__PURE__ */ React.createElement(SearchList.Input, {
-    placeholder: t("command list input placeholder"),
-    classNames: "px-1 my-2"
-  }), /* @__PURE__ */ React.createElement(SearchList.Content, {
-    classNames: "max-bs-[24rem] overflow-auto"
-  }, actions?.map((action) => {
-    const label = toLocalizedString(action.properties.label, t);
-    const shortcut = typeof action.properties.keyBinding === "string" ? action.properties.keyBinding : action.properties.keyBinding?.[getHostPlatform()];
-    return /* @__PURE__ */ React.createElement(SearchList.Item, {
-      value: label,
-      key: action.id,
-      onSelect: () => {
-        if (action.properties.disabled) {
-          return;
-        }
-        if (isActionGroup(action)) {
-          setSelected(action.id);
-          return;
-        }
-        void dispatch(createIntent(LayoutAction.UpdateDialog, {
-          part: "dialog",
-          options: {
-            state: false
-          }
-        }));
-        setTimeout(() => {
-          const node = graph.nodes(group ?? action, {
-            relation: "inbound"
-          })[0];
-          void (node && isAction(action) && action.data({
-            node,
-            caller: KEY_BINDING
-          }));
-        });
-      },
-      classNames: "flex items-center gap-2",
-      disabled: action.properties.disabled,
-      ...action.properties?.testId && {
-        "data-testid": action.properties.testId
-      }
-    }, /* @__PURE__ */ React.createElement(Icon, {
-      icon: action.properties.icon,
-      size: 4
-    }), /* @__PURE__ */ React.createElement("span", {
-      className: "grow truncate"
-    }, label), shortcut && /* @__PURE__ */ React.createElement("span", {
-      className: mx("shrink-0", descriptionText)
-    }, keySymbols(shortcut).join("")));
-  }))), /* @__PURE__ */ React.createElement(Dialog.Close, {
-    asChild: true
-  }, /* @__PURE__ */ React.createElement(Button, {
-    variant: "primary",
-    classNames: "mbs-2"
-  }, t("close label", {
-    ns: "os"
-  }))));
-};
-
-// packages/plugins/plugin-navtree/src/components/CommandsTrigger.tsx
-import { MagnifyingGlass } from "@phosphor-icons/react";
-import React2 from "react";
-import { createIntent as createIntent2, LayoutAction as LayoutAction2, useIntentDispatcher as useIntentDispatcher2 } from "@dxos/app-framework";
-import { Button as Button2, useTranslation as useTranslation2 } from "@dxos/react-ui";
-import { getSize } from "@dxos/react-ui-theme";
-var CommandsTrigger = () => {
-  const { dispatchPromise: dispatch } = useIntentDispatcher2();
-  const { t } = useTranslation2(NAVTREE_PLUGIN);
-  return /* @__PURE__ */ React2.createElement(Button2, {
-    classNames: "m-1 pli-1 lg:pli-2",
-    onClick: () => dispatch(createIntent2(LayoutAction2.UpdateDialog, {
-      part: "dialog",
-      subject: COMMANDS_DIALOG,
-      options: {
-        blockAlign: "start"
-      }
-    }))
-  }, /* @__PURE__ */ React2.createElement("span", {
-    className: "text-description font-normal grow text-start"
-  }, t("command list input placeholder")), /* @__PURE__ */ React2.createElement(MagnifyingGlass, {
-    className: getSize(5)
-  }));
-};
-
-// packages/plugins/plugin-navtree/src/util.ts
-import { ACTION_TYPE, ACTION_GROUP_TYPE, isAction as isAction2, isActionLike } from "@dxos/app-graph";
-import { isNonNullable } from "@dxos/util";
-var getParent = (graph, node, path) => {
-  const parentId = path[path.length - 2];
-  return graph.nodes(node, {
-    relation: "inbound"
-  }).find((n) => n.id === parentId);
-};
-var getPersistenceParent = (graph, node, path, persistenceClass) => {
-  if (node.properties.acceptPersistenceClass?.has(persistenceClass)) {
-    return node;
-  } else {
-    const parent = getParent(graph, node, path);
-    return parent ? getPersistenceParent(graph, parent, path.slice(0, path.length - 1), persistenceClass) : null;
-  }
-};
-var resolveMigrationOperation = (graph, activeNode, destinationPath, destinationRelatedNode) => {
-  const activeClass = activeNode.properties.persistenceClass;
-  if (destinationRelatedNode && activeClass) {
-    const persistenceParent = getPersistenceParent(graph, destinationRelatedNode, destinationPath, activeClass);
-    if (persistenceParent) {
-      const activeKey = activeNode.properties.persistenceKey;
-      if (activeKey && persistenceParent?.properties.acceptPersistenceKey) {
-        return persistenceParent.properties.acceptPersistenceKey.has(activeKey) && persistenceParent.properties.onTransferStart ? "transfer" : persistenceParent.properties.onCopy ? "copy" : "reject";
-      } else {
-        return "reject";
-      }
-    } else {
-      return "reject";
-    }
-  } else {
-    return "reject";
-  }
-};
-var sortActions = (actions) => actions.sort((a, b) => {
-  if (a.properties.disposition === b.properties.disposition) {
-    return 0;
-  }
-  if (a.properties.disposition === "list-item-primary") {
-    return -1;
-  }
-  return 1;
-});
-var getChildren = (graph, node, filter, path = []) => {
-  return graph.nodes(node, {
-    relation: "outbound",
-    filter
-  }).map((n) => {
-    const nextPath = [
-      ...path,
-      node.id
-    ];
-    return nextPath.includes(n.id) ? void 0 : n;
-  }).filter(isNonNullable);
-};
-var getActions = (graph, node) => {
-  return graph.actions(node).reduce((acc, arg) => {
-    if (arg.properties.disposition === "item") {
-      return acc;
-    }
-    acc.actions.push(arg);
-    if (!isAction2(arg)) {
-      const actionGroup = graph.actions(arg);
-      acc.groupedActions[arg.id] = actionGroup;
-    }
-    return acc;
-  }, {
-    actions: [],
-    groupedActions: {}
-  });
-};
-var expandChildrenAndActions = (graph, node) => {
-  return Promise.all([
-    expandChildren(graph, node),
-    expandActions(graph, node)
-  ]);
-};
-var expandChildren = (graph, node) => {
-  return graph.expand(node, "outbound");
-};
-var expandActions = (graph, node) => {
-  return Promise.all([
-    graph.expand(node, "outbound", ACTION_TYPE),
-    graph.expand(node, "outbound", ACTION_GROUP_TYPE)
-  ]);
-};
-var l0ItemType = (item) => {
-  if (item.properties.disposition === "collection") {
-    return "collection";
-  } else if (isActionLike(item)) {
-    return "action";
-  } else if (item.properties.disposition === "navigation") {
-    return "link";
-  } else {
-    return "tab";
-  }
-};
-
-// packages/plugins/plugin-navtree/src/components/NavTreeContainer.tsx
-import { monitorForElements } from "@atlaskit/pragmatic-drag-and-drop/element/adapter";
-import { extractInstruction } from "@atlaskit/pragmatic-drag-and-drop-hitbox/tree-item";
-import { untracked } from "@preact/signals-core";
-import React9, { memo as memo2, useCallback as useCallback3, useEffect as useEffect3, useMemo as useMemo5 } from "react";
-import { createIntent as createIntent4, LayoutAction as LayoutAction4, Surface, useAppGraph as useAppGraph2, useCapability, useIntentDispatcher as useIntentDispatcher4, useLayout as useLayout2 } from "@dxos/app-framework";
-import { isAction as isAction4, isActionLike as isActionLike2 } from "@dxos/app-graph";
-import { PLANK_COMPANION_TYPE } from "@dxos/plugin-deck/types";
-import { isEchoObject, isSpace } from "@dxos/react-client/echo";
-import { useMediaQuery as useMediaQuery2 } from "@dxos/react-ui";
-import { isTreeData } from "@dxos/react-ui-list";
-import { mx as mx5 } from "@dxos/react-ui-theme";
-import { arrayMove as arrayMove2 } from "@dxos/util";
-
-// packages/plugins/plugin-navtree/src/components/NavTree.tsx
-import React8, { useMemo as useMemo4 } from "react";
-import { Tabs as Tabs3 } from "@dxos/react-ui-tabs";
-import { byPosition as byPosition2 } from "@dxos/util";
-
-// packages/plugins/plugin-navtree/src/components/L0Menu.tsx
-import { combine } from "@atlaskit/pragmatic-drag-and-drop/combine";
-import { draggable, dropTargetForElements } from "@atlaskit/pragmatic-drag-and-drop/element/adapter";
-import { preserveOffsetOnSource } from "@atlaskit/pragmatic-drag-and-drop/element/preserve-offset-on-source";
-import { scrollJustEnoughIntoView } from "@atlaskit/pragmatic-drag-and-drop/element/scroll-just-enough-into-view";
-import { attachClosestEdge, extractClosestEdge } from "@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge";
-import React4, { useCallback, useLayoutEffect, useMemo as useMemo2, useRef, useState as useState2 } from "react";
-import { createIntent as createIntent3, LayoutAction as LayoutAction3, useIntentDispatcher as useIntentDispatcher3 } from "@dxos/app-framework";
-import { invariant } from "@dxos/invariant";
-import { Popover, ScrollArea, toLocalizedString as toLocalizedString3, Tooltip, useMediaQuery, useSidebars, useTranslation as useTranslation4, ListItem, Icon as Icon2 } from "@dxos/react-ui";
-import { Tabs } from "@dxos/react-ui-tabs";
-import { mx as mx2 } from "@dxos/react-ui-theme";
-import { arrayMove, getFirstTwoRenderableChars } from "@dxos/util";
-
-// packages/plugins/plugin-navtree/src/components/NavTreeContext.tsx
-import { createContext, useContext } from "react";
-import { raise } from "@dxos/debug";
-var NavTreeContext = /* @__PURE__ */ createContext(null);
-var useNavTreeContext = () => useContext(NavTreeContext) ?? raise(new Error("NavTreeContext not found"));
-
-// packages/plugins/plugin-navtree/src/components/UserAccountAvatar.tsx
-import React3 from "react";
-import { Avatar } from "@dxos/react-ui";
-import { hexToFallback } from "@dxos/util";
-var UserAccountAvatar = (props) => {
-  const fallbackValue = hexToFallback(props.userId ?? "0");
-  return /* @__PURE__ */ React3.createElement("div", {
-    className: "grid place-items-center",
-    "data-joyride": "welcome/account"
-  }, /* @__PURE__ */ React3.createElement(Avatar.Root, null, /* @__PURE__ */ React3.createElement(Avatar.Content, {
-    variant: "circle",
-    size: props.size ?? 12,
-    status: props.status ?? "active",
-    hue: props.hue || fallbackValue.hue,
-    fallback: props.emoji || fallbackValue.emoji,
-    "data-testid": "treeView.userAccount"
-  })));
-};
-
-// packages/plugins/plugin-navtree/src/hooks.ts
-import { useEffect as useEffect2 } from "react";
-
-// packages/plugins/plugin-navtree/src/components/NavTreeDocumentTitle.tsx
-import { useEffect } from "react";
-import { toLocalizedString as toLocalizedString2, useTranslation as useTranslation3 } from "@dxos/react-ui";
-var NavTreeDocumentTitle = ({ node }) => {
-  const { t } = useTranslation3(NAVTREE_PLUGIN);
-  useEffect(() => {
-    document.title = node ? toLocalizedString2(node.properties.label, t) : t("current app name", {
-      ns: "appkit"
-    });
-  }, [
-    node?.properties?.label
-  ]);
-  return null;
-};
-
-// packages/plugins/plugin-navtree/src/hooks.ts
-var useLoadDescendents = (root) => {
-  const { loadDescendents } = useNavTreeContext();
-  useEffect2(() => {
-    const frame = requestAnimationFrame(() => {
-      if (root) {
-        void loadDescendents?.(root);
-      }
-    });
-    return () => cancelAnimationFrame(frame);
-  }, [
-    root
-  ]);
-};
-
-// packages/plugins/plugin-navtree/src/components/L0Menu.tsx
-var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-navtree/src/components/L0Menu.tsx";
-var useL0ItemClick = ({ item, parent, path }, type) => {
-  const { tab, onTabChange, onSelect, isCurrent } = useNavTreeContext();
-  const { dispatchPromise: dispatch } = useIntentDispatcher3();
-  const { navigationSidebarState } = useSidebars(NAVTREE_PLUGIN);
-  const [isLg] = useMediaQuery("lg", {
-    ssr: false
-  });
-  return useCallback((event) => {
-    switch (type) {
-      case "tab":
-        void dispatch(createIntent3(LayoutAction3.UpdateSidebar, {
-          part: "sidebar",
-          options: {
-            state: item.id === tab ? navigationSidebarState === "expanded" ? isLg ? "collapsed" : "closed" : "expanded" : "expanded"
-          }
-        }));
-        return onTabChange?.(item);
-      case "link":
-        return onSelect?.({
-          item,
-          path,
-          current: !isCurrent(path, item),
-          option: event.altKey
-        });
-      case "action": {
-        const { data: invoke, properties: { caller } } = item;
-        return invoke?.(caller ? {
-          node: parent,
-          caller
-        } : {
-          node: parent
-        });
-      }
-    }
-  }, [
-    item,
-    type,
-    onSelect,
-    isCurrent,
-    parent,
-    tab,
-    navigationSidebarState,
-    isLg,
-    dispatch
-  ]);
-};
-var l0Breakpoints = {
-  lg: "hidden lg:grid"
-};
-var L0Item = ({ item, parent, path, pinned, userAccount, onRearrange }) => {
-  const { t } = useTranslation4(NAVTREE_PLUGIN);
-  const itemElement = useRef(null);
-  const [closestEdge, setEdge] = useState2(null);
-  const type = l0ItemType(item);
-  const itemPath = useMemo2(() => [
-    ...path,
-    item.id
-  ], [
-    item.id,
-    path
-  ]);
-  const { getProps, popoverAnchorId } = useNavTreeContext();
-  const { id, testId } = getProps?.(item, path) ?? {};
-  const Root = type === "collection" ? "h2" : type === "tab" ? Tabs.TabPrimitive : "button";
-  const handleClick = useL0ItemClick({
-    item,
-    path: itemPath,
-    parent
-  }, type);
-  const rootProps = type === "tab" ? {
-    value: item.id,
-    tabIndex: 0,
-    onClick: handleClick,
-    "data-testid": testId,
-    "data-itemid": id
-  } : type !== "collection" ? {
-    onClick: handleClick,
-    "data-testid": testId,
-    "data-itemid": id
-  } : {
-    onClick: handleClick
-  };
-  const localizedString = toLocalizedString3(item.properties.label, t);
-  const hue = item.properties.hue ?? null;
-  const avatarValue = useMemo2(() => type === "tab" ? getFirstTwoRenderableChars(localizedString).join("").toUpperCase() : [], [
-    type,
-    item.properties.label,
-    t
-  ]);
-  const hueFgStyle = hue && {
-    style: {
-      color: `var(--dx-${hue}SurfaceText)`
-    }
-  };
-  useLayoutEffect(() => {
-    if (!itemElement.current || !onRearrange) {
-      return;
-    }
-    return combine(draggable({
-      element: itemElement.current,
-      getInitialData: () => ({
-        id: item.id,
-        type: "l0Item"
-      }),
-      onGenerateDragPreview: ({ nativeSetDragImage, source, location }) => {
-        document.body.setAttribute("data-drag-preview", "true");
-        const element = source.element.querySelector("[data-frame]");
-        scrollJustEnoughIntoView({
-          element
-        });
-        const { x, y } = preserveOffsetOnSource({
-          element,
-          input: location.current.input
-        })({
-          container: element.offsetParent ?? document.body
-        });
-        nativeSetDragImage?.(element, x, y);
-      },
-      onDragStart: () => {
-        document.body.removeAttribute("data-drag-preview");
-        itemElement.current.closest("[data-drag-autoscroll]")?.setAttribute("data-drag-autoscroll", "active");
-      },
-      onDrop: () => {
-        itemElement.current.closest("[data-drag-autoscroll]")?.setAttribute("data-drag-autoscroll", "idle");
-      }
-    }), dropTargetForElements({
-      element: itemElement.current,
-      getData: ({ input, element }) => {
-        return attachClosestEdge({
-          id: item.id,
-          type: "l0Item"
-        }, {
-          input,
-          element,
-          allowedEdges: [
-            "top",
-            "bottom"
-          ]
-        });
-      },
-      onDragEnter: ({ self, source }) => {
-        if (source.data.type === self.data.type) {
-          setEdge(extractClosestEdge(self.data));
-        }
-      },
-      onDrag: ({ self, source }) => {
-        if (source.data.type === self.data.type) {
-          setEdge(extractClosestEdge(self.data));
-        }
-      },
-      onDragLeave: () => setEdge(null),
-      onDrop: ({ self, source }) => {
-        setEdge(null);
-        if (source.data.type === self.data.type) {
-          onRearrange(source.data, self.data, extractClosestEdge(self.data));
-        }
-      }
-    }));
-  }, [
-    item,
-    onRearrange
-  ]);
-  const l0ItemTrigger = /* @__PURE__ */ React4.createElement(Root, {
-    ...rootProps,
-    "data-type": type,
-    className: mx2('group/l0i dx-focus-ring-group grid relative data[type!="collection"]:cursor-pointer app-no-drag', l0Breakpoints[item.properties.l0Breakpoint]),
-    ref: itemElement
-  }, userAccount ? /* @__PURE__ */ React4.createElement(UserAccountAvatar, {
-    userId: item.properties.userId,
-    hue: item.properties.hue,
-    emoji: item.properties.emoji,
-    status: item.properties.status
-  }) : /* @__PURE__ */ React4.createElement("div", {
-    role: "none",
-    "data-frame": true,
-    className: mx2("absolute grid dx-focus-ring-group-indicator transition-colors", type === "tab" || pinned ? "rounded" : "rounded-full", pinned ? "bg-transparent group-hover/l0i:bg-groupSurface inset-inline-3 inset-block-0.5" : "bg-groupSurface inset-inline-3 inset-block-2"),
-    ...hue && {
-      style: {
-        background: `var(--dx-${hue}Surface)`
-      }
-    }
-  }, item.properties.icon && /* @__PURE__ */ React4.createElement(Icon2, {
-    icon: item.properties.icon,
-    size: pinned ? 5 : 7,
-    classNames: "place-self-center",
-    ...hueFgStyle
-  }) || (type === "tab" && item.properties.disposition !== "pin-end" ? /* @__PURE__ */ React4.createElement("span", {
-    role: "img",
-    className: "place-self-center text-3xl font-light",
-    ...hueFgStyle
-  }, avatarValue) : item.properties.icon && /* @__PURE__ */ React4.createElement(Icon2, {
-    icon: "ph--planet--regular",
-    size: pinned ? 5 : 7,
-    classNames: "place-self-center",
-    ...hueFgStyle
-  }))), /* @__PURE__ */ React4.createElement("div", {
-    role: "none",
-    className: "hidden group-aria-selected/l0i:block absolute inline-start-0 inset-block-4 is-1 bg-accentSurface rounded-ie"
-  }), /* @__PURE__ */ React4.createElement("span", {
-    id: `${item.id}__label`,
-    className: "sr-only"
-  }, localizedString), onRearrange && closestEdge && /* @__PURE__ */ React4.createElement(ListItem.DropIndicator, {
-    edge: closestEdge
-  }));
-  return popoverAnchorId === id ? /* @__PURE__ */ React4.createElement(Popover.Anchor, {
-    asChild: true
-  }, l0ItemTrigger) : /* @__PURE__ */ React4.createElement(Tooltip.Root, {
-    delayDuration: 0
-  }, /* @__PURE__ */ React4.createElement(Tooltip.Trigger, {
-    asChild: true
-  }, l0ItemTrigger), /* @__PURE__ */ React4.createElement(Tooltip.Portal, null, /* @__PURE__ */ React4.createElement(Tooltip.Content, {
-    side: "right"
-  }, localizedString, /* @__PURE__ */ React4.createElement(Tooltip.Arrow, null))));
-};
-var L0Collection = ({ item, path, parent }) => {
-  const navTreeContext = useNavTreeContext();
-  useLoadDescendents(item);
-  const collectionItems = navTreeContext.getItems(item);
-  const groupPath = useMemo2(() => [
-    ...path,
-    item.id
-  ], [
-    item.id,
-    path
-  ]);
-  const { id, testId } = navTreeContext.getProps?.(item, path) ?? {};
-  const handleRearrange = useCallback((source, target, closestEdge) => {
-    invariant(item.properties.onRearrangeChildren, void 0, {
-      F: __dxlog_file,
-      L: 256,
-      S: void 0,
-      A: [
-        "item.properties.onRearrangeChildren",
-        ""
-      ]
-    });
-    const sourceIndex = collectionItems.findIndex((i) => i.id === source.id);
-    const targetIndex = collectionItems.findIndex((i) => i.id === target.id);
-    const insertIndex = source.id === target.id ? sourceIndex : targetIndex + (sourceIndex < targetIndex ? closestEdge === "top" ? -1 : 0 : closestEdge === "bottom" ? 1 : 0);
-    const nextOrder = arrayMove([
-      ...collectionItems
-    ], sourceIndex, insertIndex);
-    return item.properties.onRearrangeChildren(nextOrder);
-  }, [
-    collectionItems,
-    item.properties.onRearrangeChildren
-  ]);
-  return /* @__PURE__ */ React4.createElement("div", {
-    role: "group",
-    className: "contents group/l0c",
-    "aria-labelledby": `${item.id}__label`,
-    "data-itemid": id,
-    "data-testid": testId
-  }, collectionItems.map((collectionItem) => /* @__PURE__ */ React4.createElement(L0Item, {
-    key: collectionItem.id,
-    item: collectionItem,
-    parent: item,
-    path: groupPath,
-    ...item.properties.onRearrangeChildren && {
-      onRearrange: handleRearrange
-    }
-  })));
-};
-var L0Menu = ({ topLevelItems, pinnedItems, userAccountItem, parent, path }) => {
-  return /* @__PURE__ */ React4.createElement(Tabs.Tablist, {
-    classNames: "group/l0 absolute z-[1] inset-block-0 inline-start-0 rounded-is-lg grid grid-cols-[var(--l0-size)] grid-rows-[1fr_min-content_var(--l0-size)] contain-layout !is-[--l0-size] bg-baseSurface border-ie border-separator app-drag  pbe-[env(safe-area-inset-bottom)]"
-  }, /* @__PURE__ */ React4.createElement(ScrollArea.Root, null, /* @__PURE__ */ React4.createElement(ScrollArea.Viewport, null, /* @__PURE__ */ React4.createElement("div", {
-    role: "none",
-    className: 'grid auto-rows-[calc(var(--l0-size)-.5rem)] plb-1 [body[data-platform="darwin"]_&]:pbs-[calc(30px+0.25rem)] [body[data-platform="ios"]_&]:pbs-[max(env(safe-area-inset-top),0.25rem)]'
-  }, topLevelItems.map((item) => {
-    if (l0ItemType(item) === "collection") {
-      return /* @__PURE__ */ React4.createElement(L0Collection, {
-        key: item.id,
-        item,
-        parent,
-        path
-      });
-    } else {
-      return /* @__PURE__ */ React4.createElement(L0Item, {
-        key: item.id,
-        item,
-        parent,
-        path
-      });
-    }
-  })), /* @__PURE__ */ React4.createElement(ScrollArea.Scrollbar, {
-    orientation: "vertical"
-  }, /* @__PURE__ */ React4.createElement(ScrollArea.Thumb, null)))), /* @__PURE__ */ React4.createElement("div", {
-    role: "none",
-    className: "grid grid-cols-1 auto-rows-[--rail-action] pbs-2"
-  }, pinnedItems.filter((item) => l0ItemType(item) !== "collection").map((item) => /* @__PURE__ */ React4.createElement(L0Item, {
-    key: item.id,
-    item,
-    parent,
-    path,
-    pinned: true
-  }))), userAccountItem && /* @__PURE__ */ React4.createElement("div", {
-    role: "none",
-    className: "grid py-2 app-no-drag"
-  }, /* @__PURE__ */ React4.createElement(L0Item, {
-    key: userAccountItem.id,
-    item: userAccountItem,
-    parent,
-    path,
-    userAccount: true
-  })), /* @__PURE__ */ React4.createElement("div", {
-    role: "none",
-    className: 'hidden [body[data-platform="darwin"]_&]:block absolute block-start-0 is-[calc(var(--l0-size)-1px)] bs-[calc(40px+0.25rem)]',
-    style: {
-      background: "linear-gradient(to bottom, var(--dx-baseSurface) 0%, var(--dx-baseSurface) 70%, transparent 100%)"
-    }
-  }));
-};
-
-// packages/plugins/plugin-navtree/src/components/L1Panels.tsx
-import React7, { useCallback as useCallback2, useMemo as useMemo3 } from "react";
-import { useLayout } from "@dxos/app-framework";
-import { Button as Button3, Icon as Icon3, IconButton as IconButton2, toLocalizedString as toLocalizedString6, useTranslation as useTranslation7 } from "@dxos/react-ui";
-import { Tree } from "@dxos/react-ui-list";
-import { Tabs as Tabs2 } from "@dxos/react-ui-tabs";
-import { hoverableControlItem as hoverableControlItem2, hoverableOpenControlItem as hoverableOpenControlItem2, mx as mx4 } from "@dxos/react-ui-theme";
-import { byPosition } from "@dxos/util";
-
-// packages/plugins/plugin-navtree/src/components/NavTreeItemColumns.tsx
-import React6, { Fragment, memo } from "react";
-import { isAction as isAction3 } from "@dxos/app-graph";
-import { DensityProvider, Popover as Popover2, toLocalizedString as toLocalizedString5, Treegrid, useTranslation as useTranslation6 } from "@dxos/react-ui";
-
-// packages/plugins/plugin-navtree/src/components/NavTreeItemAction.tsx
-import React5, { useRef as useRef2 } from "react";
-import { useTranslation as useTranslation5, toLocalizedString as toLocalizedString4, IconButton, useDensityContext } from "@dxos/react-ui";
-import { DropdownMenu, MenuProvider } from "@dxos/react-ui-menu";
-import { hoverableControlItem, hoverableOpenControlItem, mx as mx3 } from "@dxos/react-ui-theme";
-var fallbackIcon = "ph--placeholder--regular";
-var fineActionButtonProps = {
-  size: 4,
-  density: "fine"
-};
-var coarseActionButtonProps = {
-  size: 5,
-  density: "coarse"
-};
-var NavTreeItemActionDropdownMenu = ({ label, icon, testId, menuActions, onAction }) => {
-  const { t } = useTranslation5(NAVTREE_PLUGIN);
-  const suppressNextTooltip = useRef2(false);
-  const density = useDensityContext();
-  return /* @__PURE__ */ React5.createElement(MenuProvider, {
-    onAction
-  }, /* @__PURE__ */ React5.createElement(DropdownMenu.Root, {
-    items: menuActions,
-    suppressNextTooltip
-  }, /* @__PURE__ */ React5.createElement(DropdownMenu.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ React5.createElement(IconButton, {
-    ...density === "coarse" ? coarseActionButtonProps : fineActionButtonProps,
-    classNames: mx3("shrink-0 pli-2 pointer-fine:pli-1", hoverableControlItem, hoverableOpenControlItem),
-    variant: "ghost",
-    icon: icon ?? fallbackIcon,
-    iconOnly: true,
-    label: toLocalizedString4(label, t),
-    "data-testid": testId,
-    suppressNextTooltip
-  }))));
-};
-var NavTreeItemMonolithicAction = ({ parent, properties: { disabled, caller, testId, icon, variant = "ghost", iconOnly = true } = {
-  label: "never"
-}, data: invoke, baseLabel }) => {
-  const density = useDensityContext();
-  return /* @__PURE__ */ React5.createElement(IconButton, {
-    ...density === "coarse" ? coarseActionButtonProps : fineActionButtonProps,
-    variant,
-    classNames: mx3("shrink-0", hoverableControlItem, hoverableOpenControlItem, iconOnly ? "pli-2 pointer-fine:pli-1" : "p-2 pointer-fine:p-2 mie-1"),
-    icon: icon ?? fallbackIcon,
-    iconOnly,
-    label: baseLabel,
-    disabled,
-    onClick: (event) => {
-      if (disabled) {
-        return;
-      }
-      event.stopPropagation();
-      void invoke?.(caller ? {
-        node: parent,
-        caller
-      } : {
-        node: parent
-      });
-    },
-    "data-testid": testId
-  });
-};
-var NavTreeItemAction = ({ monolithic, menuActions, parent: node, ...props }) => {
-  const { t } = useTranslation5(NAVTREE_PLUGIN);
-  const monolithicAction = menuActions?.length === 1 && menuActions[0];
-  const baseLabel = toLocalizedString4(monolithicAction ? monolithicAction.properties.label : props.label, t);
-  return monolithic && menuActions?.length === 1 ? /* @__PURE__ */ React5.createElement(NavTreeItemMonolithicAction, {
-    baseLabel,
-    parent: node,
-    ...menuActions[0]
-  }) : /* @__PURE__ */ React5.createElement(NavTreeItemActionDropdownMenu, {
-    ...props,
-    label: baseLabel,
-    parent: node,
-    menuActions,
-    onAction: (action) => action.data?.(props.caller ? {
-      node,
-      caller: props.caller
-    } : {
-      node
-    })
-  });
-};
-
-// packages/plugins/plugin-navtree/src/components/NavTreeItemColumns.tsx
-var NavTreeItemColumns = /* @__PURE__ */ memo(({ path, item, open, density = "fine" }) => {
-  const { t } = useTranslation6(NAVTREE_PLUGIN);
-  const { getActions: getActions2, renderItemEnd: ItemEnd, popoverAnchorId } = useNavTreeContext();
-  const level = path.length - 2;
-  const { actions: _actions, groupedActions } = getActions2(item);
-  const [primaryAction, ...secondaryActions] = _actions.toSorted((a, b) => a.properties?.disposition === "list-item-primary" ? -1 : 1);
-  const actions = (primaryAction?.properties?.disposition === "list-item-primary" ? secondaryActions : _actions).flatMap((action) => isAction3(action) ? [
-    action
-  ] : []).filter((action) => !action.properties?.hidden);
-  const ActionRoot = popoverAnchorId === `dxos.org/ui/${NAV_TREE_ITEM}/${item.id}` ? Popover2.Anchor : Fragment;
-  useLoadDescendents(item);
-  useLoadDescendents(primaryAction && !isAction3(primaryAction) ? primaryAction : void 0);
-  return /* @__PURE__ */ React6.createElement(DensityProvider, {
-    density
-  }, /* @__PURE__ */ React6.createElement("div", {
-    role: "none",
-    className: "contents app-no-drag"
-  }, primaryAction?.properties?.disposition === "list-item-primary" && !primaryAction?.properties?.disabled ? /* @__PURE__ */ React6.createElement(NavTreeItemAction, {
-    testId: primaryAction.properties?.testId,
-    label: toLocalizedString5(primaryAction.properties?.label, t),
-    icon: primaryAction.properties?.icon ?? "ph--placeholder--regular",
-    parent: item,
-    monolithic: isAction3(primaryAction),
-    menuActions: isAction3(primaryAction) ? [
-      primaryAction
-    ] : groupedActions[primaryAction.id],
-    menuType: primaryAction.properties?.menuType,
-    caller: NAV_TREE_ITEM
-  }) : /* @__PURE__ */ React6.createElement(Treegrid.Cell, null), /* @__PURE__ */ React6.createElement(ActionRoot, null, actions.length > 0 ? /* @__PURE__ */ React6.createElement(NavTreeItemAction, {
-    testId: `navtree.treeItem.actionsLevel${level}`,
-    label: t("tree item actions label"),
-    icon: "ph--dots-three-vertical--regular",
-    parent: item,
-    menuActions: actions,
-    menuType: "dropdown",
-    caller: NAV_TREE_ITEM
-  }) : /* @__PURE__ */ React6.createElement(Treegrid.Cell, null)), ItemEnd && /* @__PURE__ */ React6.createElement(ItemEnd, {
-    node: item,
-    open
-  })));
-});
-
-// packages/plugins/plugin-navtree/src/components/L1Panels.tsx
-var headingBackButtonLabel = "absolute inset-0 min-is-0 truncate flex items-center pis-6 transition-[transform,opacity] ease-in-out duration-200";
-var HeadingBackButton = ({ title, onClick }) => {
-  const { t } = useTranslation7(NAVTREE_PLUGIN);
-  return /* @__PURE__ */ React7.createElement(Button3, {
-    variant: "ghost",
-    classNames: "pli-1 flex-1 relative group text-start justify-start bs-[--rail-action] font-normal",
-    onClick
-  }, /* @__PURE__ */ React7.createElement(Icon3, {
-    icon: "ph--caret-left--bold",
-    size: 3
-  }), /* @__PURE__ */ React7.createElement("span", {
-    className: mx4(headingBackButtonLabel, "translate-y-2 opacity-0 group-hover:translate-y-0 group-hover:opacity-100 group-focus:translate-y-0 group-focus:opacity-100")
-  }, t("back label")), /* @__PURE__ */ React7.createElement("span", {
-    className: mx4(headingBackButtonLabel, "translate-y-0 opacity-100 group-hover:-translate-y-2 group-hover:opacity-0 group-focus:-translate-y-2 group-focus:opacity-0")
-  }, title));
-};
-var L1Panel = ({ item, path, currentItemId, onBack }) => {
-  const layout = useLayout();
-  const { isAlternateTree, setAlternateTree, ...navTreeContext } = useNavTreeContext();
-  const { t } = useTranslation7(NAVTREE_PLUGIN);
-  const alternateTree = navTreeContext.getItems(item, "alternate-tree")[0];
-  const alternatePath = useMemo3(() => [
-    ...path,
-    item.id
-  ], [
-    item.id,
-    path
-  ]);
-  const handleOpen = useCallback2(() => setAlternateTree?.(alternatePath, true), [
-    alternatePath,
-    setAlternateTree
-  ]);
-  const isAlternate = isAlternateTree?.(alternatePath, item) ?? false;
-  const alternateGetItems = useCallback2((node, disposition) => {
-    const items = navTreeContext.getItems(node, disposition);
-    if (node === alternateTree) {
-      return items.toSorted((a, b) => byPosition(a.properties, b.properties));
-    }
-    return items;
-  }, [
-    navTreeContext,
-    alternateTree
-  ]);
-  const handleBack = useCallback2(() => {
-    if (isAlternate) {
-      setAlternateTree?.(alternatePath, false);
-    } else {
-      onBack?.();
-    }
-  }, [
-    isAlternate,
-    onBack,
-    alternatePath,
-    setAlternateTree
-  ]);
-  const title = toLocalizedString6(item.properties.label, t);
-  const backCapable = item.id.startsWith("!") || isAlternate;
-  return /* @__PURE__ */ React7.createElement(Tabs2.Tabpanel, {
-    key: item.id,
-    value: item.id,
-    classNames: [
-      "absolute inset-block-0 inline-end-0 is-[calc(100%-var(--l0-size))] lg:is-[--l1-size] grid-cols-1 grid-rows-[var(--rail-size)_1fr] pbs-[env(safe-area-inset-top)]",
-      item.id === currentItemId && "grid"
-    ],
-    tabIndex: -1,
-    "aria-label": title,
-    ...!layout.sidebarOpen && {
-      inert: "true"
-    }
-  }, item.id === currentItemId && /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement("h2", {
-    className: "flex items-center border-be border-separator app-drag pis-1"
-  }, backCapable ? /* @__PURE__ */ React7.createElement(HeadingBackButton, {
-    title,
-    onClick: handleBack
-  }) : /* @__PURE__ */ React7.createElement("span", {
-    className: "flex-1 truncate min-is-0 pis-6"
-  }, title), alternateTree && !isAlternate && /* @__PURE__ */ React7.createElement(IconButton2, {
-    variant: "ghost",
-    classNames: mx4("shrink-0", hoverableControlItem2, hoverableOpenControlItem2, "pli-2 pointer-fine:pli-1"),
-    iconOnly: true,
-    size: 5,
-    density: "coarse",
-    icon: alternateTree.properties.icon ?? "ph--placeholder--regular",
-    label: toLocalizedString6(alternateTree.properties.label ?? alternateTree.id, t),
-    "data-testid": "treeView.alternateTreeButton",
-    onClick: handleOpen
-  }), /* @__PURE__ */ React7.createElement(NavTreeItemColumns, {
-    path,
-    item,
-    open: true,
-    density: "coarse"
-  })), /* @__PURE__ */ React7.createElement("div", {
-    role: "none",
-    className: "overflow-y-auto"
-  }, isAlternate ? /* @__PURE__ */ React7.createElement(Tree, {
-    ...navTreeContext,
-    getItems: alternateGetItems,
-    id: alternateTree.id,
-    root: alternateTree,
-    path: alternatePath,
-    levelOffset: 5,
-    gridTemplateColumns: "[tree-row-start] 1fr min-content min-content min-content [tree-row-end]",
-    renderColumns: NavTreeItemColumns
-  }) : /* @__PURE__ */ React7.createElement(Tree, {
-    ...navTreeContext,
-    id: item.id,
-    root: item,
-    path,
-    levelOffset: 5,
-    draggable: true,
-    gridTemplateColumns: "[tree-row-start] 1fr min-content min-content min-content [tree-row-end]",
-    renderColumns: NavTreeItemColumns
-  }))));
-};
-var L1PanelCollection = ({ item, path, currentItemId }) => {
-  const { getItems } = useNavTreeContext();
-  useLoadDescendents(item);
-  const collectionItems = getItems(item);
-  const groupPath = useMemo3(() => [
-    ...path,
-    item.id
-  ], [
-    item.id,
-    path
-  ]);
-  return /* @__PURE__ */ React7.createElement(React7.Fragment, null, collectionItems.filter((item2) => l0ItemType(item2) === "tab").map((item2) => /* @__PURE__ */ React7.createElement(L1Panel, {
-    key: item2.id,
-    item: item2,
-    path: groupPath,
-    currentItemId
-  })));
-};
-var L1Panels = ({ topLevelItems, path, currentItemId, onBack }) => {
-  return /* @__PURE__ */ React7.createElement(React7.Fragment, null, topLevelItems.map((item) => {
-    const type = l0ItemType(item);
-    switch (type) {
-      case "collection":
-        return /* @__PURE__ */ React7.createElement(L1PanelCollection, {
-          key: item.id,
-          item,
-          path,
-          currentItemId
-        });
-      case "tab":
-        return /* @__PURE__ */ React7.createElement(L1Panel, {
-          key: item.id,
-          item,
-          path,
-          currentItemId,
-          onBack
-        });
-      default:
-        return null;
-    }
-  }));
-};
-
-// packages/plugins/plugin-navtree/src/components/NavTree.tsx
-var NAV_TREE_ITEM = "NavTreeItem";
-var NavTree = ({ id, root }) => {
-  const { tab, getItems, onBack } = useNavTreeContext();
-  const topLevelActions = getItems(root, "item").toSorted((a, b) => byPosition2(a.properties, b.properties));
-  const topLevelCollections = getItems(root, "collection");
-  const topLevelWorkspaces = getItems(root, "workspace");
-  const topLevelNavigation = getItems(root, "navigation");
-  const l0Items = useMemo4(() => [
-    ...topLevelActions,
-    ...topLevelCollections,
-    ...topLevelWorkspaces,
-    ...topLevelNavigation
-  ], [
-    topLevelActions,
-    topLevelCollections,
-    topLevelWorkspaces,
-    topLevelNavigation
-  ]);
-  const pinnedItems = getItems(root, "pin-end").toSorted((a, b) => byPosition2(a.properties, b.properties));
-  const userAccountItem = getItems(root, "user-account")[0];
-  const topLevelItems = useMemo4(() => [
-    ...l0Items,
-    ...pinnedItems,
-    userAccountItem
-  ], [
-    l0Items,
-    pinnedItems,
-    userAccountItem
-  ]);
-  useLoadDescendents(root);
-  const path = useMemo4(() => [
-    id
-  ], [
-    id
-  ]);
-  return (
-    // NOTE(thure): 74px (rather than rem) is intentional in order to match the size of macOS windowing controls
-    /* @__PURE__ */ React8.createElement(Tabs3.Root, {
-      value: tab,
-      orientation: "vertical",
-      verticalVariant: "stateless",
-      classNames: "relative"
-    }, /* @__PURE__ */ React8.createElement(L0Menu, {
-      topLevelItems: l0Items,
-      pinnedItems,
-      userAccountItem,
-      path,
-      parent: root
-    }), /* @__PURE__ */ React8.createElement(L1Panels, {
-      topLevelItems,
-      path,
-      currentItemId: tab,
-      onBack
-    }))
-  );
-};
-
-// packages/plugins/plugin-navtree/src/capabilities/index.ts
-import { lazy } from "@dxos/app-framework";
-var AppGraphBuilder = lazy(() => import("./app-graph-builder-26D3MUCA.mjs"));
-var IntentResolver = lazy(() => import("./intent-resolver-OBGGMBVJ.mjs"));
-var Keyboard2 = lazy(() => import("./keyboard-IQXHKUWM.mjs"));
-var ReactSurface = lazy(() => import("./react-surface-DWMOF2TM.mjs"));
-var State = lazy(() => import("./state-EW62QYEN.mjs"));
-
-// packages/plugins/plugin-navtree/src/components/NavTreeContainer.tsx
-var NODE_TYPE = "dxos/app-graph/node";
-var renderItemEnd = ({ node, open }) => /* @__PURE__ */ React9.createElement(Surface, {
-  role: "navtree-item-end",
-  data: {
-    id: node.id,
-    subject: node.data,
-    open
-  },
-  limit: 1
-});
-var getChildrenFilter = (node) => untracked(() => !isActionLike2(node) && node.type !== PLANK_COMPANION_TYPE);
-var NavTreeContainer = /* @__PURE__ */ memo2(({ tab, popoverAnchorId, topbar }) => {
-  const [isLg] = useMediaQuery2("lg", {
-    ssr: false
-  });
-  const { dispatchPromise: dispatch } = useIntentDispatcher4();
-  const { graph } = useAppGraph2();
-  const layout = useLayout2();
-  const { isOpen, isCurrent, isAlternateTree, setItem } = useCapability(NavTreeCapabilities.State);
-  const getActions2 = useCallback3((node) => getActions(graph, node), [
-    graph
-  ]);
-  const getItems = useCallback3((node, disposition) => {
-    return graph.nodes(node ?? graph.root, {
-      filter: (node2) => {
-        return untracked(() => {
-          if (!disposition && (node2.properties.disposition === "hidden" || node2.properties.disposition === "alternate-tree")) {
-            return false;
-          } else if (!disposition) {
-            const action = isAction4(node2);
-            return !action || node2.properties.disposition === "item";
-          } else {
-            return node2.properties.disposition === disposition;
-          }
-        });
-      }
-    });
-  }, [
-    graph
-  ]);
-  const getProps = useCallback3((node, path) => {
-    const children = getChildren(graph, node, getChildrenFilter, path);
-    const parentOf = children.length > 0 ? children.map(({ id }) => id) : node.properties.role === "branch" ? [] : void 0;
-    return {
-      id: node.id,
-      label: node.properties.label ?? node.id,
-      parentOf,
-      icon: node.properties.icon,
-      disabled: node.properties.disabled,
-      className: mx5(node.properties.modified && "italic", node.properties.className),
-      headingClassName: node.properties.headingClassName,
-      testId: node.properties.testId
-    };
-  }, [
-    graph
-  ]);
-  const loadDescendents = useCallback3((node) => {
-    void expandActions(graph, node);
-    if (!isActionLike2(node)) {
-      void expandChildren(graph, node).then(() => (
-        // Load one level deeper, which resolves some juddering observed on open/close.
-        Promise.all(getChildren(graph, node).flatMap((child) => [
-          expandActions(graph, child),
-          expandChildren(graph, child)
-        ]))
-      ));
-    }
-  }, [
-    graph
-  ]);
-  const onOpenChange = useCallback3(({ item: { id }, path, open }) => {
-    setItem(path, "open", open);
-    if (graph) {
-      const node = graph.findNode(id);
-      return node && expandChildrenAndActions(graph, node);
-    }
-  }, [
-    graph
-  ]);
-  const onTabChange = useCallback3(async (node) => {
-    await dispatch(createIntent4(LayoutAction4.SwitchWorkspace, {
-      part: "workspace",
-      subject: node.id
-    }));
-    if (layout.active.length === 0) {
-      const [item] = getItems(node).filter((node2) => !isActionLike2(node2));
-      if (item && item.data) {
-        await dispatch(createIntent4(LayoutAction4.Open, {
-          part: "main",
-          subject: [
-            item.id
-          ]
-        }));
-      }
-    }
-  }, [
-    dispatch,
-    layout
-  ]);
-  const canDrop = useCallback3((source, target) => {
-    const sourceNode = source.item;
-    const targetNode = target.item;
-    if (isSpace(targetNode.data)) {
-      return isEchoObject(sourceNode.data) || isSpace(sourceNode.data);
-    } else if (isEchoObject(targetNode.data)) {
-      return isEchoObject(sourceNode.data);
-    } else {
-      return false;
-    }
-  }, []);
-  const handleSelect = useCallback3(({ item: node, path, option }) => {
-    if (!node.data) {
-      return;
-    }
-    if (isAction4(node)) {
-      const [parent] = graph.nodes(node, {
-        relation: "inbound"
-      });
-      void (parent && node.data({
-        node: parent,
-        caller: NAV_TREE_ITEM
-      }));
-      return;
-    }
-    const current = isCurrent(path, node);
-    if (!current) {
-      void dispatch(createIntent4(LayoutAction4.Open, {
-        part: "main",
-        subject: [
-          node.id
-        ],
-        options: {
-          key: node.properties.key
-        }
-      }));
-    } else if (option) {
-      void dispatch(createIntent4(LayoutAction4.Close, {
-        part: "main",
-        subject: [
-          node.id
-        ],
-        options: {
-          state: false
-        }
-      }));
-    } else {
-      void dispatch(createIntent4(LayoutAction4.ScrollIntoView, {
-        part: "current",
-        subject: node.id
-      }));
-    }
-    const defaultAction = graph.actions(node).find((action) => action.properties?.disposition === "default");
-    if (isAction4(defaultAction)) {
-      void defaultAction.data();
-    }
-    if (!isLg) {
-      void dispatch(createIntent4(LayoutAction4.UpdateSidebar, {
-        part: "sidebar",
-        options: {
-          state: "closed"
-        }
-      }));
-    }
-  }, [
-    graph,
-    dispatch,
-    isCurrent,
-    isLg
-  ]);
-  const onBack = useCallback3(() => dispatch(createIntent4(LayoutAction4.RevertWorkspace, {
-    part: "workspace",
-    options: {
-      revert: true
-    }
-  })), [
-    dispatch
-  ]);
-  useEffect3(() => {
-    return monitorForElements({
-      canMonitor: ({ source }) => isTreeData(source.data),
-      onDrop: ({ location, source }) => {
-        if (!location.current.dropTargets.length) {
-          return;
-        }
-        const target = location.current.dropTargets[0];
-        const instruction = extractInstruction(target.data);
-        if (instruction !== null && instruction.type !== "instruction-blocked") {
-          const sourceNode = source.data.item;
-          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 sourceParent = getParent(graph, sourceNode, sourcePath);
-          const targetParent = getParent(graph, targetNode, targetPath);
-          const sourceItems = getItems(sourceParent);
-          const targetItems = getItems(targetParent);
-          const sourceIndex = sourceItems.findIndex(({ id }) => id === sourceNode.id);
-          const targetIndex = targetItems.findIndex(({ id }) => id === targetNode.id);
-          const migrationIndex = instruction.type === "make-child" ? void 0 : instruction.type === "reorder-below" ? targetIndex + 1 : targetIndex;
-          switch (operation) {
-            case "rearrange": {
-              const nextItems = sourceItems.map(({ data }) => data);
-              arrayMove2(nextItems, sourceIndex, targetIndex);
-              void sourceParent?.properties.onRearrangeChildren?.(nextItems);
-              break;
-            }
-            case "copy": {
-              const target2 = instruction.type === "make-child" ? targetNode : targetParent;
-              void target2?.properties.onCopy?.(sourceNode, migrationIndex);
-              break;
-            }
-            case "transfer": {
-              const target2 = instruction.type === "make-child" ? targetNode : targetParent;
-              if (!target2?.properties.onTransferStart || !sourceParent?.properties.onTransferEnd) {
-                break;
-              }
-              void target2?.properties.onTransferStart(sourceNode, migrationIndex);
-              void sourceParent?.properties.onTransferEnd?.(sourceNode, target2);
-              break;
-            }
-          }
-        }
-      }
-    });
-  }, [
-    graph
-  ]);
-  const setAlternateTree = useCallback3((path, open) => {
-    setItem(path, "alternateTree", open);
-  }, [
-    setItem
-  ]);
-  const navTreeContextValue = useMemo5(() => ({
-    tab,
-    onTabChange,
-    onBack,
-    getActions: getActions2,
-    loadDescendents,
-    renderItemEnd,
-    popoverAnchorId,
-    topbar,
-    getItems,
-    getProps,
-    isCurrent,
-    isOpen,
-    onOpenChange,
-    canDrop,
-    onSelect: handleSelect,
-    isAlternateTree,
-    setAlternateTree
-  }), [
-    tab,
-    onTabChange,
-    onBack,
-    getActions2,
-    loadDescendents,
-    renderItemEnd,
-    popoverAnchorId,
-    topbar,
-    getItems,
-    getProps,
-    isCurrent,
-    isOpen,
-    onOpenChange,
-    canDrop,
-    handleSelect,
-    isAlternateTree,
-    setAlternateTree
-  ]);
-  return /* @__PURE__ */ React9.createElement(NavTreeContext.Provider, {
-    value: navTreeContextValue
-  }, /* @__PURE__ */ React9.createElement(NavTree, {
-    root: graph.root,
-    id: graph.root.id
-  }));
-});
-
-export {
-  CommandsDialogContent,
-  CommandsTrigger,
-  getParent,
-  getPersistenceParent,
-  resolveMigrationOperation,
-  sortActions,
-  getChildren,
-  getActions,
-  expandChildrenAndActions,
-  expandChildren,
-  expandActions,
-  l0ItemType,
-  NODE_TYPE,
-  NavTreeContainer,
-  NavTreeDocumentTitle,
-  AppGraphBuilder,
-  IntentResolver,
-  Keyboard2 as Keyboard,
-  ReactSurface,
-  State
-};
-//# sourceMappingURL=chunk-FHOAKMRS.mjs.map