@dxos/plugin-navtree 0.7.5-labs.e27f9b9 → 0.7.5-main.2567c87

package/dist/types/src/components/NavTree.stories.d.ts

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

package/dist/types/src/components/NavTree.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavTree.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/NavTree.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAIrB,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAU7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAQ/D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CA4EvC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,IAAK,CAAC"}
+{"version":3,"file":"NavTree.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/NavTree.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAIrB,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAU7C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAQpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CA4E9B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,IAAK,CAAC"}

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

@@ -1,9 +1,8 @@
 import React from 'react';
-import { type NavTreeContextValue } from './types';
+import { type NavTreeProps } from './NavTree';
 export declare const NODE_TYPE = "dxos/app-graph/node";
 export type NavTreeContainerProps = {
     popoverAnchorId?: string;
-    topbar?: boolean;
-} & Pick<NavTreeContextValue, 'tab'>;
-export declare const NavTreeContainer: React.MemoExoticComponent<({ tab, popoverAnchorId, topbar }: NavTreeContainerProps) => React.JSX.Element>;
+} & Pick<NavTreeProps, 'isOpen' | 'isCurrent' | 'onOpenChange'>;
+export declare const NavTreeContainer: React.MemoExoticComponent<({ isCurrent, popoverAnchorId, ...props }: NavTreeContainerProps) => React.JSX.Element>;
 //# sourceMappingURL=NavTreeContainer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavTreeContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/NavTreeContainer.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAoBrE,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAcnD,eAAO,MAAM,SAAS,wBAAwB,CAAC;AAM/C,MAAM,MAAM,qBAAqB,GAAG;IAClC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,GAAG,IAAI,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAC;AAErC,eAAO,MAAM,gBAAgB,+DAA2C,qBAAqB,uBAiP3F,CAAC"}
+{"version":3,"file":"NavTreeContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/NavTreeContainer.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAW5D,OAAO,EAA0B,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AAatE,eAAO,MAAM,SAAS,wBAAwB,CAAC;AAM/C,MAAM,MAAM,qBAAqB,GAAG;IAClC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,GAAG,IAAI,CAAC,YAAY,EAAE,QAAQ,GAAG,WAAW,GAAG,cAAc,CAAC,CAAC;AAEhE,eAAO,MAAM,gBAAgB,uEAAmD,qBAAqB,uBAkLnG,CAAC"}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { type LayoutPart } from '@dxos/app-framework';
+export declare const NavTreeFooter: (props: {
+    layoutPart?: LayoutPart;
+}) => React.JSX.Element;
+//# sourceMappingURL=NavTreeFooter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavTreeFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/NavTreeFooter.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,KAAK,UAAU,EAKhB,MAAM,qBAAqB,CAAC;AA0B7B,eAAO,MAAM,aAAa,UAAW;IAAE,UAAU,CAAC,EAAE,UAAU,CAAA;CAAE,sBAyH/D,CAAC"}

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

@@ -10,7 +10,7 @@ export type NavTreeItemActionMenuProps = ActionProperties & {
     onAction?: (action: Action) => void;
 };
 export declare const NavTreeItemActionDropdownMenu: ({ label, icon, testId, menuActions, onAction, }: NavTreeItemActionMenuProps) => React.JSX.Element;
