@dxos/plugin-navtree 0.8.4-main.fffef41 → 0.8.4-staging.60fe92afc8

package/dist/lib/neutral/chunk-5OPDKH6B.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/NavTreeContainer/NavTreeContainer.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Instruction, extractInstruction } from '@atlaskit/pragmatic-drag-and-drop-hitbox/tree-item';\nimport { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';\nimport React, { forwardRef, memo, useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport { Surface, useOperationInvoker } from '@dxos/app-framework/ui';\nimport { LayoutOperation } from '@dxos/app-toolkit';\nimport { useAppGraph, useLayout } from '@dxos/app-toolkit/ui';\nimport { Graph, Node, useActionRunner } from '@dxos/plugin-graph';\nimport { useMediaQuery, useSidebars } from '@dxos/react-ui';\nimport { type TreeData, isTreeData } from '@dxos/react-ui-list';\nimport { arrayMove } from '@dxos/util';\n\nimport { NAV_TREE_ITEM, NavTree, NavTreeContext } from '#components';\nimport { useNavTreeModel, useNavTreeState } from '#hooks';\nimport { meta } from '#meta';\nimport { type NavTreeItemGraphNode } from '#types';\n\nimport { filterItems, getParent, resolveMigrationOperation } from '../../util';\n\n// TODO(thure): Is NavTree truly authoritative in this regard?\nexport const NODE_TYPE = 'dxos/app-graph/node';\n\n// TODO(wittjosiah): Avoid using Surface within the navtree, prefer declarative data flow.\nconst NavTreeItemEnd = ({ node, open }: { node: Node.Node; open: boolean }) => {\n  const data = useMemo(() => ({ id: node.id, subject: node.data, open }), [node.id, node.data, open]);\n  return <Surface.Surface role='navtree-item-end' data={data} limit={1} />;\n};\n\nconst getItems = (graph: Graph.ReadableGraph, node?: Node.Node, disposition?: string) => {\n  return Graph.getConnections(graph, node?.id ?? Node.RootId, 'child').filter((node) => filterItems(node, disposition));\n};\n\nexport type NavTreeContainerProps = {\n  popoverAnchorId?: string;\n  tab: string;\n};\n\nexport const NavTreeContainer$ = forwardRef<HTMLDivElement, NavTreeContainerProps>(\n  ({ tab, popoverAnchorId }, forwardedRef) => {\n    const [isLg] = useMediaQuery('lg');\n    const { invokePromise } = useOperationInvoker();\n    const runAction = useActionRunner();\n    const { graph } = useAppGraph();\n    const { getItem, setItem } = useNavTreeState();\n    const layout = useLayout();\n    const model = useNavTreeModel(Node.RootId);\n    const { navigationSidebarState } = useSidebars(meta.id);\n    const latestRef = useRef({\n      tab,\n      activeItems: layout.active,\n      navigationSidebarState,\n      isLg,\n    });\n\n    useEffect(() => {\n      latestRef.current = {\n        tab,\n        activeItems: layout.active,\n        navigationSidebarState,\n        isLg,\n      };\n    }, [tab, layout.active, navigationSidebarState, isLg]);\n\n    const handleOpenChange = useCallback(\n      ({ item: { id }, path, open }: { item: Node.Node; path: string[]; open: boolean }) => {\n        // TODO(thure): This might become a localstorage leak; openItemIds that no longer exist should be removed from this map.\n        setItem(path, 'open', open);\n        Graph.expand(graph, id, 'child');\n      },\n      [graph, setItem],\n    );\n\n    const handleTabChange = useCallback(\n      (node: NavTreeItemGraphNode) => {\n        Graph.expand(graph, node.id, 'child');\n\n        const {\n          tab: activeTab,\n          activeItems,\n          navigationSidebarState: currentSidebarState,\n          isLg: latestIsLg,\n        } = latestRef.current;\n        void invokePromise(LayoutOperation.UpdateSidebar, {\n          state:\n            node.id === activeTab\n              ? currentSidebarState === 'expanded'\n                ? latestIsLg\n                  ? 'collapsed'\n                  : 'closed'\n                : 'expanded'\n              : 'expanded',\n        });\n\n        void invokePromise(LayoutOperation.SwitchWorkspace, { subject: node.id });\n\n        // Open the first item if the workspace is empty.\n        if (activeItems.length === 0) {\n          const [item] = getItems(graph, node).filter((node) => !Node.isActionLike(node));\n          if (item && item.data) {\n            if (layout.mode === 'multi') {\n              void invokePromise(LayoutOperation.Set, { subject: [item.id] });\n            } else {\n              void invokePromise(LayoutOperation.Open, { subject: [item.id] });\n            }\n          }\n        }\n      },\n      [invokePromise, graph, layout.mode],\n    );\n\n    const blockInstruction = useCallback(\n      ({ instruction, source, target }: { instruction: Instruction; source: TreeData; target: TreeData }) => {\n        return target.item.properties.blockInstruction?.(source, instruction) ?? false;\n      },\n      [],\n    );\n\n    const canDrop = useCallback(({ source, target }: { source: TreeData; target: TreeData }) => {\n      return target.item.properties.canDrop?.(source) ?? false;\n    }, []);\n\n    const canSelect = useCallback(({ item }: { item: Node.Node }) => {\n      return item.properties.selectable ?? true;\n    }, []);\n\n    const handleSelect = useCallback(\n      ({ item: node, path, option }: { item: Node.Node; path: string[]; option: boolean }) => {\n        if (!node.data) {\n          return;\n        }\n\n        if (Node.isAction(node)) {\n          const [parent] = Graph.getConnections(graph, node.id, Node.childRelation('inbound'));\n          if (parent) {\n            void runAction(node, { parent, path, caller: NAV_TREE_ITEM });\n          }\n          return;\n        }\n\n        const current = getItem(path).current;\n        if (!current) {\n          if (layout.mode === 'multi') {\n            void invokePromise(LayoutOperation.Set, { subject: [node.id] });\n          } else {\n            void invokePromise(LayoutOperation.Open, { subject: [node.id], key: node.properties.key });\n          }\n        } else if (option) {\n          void invokePromise(LayoutOperation.Close, { subject: [node.id] });\n        } else {\n          void invokePromise(LayoutOperation.ScrollIntoView, { subject: node.id });\n        }\n\n        const defaultAction = Graph.getActions(graph, node.id).find(\n          (action) => action.properties?.disposition === 'default',\n        );\n        if (Node.isAction(defaultAction)) {\n          void runAction(defaultAction);\n        }\n\n        if (!isLg) {\n          void invokePromise(LayoutOperation.UpdateSidebar, { state: 'closed' });\n        }\n      },\n      [graph, invokePromise, getItem, runAction, isLg, layout.mode],\n    );\n\n    const handleBack = useCallback(() => void invokePromise(LayoutOperation.RevertWorkspace), [invokePromise]);\n\n    // TODO(wittjosiah): Factor out hook.\n    useEffect(() => {\n      return monitorForElements({\n        canMonitor: ({ source }) => isTreeData(source.data),\n        onDrop: ({ location, source }) => {\n          // Didn't drop on anything.\n          if (!location.current.dropTargets.length) {\n            return;\n          }\n          const target = location.current.dropTargets[0];\n          const instruction: Instruction | null = extractInstruction(target.data);\n          if (instruction !== null && instruction.type !== 'instruction-blocked') {\n            const sourceNode = source.data.item as NavTreeItemGraphNode;\n            const targetNode = target.data.item as NavTreeItemGraphNode;\n            const sourcePath = source.data.path as string[];\n            const targetPath = target.data.path as string[];\n            const sameParent = sourcePath.slice(0, -1).join() === targetPath.slice(0, -1).join();\n            const operation =\n              sameParent && instruction.type !== 'make-child'\n                ? 'rearrange'\n                : resolveMigrationOperation(graph, sourceNode, targetPath, targetNode);\n            const sourceParent = getParent(graph, sourceNode, sourcePath);\n            const targetParent = getParent(graph, targetNode, targetPath);\n            const sourceItems = getItems(graph, sourceParent);\n            const targetItems = getItems(graph, targetParent);\n            const sourceIndex = sourceItems.findIndex(({ id }) => id === sourceNode.id);\n            const targetIndex = targetItems.findIndex(({ id }) => id === targetNode.id);\n            const migrationIndex =\n              instruction.type === 'make-child'\n                ? undefined\n                : instruction.type === 'reorder-below'\n                  ? targetIndex + 1\n                  : targetIndex;\n            switch (operation) {\n              case 'rearrange': {\n                const nextItems = sourceItems.map(({ data }) => data);\n                arrayMove(nextItems, sourceIndex, targetIndex);\n                void sourceNode.properties.onRearrange?.(nextItems);\n                break;\n              }\n              case 'copy': {\n                const target = instruction.type === 'make-child' ? targetNode : targetParent;\n                void target?.properties.onCopy?.(sourceNode, migrationIndex);\n                break;\n              }\n              case 'transfer': {\n                const target = instruction.type === 'make-child' ? targetNode : targetParent;\n                if (!target?.properties.onTransferStart || target?.id === sourceParent?.id) {\n                  break;\n                }\n                void target?.properties.onTransferStart(sourceNode, migrationIndex);\n                void sourceParent?.properties.onTransferEnd?.(sourceNode, target);\n                break;\n              }\n            }\n          }\n        },\n      });\n    }, [graph]);\n\n    const onItemHover = useCallback(({ item }: { item: Node.Node }) => Graph.expand(graph, item.id, 'child'), [graph]);\n\n    const navTreeContextValue = useMemo(\n      () => ({\n        model,\n        popoverAnchorId,\n        renderItemEnd: NavTreeItemEnd,\n        blockInstruction,\n        canDrop,\n        canSelect,\n        onBack: handleBack,\n        onOpenChange: handleOpenChange,\n        onSelect: handleSelect,\n        onTabChange: handleTabChange,\n        onItemHover,\n      }),\n      [\n        model,\n        popoverAnchorId,\n        blockInstruction,\n        canDrop,\n        canSelect,\n        handleBack,\n        handleOpenChange,\n        handleSelect,\n        handleTabChange,\n        onItemHover,\n      ],\n    );\n\n    return (\n      <NavTreeContext.Provider value={navTreeContextValue}>\n        <NavTree id={Node.RootId} root={Graph.getRoot(graph)} tab={tab} open={layout.sidebarOpen} ref={forwardedRef} />\n      </NavTreeContext.Provider>\n    );\n  },\n);\n\nexport const NavTreeContainer = memo(NavTreeContainer$);\n"],
+  "mappings": "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",
+  "names": ["extractInstruction", "monitorForElements", "React", "forwardRef", "memo", "useCallback", "useEffect", "useMemo", "useRef", "Surface", "useOperationInvoker", "LayoutOperation", "useAppGraph", "useLayout", "Graph", "Node", "useActionRunner", "useMediaQuery", "useSidebars", "isTreeData", "arrayMove", "NAV_TREE_ITEM", "NavTree", "NavTreeContext", "useNavTreeModel", "useNavTreeState", "meta", "NODE_TYPE", "NavTreeItemEnd", "node", "open", "data", "useMemo", "id", "subject", "Surface", "role", "limit", "getItems", "graph", "disposition", "Graph", "getConnections", "Node", "RootId", "filter", "filterItems", "NavTreeContainer$", "forwardRef", "tab", "popoverAnchorId", "forwardedRef", "isLg", "useMediaQuery", "invokePromise", "useOperationInvoker", "runAction", "useActionRunner", "useAppGraph", "getItem", "setItem", "useNavTreeState", "layout", "useLayout", "model", "useNavTreeModel", "navigationSidebarState", "useSidebars", "meta", "latestRef", "useRef", "activeItems", "active", "useEffect", "current", "handleOpenChange", "useCallback", "item", "path", "expand", "handleTabChange", "activeTab", "currentSidebarState", "latestIsLg", "LayoutOperation", "UpdateSidebar", "state", "SwitchWorkspace", "length", "isActionLike", "mode", "Set", "Open", "blockInstruction", "instruction", "source", "target", "properties", "canDrop", "canSelect", "selectable", "handleSelect", "option", "isAction", "parent", "childRelation", "caller", "NAV_TREE_ITEM", "key", "Close", "ScrollIntoView", "defaultAction", "getActions", "find", "action", "handleBack", "RevertWorkspace", "monitorForElements", "canMonitor", "isTreeData", "onDrop", "location", "dropTargets", "extractInstruction", "type", "sourceNode", "targetNode", "sourcePath", "targetPath", "sameParent", "slice", "join", "operation", "resolveMigrationOperation", "sourceParent", "getParent", "targetParent", "sourceItems", "targetItems", "sourceIndex", "findIndex", "targetIndex", "migrationIndex", "undefined", "nextItems", "map", "arrayMove", "onRearrange", "onCopy", "onTransferStart", "onTransferEnd", "onItemHover", "navTreeContextValue", "renderItemEnd", "onBack", "onOpenChange", "onSelect", "onTabChange", "NavTreeContext", "Provider", "value", "NavTree", "root", "getRoot", "sidebarOpen", "ref", "NavTreeContainer", "memo"]
+}

