@dxos/plugin-navtree 0.8.4-main.21d9917 → 0.8.4-main.2244d791bb

package/dist/lib/browser/{app-graph-builder-RSMA6I22.mjs → app-graph-builder-XGA4GPGL.mjs}

@@ -5,7 +5,8 @@ import {
 
 // src/capabilities/app-graph-builder/app-graph-builder.ts
 import * as Effect from "effect/Effect";
-import { Capability, Common } from "@dxos/app-framework";
+import { Capability } from "@dxos/app-framework";
+import { AppCapabilities, LayoutOperation } from "@dxos/app-toolkit";
 import { Operation } from "@dxos/operation";
 import { GraphBuilder, NodeMatcher } from "@dxos/plugin-graph";
 var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function* () {
@@ -15,7 +16,7 @@ var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function
     actions: () => Effect.succeed([
       {
         id: COMMANDS_DIALOG,
-        data: () => Operation.invoke(Common.LayoutOperation.UpdateDialog, {
+        data: () => Operation.invoke(LayoutOperation.UpdateDialog, {
           subject: COMMANDS_DIALOG,
           blockAlign: "start"
         }),
@@ -35,9 +36,9 @@ var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function
       }
     ])
   });
-  return Capability.contributes(Common.Capability.AppGraphBuilder, extensions);
+  return Capability.contributes(AppCapabilities.AppGraphBuilder, extensions);
 }));
 export {
   app_graph_builder_default as default
 };
-//# sourceMappingURL=app-graph-builder-RSMA6I22.mjs.map
+//# sourceMappingURL=app-graph-builder-XGA4GPGL.mjs.map

package/dist/lib/browser/app-graph-builder-XGA4GPGL.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/app-graph-builder/app-graph-builder.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Capability } from '@dxos/app-framework';\nimport { AppCapabilities, LayoutOperation } from '@dxos/app-toolkit';\nimport { Operation } from '@dxos/operation';\nimport { GraphBuilder, NodeMatcher } from '@dxos/plugin-graph';\n\nimport { COMMANDS_DIALOG, meta } from '../../meta';\n\nexport default Capability.makeModule(\n  Effect.fnUntraced(function* () {\n    const extensions = yield* GraphBuilder.createExtension({\n      id: meta.id,\n      match: NodeMatcher.whenRoot,\n      actions: () =>\n        Effect.succeed([\n          {\n            id: COMMANDS_DIALOG,\n            data: () =>\n              Operation.invoke(LayoutOperation.UpdateDialog, {\n                subject: COMMANDS_DIALOG,\n                blockAlign: 'start',\n              }),\n            properties: {\n              label: ['open commands label', { ns: meta.id }],\n              icon: 'ph--magnifying-glass--regular',\n              keyBinding: {\n                macos: 'meta+k',\n                windows: 'ctrl+k',\n              },\n            },\n          },\n        ]),\n    });\n\n    return Capability.contributes(AppCapabilities.AppGraphBuilder, extensions);\n  }),\n);\n"],
+  "mappings": ";;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,kBAAkB;AAC3B,SAASC,iBAAiBC,uBAAuB;AACjD,SAASC,iBAAiB;AAC1B,SAASC,cAAcC,mBAAmB;AAI1C,IAAA,4BAAeC,WAAWC,WACjBC,kBAAW,aAAA;AAChB,QAAMC,aAAa,OAAOC,aAAaC,gBAAgB;IACrDC,IAAIC,KAAKD;IACTE,OAAOC,YAAYC;IACnBC,SAAS,MACAC,eAAQ;MACb;QACEN,IAAIO;QACJC,MAAM,MACJC,UAAUC,OAAOC,gBAAgBC,cAAc;UAC7CC,SAASN;UACTO,YAAY;QACd,CAAA;QACFC,YAAY;UACVC,OAAO;YAAC;YAAuB;cAAEC,IAAIhB,KAAKD;YAAG;;UAC7CkB,MAAM;UACNC,YAAY;YACVC,OAAO;YACPC,SAAS;UACX;QACF;MACF;KACD;EACL,CAAA;AAEA,SAAO3B,WAAW4B,YAAYC,gBAAgBC,iBAAiB3B,UAAAA;AACjE,CAAA,CAAA;",
+  "names": ["Effect", "Capability", "AppCapabilities", "LayoutOperation", "Operation", "GraphBuilder", "NodeMatcher", "Capability", "makeModule", "fnUntraced", "extensions", "GraphBuilder", "createExtension", "id", "meta", "match", "NodeMatcher", "whenRoot", "actions", "succeed", "COMMANDS_DIALOG", "data", "Operation", "invoke", "LayoutOperation", "UpdateDialog", "subject", "blockAlign", "properties", "label", "ns", "icon", "keyBinding", "macos", "windows", "contributes", "AppCapabilities", "AppGraphBuilder"]
+}

