@dxos/plugin-navtree 0.7.5-main.9d26e3a → 0.7.5-main.e9bb01b

package/dist/types/src/stories/Graph.stories.d.ts

@@ -1,7 +1,7 @@
 import '@dxos-theme';
 import { type Meta } from '@storybook/react';
-import { NavTree } from '../components';
+import { StorybookNavTree } from './StorybookNavTree';
 export declare const Default: {};
-declare const meta: Meta<typeof NavTree>;
+declare const meta: Meta<typeof StorybookNavTree>;
 export default meta;
 //# sourceMappingURL=Graph.stories.d.ts.map

package/dist/types/src/stories/Graph.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Graph.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/Graph.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAKrB,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAW7C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAiCxC,eAAO,MAAM,OAAO,IAAK,CAAC;AAE1B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAuE9B,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Graph.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/Graph.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAKrB,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAW7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAiCtD,eAAO,MAAM,OAAO,IAAK,CAAC;AAE1B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAwEvC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/types/src/stories/StorybookNavTree.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type NavTreeContextValue, type NavTreeProps } from '../components';
+export declare const StorybookNavTree: ({ getActions, loadDescendents, renderItemEnd, popoverAnchorId, getItems, getProps, isCurrent, canDrop, onSelect, isOpen, onOpenChange, ...props }: NavTreeProps & NavTreeContextValue) => React.JSX.Element;
+//# sourceMappingURL=StorybookNavTree.d.ts.map

package/dist/types/src/stories/StorybookNavTree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StorybookNavTree.d.ts","sourceRoot":"","sources":["../../../../src/stories/StorybookNavTree.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,EAA2B,KAAK,mBAAmB,EAAE,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAGrG,eAAO,MAAM,gBAAgB,sJAa1B,YAAY,GAAG,mBAAmB,sBAwCpC,CAAC"}

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

@@ -6,14 +6,7 @@ declare const _default: {
             'commands dialog title': string;
             'command list input placeholder': string;
             'node actions menu invoker label': string;
-            'warning title': string;
-            'technology preview message': string;
-            'learn more label': string;
-            'released message': string;
-            'see release label': string;
-            'powered by dxos message': string;
             'tree item actions label': string;
-            'tree item searchlist input placeholder': string;
             'empty branch message': string;
         };
     };

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