package/dist/lib/neutral/chunk-J5LGTIGS.mjs

@@ -0,0 +1,10 @@
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+export {
+  __export
+};
+//# sourceMappingURL=chunk-J5LGTIGS.mjs.map

package/dist/lib/neutral/chunk-J5LGTIGS.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/lib/neutral/chunk-JOSNCOV4.mjs

@@ -0,0 +1,79 @@
+// src/util.ts
+import { Graph, Node } 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);
+};
+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, path = []) => {
+  return Graph.getConnections(graph, node.id, "child").map((n) => {
+    const nextPath = [
+      ...path,
+      node.id
+    ];
+    return nextPath.includes(n.id) ? void 0 : n;
+  }).filter(isNonNullable);
+};
+var filterItems = (node, disposition) => {
+  if (!disposition && node.properties.disposition === "hidden") {
+    return false;
+  } else if (!disposition) {
+    const action = Node.isAction(node);
+    return !action || node.properties.disposition === "item";
+  } else {
+    return node.properties.disposition === disposition;
+  }
+};
+var l0ItemType = (item) => {
+  if (Node.isActionLike(item)) {
+    return "action";
+  } else {
+    return "tab";
+  }
+};
+
+export {
+  getParent,
+  getPersistenceParent,
+  resolveMigrationOperation,
+  sortActions,
+  getChildren,
+  filterItems,
+  l0ItemType
+};
+//# sourceMappingURL=chunk-JOSNCOV4.mjs.map

