@dxos/plugin-navtree 0.8.4-main.422d1c7879 → 0.8.4-main.43cb759274

package/src/meta.ts

@@ -2,19 +2,34 @@
 // Copyright 2023 DXOS.org
 //
 
-import { type Plugin } from '@dxos/app-framework';
+import { Plugin } from '@dxos/app-framework';
+import { DXN } from '@dxos/keys';
 import { trim } from '@dxos/util';
 
-export const meta: Plugin.Meta = {
-  id: 'org.dxos.plugin.navtree',
+export const meta = Plugin.makeMeta({
+  key: DXN.make('org.dxos.plugin.navtree'),
   name: 'Navtree',
+  author: 'DXOS',
+  spec: 'PLUGIN.mdl',
   description: trim`
-    Hierarchical navigation tree for browsing spaces, folders, and objects.
-    Provides sidebar navigation with collapsible sections and quick access to workspace content.
+    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'],
+});
 
 // TODO(wittjosiah): Factor out.
 export const KEY_BINDING = 'KeyBinding';
 // TODO(wittjosiah): Factor out.
-export const COMMANDS_DIALOG = `${meta.id}.commands-dialog`;
+export const COMMANDS_DIALOG = DXN.make(`${meta.id}.commandsDialog`);

package/src/operations/expose.ts

@@ -7,8 +7,8 @@ import * as Option from 'effect/Option';
 
 import { Capability } from '@dxos/app-framework';
 import { AppCapabilities, LayoutOperation } from '@dxos/app-toolkit';
+import { Operation } from '@dxos/compute';
 import { log } from '@dxos/log';
-import { Operation } from '@dxos/operation';
 import { Graph } from '@dxos/plugin-graph';
 import { expandAttendableId } from '@dxos/react-ui-attention';
 

package/src/operations/index.ts

@@ -2,6 +2,6 @@
 // Copyright 2025 DXOS.org
 //
 
-import { OperationHandlerSet } from '@dxos/operation';
+import { OperationHandlerSet } from '@dxos/compute';
 
 export const NavTreeOperationHandlerSet = OperationHandlerSet.lazy(() => import('./expose'));

package/src/plugin.ts

@@ -0,0 +1,11 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import { Plugin } from '@dxos/app-framework';
+
+import { meta } from './meta';
+
+export const NavTreePlugin = Plugin.lazy(meta, () => import('#plugin'));
+
+export { NavTreeOperationHandlerSet } from './operations';

package/src/testing/app-graph-builder.ts

@@ -26,7 +26,7 @@ export const storybookGraphBuilders = (): BuilderExtensions => {
     Effect.all([
       // Create app menu actions.
       GraphBuilder.createExtension({
-        id: 'app-menu',
+        id: 'appMenu',
         match: NodeMatcher.whenRoot,
         actions: () =>
           Effect.succeed(
@@ -45,7 +45,7 @@ export const storybookGraphBuilders = (): BuilderExtensions => {
       }),
       // Create user account node.
       GraphBuilder.createExtension({
-        id: 'user-account',
+        id: 'userAccount',
         match: NodeMatcher.whenRoot,
         connector: () =>
           Effect.succeed([
@@ -127,7 +127,7 @@ export const storybookGraphBuilders = (): BuilderExtensions => {
       }),
       // Create space actions.
       GraphBuilder.createExtension({
-        id: 'space-actions',
+        id: 'spaceActions',
         match: NodeMatcher.whenNodeType('space'),
         actions: () =>
           Effect.succeed(
@@ -171,6 +171,8 @@ export const storybookGraphBuilders = (): BuilderExtensions => {
                 properties: getProperties(`object-${i}`, {
                   label: `Object ${i}`,
                   icon: random.properties.icon(),
+                  ...(i % 3 === 0 && { count: (i + 1) * 2 }),
+                  ...(i % 3 === 1 && { modifiedCount: i + 1 }),
                 }),
               }),
             );
@@ -178,14 +180,14 @@ export const storybookGraphBuilders = (): BuilderExtensions => {
       }),
       // Create object actions.
       GraphBuilder.createExtension({
-        id: 'object-actions',
+        id: 'objectActions',
         match: NodeMatcher.whenNodeType('object'),
         actions: () =>
           Effect.succeed(
             Array.from({ length: 5 }, (_, i) => ({
               id: `action-${i}`,
               data: Effect.fnUntraced(function* () {
-                log.info('action', { id: 'object-actions', index: i });
+                log.info('action', { id: 'objectActions', index: i });
               }),
               properties: getProperties(`action-${i}`, {
                 label: `Action ${i}`,

package/src/testing/generator.ts

@@ -5,7 +5,7 @@
 import * as Schema from 'effect/Schema';
 
 import { type Node } from '@dxos/app-graph';
-import { Obj, Type } from '@dxos/echo';
+import { DXN, Obj, Type } from '@dxos/echo';
 import { TestSchema } from '@dxos/echo/testing';
 import { random } from '@dxos/random';
 import { range } from '@dxos/util';
@@ -63,12 +63,7 @@ export const defaultGenerators: { [type: string]: ObjectDataGenerator } = {
         repo: Schema.String,
         status: Schema.String,
         priority: Schema.Number,
-      }).pipe(
-        Type.object({
-          typename: 'com.example.type.project',
-          version: '0.1.0',
-        }),
-      ),
+      }).pipe(Type.makeObject(DXN.make('com.example.type.project', '0.1.0'))),
 
     createData: () => ({
       title: random.commerce.productName(),

package/src/translations.ts

@@ -11,7 +11,6 @@ export const translations = [
     'en-US': {
       [meta.id]: {
         'app-menu.label': 'App menu',
-        'open-settings.label': 'Settings',
         'open-commands.label': 'Search commands',
         'commands-dialog.title': 'Commands',
         'command-list-input.placeholder': 'Search for commands…',

package/src/types/NavTreeCapabilities.ts

@@ -0,0 +1,21 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+// @import-as-namespace
+
+import { type Atom } from '@effect-atom/atom-react';
+
+import { Capability } from '@dxos/app-framework';
+
+import { meta } from '#meta';
+
+export type NavTreeItemState = { open: boolean; current: boolean };
+
+export type NavTreeStateStore = {
+  getItem: (path: string[]) => NavTreeItemState;
+  getItemAtom: (path: string[]) => Atom.Atom<NavTreeItemState>;
+  setItem: (path: string[], key: 'open' | 'current', next: boolean) => void;
+};
+
+export const State = Capability.make<NavTreeStateStore>(`${meta.id}.capability.state`);

package/src/types/{events.ts → NavTreeEvents.ts}

@@ -2,11 +2,11 @@
 // Copyright 2025 DXOS.org
 //
 
+// @import-as-namespace
+
 import { type ActivationEvent } from '@dxos/app-framework';
 import { AppActivationEvents } from '@dxos/app-toolkit';
 
 import { meta } from '#meta';
 
-export namespace NavTreeEvents {
-  export const StateReady: ActivationEvent.ActivationEvent = AppActivationEvents.createStateEvent(meta.id);
-}
+export const StateReady: ActivationEvent.ActivationEvent = AppActivationEvents.createStateEvent(meta.id);

package/src/types/index.ts

@@ -2,6 +2,7 @@
 // Copyright 2025 DXOS.org
 //
 
-export * from './capabilities';
-export * from './events';
 export * from './schema';
+
+export * as NavTreeCapabilities from './NavTreeCapabilities';
+export * as NavTreeEvents from './NavTreeEvents';

package/src/types/schema.ts

@@ -43,6 +43,10 @@ export type NodeProperties = SharedProperties & {
   error?: string;
   modified?: boolean;
   palette?: string;
+  /** Optional item count rendered as a neutral badge after the label. */
+  count?: number;
+  /** Optional count of new/modified items; when greater than zero it shows as a rose badge in place of `count`. */
+  modifiedCount?: number;
 };
 
 export type ActionProperties = SharedProperties & {

package/src/util.ts

@@ -93,7 +93,7 @@ export const getChildren = (
  * Determines whether a node should be visible based on its disposition.
  */
 export const filterItems = (node: Node.Node, disposition?: string) => {
-  if (!disposition && (node.properties.disposition === 'hidden' || node.properties.disposition === 'alternate-tree')) {
+  if (!disposition && node.properties.disposition === 'hidden') {
     return false;
   } else if (!disposition) {
     const action = Node.isAction(node);

package/src/vite-env.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="vite/client" />
+
+//
+// Copyright 2026 DXOS.org
+//
+
+declare module '*.mdl?raw' {
+  const content: string;
+  export default content;
+}

package/dist/lib/browser/index.mjs

@@ -1,202 +0,0 @@
-// src/types/capabilities.ts
-import { Capability } from "@dxos/app-framework";
-import { meta } from "#meta";
-(function(NavTreeCapabilities2) {
-  NavTreeCapabilities2.State = Capability.make(`${meta.id}.capability.state`);
-})(NavTreeCapabilities || (NavTreeCapabilities = {}));
-var NavTreeCapabilities;
-
-// src/types/events.ts
-import { AppActivationEvents } from "@dxos/app-toolkit";
-import { meta as meta2 } from "#meta";
-(function(NavTreeEvents3) {
-  NavTreeEvents3.StateReady = AppActivationEvents.createStateEvent(meta2.id);
-})(NavTreeEvents || (NavTreeEvents = {}));
-var NavTreeEvents;
-
-// src/NavTreePlugin.tsx
-import * as Effect from "effect/Effect";
-import { ActivationEvent, ActivationEvents, Capabilities, Capability as Capability2, Plugin } from "@dxos/app-framework";
-import { AppActivationEvents as AppActivationEvents2, AppCapabilities, AppPlugin, LayoutOperation } from "@dxos/app-toolkit";
-import { Graph } from "@dxos/plugin-graph";
-import { AppGraphBuilder, Keyboard, OperationHandler, ReactSurface, State } from "#capabilities";
-import { NODE_TYPE } from "#containers";
-import { meta as meta4 } from "#meta";
-import { NavTreeEvents as NavTreeEvents2 } from "#types";
-
-// src/translations.ts
-import { meta as meta3 } from "#meta";
-var translations = [
-  {
-    "en-US": {
-      [meta3.id]: {
-        "app-menu.label": "App menu",
-        "open-settings.label": "Settings",
-        "open-commands.label": "Search commands",
-        "commands-dialog.title": "Commands",
-        "command-list-input.placeholder": "Search for commands\u2026",
-        "node-actions-menu-invoker.label": "More options",
-        "tree-item-actions.label": "More actions",
-        "button-back.button": "Back to Space"
-      }
-    }
-  }
-];
-
-// src/NavTreePlugin.tsx
-var NavTreePlugin = Plugin.define(meta4).pipe(AppPlugin.addAppGraphModule({
-  activate: AppGraphBuilder
-}), AppPlugin.addMetadataModule({
-  metadata: {
-    id: NODE_TYPE,
-    metadata: {
-      parse: ({ item }, type) => {
-        switch (type) {
-          case "node":
-            return item;
-          case "object":
-            return item.data;
-          case "view-object":
-            return {
-              id: `${item.id}-view`,
-              object: item.data
-            };
-        }
-      }
-    }
-  }
-}), AppPlugin.addOperationHandlerModule({
-  activate: OperationHandler
-}), AppPlugin.addSurfaceModule({
-  activate: ReactSurface
-}), AppPlugin.addTranslationsModule({
-  translations
-}), Plugin.addModule({
-  id: "state",
-  activatesOn: AppActivationEvents2.LayoutReady,
-  firesAfterActivation: [
-    NavTreeEvents2.StateReady
-  ],
-  activate: State
-}), Plugin.addModule({
-  id: "expose",
-  activatesOn: ActivationEvent.allOf(ActivationEvents.OperationInvokerReady, AppActivationEvents2.AppGraphReady, AppActivationEvents2.LayoutReady, NavTreeEvents2.StateReady),
-  activate: Effect.fnUntraced(function* () {
-    const layout = yield* Capabilities.getAtomValue(AppCapabilities.Layout);
-    const { invokePromise } = yield* Capability2.get(Capabilities.OperationInvoker);
-    const { graph } = yield* Capability2.get(AppCapabilities.AppGraph);
-    if (invokePromise && layout.active.length === 1) {
-      void Graph.waitForPath(graph, {
-        target: layout.active[0]
-      }, {
-        timeout: 3e4
-      }).then(() => invokePromise(LayoutOperation.Expose, {
-        subject: layout.active[0]
-      })).catch(() => {
-      });
-    }
-    return [];
-  })
-}), Plugin.addModule({
-  id: "keyboard",
-  activatesOn: ActivationEvent.allOf(AppActivationEvents2.AppGraphReady, ActivationEvents.OperationInvokerReady),
-  activate: Keyboard
-}), Plugin.make);
-
-// src/meta.ts
-import { trim } from "@dxos/util";
-var meta5 = {
-  id: "org.dxos.plugin.navtree",
-  name: "Navtree",
-  description: trim`
-    Hierarchical navigation tree for browsing spaces, folders, and objects.
-    Provides sidebar navigation with collapsible sections and quick access to workspace content.
-  `
-};
-var KEY_BINDING = "KeyBinding";
-var COMMANDS_DIALOG = `${meta5.id}.commands-dialog`;
-
-// src/util.ts
-import { Graph as Graph2, Node } from "@dxos/plugin-graph";
-import { isNonNullable } from "@dxos/util";
-var getParent = (graph, node, path) => {
-  const parentId = path[path.length - 2];
-  return Graph2.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 Graph2.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" || node.properties.disposition === "alternate-tree")) {
-    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 {
-  COMMANDS_DIALOG,
-  KEY_BINDING,
-  NavTreeCapabilities,
-  NavTreeEvents,
-  NavTreePlugin,
-  filterItems,
-  getChildren,
-  getParent,
-  getPersistenceParent,
-  l0ItemType,
-  meta5 as meta,
-  resolveMigrationOperation,
-  sortActions
-};
-//# sourceMappingURL=index.mjs.map

package/dist/lib/browser/index.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/types/capabilities.ts", "../../../src/types/events.ts", "../../../src/NavTreePlugin.tsx", "../../../src/translations.ts", "../../../src/meta.ts", "../../../src/util.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Atom } from '@effect-atom/atom-react';\n\nimport { Capability } from '@dxos/app-framework';\n\nimport { meta } from '#meta';\n\nexport namespace NavTreeCapabilities {\n  export type NavTreeItemState = { open: boolean; current: boolean; alternateTree?: boolean };\n\n  export type NavTreeStateStore = {\n    getItem: (path: string[]) => NavTreeItemState;\n    getItemAtom: (path: string[]) => Atom.Atom<NavTreeItemState>;\n    setItem: (path: string[], key: 'open' | 'current' | 'alternateTree', next: boolean) => void;\n  };\n\n  export const State = Capability.make<NavTreeStateStore>(`${meta.id}.capability.state`);\n}\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type ActivationEvent } from '@dxos/app-framework';\nimport { AppActivationEvents } from '@dxos/app-toolkit';\n\nimport { meta } from '#meta';\n\nexport namespace NavTreeEvents {\n  export const StateReady: ActivationEvent.ActivationEvent = AppActivationEvents.createStateEvent(meta.id);\n}\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { ActivationEvent, ActivationEvents, Capabilities, Capability, Plugin } from '@dxos/app-framework';\nimport { AppActivationEvents, AppCapabilities, AppPlugin, LayoutOperation } from '@dxos/app-toolkit';\nimport { Graph } from '@dxos/plugin-graph';\nimport { type TreeData } from '@dxos/react-ui-list';\n\nimport { AppGraphBuilder, Keyboard, OperationHandler, ReactSurface, State } from '#capabilities';\nimport { NODE_TYPE } from '#containers';\nimport { meta } from '#meta';\nimport { NavTreeEvents } from '#types';\n\nimport { translations } from './translations';\n\nexport const NavTreePlugin = Plugin.define(meta).pipe(\n  AppPlugin.addAppGraphModule({ activate: AppGraphBuilder }),\n  AppPlugin.addMetadataModule({\n    metadata: {\n      id: NODE_TYPE,\n      metadata: {\n        parse: ({ item }: TreeData, type: string) => {\n          switch (type) {\n            case 'node':\n              return item;\n            case 'object':\n              return item.data;\n            case 'view-object':\n              return { id: `${item.id}-view`, object: item.data };\n          }\n        },\n      },\n    },\n  }),\n  AppPlugin.addOperationHandlerModule({ activate: OperationHandler }),\n  AppPlugin.addSurfaceModule({ activate: ReactSurface }),\n  AppPlugin.addTranslationsModule({ translations }),\n  Plugin.addModule({\n    id: 'state',\n    activatesOn: AppActivationEvents.LayoutReady,\n    firesAfterActivation: [NavTreeEvents.StateReady],\n    activate: State,\n  }),\n  Plugin.addModule({\n    id: 'expose',\n    activatesOn: ActivationEvent.allOf(\n      ActivationEvents.OperationInvokerReady,\n      AppActivationEvents.AppGraphReady,\n      AppActivationEvents.LayoutReady,\n      NavTreeEvents.StateReady,\n    ),\n    activate: Effect.fnUntraced(function* () {\n      const layout = yield* Capabilities.getAtomValue(AppCapabilities.Layout);\n      const { invokePromise } = yield* Capability.get(Capabilities.OperationInvoker);\n      const { graph } = yield* Capability.get(AppCapabilities.AppGraph);\n      if (invokePromise && layout.active.length === 1) {\n        // TODO(wittjosiah): This should really be fired once the navtree renders for the first time.\n        //   That is the point at which the graph is expanded and the path should be available.\n        void Graph.waitForPath(graph, { target: layout.active[0] }, { timeout: 30_000 })\n          .then(() => invokePromise(LayoutOperation.Expose, { subject: layout.active[0] }))\n          .catch(() => {});\n      }\n\n      return [];\n    }),\n  }),\n  Plugin.addModule({\n    id: 'keyboard',\n    activatesOn: ActivationEvent.allOf(AppActivationEvents.AppGraphReady, ActivationEvents.OperationInvokerReady),\n    activate: Keyboard,\n  }),\n  Plugin.make,\n);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Resource } from '@dxos/react-ui';\n\nimport { meta } from '#meta';\n\nexport const translations = [\n  {\n    'en-US': {\n      [meta.id]: {\n        'app-menu.label': 'App menu',\n        'open-settings.label': 'Settings',\n        'open-commands.label': 'Search commands',\n        'commands-dialog.title': 'Commands',\n        'command-list-input.placeholder': 'Search for commands…',\n        'node-actions-menu-invoker.label': 'More options',\n        'tree-item-actions.label': 'More actions',\n        'button-back.button': 'Back to Space',\n      },\n    },\n  },\n] as const satisfies Resource[];\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Plugin } from '@dxos/app-framework';\nimport { trim } from '@dxos/util';\n\nexport const meta: Plugin.Meta = {\n  id: 'org.dxos.plugin.navtree',\n  name: 'Navtree',\n  description: trim`\n    Hierarchical navigation tree for browsing spaces, folders, and objects.\n    Provides sidebar navigation with collapsible sections and quick access to workspace content.\n  `,\n};\n\n// TODO(wittjosiah): Factor out.\nexport const KEY_BINDING = 'KeyBinding';\n// TODO(wittjosiah): Factor out.\nexport const COMMANDS_DIALOG = `${meta.id}.commands-dialog`;\n", "//\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' || node.properties.disposition === 'alternate-tree')) {\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": "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",
-  "names": ["Capability", "meta", "NavTreeCapabilities", "State", "Capability", "make", "meta", "id", "AppActivationEvents", "meta", "NavTreeEvents", "StateReady", "AppActivationEvents", "createStateEvent", "meta", "id", "Effect", "ActivationEvent", "ActivationEvents", "Capabilities", "Capability", "Plugin", "AppActivationEvents", "AppCapabilities", "AppPlugin", "LayoutOperation", "Graph", "AppGraphBuilder", "Keyboard", "OperationHandler", "ReactSurface", "State", "NODE_TYPE", "meta", "NavTreeEvents", "meta", "translations", "meta", "id", "NavTreePlugin", "Plugin", "define", "meta", "pipe", "AppPlugin", "addAppGraphModule", "activate", "AppGraphBuilder", "addMetadataModule", "metadata", "id", "NODE_TYPE", "parse", "item", "type", "data", "object", "addOperationHandlerModule", "OperationHandler", "addSurfaceModule", "ReactSurface", "addTranslationsModule", "translations", "addModule", "activatesOn", "AppActivationEvents", "LayoutReady", "firesAfterActivation", "NavTreeEvents", "StateReady", "State", "ActivationEvent", "allOf", "ActivationEvents", "OperationInvokerReady", "AppGraphReady", "fnUntraced", "layout", "Capabilities", "getAtomValue", "AppCapabilities", "Layout", "invokePromise", "Capability", "get", "OperationInvoker", "graph", "AppGraph", "active", "length", "Graph", "waitForPath", "target", "timeout", "then", "LayoutOperation", "Expose", "subject", "catch", "Keyboard", "make", "trim", "meta", "id", "name", "description", "trim", "KEY_BINDING", "COMMANDS_DIALOG", "Graph", "Node", "isNonNullable", "getParent", "graph", "node", "path", "parentId", "length", "Graph", "getConnections", "id", "Node", "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", "isNonNullable", "filterItems", "action", "isAction", "l0ItemType", "item", "isActionLike"]
-}

package/dist/lib/browser/meta.json

@@ -1 +0,0 @@
-{"inputs":{"src/types/capabilities.ts":{"bytes":1799,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"#meta","kind":"import-statement","external":true}],"format":"esm"},"src/types/events.ts":{"bytes":1322,"imports":[{"path":"@dxos/app-toolkit","kind":"import-statement","external":true},{"path":"#meta","kind":"import-statement","external":true}],"format":"esm"},"src/types/schema.ts":{"bytes":2787,"imports":[],"format":"esm"},"src/types/index.ts":{"bytes":644,"imports":[{"path":"src/types/capabilities.ts","kind":"import-statement","original":"./capabilities"},{"path":"src/types/events.ts","kind":"import-statement","original":"./events"},{"path":"src/types/schema.ts","kind":"import-statement","original":"./schema"}],"format":"esm"},"src/translations.ts":{"bytes":2172,"imports":[{"path":"#meta","kind":"import-statement","external":true}],"format":"esm"},"src/NavTreePlugin.tsx":{"bytes":10563,"imports":[{"path":"effect/Effect","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-toolkit","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"#capabilities","kind":"import-statement","external":true},{"path":"#containers","kind":"import-statement","external":true},{"path":"#meta","kind":"import-statement","external":true},{"path":"#types","kind":"import-statement","external":true},{"path":"src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"src/meta.ts":{"bytes":2005,"imports":[{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"src/util.ts":{"bytes":11388,"imports":[{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":881,"imports":[{"path":"src/types/index.ts","kind":"import-statement","original":"./types"},{"path":"src/NavTreePlugin.tsx","kind":"import-statement","original":"./NavTreePlugin"},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/util.ts","kind":"import-statement","original":"./util"}],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":15069},"dist/lib/browser/index.mjs":{"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"#meta","kind":"import-statement","external":true},{"path":"@dxos/app-toolkit","kind":"import-statement","external":true},{"path":"#meta","kind":"import-statement","external":true},{"path":"effect/Effect","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-toolkit","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"#capabilities","kind":"import-statement","external":true},{"path":"#containers","kind":"import-statement","external":true},{"path":"#meta","kind":"import-statement","external":true},{"path":"#types","kind":"import-statement","external":true},{"path":"#meta","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"exports":["COMMANDS_DIALOG","KEY_BINDING","NavTreeCapabilities","NavTreeEvents","NavTreePlugin","filterItems","getChildren","getParent","getPersistenceParent","l0ItemType","meta","resolveMigrationOperation","sortActions"],"entryPoint":"src/index.ts","inputs":{"src/types/capabilities.ts":{"bytesInOutput":273},"src/types/index.ts":{"bytesInOutput":0},"src/types/events.ts":{"bytesInOutput":264},"src/index.ts":{"bytesInOutput":0},"src/NavTreePlugin.tsx":{"bytesInOutput":2428},"src/translations.ts":{"bytesInOutput":523},"src/meta.ts":{"bytesInOutput":387},"src/util.ts":{"bytesInOutput":2447}},"bytes":6762}}}

package/dist/types/src/types/capabilities.d.ts

@@ -1,16 +0,0 @@
-import { type Atom } from '@effect-atom/atom-react';
-import { Capability } from '@dxos/app-framework';
-export declare namespace NavTreeCapabilities {
-    type NavTreeItemState = {
-        open: boolean;
-        current: boolean;
-        alternateTree?: boolean;
-    };
-    type NavTreeStateStore = {
-        getItem: (path: string[]) => NavTreeItemState;
-        getItemAtom: (path: string[]) => Atom.Atom<NavTreeItemState>;
-        setItem: (path: string[], key: 'open' | 'current' | 'alternateTree', next: boolean) => void;
-    };
-    const State: Capability.InterfaceDef<NavTreeStateStore>;
-}
-//# sourceMappingURL=capabilities.d.ts.map

package/dist/types/src/types/capabilities.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"capabilities.d.ts","sourceRoot":"","sources":["../../../../src/types/capabilities.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAEpD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAIjD,yBAAiB,mBAAmB,CAAC;IACnC,KAAY,gBAAgB,GAAG;QAAE,IAAI,EAAE,OAAO,CAAC;QAAC,OAAO,EAAE,OAAO,CAAC;QAAC,aAAa,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IAE5F,KAAY,iBAAiB,GAAG;QAC9B,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,gBAAgB,CAAC;QAC9C,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QAC7D,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,eAAe,EAAE,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;KAC7F,CAAC;IAEK,MAAM,KAAK,4CAAoE,CAAC;CACxF"}

package/dist/types/src/types/events.d.ts

@@ -1,5 +0,0 @@
-import { type ActivationEvent } from '@dxos/app-framework';
-export declare namespace NavTreeEvents {
-    const StateReady: ActivationEvent.ActivationEvent;
-}
-//# sourceMappingURL=events.d.ts.map

package/dist/types/src/types/events.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../../../src/types/events.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAK3D,yBAAiB,aAAa,CAAC;IACtB,MAAM,UAAU,EAAE,eAAe,CAAC,eAA+D,CAAC;CAC1G"}

package/src/types/capabilities.ts

@@ -1,21 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { type Atom } from '@effect-atom/atom-react';
-
-import { Capability } from '@dxos/app-framework';
-
-import { meta } from '#meta';
-
-export namespace NavTreeCapabilities {
-  export type NavTreeItemState = { open: boolean; current: boolean; alternateTree?: boolean };
-
-  export type NavTreeStateStore = {
-    getItem: (path: string[]) => NavTreeItemState;
-    getItemAtom: (path: string[]) => Atom.Atom<NavTreeItemState>;
-    setItem: (path: string[], key: 'open' | 'current' | 'alternateTree', next: boolean) => void;
-  };
-
-  export const State = Capability.make<NavTreeStateStore>(`${meta.id}.capability.state`);
-}