-export declare const NavTreeItemMonolithicAction: ({ parent, properties: { disabled, caller, testId, icon, variant, iconOnly }, data: invoke, baseLabel, }: Action & {
+export declare const NavTreeItemMonolithicAction: ({ parent, properties: { disabled, caller, testId, icon }, data: invoke, baseLabel, }: Action & {
     parent: Node;
     onAction?: (action: Action) => void;
     baseLabel: string;

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

@@ -1 +1 @@
-{"version":3,"file":"NavTreeItemAction.d.ts","sourceRoot":"","sources":["../../../../src/components/NavTreeItemAction.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,gBAAgB,EAAU,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAMzD,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,MAAM,MAAM,0BAA0B,GAAG,gBAAgB,GAAG;IAC1D,MAAM,EAAE,IAAI,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,mBAAmB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAChD,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC,CAAC;AASF,eAAO,MAAM,6BAA6B,oDAMvC,0BAA0B,sBAqB5B,CAAC;AAEF,eAAO,MAAM,2BAA2B,4GAKrC,MAAM,GAAG;IAAE,MAAM,EAAE,IAAI,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,sBAyBnF,CAAC;AAEF,eAAO,MAAM,iBAAiB,wDAAyD,0BAA0B,sBAiBhH,CAAC"}
+{"version":3,"file":"NavTreeItemAction.d.ts","sourceRoot":"","sources":["../../../../src/components/NavTreeItemAction.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,gBAAgB,EAAU,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAMzD,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,MAAM,MAAM,0BAA0B,GAAG,gBAAgB,GAAG;IAC1D,MAAM,EAAE,IAAI,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,mBAAmB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAChD,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC,CAAC;AAYF,eAAO,MAAM,6BAA6B,oDAMvC,0BAA0B,sBAkB5B,CAAC;AAEF,eAAO,MAAM,2BAA2B,yFAKrC,MAAM,GAAG;IAAE,MAAM,EAAE,IAAI,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,sBAiBnF,CAAC;AAEF,eAAO,MAAM,iBAAiB,wDAAyD,0BAA0B,sBAiBhH,CAAC"}

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

@@ -2,8 +2,6 @@ export * from './CommandsDialog';
 export * from './CommandsTrigger';
 export * from './NavTree';
 export * from './NavTreeContainer';
-export * from './NavTreeContext';
 export * from './NavTreeDocumentTitle';
 export * from './NotchStart';
-export * from './types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC"}

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

@@ -1,7 +1,7 @@
 import '@dxos-theme';
 import { type Meta } from '@storybook/react';
-import { StorybookNavTree } from './StorybookNavTree';
+import { NavTree } from '../components';
 export declare const Default: {};
-declare const meta: Meta<typeof StorybookNavTree>;
+declare const meta: Meta<typeof NavTree>;
 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,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"}
+{"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"}

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

@@ -6,6 +6,12 @@ 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;
             '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,wBAcE"}
+{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../src/translations.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAMA,wBAoBE"}

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, type Position } from '@dxos/util';
+import { type MaybePromise } from '@dxos/util';
 export type NavTreeItemGraphNode = Node<any, Partial<NodeProperties & {
     persistenceClass: string;
     persistenceKey: string;
@@ -19,7 +19,6 @@ type SharedProperties = {
     label: Label;
     icon?: string;
     disabled?: boolean;
-    position?: Position;
     testId?: string;
     className?: string;
     headingClassName?: string;

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,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"}
+{"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,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,13 +9,4 @@ 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,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"}
+{"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-navtree",
-  "version": "0.7.5-labs.e27f9b9",
+  "version": "0.7.5-main.2567c87",
   "description": "DXOS Surface plugin for a tree view visualization of the graph.",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -25,32 +25,30 @@
     "@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-dismissable-layer": "1.1.5",
-    "@radix-ui/react-use-controllable-state": "1.1.0",
+    "@radix-ui/react-use-controllable-state": "^1.0.0",
     "date-fns": "^3.3.1",
-    "@dxos/app-framework": "0.7.5-labs.e27f9b9",
-    "@dxos/async": "0.7.5-labs.e27f9b9",
-    "@dxos/app-graph": "0.7.5-labs.e27f9b9",
-    "@dxos/debug": "0.7.5-labs.e27f9b9",
-    "@dxos/echo-schema": "0.7.5-labs.e27f9b9",
-    "@dxos/invariant": "0.7.5-labs.e27f9b9",
-    "@dxos/keyboard": "0.7.5-labs.e27f9b9",
-    "@dxos/local-storage": "0.7.5-labs.e27f9b9",
-    "@dxos/live-object": "0.7.5-labs.e27f9b9",
-    "@dxos/log": "0.7.5-labs.e27f9b9",
-    "@dxos/plugin-graph": "0.7.5-labs.e27f9b9",
-    "@dxos/plugin-observability": "0.7.5-labs.e27f9b9",
-    "@dxos/plugin-client": "0.7.5-labs.e27f9b9",
-    "@dxos/plugin-theme": "0.7.5-labs.e27f9b9",
-    "@dxos/protocols": "0.7.5-labs.e27f9b9",
-    "@dxos/react-ui-list": "0.7.5-labs.e27f9b9",
-    "@dxos/react-client": "0.7.5-labs.e27f9b9",
-    "@dxos/react-ui-menu": "0.7.5-labs.e27f9b9",
-    "@dxos/react-ui-mosaic": "0.7.5-labs.e27f9b9",
-    "@dxos/react-ui-searchlist": "0.7.5-labs.e27f9b9",
-    "@dxos/react-ui-stack": "0.7.5-labs.e27f9b9",
-    "@dxos/util": "0.7.5-labs.e27f9b9",
-    "@dxos/react-ui-tabs": "0.7.5-labs.e27f9b9"
+    "@dxos/app-framework": "0.7.5-main.2567c87",
+    "@dxos/async": "0.7.5-main.2567c87",
+    "@dxos/app-graph": "0.7.5-main.2567c87",
+    "@dxos/debug": "0.7.5-main.2567c87",
+    "@dxos/invariant": "0.7.5-main.2567c87",
+    "@dxos/live-object": "0.7.5-main.2567c87",
+    "@dxos/echo-schema": "0.7.5-main.2567c87",
+    "@dxos/local-storage": "0.7.5-main.2567c87",
+    "@dxos/keyboard": "0.7.5-main.2567c87",
+    "@dxos/log": "0.7.5-main.2567c87",
+    "@dxos/plugin-client": "0.7.5-main.2567c87",
+    "@dxos/plugin-graph": "0.7.5-main.2567c87",
+    "@dxos/plugin-observability": "0.7.5-main.2567c87",
+    "@dxos/protocols": "0.7.5-main.2567c87",
+    "@dxos/plugin-theme": "0.7.5-main.2567c87",
+    "@dxos/react-client": "0.7.5-main.2567c87",
+    "@dxos/react-ui-list": "0.7.5-main.2567c87",
+    "@dxos/react-ui-mosaic": "0.7.5-main.2567c87",
+    "@dxos/react-ui-searchlist": "0.7.5-main.2567c87",
+    "@dxos/react-ui-menu": "0.7.5-main.2567c87",
+    "@dxos/util": "0.7.5-main.2567c87",
+    "@dxos/react-ui-stack": "0.7.5-main.2567c87"
   },
   "devDependencies": {
     "@phosphor-icons/react": "^2.1.5",
@@ -59,18 +57,18 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/echo-signals": "0.7.5-labs.e27f9b9",
-    "@dxos/random": "0.7.5-labs.e27f9b9",
-    "@dxos/react-ui": "0.7.5-labs.e27f9b9",
-    "@dxos/react-ui-theme": "0.7.5-labs.e27f9b9",
-    "@dxos/storybook-utils": "0.7.5-labs.e27f9b9"
+    "@dxos/random": "0.7.5-main.2567c87",
+    "@dxos/echo-signals": "0.7.5-main.2567c87",
+    "@dxos/react-ui": "0.7.5-main.2567c87",
+    "@dxos/react-ui-theme": "0.7.5-main.2567c87",
+    "@dxos/storybook-utils": "0.7.5-main.2567c87"
   },
   "peerDependencies": {
     "@phosphor-icons/react": "^2.1.5",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-ui": "0.7.5-labs.e27f9b9",
-    "@dxos/react-ui-theme": "0.7.5-labs.e27f9b9"
+    "@dxos/react-ui": "0.7.5-main.2567c87",
+    "@dxos/react-ui-theme": "0.7.5-main.2567c87"
   },
   "publishConfig": {
     "access": "public"

package/src/NavTreePlugin.tsx

@@ -9,8 +9,9 @@ import {
   contributes,
   Capabilities,
   allOf,
+  oneOf,
+  NavigationAction,
   createIntent,
-  LayoutAction,
 } from '@dxos/app-framework';
 import { type TreeData } from '@dxos/react-ui-list';
 
@@ -24,7 +25,7 @@ export const NavTreePlugin = () =>
   definePlugin(meta, [
     defineModule({
       id: `${meta.id}/module/state`,
-      activatesOn: Events.LayoutReady,
+      activatesOn: allOf(Events.LayoutReady, Events.LocationReady),
       activatesAfter: [NavTreeEvents.StateReady],
       activate: State,
     }),
@@ -35,7 +36,7 @@ export const NavTreePlugin = () =>
     }),
     defineModule({
       id: `${meta.id}/module/metadata`,
-      activatesOn: Events.SetupMetadata,
+      activatesOn: oneOf(Events.Startup, Events.SetupAppGraph),
       activate: () =>
         contributes(Capabilities.Metadata, {
           id: NODE_TYPE,
@@ -55,13 +56,14 @@ export const NavTreePlugin = () =>
     }),
     defineModule({
       id: `${meta.id}/module/expose`,
-      activatesOn: allOf(Events.DispatcherReady, Events.LayoutReady, NavTreeEvents.StateReady),
+      activatesOn: allOf(Events.DispatcherReady, Events.LayoutReady, Events.LocationReady, NavTreeEvents.StateReady),
       activate: async (context) => {
-        const layout = context.requestCapability(Capabilities.Layout);
+        const location = context.requestCapability(Capabilities.Location);
         const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);
 
-        if (dispatch && layout.active.length === 1) {
-          await dispatch(createIntent(LayoutAction.Expose, { part: 'navigation', subject: layout.active[0] }));
+        const soloPart = location.active.solo?.[0];
+        if (dispatch && soloPart) {
+          await dispatch(createIntent(NavigationAction.Expose, { id: soloPart.id }));
         }
 
         return [];
@@ -74,7 +76,7 @@ export const NavTreePlugin = () =>
     }),
     defineModule({
       id: `${meta.id}/module/react-surface`,
-      activatesOn: Events.SetupSurfaces,
+      activatesOn: Events.Startup,
       activate: ReactSurface,
     }),
     defineModule({

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

@@ -19,12 +19,10 @@ export default (context: PluginsContext) =>
           data: async () => {
             const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);
             await dispatch(
-              createIntent(LayoutAction.UpdateDialog, {
-                part: 'dialog',
-                subject: COMMANDS_DIALOG,
-                options: {
-                  blockAlign: 'start',
-                },
+              createIntent(LayoutAction.SetLayout, {
+                element: 'dialog',
+                component: COMMANDS_DIALOG,
+                dialogBlockAlign: 'start',
               }),
             );
           },

package/src/capabilities/capabilities.ts

@@ -6,14 +6,13 @@ 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;
+    isOpen: (path: string[]) => boolean;
+    isCurrent: (path: string[]) => boolean;
   }>(`${NAVTREE_PLUGIN}/capability/state`);
 }

package/src/capabilities/intent-resolver.ts

@@ -2,8 +2,7 @@
 // Copyright 2025 DXOS.org
 //
 
-import { contributes, type PluginsContext, Capabilities, createResolver, LayoutAction } from '@dxos/app-framework';
-import { S } from '@dxos/echo-schema';
+import { contributes, type PluginsContext, Capabilities, NavigationAction, createResolver } from '@dxos/app-framework';
 import { log } from '@dxos/log';
 
 import { NavTreeCapabilities } from './capabilities';
@@ -11,26 +10,21 @@ import { NavTreeCapabilities } from './capabilities';
 export default (context: PluginsContext) =>
   contributes(
     Capabilities.IntentResolver,
-    createResolver({
-      intent: LayoutAction.UpdateLayout,
-      filter: (data): data is S.Schema.Type<typeof LayoutAction.Expose.fields.input> =>
-        S.is(LayoutAction.Expose.fields.input)(data),
-      resolve: async ({ subject }) => {
-        const { graph } = context.requestCapability(Capabilities.AppGraph);
-        const { getItem, setItem } = context.requestCapability(NavTreeCapabilities.State);
+    createResolver(NavigationAction.Expose, async ({ id }) => {
+      const { graph } = context.requestCapability(Capabilities.AppGraph);
+      const { getItem, setItem } = context.requestCapability(NavTreeCapabilities.State);
 
-        try {
-          const path = await graph.waitForPath({ target: subject }, { timeout: 1_000 });
-          [...Array(path.length)].forEach((_, index) => {
-            const subpath = path.slice(0, index);
-            const value = getItem(subpath);
-            if (!value.open) {
-              setItem(subpath, 'open', true);
-            }
-          });
-        } catch {
-          log('Path to node not found', { subject });
-        }
-      },
+      try {
+        const path = await graph.waitForPath({ target: id }, { timeout: 1_000 });
+        [...Array(path.length)].forEach((_, index) => {
+          const subpath = path.slice(0, index);
+          const value = getItem(subpath);
+          if (!value.open) {
+            setItem(subpath, 'open', true);
+          }
+        });
+      } catch {
+        log.warn('Path to node not found', { id });
+      }
     }),
   );

package/src/capabilities/react-surface.tsx

@@ -2,11 +2,12 @@
 // Copyright 2025 DXOS.org
 //
 
-import React from 'react';
+import React, { useCallback } from 'react';
 
-import { Capabilities, contributes, createSurface } from '@dxos/app-framework';
-import { isGraphNode } from '@dxos/plugin-graph';
+import { createSurface, Capabilities, contributes, useCapability } from '@dxos/app-framework';
+import { isGraphNode, type Node } from '@dxos/plugin-graph';
 
+import { NavTreeCapabilities } from './capabilities';
 import {
   CommandsDialogContent,
   CommandsTrigger,
@@ -14,28 +15,48 @@ import {
   NotchStart,
   NavTreeContainer,
 } from '../components';
+import { NavTreeFooter } from '../components/NavTreeFooter';
 import { COMMANDS_DIALOG, NAVTREE_PLUGIN } from '../meta';
+import { type NavTreeItemGraphNode } from '../types';
+import { expandChildrenAndActions } from '../util';
 
 export default () =>
   contributes(Capabilities.ReactSurface, [
     createSurface({
       id: COMMANDS_DIALOG,
       role: 'dialog',
-      filter: (data): data is { props: { selected?: string } } => data.component === COMMANDS_DIALOG,
-      component: ({ data }) => <CommandsDialogContent {...data.props} />,
+      filter: (data): data is { subject?: string } => data.component === COMMANDS_DIALOG,
+      component: ({ data }) => <CommandsDialogContent selected={data.subject} />,
     }),
     createSurface({
       id: `${NAVTREE_PLUGIN}/navigation`,
       role: 'navigation',
-      filter: (data): data is { popoverAnchorId?: string; topbar: boolean; current: string } =>
-        typeof data.current === 'string',
-      component: ({ data }) => (
-        <NavTreeContainer
-          tab={data.current}
-          popoverAnchorId={data.popoverAnchorId as string | undefined}
-          topbar={data.topbar as boolean}
-        />
-      ),
+      component: ({ data }) => {
+        const { graph } = useCapability(Capabilities.AppGraph);
+        const { isOpen, isCurrent, setItem } = useCapability(NavTreeCapabilities.State);
+
+        const handleOpenChange = useCallback(
+          ({ 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);
+            }
+          },
+          [graph],
+        );
+
+        return (
+          <NavTreeContainer
+            isOpen={isOpen}
+            isCurrent={isCurrent}
+            onOpenChange={handleOpenChange}
+            popoverAnchorId={data.popoverAnchorId as string | undefined}
+          />
+        );
+      },
     }),
     createSurface({
       id: `${NAVTREE_PLUGIN}/document-title`,
@@ -47,10 +68,15 @@ export default () =>
       role: 'notch-start',
       component: () => <NotchStart />,
     }),
+    createSurface({
+      id: `${NAVTREE_PLUGIN}/header-end`,
+      role: 'header-end',
+      component: () => <NavTreeFooter />,
+    }),
     createSurface({
       id: `${NAVTREE_PLUGIN}/search-input`,
       role: 'search-input',
-      position: 'fallback',
+      disposition: 'fallback',
       component: () => <CommandsTrigger />,
     }),
   ]);

package/src/capabilities/state.ts

@@ -34,8 +34,6 @@ const getInitialState = () => {
 };
 
 export default (context: PluginsContext) => {
-  const layout = context.requestCapability(Capabilities.Layout);
-
   // 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.
@@ -69,10 +67,15 @@ export default (context: PluginsContext) => {
   const isOpen = (path: string[]) => getItem(path).open;
   const isCurrent = (path: string[]) => getItem(path).current;
 
+  const location = context.requestCapability(Capabilities.Location);
+  const layout = context.requestCapability(Capabilities.Layout);
+
   let previous: string[] = [];
   const unsubscribe = effect(() => {
-    const removed = previous.filter((id) => !layout.active.includes(id));
-    previous = layout.active;
+    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.
@@ -84,7 +87,7 @@ export default (context: PluginsContext) => {
         });
       });
 
-      layout.active.forEach((id) => {
+      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);

package/src/components/CommandsDialog.tsx

@@ -4,9 +4,10 @@
 
 import React, { useMemo, useState } from 'react';
 
-import { createIntent, LayoutAction, useAppGraph, useIntentDispatcher } from '@dxos/app-framework';
+import { useIntentDispatcher, LayoutAction, createIntent } from '@dxos/app-framework';
 import { type ActionLike, isActionGroup, isAction } from '@dxos/app-graph';
 import { Keyboard, keySymbols } from '@dxos/keyboard';
+import { useGraph } from '@dxos/plugin-graph';
 import { Button, Dialog, Icon, useTranslation, toLocalizedString } from '@dxos/react-ui';
 import { SearchList } from '@dxos/react-ui-searchlist';
 import { descriptionText, mx } from '@dxos/react-ui-theme';
@@ -19,7 +20,7 @@ export const CommandsDialogContent = ({ selected: initial }: { selected?: string
   const { t } = useTranslation(NAVTREE_PLUGIN);
   const [selected, setSelected] = useState<string | undefined>(initial);
   const { dispatchPromise: dispatch } = useIntentDispatcher();
-  const { graph } = useAppGraph();
+  const { graph } = useGraph();
 
   // Traverse graph.
   // TODO(burdon): Factor out commonality with shortcut dialog.
@@ -82,7 +83,7 @@ export const CommandsDialogContent = ({ selected: initial }: { selected?: string
                     return;
                   }
 
-                  void dispatch(createIntent(LayoutAction.UpdateDialog, { part: 'dialog', options: { state: false } }));
+                  void dispatch(createIntent(LayoutAction.SetLayout, { element: 'dialog', state: false }));
                   setTimeout(() => {
                     const node = graph.nodes(group ?? action, { relation: 'inbound' })[0];
                     void (node && isAction(action) && action.data({ node, caller: KEY_BINDING }));

package/src/components/CommandsTrigger.tsx

@@ -17,15 +17,13 @@ export const CommandsTrigger = () => {
   const { t } = useTranslation(NAVTREE_PLUGIN);
   return (
     <Button
-      classNames='m-1 pli-1 lg:pli-2'
+      classNames='m-1 !pli-1 lg:!pli-2'
       onClick={() =>
         dispatch(
-          createIntent(LayoutAction.UpdateDialog, {
-            part: 'dialog',
-            subject: COMMANDS_DIALOG,
-            options: {
-              blockAlign: 'start',
-            },
+          createIntent(LayoutAction.SetLayout, {
+            element: 'dialog',
+            component: COMMANDS_DIALOG,
+            dialogBlockAlign: 'start',
           }),
         )
       }

package/src/components/NavTree.stories.tsx

@@ -16,7 +16,7 @@ import { isTreeData, type TreeData } from '@dxos/react-ui-list';
 import { Path } from '@dxos/react-ui-mosaic';
 import { withLayout, withTheme } from '@dxos/storybook-utils';
 
-import { StorybookNavTree } from '../stories/StorybookNavTree';
+import { NavTree } from './NavTree';
 import { createTree, updateState } from '../testing';
 
 faker.seed(1234);
@@ -24,9 +24,9 @@ faker.seed(1234);
 const tree = create<NodeArg<any>>(createTree());
 const state = new Map<string, ReactiveObject<{ open: boolean; current: boolean }>>();
 
-const meta: Meta<typeof StorybookNavTree> = {
+const meta: Meta<typeof NavTree> = {
   title: 'plugins/plugin-navtree/NavTree',
-  component: StorybookNavTree,
+  component: NavTree,
   decorators: [withTheme, withLayout({ tooltips: true })],
   render: (args) => {
     useEffect(() => {
@@ -52,7 +52,7 @@ const meta: Meta<typeof StorybookNavTree> = {
       });
     }, []);
 
-    return <StorybookNavTree {...args} />;
+    return <NavTree {...args} />;
   },
   args: {
     id: tree.id,
@@ -60,7 +60,7 @@ const meta: Meta<typeof StorybookNavTree> = {
       actions: arg.nodes?.filter((node) => isActionLike(node)) ?? [],
       groupedActions: {},
     }),
-    getItems: (testItem?: any) => {
+    getItems: (testItem?: NodeArg<any>) => {
       return testItem?.nodes ?? tree.nodes ?? [];
     },
     getProps: (testItem: NodeArg<any>) => ({