package/dist/lib/neutral/chunk-JOSNCOV4.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/util.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Graph, Node } from '@dxos/plugin-graph';\nimport { isNonNullable } from '@dxos/util';\n\nimport { type NavTreeItemGraphNode } from '#types';\n\nexport const getParent = (\n  graph: Graph.ReadableGraph,\n  node: NavTreeItemGraphNode,\n  path: string[],\n): NavTreeItemGraphNode | undefined => {\n  const parentId = path[path.length - 2];\n  return Graph.getConnections(graph, node.id, Node.childRelation('inbound')).find(\n    (n: Node.Node) => n.id === parentId,\n  ) as NavTreeItemGraphNode | undefined;\n};\n\nexport const getPersistenceParent = (\n  graph: Graph.ReadableGraph,\n  node: NavTreeItemGraphNode,\n  path: string[],\n  persistenceClass: string,\n): NavTreeItemGraphNode | null => {\n  if (node.properties.acceptPersistenceClass?.has(persistenceClass)) {\n    return node;\n  } else {\n    const parent = getParent(graph, node, path);\n    return parent ? getPersistenceParent(graph, parent, path.slice(0, path.length - 1), persistenceClass) : null;\n  }\n};\n\nexport const resolveMigrationOperation = (\n  graph: Graph.ReadableGraph,\n  activeNode: NavTreeItemGraphNode,\n  destinationPath: string[],\n  destinationRelatedNode?: NavTreeItemGraphNode,\n): 'transfer' | 'copy' | 'reject' => {\n  const activeClass = activeNode.properties.persistenceClass;\n  if (destinationRelatedNode && activeClass) {\n    const persistenceParent = getPersistenceParent(graph, destinationRelatedNode, destinationPath, activeClass);\n    if (persistenceParent) {\n      const activeKey = activeNode.properties.persistenceKey;\n      if (activeKey && persistenceParent?.properties.acceptPersistenceKey) {\n        return persistenceParent.properties.acceptPersistenceKey.has(activeKey) &&\n          persistenceParent.properties.onTransferStart\n          ? 'transfer'\n          : persistenceParent.properties.onCopy\n            ? 'copy'\n            : 'reject';\n      } else {\n        return 'reject';\n      }\n    } else {\n      return 'reject';\n    }\n  } else {\n    return 'reject';\n  }\n};\n\n// TODO(wittjosiah): Move into node implementation?\nexport const sortActions = (actions: Node.Action[]): Node.Action[] =>\n  actions.sort((a, b) => {\n    if (a.properties.disposition === b.properties.disposition) {\n      return 0;\n    }\n\n    if (a.properties.disposition === 'list-item-primary') {\n      return -1;\n    }\n\n    return 1;\n  });\n\nexport const getChildren = (\n  graph: Graph.ReadableGraph,\n  node: NavTreeItemGraphNode,\n  path: readonly string[] = [],\n): NavTreeItemGraphNode[] => {\n  return Graph.getConnections(graph, node.id, 'child')\n    .map((n: Node.Node) => {\n      // Break cycles.\n      const nextPath = [...path, node.id];\n      return nextPath.includes(n.id) ? undefined : (n as NavTreeItemGraphNode);\n    })\n    .filter(isNonNullable) as NavTreeItemGraphNode[];\n};\n\n/**\n * Determines whether a node should be visible based on its disposition.\n */\nexport const filterItems = (node: Node.Node, disposition?: string) => {\n  if (!disposition && node.properties.disposition === 'hidden') {\n    return false;\n  } else if (!disposition) {\n    const action = Node.isAction(node);\n    return !action || node.properties.disposition === 'item';\n  } else {\n    return node.properties.disposition === disposition;\n  }\n};\n\nexport const l0ItemType = (item: Node.Node) => {\n  if (Node.isActionLike(item)) {\n    return 'action';\n  } else {\n    return 'tab';\n  }\n};\n"],
+  "mappings": ";AAIA,SAASA,OAAOC,YAAY;AAC5B,SAASC,qBAAqB;AAIvB,IAAMC,YAAY,CACvBC,OACAC,MACAC,SAAAA;AAEA,QAAMC,WAAWD,KAAKA,KAAKE,SAAS,CAAA;AACpC,SAAOR,MAAMS,eAAeL,OAAOC,KAAKK,IAAIT,KAAKU,cAAc,SAAA,CAAA,EAAYC,KACzE,CAACC,MAAiBA,EAAEH,OAAOH,QAAAA;AAE/B;AAEO,IAAMO,uBAAuB,CAClCV,OACAC,MACAC,MACAS,qBAAAA;AAEA,MAAIV,KAAKW,WAAWC,wBAAwBC,IAAIH,gBAAAA,GAAmB;AACjE,WAAOV;EACT,OAAO;AACL,UAAMc,SAAShB,UAAUC,OAAOC,MAAMC,IAAAA;AACtC,WAAOa,SAASL,qBAAqBV,OAAOe,QAAQb,KAAKc,MAAM,GAAGd,KAAKE,SAAS,CAAA,GAAIO,gBAAAA,IAAoB;EAC1G;AACF;AAEO,IAAMM,4BAA4B,CACvCjB,OACAkB,YACAC,iBACAC,2BAAAA;AAEA,QAAMC,cAAcH,WAAWN,WAAWD;AAC1C,MAAIS,0BAA0BC,aAAa;AACzC,UAAMC,oBAAoBZ,qBAAqBV,OAAOoB,wBAAwBD,iBAAiBE,WAAAA;AAC/F,QAAIC,mBAAmB;AACrB,YAAMC,YAAYL,WAAWN,WAAWY;AACxC,UAAID,aAAaD,mBAAmBV,WAAWa,sBAAsB;AACnE,eAAOH,kBAAkBV,WAAWa,qBAAqBX,IAAIS,SAAAA,KAC3DD,kBAAkBV,WAAWc,kBAC3B,aACAJ,kBAAkBV,WAAWe,SAC3B,SACA;MACR,OAAO;AACL,eAAO;MACT;IACF,OAAO;AACL,aAAO;IACT;EACF,OAAO;AACL,WAAO;EACT;AACF;AAGO,IAAMC,cAAc,CAACC,YAC1BA,QAAQC,KAAK,CAACC,GAAGC,MAAAA;AACf,MAAID,EAAEnB,WAAWqB,gBAAgBD,EAAEpB,WAAWqB,aAAa;AACzD,WAAO;EACT;AAEA,MAAIF,EAAEnB,WAAWqB,gBAAgB,qBAAqB;AACpD,WAAO;EACT;AAEA,SAAO;AACT,CAAA;AAEK,IAAMC,cAAc,CACzBlC,OACAC,MACAC,OAA0B,CAAA,MAAE;AAE5B,SAAON,MAAMS,eAAeL,OAAOC,KAAKK,IAAI,OAAA,EACzC6B,IAAI,CAAC1B,MAAAA;AAEJ,UAAM2B,WAAW;SAAIlC;MAAMD,KAAKK;;AAChC,WAAO8B,SAASC,SAAS5B,EAAEH,EAAE,IAAIgC,SAAa7B;EAChD,CAAA,EACC8B,OAAOzC,aAAAA;AACZ;AAKO,IAAM0C,cAAc,CAACvC,MAAiBgC,gBAAAA;AAC3C,MAAI,CAACA,eAAehC,KAAKW,WAAWqB,gBAAgB,UAAU;AAC5D,WAAO;EACT,WAAW,CAACA,aAAa;AACvB,UAAMQ,SAAS5C,KAAK6C,SAASzC,IAAAA;AAC7B,WAAO,CAACwC,UAAUxC,KAAKW,WAAWqB,gBAAgB;EACpD,OAAO;AACL,WAAOhC,KAAKW,WAAWqB,gBAAgBA;EACzC;AACF;AAEO,IAAMU,aAAa,CAACC,SAAAA;AACzB,MAAI/C,KAAKgD,aAAaD,IAAAA,GAAO;AAC3B,WAAO;EACT,OAAO;AACL,WAAO;EACT;AACF;",
+  "names": ["Graph", "Node", "isNonNullable", "getParent", "graph", "node", "path", "parentId", "length", "getConnections", "id", "childRelation", "find", "n", "getPersistenceParent", "persistenceClass", "properties", "acceptPersistenceClass", "has", "parent", "slice", "resolveMigrationOperation", "activeNode", "destinationPath", "destinationRelatedNode", "activeClass", "persistenceParent", "activeKey", "persistenceKey", "acceptPersistenceKey", "onTransferStart", "onCopy", "sortActions", "actions", "sort", "a", "b", "disposition", "getChildren", "map", "nextPath", "includes", "undefined", "filter", "filterItems", "action", "isAction", "l0ItemType", "item", "isActionLike"]
+}