package/dist/lib/browser/{chunk-6YPQ625I.mjs → chunk-63YLDLLE.mjs}

@@ -1,6 +1,6 @@
 import {
   NavTreeCapabilities
-} from "./chunk-AGQDZBPL.mjs";
+} from "./chunk-X2HDG62A.mjs";
 import {
   COMMANDS_DIALOG,
   KEY_BINDING,
@@ -9,8 +9,9 @@ import {
 
 // src/components/CommandsDialog/CommandsDialog.tsx
 import React, { forwardRef, useMemo, useState } from "react";
-import { Common } from "@dxos/app-framework";
-import { useAppGraph, useOperationInvoker } from "@dxos/app-framework/react";
+import { useOperationInvoker } from "@dxos/app-framework/ui";
+import { LayoutOperation } from "@dxos/app-toolkit";
+import { useAppGraph } from "@dxos/app-toolkit/ui";
 import { Keyboard, keySymbols } from "@dxos/keyboard";
 import { Graph, Node, useActionRunner } from "@dxos/plugin-graph";
 import { useActions } from "@dxos/plugin-graph";
@@ -56,13 +57,9 @@ var CommandsDialogContent = /* @__PURE__ */ forwardRef(({ selected: initial }, f
     ns: meta.id
   })), /* @__PURE__ */ React.createElement(SearchList.Root, {
     onSearch: handleSearch
-  }, /* @__PURE__ */ React.createElement("div", {
-    "aria-label": t("command list input placeholder"),
-    role: "combobox",
-    "aria-expanded": "true"
-  }, /* @__PURE__ */ React.createElement(SearchList.Input, {
+  }, /* @__PURE__ */ React.createElement(SearchList.Content, null, /* @__PURE__ */ React.createElement(SearchList.Input, {
     placeholder: t("command list input placeholder")
-  }), /* @__PURE__ */ React.createElement(SearchList.Content, null, /* @__PURE__ */ React.createElement(SearchList.Viewport, null, results.map((action) => {
+  }), /* @__PURE__ */ React.createElement(SearchList.Viewport, null, results.map((action) => {
     const shortcut = typeof action.properties.keyBinding === "string" ? action.properties.keyBinding : action.properties.keyBinding?.[getHostPlatform()];
     return /* @__PURE__ */ React.createElement(SearchList.Item, {
       value: action.id,
@@ -78,7 +75,7 @@ var CommandsDialogContent = /* @__PURE__ */ forwardRef(({ selected: initial }, f
           setSelected(action.id);
           return;
         }
-        invokeSync(Common.LayoutOperation.UpdateDialog, {
+        invokeSync(LayoutOperation.UpdateDialog, {
           state: false
         });
         setTimeout(() => {
@@ -97,7 +94,7 @@ var CommandsDialogContent = /* @__PURE__ */ forwardRef(({ selected: initial }, f
         "data-testid": action.properties.testId
       }
     });
-  }))))), /* @__PURE__ */ React.createElement("div", {
+  })))), /* @__PURE__ */ React.createElement("div", {
     role: "none",
     className: "pli-cardSpacingInline pbe-cardSpacingBlock"
   }, /* @__PURE__ */ React.createElement(Dialog.Close, {
@@ -111,15 +108,15 @@ var CommandsDialogContent = /* @__PURE__ */ forwardRef(({ selected: initial }, f
 
 // src/components/CommandsDialog/CommandsTrigger.tsx
 import React2 from "react";
-import { Common as Common2 } from "@dxos/app-framework";
-import { useOperationInvoker as useOperationInvoker2 } from "@dxos/app-framework/react";
+import { useOperationInvoker as useOperationInvoker2 } from "@dxos/app-framework/ui";
+import { LayoutOperation as LayoutOperation2 } from "@dxos/app-toolkit";
 import { Button as Button2, Icon, useTranslation as useTranslation2 } from "@dxos/react-ui";
 var CommandsTrigger = () => {
   const { invokeSync } = useOperationInvoker2();
   const { t } = useTranslation2(meta.id);
   return /* @__PURE__ */ React2.createElement(Button2, {
     classNames: "m-1 pli-1 lg:pli-2",
-    onClick: () => invokeSync(Common2.LayoutOperation.UpdateDialog, {
+    onClick: () => invokeSync(LayoutOperation2.UpdateDialog, {
       subject: COMMANDS_DIALOG,
       blockAlign: "start"
     })
@@ -194,10 +191,11 @@ var l0ItemType = (item) => {
 import { monitorForElements } from "@atlaskit/pragmatic-drag-and-drop/element/adapter";
 import { extractInstruction } from "@atlaskit/pragmatic-drag-and-drop-hitbox/tree-item";
 import React10, { forwardRef as forwardRef4, memo as memo2, useCallback as useCallback3, useEffect as useEffect3, useMemo as useMemo6 } from "react";
-import { Common as Common3 } from "@dxos/app-framework";
-import { Surface, useAppGraph as useAppGraph2, useLayout, useOperationInvoker as useOperationInvoker3 } from "@dxos/app-framework/react";
+import { Surface, useOperationInvoker as useOperationInvoker3 } from "@dxos/app-framework/ui";
+import { LayoutOperation as LayoutOperation3 } from "@dxos/app-toolkit";
+import { useAppGraph as useAppGraph2, useLayout } from "@dxos/app-toolkit/ui";
 import { PLANK_COMPANION_TYPE } from "@dxos/plugin-deck/types";
-import { Graph as Graph3, Node as Node4, useActionRunner as useActionRunner4 } from "@dxos/plugin-graph";
+import { Graph as Graph3, Node as Node5, useActionRunner as useActionRunner5 } from "@dxos/plugin-graph";
 import { useConnections, useActions as useGraphActions } from "@dxos/plugin-graph";
 import { useMediaQuery as useMediaQuery2, useSidebars } from "@dxos/react-ui";
 import { isTreeData } from "@dxos/react-ui-list";
@@ -207,7 +205,7 @@ import { arrayMove as arrayMove2, byPosition } from "@dxos/util";
 // src/hooks.ts
 import { useAtomValue } from "@effect-atom/atom-react";
 import { useEffect as useEffect2, useMemo as useMemo5 } from "react";
-import { useCapability } from "@dxos/app-framework/react";
+import { useCapability } from "@dxos/app-framework/ui";
 
 // src/components/NavTree/NavTree.tsx
 import React9, { forwardRef as forwardRef3, useMemo as useMemo4 } from "react";
@@ -518,11 +516,14 @@ var L0Menu = ({ menuActions, topLevelItems, pinnedItems, userAccountItem, parent
     className: mx(l0ItemRoot, "grid place-items-center dx-focus-ring-group", '[body[data-platform="macos"]_&]:mt-[30px]')
   }, /* @__PURE__ */ React4.createElement("div", {
     role: "none",
-    className: mx(l0ItemContent, "is-[--rail-action] bs-[--rail-action] group-hover/l0item:bg-hoverSurface")
+    className: mx(l0ItemContent, "bs-[--rail-action] is-[--rail-action] group-hover/l0item:bg-hoverSurface")
   }, /* @__PURE__ */ React4.createElement(Icon2, {
     icon: "ph--list--regular",
     size: 5
-  }))))))), /* @__PURE__ */ React4.createElement(ScrollArea.Root, null, /* @__PURE__ */ React4.createElement(ScrollArea.Viewport, null, /* @__PURE__ */ React4.createElement("div", {
+  }))))))), /* @__PURE__ */ React4.createElement(ScrollArea.Root, {
+    thin: true,
+    orientation: "vertical"
+  }, /* @__PURE__ */ React4.createElement(ScrollArea.Viewport, null, /* @__PURE__ */ React4.createElement("div", {
     role: "none",
     className: mx([
       "flex flex-col gap-1 pbs-1",
@@ -537,9 +538,7 @@ var L0Menu = ({ menuActions, topLevelItems, pinnedItems, userAccountItem, parent
     ...hasRearrangeableItems && {
       onRearrange: handleRearrange
     }
-  }))), /* @__PURE__ */ React4.createElement(ScrollArea.Scrollbar, {
-    orientation: "vertical"
-  }, /* @__PURE__ */ React4.createElement(ScrollArea.Thumb, null)))), /* @__PURE__ */ React4.createElement("div", {
+  }))))), /* @__PURE__ */ React4.createElement("div", {
     role: "none",
     className: "grid grid-cols-1 auto-rows-[--rail-action] pbs-2"
   }, pinnedItems.map((item) => /* @__PURE__ */ React4.createElement(L0Item, {
@@ -566,9 +565,13 @@ var L0Menu = ({ menuActions, topLevelItems, pinnedItems, userAccountItem, parent
 };
 
 // src/components/Sidebar/L1Panel.tsx
+import * as Effect from "effect/Effect";
 import React7, { useCallback as useCallback2, useMemo as useMemo3 } from "react";
-import { DensityProvider, IconButton as IconButton2, toLocalizedString as toLocalizedString5, useTranslation as useTranslation6 } from "@dxos/react-ui";
+import { Node as Node4 } from "@dxos/app-graph";
+import { useActionRunner as useActionRunner4 } from "@dxos/plugin-graph";
+import { DensityProvider, IconButton as IconButton2, ScrollArea as ScrollArea2, toLocalizedString as toLocalizedString5, useTranslation as useTranslation6 } from "@dxos/react-ui";
 import { Tree } from "@dxos/react-ui-list";
+import { DropdownMenu as DropdownMenu3, MenuProvider as MenuProvider3 } from "@dxos/react-ui-menu";
 import { Tabs as Tabs2 } from "@dxos/react-ui-tabs";
 import { hoverableControlItem as hoverableControlItem2, hoverableOpenControlItem as hoverableOpenControlItem2 } from "@dxos/ui-theme";
 
@@ -767,10 +770,10 @@ var L1Panel = ({ open, path, item, currentItemId, onBack }) => {
     item,
     currentItemId,
     onBack
-  }), /* @__PURE__ */ React7.createElement("div", {
-    role: "none",
-    className: "overflow-y-auto"
-  }, isAlternate ? /* @__PURE__ */ React7.createElement(Tree, {
+  }), /* @__PURE__ */ React7.createElement(ScrollArea2.Root, {
+    thin: true,
+    orientation: "vertical"
+  }, /* @__PURE__ */ React7.createElement(ScrollArea2.Viewport, null, isAlternate ? /* @__PURE__ */ React7.createElement(Tree, {
     ...navTreeContext,
     id: alternateTree.id,
     root: alternateTree,
@@ -788,12 +791,81 @@ var L1Panel = ({ open, path, item, currentItemId, onBack }) => {
     gridTemplateColumns: "[tree-row-start] 1fr min-content min-content min-content [tree-row-end]",
     renderColumns: NavTreeItemColumns,
     draggable: true
-  }))));
+  })))));
 };
 var L1PanelHeader = ({ item, path, onBack }) => {
   const { t } = useTranslation6(meta.id);
-  const { setAlternateTree, ...navTreeContext } = useNavTreeContext();
+  const { renderItemEnd: ItemEnd } = useNavTreeContext();
   const title = toLocalizedString5(item.properties.label, t);
+  const { primaryAction, groupedActions, menuActions, onAction } = useL1MenuActions({
+    item,
+    path
+  });
+  useLoadDescendents(item);
+  return /* @__PURE__ */ React7.createElement("div", {
+    className: "flex is-full items-center border-be border-subduedSeparator app-drag density-coarse"
+  }, /* @__PURE__ */ React7.createElement("div", {
+    className: "is-6"
+  }), /* @__PURE__ */ React7.createElement("h2", {
+    className: "flex-1 truncate min-is-0"
+  }, title), /* @__PURE__ */ React7.createElement("div", {
+    role: "none",
+    className: "contents app-no-drag"
+  }, primaryAction?.properties?.disposition === "list-item-primary" && !primaryAction?.properties?.disabled && /* @__PURE__ */ React7.createElement(NavTreeItemAction, {
+    testId: primaryAction.properties?.testId,
+    label: toLocalizedString5(primaryAction.properties?.label, t),
+    icon: primaryAction.properties?.icon ?? "ph--placeholder--regular",
+    parent: item,
+    monolithic: Node4.isAction(primaryAction),
+    menuActions: Node4.isAction(primaryAction) ? [
+      primaryAction
+    ] : groupedActions[primaryAction?.id ?? ""],
+    menuType: primaryAction.properties?.menuType,
+    caller: NAV_TREE_ITEM
+  }), menuActions.length === 1 && /* @__PURE__ */ React7.createElement(IconButton2, {
+    size: 5,
+    density: "coarse",
+    classNames: [
+      "shrink-0 pli-2 pointer-fine:pli-1",
+      hoverableControlItem2,
+      hoverableOpenControlItem2
+    ],
+    variant: "ghost",
+    icon: menuActions[0].properties?.icon ?? "ph--placeholder--regular",
+    iconOnly: true,
+    label: toLocalizedString5(menuActions[0].properties?.label, t),
+    "data-testid": menuActions[0].properties?.testId,
+    onClick: () => onAction(menuActions[0])
+  }), menuActions.length > 1 && /* @__PURE__ */ React7.createElement(MenuProvider3, {
+    onAction
+  }, /* @__PURE__ */ React7.createElement(DropdownMenu3.Root, {
+    group: item,
+    items: menuActions,
+    caller: NAV_TREE_ITEM
+  }, /* @__PURE__ */ React7.createElement(DropdownMenu3.Trigger, {
+    asChild: true
+  }, /* @__PURE__ */ React7.createElement(IconButton2, {
+    size: 5,
+    density: "coarse",
+    classNames: [
+      "shrink-0 pli-2 pointer-fine:pli-1",
+      hoverableControlItem2,
+      hoverableOpenControlItem2
+    ],
+    variant: "ghost",
+    icon: "ph--dots-three-vertical--regular",
+    iconOnly: true,
+    label: t("tree item actions label"),
+    "data-testid": "navtree.treeItem.actionsLevel0"
+  })))), ItemEnd && /* @__PURE__ */ React7.createElement(ItemEnd, {
+    node: item,
+    open: true
+  })));
+};
+var useL1MenuActions = ({ item, path }) => {
+  const { t } = useTranslation6(meta.id);
+  const { setAlternateTree, useActions: useActions3, ...navTreeContext } = useNavTreeContext();
+  const runAction = useActionRunner4();
   const alternateTree = navTreeContext.useItems(item, {
     disposition: "alternate-tree"
   })[0];
@@ -805,61 +877,69 @@ var L1PanelHeader = ({ item, path, onBack }) => {
     path
   ]);
   const isAlternate = useIsAlternateTree(alternatePath, item);
-  const backCapable = item.id.startsWith("!") || isAlternate;
-  const handleOpen = useCallback2(() => {
-    setAlternateTree?.(alternatePath, true);
+  const { actions: _actions, groupedActions } = useActions3(item);
+  const [primaryAction, ...secondaryActions] = _actions.toSorted((a, _b) => a.properties?.disposition === "list-item-primary" ? -1 : 1);
+  const graphMenuActions = (primaryAction?.properties?.disposition === "list-item-primary" ? secondaryActions : _actions).flatMap((action) => Node4.isAction(action) ? [
+    action
+  ] : []).filter((a) => [
+    "list-item",
+    "list-item-primary"
+  ].includes(a.properties?.disposition));
+  const settingsActionId = `${item.id}~settings`;
+  const settingsAction = useMemo3(() => {
+    if (!alternateTree) {
+      return void 0;
+    }
+    return {
+      id: settingsActionId,
+      type: Node4.ActionType,
+      data: () => Effect.void,
+      properties: {
+        label: isAlternate ? [
+          "button back",
+          {
+            ns: meta.id
+          }
+        ] : alternateTree.properties.label ?? alternateTree.id,
+        icon: isAlternate ? "ph--arrow-u-down-left--regular" : alternateTree.properties.icon ?? "ph--placeholder--regular",
+        disposition: "list-item",
+        testId: isAlternate ? "navtree.backToSpace" : "navtree.spaceSettings"
+      }
+    };
   }, [
-    alternatePath,
-    setAlternateTree
+    alternateTree,
+    isAlternate,
+    settingsActionId,
+    t
   ]);
-  const handleBack = useCallback2(() => {
-    if (isAlternate) {
-      setAlternateTree?.(alternatePath, false);
+  const menuActions = useMemo3(() => [
+    ...graphMenuActions,
+    ...settingsAction ? [
+      settingsAction
+    ] : []
+  ], [
+    graphMenuActions,
+    settingsAction
+  ]);
+  const onAction = useCallback2((action, params) => {
+    if (action.id === settingsActionId) {
+      setAlternateTree?.(alternatePath, !isAlternate);
     } else {
-      onBack?.();
+      void runAction(action, params);
     }
   }, [
-    isAlternate,
-    alternatePath,
+    settingsActionId,
     setAlternateTree,
-    onBack
+    alternatePath,
+    isAlternate,
+    runAction
   ]);
-  return /* @__PURE__ */ React7.createElement("div", {
-    className: "flex is-full items-center border-be border-subduedSeparator app-drag density-coarse"
-  }, /* @__PURE__ */ React7.createElement("div", {
-    className: "is-6"
-  }), /* @__PURE__ */ React7.createElement("h2", {
-    className: "flex-1 truncate min-is-0"
-  }, title), backCapable && /* @__PURE__ */ React7.createElement(IconButton2, {
-    "data-testid": "treeView.primaryTreeButton",
-    variant: "ghost",
-    icon: "ph--arrow-u-down-left--regular",
-    iconOnly: true,
-    label: t("button back"),
-    classNames: [
-      hoverableControlItem2,
-      hoverableOpenControlItem2,
-      "pointer-fine:pli-1"
-    ],
-    onClick: handleBack
-  }) || alternateTree && !isAlternate && /* @__PURE__ */ React7.createElement(IconButton2, {
-    "data-testid": "treeView.alternateTreeButton",
-    variant: "ghost",
-    icon: alternateTree.properties.icon ?? "ph--placeholder--regular",
-    iconOnly: true,
-    label: toLocalizedString5(alternateTree.properties.label ?? alternateTree.id, t),
-    classNames: [
-      hoverableControlItem2,
-      hoverableOpenControlItem2,
-      "pointer-fine:pli-1"
-    ],
-    onClick: handleOpen
-  }), /* @__PURE__ */ React7.createElement(NavTreeItemColumns, {
-    open: true,
-    path,
-    item,
-    density: "coarse"
-  }));
+  return {
+    primaryAction,
+    groupedActions,
+    menuActions,
+    onAction
+  };
 };
 
 // src/components/Sidebar/L1Tabs.tsx
@@ -1000,7 +1080,7 @@ var useIsAlternateTree = (path, _item) => {
 
 // src/components/NavTreeContainer.tsx
 var NODE_TYPE = "dxos/app-graph/node";
-var renderItemEnd = ({ node, open }) => /* @__PURE__ */ React10.createElement(Surface, {
+var renderItemEnd = ({ node, open }) => /* @__PURE__ */ React10.createElement(Surface.Surface, {
   role: "navtree-item-end",
   data: {
     id: node.id,
@@ -1009,23 +1089,23 @@ var renderItemEnd = ({ node, open }) => /* @__PURE__ */ React10.createElement(Su
   },
   limit: 1
 });
-var getChildrenFilter = (node) => !Node4.isActionLike(node) && node.type !== PLANK_COMPANION_TYPE && node.properties.disposition !== "hidden";
+var getChildrenFilter = (node) => !Node5.isActionLike(node) && node.type !== PLANK_COMPANION_TYPE && node.properties.disposition !== "hidden";
 var filterItems = (node, disposition) => {
   if (!disposition && (node.properties.disposition === "hidden" || node.properties.disposition === "alternate-tree")) {
     return false;
   } else if (!disposition) {
-    const action = Node4.isAction(node);
+    const action = Node5.isAction(node);
     return !action || node.properties.disposition === "item";
   } else {
     return node.properties.disposition === disposition;
   }
 };
 var getItems = (graph, node, disposition) => {
-  return Graph3.getConnections(graph, node?.id ?? Node4.RootId, "outbound").filter((node2) => filterItems(node2, disposition));
+  return Graph3.getConnections(graph, node?.id ?? Node5.RootId, "outbound").filter((node2) => filterItems(node2, disposition));
 };
 var useItems = (node, options) => {
   const { graph } = useAppGraph2();
-  const connections = useConnections(graph, node?.id ?? Node4.RootId);
+  const connections = useConnections(graph, node?.id ?? Node5.RootId);
   const filtered = connections.filter((node2) => filterItems(node2, options?.disposition));
   return options?.sort ? filtered.toSorted((a, b) => byPosition(a.properties, b.properties)) : filtered;
 };
@@ -1037,7 +1117,7 @@ var useActions2 = (node) => {
       return acc;
     }
     acc.actions.push(arg);
-    if (!Node4.isAction(arg)) {
+    if (!Node5.isAction(arg)) {
       const actionGroup = Graph3.getActions(graph, arg.id);
       acc.groupedActions[arg.id] = actionGroup;
     }
@@ -1052,7 +1132,7 @@ var useActions2 = (node) => {
 var NavTreeContainer$ = /* @__PURE__ */ forwardRef4(({ tab, popoverAnchorId, topbar }, forwardedRef) => {
   const [isLg] = useMediaQuery2("lg");
   const { invokeSync, invokePromise } = useOperationInvoker3();
-  const runAction = useActionRunner4();
+  const runAction = useActionRunner5();
   const { graph } = useAppGraph2();
   const { getItem, setItem } = useNavTreeState();
   const layout = useLayout();
@@ -1089,16 +1169,16 @@ var NavTreeContainer$ = /* @__PURE__ */ forwardRef4(({ tab, popoverAnchorId, top
     graph
   ]);
   const handleTabChange = useCallback3((node) => {
-    invokeSync(Common3.LayoutOperation.UpdateSidebar, {
+    invokeSync(LayoutOperation3.UpdateSidebar, {
       state: node.id === tab ? navigationSidebarState === "expanded" ? isLg ? "collapsed" : "closed" : "expanded" : "expanded"
     });
-    invokeSync(Common3.LayoutOperation.SwitchWorkspace, {
+    invokeSync(LayoutOperation3.SwitchWorkspace, {
       subject: node.id
     });
     if (layout.active.length === 0) {
-      const [item] = getItems(graph, node).filter((node2) => !Node4.isActionLike(node2));
+      const [item] = getItems(graph, node).filter((node2) => !Node5.isActionLike(node2));
       if (item && item.data) {
-        invokeSync(Common3.LayoutOperation.Open, {
+        invokeSync(LayoutOperation3.Open, {
           subject: [
             item.id
           ]
@@ -1125,7 +1205,7 @@ var NavTreeContainer$ = /* @__PURE__ */ forwardRef4(({ tab, popoverAnchorId, top
     if (!node.data) {
       return;
     }
-    if (Node4.isAction(node)) {
+    if (Node5.isAction(node)) {
       const [parent] = Graph3.getConnections(graph, node.id, "inbound");
       if (parent) {
         void runAction(node, {
@@ -1137,29 +1217,29 @@ var NavTreeContainer$ = /* @__PURE__ */ forwardRef4(({ tab, popoverAnchorId, top
     }
     const current = getItem(path).current;
     if (!current) {
-      invokeSync(Common3.LayoutOperation.Open, {
+      invokeSync(LayoutOperation3.Open, {
         subject: [
           node.id
         ],
         key: node.properties.key
       });
     } else if (option) {
-      invokeSync(Common3.LayoutOperation.Close, {
+      invokeSync(LayoutOperation3.Close, {
         subject: [
           node.id
         ]
       });
     } else {
-      void invokePromise(Common3.LayoutOperation.ScrollIntoView, {
+      void invokePromise(LayoutOperation3.ScrollIntoView, {
         subject: node.id
       });
     }
     const defaultAction = Graph3.getActions(graph, node.id).find((action) => action.properties?.disposition === "default");
-    if (Node4.isAction(defaultAction)) {
+    if (Node5.isAction(defaultAction)) {
       void runAction(defaultAction);
     }
     if (!isLg) {
-      invokeSync(Common3.LayoutOperation.UpdateSidebar, {
+      invokeSync(LayoutOperation3.UpdateSidebar, {
         state: "closed"
       });
     }
@@ -1171,7 +1251,7 @@ var NavTreeContainer$ = /* @__PURE__ */ forwardRef4(({ tab, popoverAnchorId, top
     isLg,
     runAction
   ]);
-  const handleBack = useCallback3(() => invokeSync(Common3.LayoutOperation.RevertWorkspace), [
+  const handleBack = useCallback3(() => invokeSync(LayoutOperation3.RevertWorkspace), [
     invokeSync
   ]);
   useEffect3(() => {
@@ -1269,7 +1349,7 @@ var NavTreeContainer$ = /* @__PURE__ */ forwardRef4(({ tab, popoverAnchorId, top
   return /* @__PURE__ */ React10.createElement(NavTreeContext.Provider, {
     value: navTreeContextValue
   }, /* @__PURE__ */ React10.createElement(NavTree, {
-    id: Node4.RootId,
+    id: Node5.RootId,
     root: Graph3.getRoot(graph),
     open: layout.sidebarOpen,
     ref: forwardedRef
@@ -1290,4 +1370,4 @@ export {
   NavTreeContainer,
   NavTreeDocumentTitle
 };
-//# sourceMappingURL=chunk-6YPQ625I.mjs.map
+//# sourceMappingURL=chunk-63YLDLLE.mjs.map