@@ -1 +1 @@
-{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../src/translations.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAMA,wBAqBE"}
+{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../src/translations.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAMA,wBAcE"}

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

@@ -1,6 +1,6 @@
 import { type Action, type ActionLike, type Node } from '@dxos/app-graph';
 import { type Label } from '@dxos/react-ui';
-import { type MaybePromise } from '@dxos/util';
+import { type MaybePromise, type Position } from '@dxos/util';
 export type NavTreeItemGraphNode = Node<any, Partial<NodeProperties & {
     persistenceClass: string;
     persistenceKey: string;
@@ -19,6 +19,7 @@ type SharedProperties = {
     label: Label;
     icon?: string;
     disabled?: boolean;
+    position?: Position;
     testId?: string;
     className?: string;
     headingClassName?: string;
@@ -33,7 +34,7 @@ export type ActionProperties = SharedProperties & {
     disposition?: string;
     hidden?: boolean;
     caller?: string;
-    menuType?: 'searchList' | 'dropdown';
+    menuType?: 'dropdown';
     keyBinding?: string | KeyBinding;
 };
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,UAAU,EAAE,KAAK,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAC1E,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAE/C,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACrC,GAAG,EACH,OAAO,CACL,cAAc,GAAG;IACf,gBAAgB,EAAE,MAAM,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC;IACvB,sBAAsB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACpC,oBAAoB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAClC,mBAAmB,EAAE,CAAC,SAAS,EAAE,oBAAoB,EAAE,KAAK,YAAY,CAAC,IAAI,CAAC,CAAC;IAC/E,MAAM,EAAE,CAAC,UAAU,EAAE,oBAAoB,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,YAAY,CAAC,IAAI,CAAC,CAAC;IACjF,eAAe,EAAE,CAAC,UAAU,EAAE,oBAAoB,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,YAAY,CAAC,IAAI,CAAC,CAAC;IAC1F,aAAa,EAAE,CAAC,UAAU,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,oBAAoB,KAAK,YAAY,CAAC,IAAI,CAAC,CAAC;CAClH,CACF,CACF,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;CAC1C,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,gBAAgB,GAAG;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,gBAAgB,GAAG;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACrC,UAAU,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;CAClC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG;IAGvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,UAAU,EAAE,KAAK,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAC1E,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE9D,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACrC,GAAG,EACH,OAAO,CACL,cAAc,GAAG;IACf,gBAAgB,EAAE,MAAM,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC;IACvB,sBAAsB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACpC,oBAAoB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAClC,mBAAmB,EAAE,CAAC,SAAS,EAAE,oBAAoB,EAAE,KAAK,YAAY,CAAC,IAAI,CAAC,CAAC;IAC/E,MAAM,EAAE,CAAC,UAAU,EAAE,oBAAoB,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,YAAY,CAAC,IAAI,CAAC,CAAC;IACjF,eAAe,EAAE,CAAC,UAAU,EAAE,oBAAoB,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,YAAY,CAAC,IAAI,CAAC,CAAC;IAC1F,aAAa,EAAE,CAAC,UAAU,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,oBAAoB,KAAK,YAAY,CAAC,IAAI,CAAC,CAAC;CAClH,CACF,CACF,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;CAC1C,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,gBAAgB,GAAG;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,gBAAgB,GAAG;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;CAClC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG;IAGvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC"}

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

@@ -9,4 +9,13 @@ export declare const getActions: (graph: Graph, node: Node) => FlattenedActions;
 export declare const expandChildrenAndActions: (graph: Graph, node: Node) => Promise<[void, [void, void]]>;
 export declare const expandChildren: (graph: Graph, node: Node) => Promise<void>;
 export declare const expandActions: (graph: Graph, node: Node) => Promise<[void, void]>;
+export declare const l0ItemType: (item: Node<any>) => "collection" | "action" | "link" | "tab";
+/**
+ * Returns the first two renderable characters from a string that are separated by non-word characters.
+ * Handles Unicode characters correctly.
+ *
+ * @param {string} label - The input string to process
+ * @returns {[string, string]} Array containing the two characters, or empty strings if not found
+ */
+export declare const getFirstTwoRenderableChars: (label: string) => string[];
 //# sourceMappingURL=util.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../src/util.ts"],"names":[],"mappings":"AAIA,OAAO,EACL,KAAK,MAAM,EACX,KAAK,IAAI,EACT,KAAK,UAAU,EACf,KAAK,KAAK,EAIX,MAAM,iBAAiB,CAAC;AAGzB,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE3E,eAAO,MAAM,SAAS,UACb,KAAK,QACN,oBAAoB,QACpB,MAAM,EAAE,KACb,oBAAoB,GAAG,SAGzB,CAAC;AAEF,eAAO,MAAM,oBAAoB,UACxB,KAAK,QACN,oBAAoB,QACpB,MAAM,EAAE,oBACI,MAAM,KACvB,oBAAoB,GAAG,IAOzB,CAAC;AAEF,eAAO,MAAM,yBAAyB,UAC7B,KAAK,cACA,oBAAoB,mBACf,MAAM,EAAE,2BACA,oBAAoB,KAC5C,UAAU,GAAG,MAAM,GAAG,QAsBxB,CAAC;AAGF,eAAO,MAAM,WAAW,YAAa,MAAM,EAAE,KAAG,MAAM,EAWlD,CAAC;AAEL,eAAO,MAAM,WAAW,UACf,KAAK,QACN,oBAAoB,WACjB,UAAU,SACb,SAAS,MAAM,EAAE,KACtB,oBAAoB,EAStB,CAAC;AAEF,eAAO,MAAM,UAAU,UAAW,KAAK,QAAQ,IAAI,KAAG,gBAgBrD,CAAC;AAEF,eAAO,MAAM,wBAAwB,UAAW,KAAK,QAAQ,IAAI,kCAEhE,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,KAAK,QAAQ,IAAI,kBAEtD,CAAC;AAEF,eAAO,MAAM,aAAa,UAAW,KAAK,QAAQ,IAAI,0BAErD,CAAC"}
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../src/util.ts"],"names":[],"mappings":"AAIA,OAAO,EACL,KAAK,MAAM,EACX,KAAK,IAAI,EACT,KAAK,UAAU,EACf,KAAK,KAAK,EAKX,MAAM,iBAAiB,CAAC;AAGzB,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE3E,eAAO,MAAM,SAAS,UACb,KAAK,QACN,oBAAoB,QACpB,MAAM,EAAE,KACb,oBAAoB,GAAG,SAGzB,CAAC;AAEF,eAAO,MAAM,oBAAoB,UACxB,KAAK,QACN,oBAAoB,QACpB,MAAM,EAAE,oBACI,MAAM,KACvB,oBAAoB,GAAG,IAOzB,CAAC;AAEF,eAAO,MAAM,yBAAyB,UAC7B,KAAK,cACA,oBAAoB,mBACf,MAAM,EAAE,2BACA,oBAAoB,KAC5C,UAAU,GAAG,MAAM,GAAG,QAsBxB,CAAC;AAGF,eAAO,MAAM,WAAW,YAAa,MAAM,EAAE,KAAG,MAAM,EAWlD,CAAC;AAEL,eAAO,MAAM,WAAW,UACf,KAAK,QACN,oBAAoB,WACjB,UAAU,SACb,SAAS,MAAM,EAAE,KACtB,oBAAoB,EAStB,CAAC;AAEF,eAAO,MAAM,UAAU,UAAW,KAAK,QAAQ,IAAI,KAAG,gBAgBrD,CAAC;AAEF,eAAO,MAAM,wBAAwB,UAAW,KAAK,QAAQ,IAAI,kCAEhE,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,KAAK,QAAQ,IAAI,kBAEtD,CAAC;AAEF,eAAO,MAAM,aAAa,UAAW,KAAK,QAAQ,IAAI,0BAErD,CAAC;AAEF,eAAO,MAAM,UAAU,SAAU,IAAI,CAAC,GAAG,CAAC,6CAUzC,CAAC;AAOF;;;;;;GAMG;AACH,eAAO,MAAM,0BAA0B,UAAW,MAAM,aA2BvD,CAAC"}

package/dist/types/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"version":"5.7.2"}
+{"version":"5.7.3"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-navtree",
-  "version": "0.7.5-main.9d26e3a",
+  "version": "0.7.5-main.e9bb01b",
   "description": "DXOS Surface plugin for a tree view visualization of the graph.",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -11,19 +11,11 @@
     ".": {
       "types": "./dist/types/src/index.d.ts",
       "browser": "./dist/lib/browser/index.mjs"
-    },
-    "./meta": {
-      "types": "./dist/types/src/meta.d.ts",
-      "browser": "./dist/lib/browser/meta.mjs"
     }
   },
   "types": "dist/types/src/index.d.ts",
   "typesVersions": {
-    "*": {
-      "meta": [
-        "dist/types/src/meta.d.ts"
-      ]
-    }
+    "*": {}
   },
   "files": [
     "dist",
@@ -33,29 +25,32 @@
     "@atlaskit/pragmatic-drag-and-drop": "^1.4.0",
     "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.0.3",
     "@preact/signals-core": "^1.6.0",
-    "@radix-ui/react-use-controllable-state": "^1.0.0",
+    "@radix-ui/react-dismissable-layer": "1.1.5",
+    "@radix-ui/react-use-controllable-state": "1.1.0",
     "date-fns": "^3.3.1",
-    "@dxos/app-framework": "0.7.5-main.9d26e3a",
-    "@dxos/app-graph": "0.7.5-main.9d26e3a",
-    "@dxos/debug": "0.7.5-main.9d26e3a",
-    "@dxos/async": "0.7.5-main.9d26e3a",
-    "@dxos/echo-schema": "0.7.5-main.9d26e3a",
-    "@dxos/invariant": "0.7.5-main.9d26e3a",
-    "@dxos/keyboard": "0.7.5-main.9d26e3a",
-    "@dxos/live-object": "0.7.5-main.9d26e3a",
-    "@dxos/local-storage": "0.7.5-main.9d26e3a",
-    "@dxos/log": "0.7.5-main.9d26e3a",
-    "@dxos/plugin-graph": "0.7.5-main.9d26e3a",
-    "@dxos/plugin-client": "0.7.5-main.9d26e3a",
-    "@dxos/plugin-observability": "0.7.5-main.9d26e3a",
-    "@dxos/plugin-theme": "0.7.5-main.9d26e3a",
-    "@dxos/protocols": "0.7.5-main.9d26e3a",
-    "@dxos/react-client": "0.7.5-main.9d26e3a",
-    "@dxos/react-ui-mosaic": "0.7.5-main.9d26e3a",
-    "@dxos/react-ui-list": "0.7.5-main.9d26e3a",
-    "@dxos/react-ui-searchlist": "0.7.5-main.9d26e3a",
-    "@dxos/util": "0.7.5-main.9d26e3a",
-    "@dxos/react-ui-stack": "0.7.5-main.9d26e3a"
+    "@dxos/app-framework": "0.7.5-main.e9bb01b",
+    "@dxos/app-graph": "0.7.5-main.e9bb01b",
+    "@dxos/async": "0.7.5-main.e9bb01b",
+    "@dxos/echo-schema": "0.7.5-main.e9bb01b",
+    "@dxos/invariant": "0.7.5-main.e9bb01b",
+    "@dxos/debug": "0.7.5-main.e9bb01b",
+    "@dxos/keyboard": "0.7.5-main.e9bb01b",
+    "@dxos/local-storage": "0.7.5-main.e9bb01b",
+    "@dxos/log": "0.7.5-main.e9bb01b",
+    "@dxos/plugin-client": "0.7.5-main.e9bb01b",
+    "@dxos/live-object": "0.7.5-main.e9bb01b",
+    "@dxos/plugin-graph": "0.7.5-main.e9bb01b",
+    "@dxos/plugin-observability": "0.7.5-main.e9bb01b",
+    "@dxos/plugin-theme": "0.7.5-main.e9bb01b",
+    "@dxos/protocols": "0.7.5-main.e9bb01b",
+    "@dxos/react-client": "0.7.5-main.e9bb01b",
+    "@dxos/react-ui-list": "0.7.5-main.e9bb01b",
+    "@dxos/react-ui-menu": "0.7.5-main.e9bb01b",
+    "@dxos/react-ui-mosaic": "0.7.5-main.e9bb01b",
+    "@dxos/react-ui-searchlist": "0.7.5-main.e9bb01b",
+    "@dxos/react-ui-stack": "0.7.5-main.e9bb01b",
+    "@dxos/react-ui-tabs": "0.7.5-main.e9bb01b",
+    "@dxos/util": "0.7.5-main.e9bb01b"
   },
   "devDependencies": {
     "@phosphor-icons/react": "^2.1.5",
@@ -64,18 +59,18 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/echo-signals": "0.7.5-main.9d26e3a",
-    "@dxos/random": "0.7.5-main.9d26e3a",
-    "@dxos/react-ui": "0.7.5-main.9d26e3a",
-    "@dxos/react-ui-theme": "0.7.5-main.9d26e3a",
-    "@dxos/storybook-utils": "0.7.5-main.9d26e3a"
+    "@dxos/echo-signals": "0.7.5-main.e9bb01b",
+    "@dxos/random": "0.7.5-main.e9bb01b",
+    "@dxos/react-ui": "0.7.5-main.e9bb01b",
+    "@dxos/react-ui-theme": "0.7.5-main.e9bb01b",
+    "@dxos/storybook-utils": "0.7.5-main.e9bb01b"
   },
   "peerDependencies": {
     "@phosphor-icons/react": "^2.1.5",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-ui": "0.7.5-main.9d26e3a",
-    "@dxos/react-ui-theme": "0.7.5-main.9d26e3a"
+    "@dxos/react-ui-theme": "0.7.5-main.e9bb01b",
+    "@dxos/react-ui": "0.7.5-main.e9bb01b"
   },
   "publishConfig": {
     "access": "public"

package/src/NavTreePlugin.tsx

@@ -1,206 +1,45 @@
 //
-// Copyright 2023 DXOS.org
+// Copyright 2025 DXOS.org
 //
 
-import { effect } from '@preact/signals-core';
-import React from 'react';
-
 import {
+  definePlugin,
+  defineModule,
+  Events,
+  contributes,
+  Capabilities,
+  allOf,
   createIntent,
-  createResolver,
-  createSurface,
-  type GraphBuilderProvides,
-  type GraphProvides,
-  type IntentResolverProvides,
   LayoutAction,
-  type MetadataRecordsProvides,
-  NavigationAction,
-  parseGraphPlugin,
-  parseIntentPlugin,
-  parseLayoutPlugin,
-  parseNavigationPlugin,
-  type Plugin,
-  type PluginDefinition,
-  resolvePlugin,
-  type SurfaceProvides,
-  type TranslationsProvides,
 } from '@dxos/app-framework';
-import { createExtension, type Graph, isAction, isGraphNode, type Node } from '@dxos/app-graph';
-import { type UnsubscribeCallback } from '@dxos/async';
-import { Keyboard } from '@dxos/keyboard';
-import { create, type ReactiveObject } from '@dxos/live-object';
 import { type TreeData } from '@dxos/react-ui-list';
-import { Path } from '@dxos/react-ui-mosaic';
-import { getHostPlatform } from '@dxos/util';
 
-import { CommandsDialogContent, NavTreeContainer, NavTreeDocumentTitle, NODE_TYPE, NotchStart } from './components';
-import { CommandsTrigger } from './components/CommandsTrigger';
-import meta, { COMMANDS_DIALOG, KEY_BINDING, NAVTREE_PLUGIN } from './meta';
+import { AppGraphBuilder, IntentResolver, Keyboard, ReactSurface, State } from './capabilities';
+import { NODE_TYPE } from './components';
+import { NavTreeEvents } from './events';
+import { meta } from './meta';
 import translations from './translations';
-import { type NavTreeItemGraphNode } from './types';
-import { expandChildrenAndActions } from './util';
-
-export type NavTreePluginProvides = SurfaceProvides &
-  MetadataRecordsProvides &
-  GraphBuilderProvides &
-  TranslationsProvides &
-  IntentResolverProvides;
-
-const KEY = `${NAVTREE_PLUGIN}/state`;
-const getInitialState = () => {
-  const stringified = localStorage.getItem(KEY);
-  if (!stringified) {
-    return;
-  }
-
-  try {
-    const cached: [string, { open: boolean; current: boolean }][] = JSON.parse(stringified);
-    return cached.map(
-      ([key, value]): [
-        string,
-        ReactiveObject<{
-          open: boolean;
-          current: boolean;
-        }>,
-      ] => [key, create({ open: value.open, current: false })],
-    );
-  } catch {}
-};
-
-export const NavTreePlugin = (): PluginDefinition<NavTreePluginProvides> => {
-  let graphPlugin: Plugin<GraphProvides> | undefined;
-  let graph: Graph | undefined;
-  let unsubscribe: UnsubscribeCallback | undefined;
-
-  // TODO(wittjosiah): This currently needs to be not a ReactiveObject at the root.
-  //   If it is a ReactiveObject then React errors when initializing new paths because of state change during render.
-  //   Ideally this could be a ReactiveObject but be able to access and update the root level without breaking render.
-  //   Wrapping accesses and updates in `untracked` didn't seem to work in all cases.
-  const state = new Map<string, ReactiveObject<{ open: boolean; current: boolean }>>(
-    getInitialState() ?? [
-      // TODO(thure): Initialize these dynamically.
-      ['root', create({ open: true, current: false })],
-      ['root~dxos.org/plugin/space-spaces', create({ open: true, current: false })],
-      ['root~dxos.org/plugin/files', create({ open: true, current: false })],
-    ],
-  );
-
-  const getItem = (_path: string[]) => {
-    const path = Path.create(..._path);
-    const value = state.get(path) ?? create({ open: false, current: false });
-    if (!state.has(path)) {
-      state.set(path, value);
-    }
-
-    return value;
-  };
-
-  const setItem = (path: string[], key: 'open' | 'current', next: boolean) => {
-    const value = getItem(path);
-    value[key] = next;
-
-    localStorage.setItem(KEY, JSON.stringify(Array.from(state.entries())));
-  };
-
-  const isOpen = (path: string[]) => getItem(path).open;
-  const isCurrent = (path: string[]) => getItem(path).current;
-
-  const handleOpenChange = ({ item: { id }, path, open }: { item: Node; path: string[]; open: boolean }) => {
-    // TODO(thure): This might become a localstorage leak; openItemIds that no longer exist should be removed from this map.
-    setItem(path, 'open', open);
-
-    if (graph) {
-      const node = graph.findNode(id);
-      return node && expandChildrenAndActions(graph, node as NavTreeItemGraphNode);
-    }
-  };
 
-  return {
-    meta,
-    ready: async ({ plugins }) => {
-      const layout = resolvePlugin(plugins, parseLayoutPlugin)?.provides.layout;
-      const location = resolvePlugin(plugins, parseNavigationPlugin)?.provides.location;
-      graphPlugin = resolvePlugin(plugins, parseGraphPlugin);
-      graph = graphPlugin?.provides.graph;
-      if (!graph || !location || !layout) {
-        return;
-      }
-
-      const soloPart = location?.active.solo?.[0];
-      const dispatch = resolvePlugin(plugins, parseIntentPlugin)?.provides.intent.dispatchPromise;
-      if (dispatch && soloPart) {
-        void dispatch(createIntent(NavigationAction.Expose, { id: soloPart.id }));
-      }
-
-      let previous: string[] = [];
-      unsubscribe = effect(() => {
-        const part = layout.layoutMode === 'solo' ? 'solo' : 'main';
-        const current = location.active[part]?.map(({ id }) => id) ?? [];
-        const removed = previous.filter((id) => !current.includes(id));
-        previous = current;
-
-        // TODO(wittjosiah): This is setTimeout because there's a race between the keys be initialized.
-        //   This could be avoided if the location was a path as well and not just an id.
-        setTimeout(() => {
-          removed.forEach((id) => {
-            const keys = Array.from(state.keys()).filter((key) => Path.last(key) === id);
-            keys.forEach((key) => {
-              setItem(Path.parts(key), 'current', false);
-            });
-          });
-
-          current.forEach((id) => {
-            const keys = Array.from(new Set([...state.keys(), id])).filter((key) => Path.last(key) === id);
-            keys.forEach((key) => {
-              setItem(Path.parts(key), 'current', true);
-            });
-          });
-        });
-      });
-
-      // TODO(wittjosiah): Factor out.
-      // TODO(wittjosiah): Handle removal of actions.
-      graph.subscribeTraverse({
-        visitor: (node, path) => {
-          let shortcut: string | undefined;
-          if (typeof node.properties.keyBinding === 'object') {
-            const availablePlatforms = Object.keys(node.properties.keyBinding);
-            const platform = getHostPlatform();
-            shortcut = availablePlatforms.includes(platform)
-              ? node.properties.keyBinding[platform]
-              : platform === 'ios'
-                ? node.properties.keyBinding.macos // Fallback to macos if ios-specific bindings not provided.
-                : platform === 'linux' || platform === 'unknown'
-                  ? node.properties.keyBinding.windows // Fallback to windows if platform-specific bindings not provided.
-                  : undefined;
-          } else {
-            shortcut = node.properties.keyBinding;
-          }
-
-          if (shortcut && isAction(node)) {
-            Keyboard.singleton.getContext(path.slice(0, -1).join('/')).bind({
-              shortcut,
-              handler: () => {
-                void node.data({ node, caller: KEY_BINDING });
-              },
-              data: node.properties.label,
-            });
-          }
-        },
-      });
-
-      // TODO(burdon): Create context and plugin.
-      Keyboard.singleton.initialize();
-      Keyboard.singleton.setCurrentContext(graphPlugin?.provides.graph.root.id);
-    },
-    unload: async () => {
-      unsubscribe?.();
-      Keyboard.singleton.destroy();
-    },
-    provides: {
-      metadata: {
-        records: {
-          [NODE_TYPE]: {
+export const NavTreePlugin = () =>
+  definePlugin(meta, [
+    defineModule({
+      id: `${meta.id}/module/state`,
+      activatesOn: Events.LayoutReady,
+      activatesAfter: [NavTreeEvents.StateReady],
+      activate: State,
+    }),
+    defineModule({
+      id: `${meta.id}/module/translations`,
+      activatesOn: Events.SetupTranslations,
+      activate: () => contributes(Capabilities.Translations, translations),
+    }),
+    defineModule({
+      id: `${meta.id}/module/metadata`,
+      activatesOn: Events.SetupMetadata,
+      activate: () =>
+        contributes(Capabilities.Metadata, {
+          id: NODE_TYPE,
+          metadata: {
             parse: ({ item }: TreeData, type: string) => {
               switch (type) {
                 case 'node':
@@ -212,103 +51,40 @@ export const NavTreePlugin = (): PluginDefinition<NavTreePluginProvides> => {
               }
             },
           },
-        },
-      },
-      surface: {
-        definitions: () => [
-          createSurface({
-            id: COMMANDS_DIALOG,
-            role: 'dialog',
-            filter: (data): data is { subject?: string } => data.component === COMMANDS_DIALOG,
-            component: ({ data }) => <CommandsDialogContent selected={data.subject} />,
-          }),
-          createSurface({
-            id: `${NAVTREE_PLUGIN}/navigation`,
-            role: 'navigation',
-            component: ({ data }) => (
-              <NavTreeContainer
-                isOpen={isOpen}
-                isCurrent={isCurrent}
-                onOpenChange={handleOpenChange}
-                popoverAnchorId={data.popoverAnchorId as string | undefined}
-              />
-            ),
-          }),
-          createSurface({
-            id: `${NAVTREE_PLUGIN}/document-title`,
-            role: 'document-title',
-            component: ({ data }) => (
-              <NavTreeDocumentTitle node={isGraphNode(data.subject) ? data.subject : undefined} />
-            ),
-          }),
-          createSurface({
-            id: `${NAVTREE_PLUGIN}/notch-start`,
-            role: 'notch-start',
-            component: () => <NotchStart />,
-          }),
-          createSurface({
-            id: `${NAVTREE_PLUGIN}/search-input`,
-            role: 'search-input',
-            disposition: 'fallback',
-            component: () => <CommandsTrigger />,
-          }),
-        ],
-      },
-      intent: {
-        resolvers: ({ plugins }) => {
-          const graph = resolvePlugin(plugins, parseGraphPlugin)?.provides.graph;
-          if (!graph) {
-            return [];
-          }
-
-          return createResolver(NavigationAction.Expose, async ({ id }) => {
-            const path = await graph.waitForPath({ target: id });
-            [...Array(path.length)].forEach((_, index) => {
-              const subpath = path.slice(0, index);
-              const value = getItem(subpath);
-              if (!value.open) {
-                setItem(subpath, 'open', true);
-              }
-            });
-          });
-        },
-      },
-      graph: {
-        builder: (plugins) => {
-          // TODO(burdon): Move to separate plugin (for keys and command k). Move bindings from LayoutPlugin.
-          const dispatch = resolvePlugin(plugins, parseIntentPlugin)?.provides.intent.dispatchPromise;
-
-          return [
-            createExtension({
-              id: NAVTREE_PLUGIN,
-              filter: (node): node is Node<null> => node.id === 'root',
-              actions: () => [
-                {
-                  id: COMMANDS_DIALOG,
-                  data: async () => {
-                    await dispatch?.(
-                      createIntent(LayoutAction.SetLayout, {
-                        element: 'dialog',
-                        component: COMMANDS_DIALOG,
-                        dialogBlockAlign: 'start',
-                      }),
-                    );
-                  },
-                  properties: {
-                    label: ['open commands label', { ns: NAVTREE_PLUGIN }],
-                    icon: 'ph--magnifying-glass--regular',
-                    keyBinding: {
-                      macos: 'meta+k',
-                      windows: 'ctrl+k',
-                    },
-                  },
-                },
-              ],
-            }),
-          ];
-        },
+        }),
+    }),
+    defineModule({
+      id: `${meta.id}/module/expose`,
+      activatesOn: allOf(Events.DispatcherReady, Events.LayoutReady, NavTreeEvents.StateReady),
+      activate: async (context) => {
+        const layout = context.requestCapability(Capabilities.Layout);
+        const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);
+
+        if (dispatch && layout.active.length === 1) {
+          await dispatch(createIntent(LayoutAction.Expose, { part: 'navigation', subject: layout.active[0] }));
+        }
+
+        return [];
       },
-      translations,
-    },
-  };
-};
+    }),
+    defineModule({
+      id: `${meta.id}/module/keyboard`,
+      activatesOn: Events.AppGraphReady,
+      activate: Keyboard,
+    }),
+    defineModule({
+      id: `${meta.id}/module/react-surface`,
+      activatesOn: Events.SetupSurfaces,
+      activate: ReactSurface,
+    }),
+    defineModule({
+      id: `${meta.id}/module/intent-resolver`,
+      activatesOn: Events.SetupIntents,
+      activate: IntentResolver,
+    }),
+    defineModule({
+      id: `${meta.id}/module/app-graph-builder`,
+      activatesOn: Events.SetupAppGraph,
+      activate: AppGraphBuilder,
+    }),
+  ]);

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

@@ -0,0 +1,42 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { Capabilities, contributes, type PluginsContext, createIntent, LayoutAction } from '@dxos/app-framework';
+import { createExtension, type Node } from '@dxos/plugin-graph';
+
+import { COMMANDS_DIALOG, NAVTREE_PLUGIN } from '../meta';
+
+export default (context: PluginsContext) =>
+  contributes(
+    Capabilities.AppGraphBuilder,
+    createExtension({
+      id: NAVTREE_PLUGIN,
+      filter: (node): node is Node<null> => node.id === 'root',
+      actions: () => [
+        {
+          id: COMMANDS_DIALOG,
+          data: async () => {
+            const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);
+            await dispatch(
+              createIntent(LayoutAction.UpdateDialog, {
+                part: 'dialog',
+                subject: COMMANDS_DIALOG,
+                options: {
+                  blockAlign: 'start',
+                },
+              }),
+            );
+          },
+          properties: {
+            label: ['open commands label', { ns: NAVTREE_PLUGIN }],
+            icon: 'ph--magnifying-glass--regular',
+            keyBinding: {
+              macos: 'meta+k',
+              windows: 'ctrl+k',
+            },
+          },
+        },
+      ],
+    }),
+  );

package/src/capabilities/capabilities.ts

@@ -0,0 +1,19 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { defineCapability } from '@dxos/app-framework';
+import { type ReactiveObject } from '@dxos/live-object';
+
+import { NAVTREE_PLUGIN } from '../meta';
+import { type NavTreeItemGraphNode } from '../types';
+
+export namespace NavTreeCapabilities {
+  export const State = defineCapability<{
+    state: Map<string, ReactiveObject<{ open: boolean; current: boolean }>>;
+    getItem: (path: string[]) => ReactiveObject<{ open: boolean; current: boolean }>;
+    setItem: (path: string[], key: 'open' | 'current', next: boolean) => void;
+    isOpen: (path: string[], item: NavTreeItemGraphNode) => boolean;
+    isCurrent: (path: string[], item: NavTreeItemGraphNode) => boolean;
+  }>(`${NAVTREE_PLUGIN}/capability/state`);
+}