package/dist/lib/neutral/chunk-MDGKDQMZ.mjs

@@ -0,0 +1,37 @@
+// src/meta.ts
+import { Plugin } from "@dxos/app-framework";
+import { DXN } from "@dxos/keys";
+import { trim } from "@dxos/util";
+var meta = Plugin.makeMeta({
+  key: DXN.make("org.dxos.plugin.navtree"),
+  name: "Navtree",
+  author: "DXOS",
+  spec: "PLUGIN.mdl",
+  description: trim`
+    NavTreePlugin renders the application graph as a collapsible hierarchical tree in the Composer sidebar.
+    It manages workspace tabs at the root level and provides expand/collapse navigation for spaces, folders,
+    and objects, with open/current state persisted to localStorage across sessions.
+
+    The plugin wires drag-and-drop rearrangement and cross-parent transfer of tree items via Pragmatic DnD,
+    and registers graph-action keyboard shortcuts (including the ⌘K / Ctrl+K command palette) through a
+    global Keyboard singleton that tracks context as the user navigates.
+
+    An operation handler for LayoutOperation.Expose expands ancestor paths on demand so that any
+    programmatically activated item is scrolled into view in the tree.
+
+    A commands dialog surfaces all discoverable graph actions as a searchable palette, making it the primary
+    keyboard-first entry point for power users.
+  `,
+  tags: [
+    "system"
+  ]
+});
+var KEY_BINDING = "KeyBinding";
+var COMMANDS_DIALOG = DXN.make(`${meta.id}.commandsDialog`);
+
+export {
+  meta,
+  KEY_BINDING,
+  COMMANDS_DIALOG
+};
+//# sourceMappingURL=chunk-MDGKDQMZ.mjs.map

package/dist/lib/neutral/chunk-MDGKDQMZ.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/meta.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Plugin } from '@dxos/app-framework';\nimport { DXN } from '@dxos/keys';\nimport { trim } from '@dxos/util';\n\nexport const meta = Plugin.makeMeta({\n  key: DXN.make('org.dxos.plugin.navtree'),\n  name: 'Navtree',\n  author: 'DXOS',\n  spec: 'PLUGIN.mdl',\n  description: trim`\n    NavTreePlugin renders the application graph as a collapsible hierarchical tree in the Composer sidebar.\n    It manages workspace tabs at the root level and provides expand/collapse navigation for spaces, folders,\n    and objects, with open/current state persisted to localStorage across sessions.\n\n    The plugin wires drag-and-drop rearrangement and cross-parent transfer of tree items via Pragmatic DnD,\n    and registers graph-action keyboard shortcuts (including the ⌘K / Ctrl+K command palette) through a\n    global Keyboard singleton that tracks context as the user navigates.\n\n    An operation handler for LayoutOperation.Expose expands ancestor paths on demand so that any\n    programmatically activated item is scrolled into view in the tree.\n\n    A commands dialog surfaces all discoverable graph actions as a searchable palette, making it the primary\n    keyboard-first entry point for power users.\n  `,\n  tags: ['system'],\n});\n\n// TODO(wittjosiah): Factor out.\nexport const KEY_BINDING = 'KeyBinding';\n// TODO(wittjosiah): Factor out.\nexport const COMMANDS_DIALOG = DXN.make(`${meta.id}.commandsDialog`);\n"],
+  "mappings": ";AAIA,SAASA,cAAc;AACvB,SAASC,WAAW;AACpB,SAASC,YAAY;AAEd,IAAMC,OAAOH,OAAOI,SAAS;EAClCC,KAAKJ,IAAIK,KAAK,yBAAA;EACdC,MAAM;EACNC,QAAQ;EACRC,MAAM;EACNC,aAAaR;;;;;;;;;;;;;;;EAebS,MAAM;IAAC;;AACT,CAAA;AAGO,IAAMC,cAAc;AAEpB,IAAMC,kBAAkBZ,IAAIK,KAAK,GAAGH,KAAKW,EAAE,iBAAiB;",
+  "names": ["Plugin", "DXN", "trim", "meta", "makeMeta", "key", "make", "name", "author", "spec", "description", "tags", "KEY_BINDING", "COMMANDS_DIALOG", "id"]
+}

package/dist/lib/neutral/chunk-T7QS2EFI.mjs

@@ -0,0 +1,8 @@
+// src/operations/index.ts
+import { OperationHandlerSet } from "@dxos/compute";
+var NavTreeOperationHandlerSet = OperationHandlerSet.lazy(() => import("./expose-26FV4W5D.mjs"));
+
+export {
+  NavTreeOperationHandlerSet
+};
+//# sourceMappingURL=chunk-T7QS2EFI.mjs.map

package/dist/lib/neutral/chunk-T7QS2EFI.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/operations/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { OperationHandlerSet } from '@dxos/compute';\n\nexport const NavTreeOperationHandlerSet = OperationHandlerSet.lazy(() => import('./expose'));\n"],
+  "mappings": ";AAIA,SAASA,2BAA2B;AAE7B,IAAMC,6BAA6BD,oBAAoBE,KAAK,MAAM,OAAO,uBAAA,CAAA;",
+  "names": ["OperationHandlerSet", "NavTreeOperationHandlerSet", "lazy"]
+}

package/dist/lib/neutral/chunk-ZSWYB7JW.mjs

@@ -0,0 +1,27 @@
+import {
+  __export
+} from "./chunk-J5LGTIGS.mjs";
+
+// src/types/NavTreeCapabilities.ts
+var NavTreeCapabilities_exports = {};
+__export(NavTreeCapabilities_exports, {
+  State: () => State
+});
+import { Capability } from "@dxos/app-framework";
+import { meta } from "#meta";
+var State = Capability.make(`${meta.id}.capability.state`);
+
+// src/types/NavTreeEvents.ts
+var NavTreeEvents_exports = {};
+__export(NavTreeEvents_exports, {
+  StateReady: () => StateReady
+});
+import { AppActivationEvents } from "@dxos/app-toolkit";
+import { meta as meta2 } from "#meta";
+var StateReady = AppActivationEvents.createStateEvent(meta2.id);
+
+export {
+  NavTreeCapabilities_exports,
+  NavTreeEvents_exports
+};
+//# sourceMappingURL=chunk-ZSWYB7JW.mjs.map

package/dist/lib/neutral/chunk-ZSWYB7JW.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/types/NavTreeCapabilities.ts", "../../../src/types/NavTreeEvents.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\n// @import-as-namespace\n\nimport { type Atom } from '@effect-atom/atom-react';\n\nimport { Capability } from '@dxos/app-framework';\n\nimport { meta } from '#meta';\n\nexport type NavTreeItemState = { open: boolean; current: boolean };\n\nexport type NavTreeStateStore = {\n  getItem: (path: string[]) => NavTreeItemState;\n  getItemAtom: (path: string[]) => Atom.Atom<NavTreeItemState>;\n  setItem: (path: string[], key: 'open' | 'current', next: boolean) => void;\n};\n\nexport const State = Capability.make<NavTreeStateStore>(`${meta.id}.capability.state`);\n", "//\n// Copyright 2025 DXOS.org\n//\n\n// @import-as-namespace\n\nimport { type ActivationEvent } from '@dxos/app-framework';\nimport { AppActivationEvents } from '@dxos/app-toolkit';\n\nimport { meta } from '#meta';\n\nexport const StateReady: ActivationEvent.ActivationEvent = AppActivationEvents.createStateEvent(meta.id);\n"],
+  "mappings": ";;;;;AAAA;;;;AAQA,SAASA,kBAAkB;AAE3B,SAASC,YAAY;AAUd,IAAMC,QAAQF,WAAWG,KAAwB,GAAGF,KAAKG,EAAE,mBAAmB;;;ACpBrF;;;;AAOA,SAASC,2BAA2B;AAEpC,SAASC,QAAAA,aAAY;AAEd,IAAMC,aAA8CF,oBAAoBG,iBAAiBF,MAAKG,EAAE;",
+  "names": ["Capability", "meta", "State", "make", "id", "AppActivationEvents", "meta", "StateReady", "createStateEvent", "id"]
+}