@dxos/plugin-navtree 0.8.4-main.4a85c3132b → 0.8.4-main.4f23b4e393

package/dist/lib/{browser/CommandsDialogContent-A27AKTHH.mjs → neutral/CommandsDialogContent-UBGIQ5FI.mjs}

@@ -1,7 +1,4 @@
-import {
-  KEY_BINDING,
-  meta
-} from "./chunk-YKTYPINZ.mjs";
+import "./chunk-J5LGTIGS.mjs";
 
 // src/containers/CommandsDialogContent/CommandsDialogContent.tsx
 import React, { forwardRef, useMemo, useState } from "react";
@@ -12,12 +9,13 @@ import { Keyboard, keySymbols } from "@dxos/keyboard";
 import { Graph, Node, useActionRunner } from "@dxos/plugin-graph";
 import { useActions } from "@dxos/plugin-graph";
 import { Button, Dialog, toLocalizedString, useTranslation } from "@dxos/react-ui";
-import { SearchList, useSearchListResults } from "@dxos/react-ui-searchlist";
+import { SearchList, useSearchListResults } from "@dxos/react-ui-search";
 import { osTranslations } from "@dxos/ui-theme";
 import { getHostPlatform } from "@dxos/util";
+import { KEY_BINDING, meta } from "#meta";
 var CommandsDialogContent = /* @__PURE__ */ forwardRef(({ selected: initial }, forwardedRef) => {
   const { t } = useTranslation(meta.id);
-  const { invokeSync } = useOperationInvoker();
+  const { invokePromise } = useOperationInvoker();
   const runAction = useActionRunner();
   const { graph } = useAppGraph();
   const [selected, setSelected] = useState(initial);
@@ -26,9 +24,15 @@ var CommandsDialogContent = /* @__PURE__ */ forwardRef(({ selected: initial }, f
     const actionMap = /* @__PURE__ */ new Set();
     const actions2 = [];
     Graph.traverse(graph, {
-      relation: "child",
+      relation: [
+        "child",
+        "action"
+      ],
       visitor: (node, path) => {
-        if ((Node.isAction(node) || Node.isActionGroup(node)) && !actionMap.has(node.id) && current.startsWith(path.slice(0, -1).join("/"))) {
+        const isActionLike = Node.isAction(node) || Node.isActionGroup(node);
+        const parentId = path.at(-2) ?? "";
+        const matches = current === parentId || current.startsWith(parentId + "/");
+        if (isActionLike && !actionMap.has(node.id) && matches) {
           actionMap.add(node.id);
           actions2.push(node);
         }
@@ -50,12 +54,14 @@ var CommandsDialogContent = /* @__PURE__ */ forwardRef(({ selected: initial }, f
   });
   return /* @__PURE__ */ React.createElement(Dialog.Content, {
     ref: forwardedRef
-  }, /* @__PURE__ */ React.createElement(Dialog.Title, null, t("commands dialog title", {
+  }, /* @__PURE__ */ React.createElement(Dialog.Title, {
+    srOnly: true
+  }, t("commands-dialog.title", {
     ns: meta.id
   })), /* @__PURE__ */ React.createElement(SearchList.Root, {
     onSearch: handleSearch
-  }, /* @__PURE__ */ React.createElement(SearchList.Content, null, /* @__PURE__ */ React.createElement(SearchList.Input, {
-    placeholder: t("command list input placeholder")
+  }, /* @__PURE__ */ React.createElement(SearchList.Input, {
+    placeholder: t("command-list-input.placeholder")
   }), /* @__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, {
@@ -72,11 +78,12 @@ var CommandsDialogContent = /* @__PURE__ */ forwardRef(({ selected: initial }, f
           setSelected(action.id);
           return;
         }
-        invokeSync(LayoutOperation.UpdateDialog, {
+        void invokePromise(LayoutOperation.UpdateDialog, {
           state: false
         });
         setTimeout(() => {
-          const node = Graph.getConnections(graph, group?.id ?? action.id, Node.childRelation("inbound"))[0];
+          const lookupId = group?.id ?? action.id;
+          const node = Graph.getConnections(graph, lookupId, Node.actionRelation("inbound"))[0];
           if (node && Node.isAction(action)) {
             void runAction(action, {
               parent: node,
@@ -91,21 +98,15 @@ var CommandsDialogContent = /* @__PURE__ */ forwardRef(({ selected: initial }, f
         "data-testid": action.properties.testId
       }
     });
-  })))), /* @__PURE__ */ React.createElement("div", {
-    role: "none",
-    className: "p-form-padding"
-  }, /* @__PURE__ */ React.createElement(Dialog.Close, {
+  }))), /* @__PURE__ */ React.createElement(Dialog.ActionBar, null, /* @__PURE__ */ React.createElement(Dialog.Close, {
     asChild: true
   }, /* @__PURE__ */ React.createElement(Button, {
     classNames: "w-full"
-  }, t("close label", {
+  }, t("close.label", {
     ns: osTranslations
   })))));
 });
-
-// src/containers/CommandsDialogContent/index.ts
-var CommandsDialogContent_default = CommandsDialogContent;
 export {
-  CommandsDialogContent_default as default
+  CommandsDialogContent as default
 };
-//# sourceMappingURL=CommandsDialogContent-A27AKTHH.mjs.map
+//# sourceMappingURL=CommandsDialogContent-UBGIQ5FI.mjs.map

package/dist/lib/neutral/CommandsDialogContent-UBGIQ5FI.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/CommandsDialogContent/CommandsDialogContent.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { forwardRef, useMemo, useState } from 'react';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { LayoutOperation } from '@dxos/app-toolkit';\nimport { useAppGraph } from '@dxos/app-toolkit/ui';\nimport { Keyboard, keySymbols } from '@dxos/keyboard';\nimport { Graph, Node, useActionRunner } from '@dxos/plugin-graph';\nimport { useActions } from '@dxos/plugin-graph';\nimport { Button, Dialog, toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { SearchList, useSearchListResults } from '@dxos/react-ui-search';\nimport { osTranslations } from '@dxos/ui-theme';\nimport { getHostPlatform } from '@dxos/util';\n\nimport { KEY_BINDING, meta } from '#meta';\n\nexport type CommandsDialogContentProps = {\n  selected?: string;\n};\n\n// TODO(wittjosiah): This probably deserves its own plugin but for now it lives here w/ other navigation UI.\nexport const CommandsDialogContent = forwardRef<HTMLDivElement, CommandsDialogContentProps>(\n  ({ selected: initial }, forwardedRef) => {\n    const { t } = useTranslation(meta.id);\n    const { invokePromise } = useOperationInvoker();\n    const runAction = useActionRunner();\n    const { graph } = useAppGraph();\n    const [selected, setSelected] = useState<string | undefined>(initial);\n\n    // Traverse graph.\n    // TODO(burdon): Factor out commonality with shortcut dialog.\n    const allActions = useMemo(() => {\n      // TODO(burdon): Get from navtree (not keyboard).\n      const current = Keyboard.singleton.getCurrentContext();\n      const actionMap = new Set<string>();\n      const actions: Node.ActionLike[] = [];\n      Graph.traverse(graph, {\n        relation: ['child', 'action'],\n        visitor: (node, path) => {\n          const isActionLike = Node.isAction(node) || Node.isActionGroup(node);\n          const parentId = path.at(-2) ?? '';\n          const matches = current === parentId || current.startsWith(parentId + '/');\n          if (isActionLike && !actionMap.has(node.id) && matches) {\n            actionMap.add(node.id);\n            actions.push(node);\n          }\n        },\n      });\n\n      actions.sort((a, b) => {\n        return toLocalizedString(a.properties.label, t)\n          ?.toLowerCase()\n          .localeCompare(toLocalizedString(b.properties.label, t)?.toLowerCase());\n      });\n\n      return actions;\n    }, [graph]);\n\n    const group = allActions.find(({ id }) => id === selected);\n    const groupActions = useActions(graph, group?.id);\n    const actions = Node.isActionGroup(group) ? groupActions : allActions;\n\n    const { results, handleSearch } = useSearchListResults({\n      items: actions,\n      extract: (action) => toLocalizedString(action.properties.label, t),\n    });\n\n    return (\n      <Dialog.Content ref={forwardedRef}>\n        <Dialog.Title srOnly>{t('commands-dialog.title', { ns: meta.id })}</Dialog.Title>\n        <SearchList.Root onSearch={handleSearch}>\n          <SearchList.Input placeholder={t('command-list-input.placeholder')} />\n          <SearchList.Viewport>\n            {results.map((action) => {\n              const shortcut =\n                typeof action.properties.keyBinding === 'string'\n                  ? action.properties.keyBinding\n                  : action.properties.keyBinding?.[getHostPlatform()];\n\n              return (\n                <SearchList.Item\n                  value={action.id}\n                  key={action.id}\n                  label={toLocalizedString(action.properties.label, t)}\n                  icon={action.properties.icon}\n                  suffix={shortcut ? keySymbols(shortcut).join('') : undefined}\n                  onSelect={() => {\n                    if (action.properties.disabled) {\n                      return;\n                    }\n\n                    if (Node.isActionGroup(action)) {\n                      setSelected(action.id);\n                      return;\n                    }\n\n                    void invokePromise(LayoutOperation.UpdateDialog, { state: false });\n                    setTimeout(() => {\n                      const lookupId = group?.id ?? action.id;\n                      const node = Graph.getConnections(graph, lookupId, Node.actionRelation('inbound'))[0];\n                      if (node && Node.isAction(action)) {\n                        void runAction(action, { parent: node, caller: KEY_BINDING });\n                      }\n                    });\n                  }}\n                  classNames='flex items-center gap-2'\n                  disabled={action.properties.disabled}\n                  {...(action.properties?.testId && {\n                    'data-testid': action.properties.testId,\n                  })}\n                />\n              );\n            })}\n          </SearchList.Viewport>\n        </SearchList.Root>\n        <Dialog.ActionBar>\n          <Dialog.Close asChild>\n            <Button classNames='w-full'>{t('close.label', { ns: osTranslations })}</Button>\n          </Dialog.Close>\n        </Dialog.ActionBar>\n      </Dialog.Content>\n    );\n  },\n);\n"],
+  "mappings": "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",
+  "names": ["React", "forwardRef", "useMemo", "useState", "useOperationInvoker", "LayoutOperation", "useAppGraph", "Keyboard", "keySymbols", "Graph", "Node", "useActionRunner", "useActions", "Button", "Dialog", "toLocalizedString", "useTranslation", "SearchList", "useSearchListResults", "osTranslations", "getHostPlatform", "KEY_BINDING", "meta", "CommandsDialogContent", "selected", "initial", "forwardedRef", "t", "id", "invokePromise", "runAction", "graph", "setSelected", "allActions", "current", "singleton", "getCurrentContext", "actionMap", "Set", "actions", "traverse", "relation", "visitor", "node", "path", "isActionLike", "isAction", "isActionGroup", "parentId", "at", "matches", "startsWith", "has", "add", "push", "sort", "a", "b", "properties", "label", "toLowerCase", "localeCompare", "group", "find", "groupActions", "results", "handleSearch", "items", "extract", "action", "Content", "ref", "Title", "srOnly", "ns", "Root", "onSearch", "Input", "placeholder", "Viewport", "map", "shortcut", "keyBinding", "Item", "value", "key", "icon", "suffix", "join", "undefined", "onSelect", "disabled", "UpdateDialog", "state", "setTimeout", "lookupId", "getConnections", "actionRelation", "parent", "caller", "classNames", "testId", "ActionBar", "Close", "asChild"]
+}

package/dist/lib/{browser/CommandsTrigger-HBZYQCGV.mjs → neutral/CommandsTrigger-BH5WLMHK.mjs}

@@ -1,33 +1,27 @@
-import {
-  COMMANDS_DIALOG,
-  meta
-} from "./chunk-YKTYPINZ.mjs";
+import "./chunk-J5LGTIGS.mjs";
 
 // src/containers/CommandsTrigger/CommandsTrigger.tsx
 import React from "react";
 import { useOperationInvoker } from "@dxos/app-framework/ui";
 import { LayoutOperation } from "@dxos/app-toolkit";
 import { Button, Icon, useTranslation } from "@dxos/react-ui";
+import { COMMANDS_DIALOG, meta } from "#meta";
 var CommandsTrigger = () => {
-  const { invokeSync } = useOperationInvoker();
+  const { invokePromise } = useOperationInvoker();
   const { t } = useTranslation(meta.id);
   return /* @__PURE__ */ React.createElement(Button, {
     classNames: "m-1 px-1 lg:px-2",
-    onClick: () => invokeSync(LayoutOperation.UpdateDialog, {
+    onClick: () => void invokePromise(LayoutOperation.UpdateDialog, {
       subject: COMMANDS_DIALOG,
       blockAlign: "start"
     })
   }, /* @__PURE__ */ React.createElement("span", {
     className: "text-description font-normal grow text-start"
-  }, t("command list input placeholder")), /* @__PURE__ */ React.createElement(Icon, {
-    icon: "ph--magnifying-glass--regular",
-    size: 5
+  }, t("command-list-input.placeholder")), /* @__PURE__ */ React.createElement(Icon, {
+    icon: "ph--magnifying-glass--regular"
   }));
 };
-
-// src/containers/CommandsTrigger/index.ts
-var CommandsTrigger_default = CommandsTrigger;
 export {
-  CommandsTrigger_default as default
+  CommandsTrigger as default
 };
-//# sourceMappingURL=CommandsTrigger-HBZYQCGV.mjs.map
+//# sourceMappingURL=CommandsTrigger-BH5WLMHK.mjs.map

package/dist/lib/neutral/CommandsTrigger-BH5WLMHK.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/CommandsTrigger/CommandsTrigger.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { LayoutOperation } from '@dxos/app-toolkit';\nimport { Button, Icon, useTranslation } from '@dxos/react-ui';\n\nimport { COMMANDS_DIALOG, meta } from '#meta';\n\n// TODO(thure): Refactor to be handled by a more appropriate plugin.\nexport const CommandsTrigger = () => {\n  const { invokePromise } = useOperationInvoker();\n  const { t } = useTranslation(meta.id);\n  return (\n    <Button\n      classNames='m-1 px-1 lg:px-2'\n      onClick={() =>\n        void invokePromise(LayoutOperation.UpdateDialog, { subject: COMMANDS_DIALOG, blockAlign: 'start' })\n      }\n    >\n      <span className='text-description font-normal grow text-start'>{t('command-list-input.placeholder')}</span>\n      <Icon icon='ph--magnifying-glass--regular' />\n    </Button>\n  );\n};\n"],
+  "mappings": ";;;AAIA,OAAOA,WAAW;AAElB,SAASC,2BAA2B;AACpC,SAASC,uBAAuB;AAChC,SAASC,QAAQC,MAAMC,sBAAsB;AAE7C,SAASC,iBAAiBC,YAAY;AAG/B,IAAMC,kBAAkB,MAAA;AAC7B,QAAM,EAAEC,cAAa,IAAKR,oBAAAA;AAC1B,QAAM,EAAES,EAAC,IAAKL,eAAeE,KAAKI,EAAE;AACpC,SACE,sBAAA,cAACR,QAAAA;IACCS,YAAW;IACXC,SAAS,MACP,KAAKJ,cAAcP,gBAAgBY,cAAc;MAAEC,SAAST;MAAiBU,YAAY;IAAQ,CAAA;KAGnG,sBAAA,cAACC,QAAAA;IAAKC,WAAU;KAAgDR,EAAE,gCAAA,CAAA,GAClE,sBAAA,cAACN,MAAAA;IAAKe,MAAK;;AAGjB;",
+  "names": ["React", "useOperationInvoker", "LayoutOperation", "Button", "Icon", "useTranslation", "COMMANDS_DIALOG", "meta", "CommandsTrigger", "invokePromise", "t", "id", "classNames", "onClick", "UpdateDialog", "subject", "blockAlign", "span", "className", "icon"]
+}

package/dist/lib/neutral/NavTreeContainer-6AR4BFDD.mjs

@@ -0,0 +1,12 @@
+import {
+  NODE_TYPE,
+  NavTreeContainer
+} from "./chunk-5OPDKH6B.mjs";
+import "./chunk-JOSNCOV4.mjs";
+import "./chunk-J5LGTIGS.mjs";
+export {
+  NODE_TYPE,
+  NavTreeContainer,
+  NavTreeContainer as default
+};
+//# sourceMappingURL=NavTreeContainer-6AR4BFDD.mjs.map

package/dist/lib/neutral/NavTreeContainer-6AR4BFDD.mjs.map

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

package/dist/lib/{browser/NavTreeDocumentTitle-GEE3URWH.mjs → neutral/NavTreeDocumentTitle-H3E6ZLYE.mjs}

@@ -1,15 +1,14 @@
-import {
-  meta
-} from "./chunk-YKTYPINZ.mjs";
+import "./chunk-J5LGTIGS.mjs";
 
 // src/containers/NavTreeDocumentTitle/NavTreeDocumentTitle.tsx
 import { useEffect } from "react";
 import { toLocalizedString, useTranslation } from "@dxos/react-ui";
 import { osTranslations } from "@dxos/ui-theme";
+import { meta } from "#meta";
 var NavTreeDocumentTitle = ({ node }) => {
   const { t } = useTranslation(meta.id);
   useEffect(() => {
-    document.title = node ? toLocalizedString(node.properties.label, t) : t("current app name", {
+    document.title = node ? toLocalizedString(node.properties.label, t) : t("current-app.name", {
       ns: osTranslations
     });
   }, [
@@ -17,10 +16,7 @@ var NavTreeDocumentTitle = ({ node }) => {
   ]);
   return null;
 };
-
-// src/containers/NavTreeDocumentTitle/index.ts
-var NavTreeDocumentTitle_default = NavTreeDocumentTitle;
 export {
-  NavTreeDocumentTitle_default as default
+  NavTreeDocumentTitle as default
 };
-//# sourceMappingURL=NavTreeDocumentTitle-GEE3URWH.mjs.map
+//# sourceMappingURL=NavTreeDocumentTitle-H3E6ZLYE.mjs.map

package/dist/lib/neutral/NavTreeDocumentTitle-H3E6ZLYE.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/NavTreeDocumentTitle/NavTreeDocumentTitle.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\nimport { useEffect } from 'react';\n\nimport { type Node } from '@dxos/app-graph';\nimport { toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { osTranslations } from '@dxos/ui-theme';\n\nimport { meta } from '#meta';\n\nexport const NavTreeDocumentTitle = ({ node }: { node?: Node.Node }) => {\n  const { t } = useTranslation(meta.id);\n  useEffect(() => {\n    document.title = node ? toLocalizedString(node.properties.label, t) : t('current-app.name', { ns: osTranslations });\n  }, [node?.properties?.label]);\n  return null;\n};\n"],
+  "mappings": ";;;AAGA,SAASA,iBAAiB;AAG1B,SAASC,mBAAmBC,sBAAsB;AAClD,SAASC,sBAAsB;AAE/B,SAASC,YAAY;AAEd,IAAMC,uBAAuB,CAAC,EAAEC,KAAI,MAAwB;AACjE,QAAM,EAAEC,EAAC,IAAKL,eAAeE,KAAKI,EAAE;AACpCR,YAAU,MAAA;AACRS,aAASC,QAAQJ,OAAOL,kBAAkBK,KAAKK,WAAWC,OAAOL,CAAAA,IAAKA,EAAE,oBAAoB;MAAEM,IAAIV;IAAe,CAAA;EACnH,GAAG;IAACG,MAAMK,YAAYC;GAAM;AAC5B,SAAO;AACT;",
+  "names": ["useEffect", "toLocalizedString", "useTranslation", "osTranslations", "meta", "NavTreeDocumentTitle", "node", "t", "id", "document", "title", "properties", "label", "ns"]
+}

package/dist/lib/neutral/NavTreePlugin.mjs

@@ -0,0 +1,56 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/NavTreePlugin.tsx
+import * as Effect from "effect/Effect";
+import { ActivationEvent, ActivationEvents, Capabilities, Capability, Plugin } from "@dxos/app-framework";
+import { AppActivationEvents, AppCapabilities, AppPlugin, LayoutOperation } from "@dxos/app-toolkit";
+import { Graph } from "@dxos/plugin-graph";
+import { AppGraphBuilder, Keyboard, OperationHandler, ReactSurface, State } from "#capabilities";
+import { meta } from "#meta";
+import { translations } from "#translations";
+import { NavTreeEvents } from "#types";
+var NavTreePlugin = Plugin.define(meta).pipe(AppPlugin.addAppGraphModule({
+  activate: AppGraphBuilder
+}), AppPlugin.addOperationHandlerModule({
+  activate: OperationHandler
+}), AppPlugin.addSurfaceModule({
+  activate: ReactSurface
+}), AppPlugin.addTranslationsModule({
+  translations
+}), Plugin.addModule({
+  id: "state",
+  activatesOn: AppActivationEvents.LayoutReady,
+  firesAfterActivation: [
+    NavTreeEvents.StateReady
+  ],
+  activate: State
+}), Plugin.addModule({
+  id: "expose",
+  activatesOn: ActivationEvent.allOf(ActivationEvents.OperationInvokerReady, AppActivationEvents.AppGraphReady, AppActivationEvents.LayoutReady, NavTreeEvents.StateReady),
+  activate: Effect.fnUntraced(function* () {
+    const layout = yield* Capabilities.getAtomValue(AppCapabilities.Layout);
+    const { invokePromise } = yield* Capability.get(Capabilities.OperationInvoker);
+    const { graph } = yield* Capability.get(AppCapabilities.AppGraph);
+    if (invokePromise && layout.active.length === 1) {
+      void Graph.waitForPath(graph, {
+        target: layout.active[0]
+      }, {
+        timeout: 3e4
+      }).then(() => invokePromise(LayoutOperation.Expose, {
+        subject: layout.active[0]
+      })).catch(() => {
+      });
+    }
+    return [];
+  })
+}), Plugin.addModule({
+  id: "keyboard",
+  activatesOn: ActivationEvent.allOf(AppActivationEvents.AppGraphReady, ActivationEvents.OperationInvokerReady),
+  activate: Keyboard
+}), Plugin.make);
+var NavTreePlugin_default = NavTreePlugin;
+export {
+  NavTreePlugin,
+  NavTreePlugin_default as default
+};
+//# sourceMappingURL=NavTreePlugin.mjs.map

package/dist/lib/neutral/NavTreePlugin.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/NavTreePlugin.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { ActivationEvent, ActivationEvents, Capabilities, Capability, Plugin } from '@dxos/app-framework';\nimport { AppActivationEvents, AppCapabilities, AppPlugin, LayoutOperation } from '@dxos/app-toolkit';\nimport { Graph } from '@dxos/plugin-graph';\n\nimport { AppGraphBuilder, Keyboard, OperationHandler, ReactSurface, State } from '#capabilities';\nimport { meta } from '#meta';\nimport { translations } from '#translations';\nimport { NavTreeEvents } from '#types';\n\nexport const NavTreePlugin = Plugin.define(meta).pipe(\n  AppPlugin.addAppGraphModule({ activate: AppGraphBuilder }),\n  AppPlugin.addOperationHandlerModule({ activate: OperationHandler }),\n  AppPlugin.addSurfaceModule({ activate: ReactSurface }),\n  AppPlugin.addTranslationsModule({ translations }),\n  Plugin.addModule({\n    id: 'state',\n    activatesOn: AppActivationEvents.LayoutReady,\n    firesAfterActivation: [NavTreeEvents.StateReady],\n    activate: State,\n  }),\n  Plugin.addModule({\n    id: 'expose',\n    activatesOn: ActivationEvent.allOf(\n      ActivationEvents.OperationInvokerReady,\n      AppActivationEvents.AppGraphReady,\n      AppActivationEvents.LayoutReady,\n      NavTreeEvents.StateReady,\n    ),\n    activate: Effect.fnUntraced(function* () {\n      const layout = yield* Capabilities.getAtomValue(AppCapabilities.Layout);\n      const { invokePromise } = yield* Capability.get(Capabilities.OperationInvoker);\n      const { graph } = yield* Capability.get(AppCapabilities.AppGraph);\n      if (invokePromise && layout.active.length === 1) {\n        // TODO(wittjosiah): This should really be fired once the navtree renders for the first time.\n        //   That is the point at which the graph is expanded and the path should be available.\n        void Graph.waitForPath(graph, { target: layout.active[0] }, { timeout: 30_000 })\n          .then(() => invokePromise(LayoutOperation.Expose, { subject: layout.active[0] }))\n          .catch(() => {});\n      }\n\n      return [];\n    }),\n  }),\n  Plugin.addModule({\n    id: 'keyboard',\n    activatesOn: ActivationEvent.allOf(AppActivationEvents.AppGraphReady, ActivationEvents.OperationInvokerReady),\n    activate: Keyboard,\n  }),\n  Plugin.make,\n);\n\nexport default NavTreePlugin;\n"],
+  "mappings": ";;;AAIA,YAAYA,YAAY;AAExB,SAASC,iBAAiBC,kBAAkBC,cAAcC,YAAYC,cAAc;AACpF,SAASC,qBAAqBC,iBAAiBC,WAAWC,uBAAuB;AACjF,SAASC,aAAa;AAEtB,SAASC,iBAAiBC,UAAUC,kBAAkBC,cAAcC,aAAa;AACjF,SAASC,YAAY;AACrB,SAASC,oBAAoB;AAC7B,SAASC,qBAAqB;AAEvB,IAAMC,gBAAgBd,OAAOe,OAAOJ,IAAAA,EAAMK,KAC/Cb,UAAUc,kBAAkB;EAAEC,UAAUZ;AAAgB,CAAA,GACxDH,UAAUgB,0BAA0B;EAAED,UAAUV;AAAiB,CAAA,GACjEL,UAAUiB,iBAAiB;EAAEF,UAAUT;AAAa,CAAA,GACpDN,UAAUkB,sBAAsB;EAAET;AAAa,CAAA,GAC/CZ,OAAOsB,UAAU;EACfC,IAAI;EACJC,aAAavB,oBAAoBwB;EACjCC,sBAAsB;IAACb,cAAcc;;EACrCT,UAAUR;AACZ,CAAA,GACAV,OAAOsB,UAAU;EACfC,IAAI;EACJC,aAAa5B,gBAAgBgC,MAC3B/B,iBAAiBgC,uBACjB5B,oBAAoB6B,eACpB7B,oBAAoBwB,aACpBZ,cAAcc,UAAU;EAE1BT,UAAiBa,kBAAW,aAAA;AAC1B,UAAMC,SAAS,OAAOlC,aAAamC,aAAa/B,gBAAgBgC,MAAM;AACtE,UAAM,EAAEC,cAAa,IAAK,OAAOpC,WAAWqC,IAAItC,aAAauC,gBAAgB;AAC7E,UAAM,EAAEC,MAAK,IAAK,OAAOvC,WAAWqC,IAAIlC,gBAAgBqC,QAAQ;AAChE,QAAIJ,iBAAiBH,OAAOQ,OAAOC,WAAW,GAAG;AAG/C,WAAKpC,MAAMqC,YAAYJ,OAAO;QAAEK,QAAQX,OAAOQ,OAAO,CAAA;MAAG,GAAG;QAAEI,SAAS;MAAO,CAAA,EAC3EC,KAAK,MAAMV,cAAc/B,gBAAgB0C,QAAQ;QAAEC,SAASf,OAAOQ,OAAO,CAAA;MAAG,CAAA,CAAA,EAC7EQ,MAAM,MAAA;MAAO,CAAA;IAClB;AAEA,WAAO,CAAA;EACT,CAAA;AACF,CAAA,GACAhD,OAAOsB,UAAU;EACfC,IAAI;EACJC,aAAa5B,gBAAgBgC,MAAM3B,oBAAoB6B,eAAejC,iBAAiBgC,qBAAqB;EAC5GX,UAAUX;AACZ,CAAA,GACAP,OAAOiD,IAAI;AAGb,IAAA,wBAAenC;",
+  "names": ["Effect", "ActivationEvent", "ActivationEvents", "Capabilities", "Capability", "Plugin", "AppActivationEvents", "AppCapabilities", "AppPlugin", "LayoutOperation", "Graph", "AppGraphBuilder", "Keyboard", "OperationHandler", "ReactSurface", "State", "meta", "translations", "NavTreeEvents", "NavTreePlugin", "define", "pipe", "addAppGraphModule", "activate", "addOperationHandlerModule", "addSurfaceModule", "addTranslationsModule", "addModule", "id", "activatesOn", "LayoutReady", "firesAfterActivation", "StateReady", "allOf", "OperationInvokerReady", "AppGraphReady", "fnUntraced", "layout", "getAtomValue", "Layout", "invokePromise", "get", "OperationInvoker", "graph", "AppGraph", "active", "length", "waitForPath", "target", "timeout", "then", "Expose", "subject", "catch", "make"]
+}

package/dist/lib/neutral/NavTreePlugin.node.mjs

@@ -0,0 +1,18 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/NavTreePlugin.node.ts
+import { Plugin } from "@dxos/app-framework";
+import { AppPlugin } from "@dxos/app-toolkit";
+import { AppGraphBuilder, OperationHandler } from "#capabilities";
+import { meta } from "#meta";
+var NavTreePlugin = Plugin.define(meta).pipe(AppPlugin.addAppGraphModule({
+  activate: AppGraphBuilder
+}), AppPlugin.addOperationHandlerModule({
+  activate: OperationHandler
+}), Plugin.make);
+var NavTreePlugin_node_default = NavTreePlugin;
+export {
+  NavTreePlugin,
+  NavTreePlugin_node_default as default
+};
+//# sourceMappingURL=NavTreePlugin.node.mjs.map

package/dist/lib/neutral/NavTreePlugin.node.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/NavTreePlugin.node.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Plugin } from '@dxos/app-framework';\nimport { AppPlugin } from '@dxos/app-toolkit';\n\nimport { AppGraphBuilder, OperationHandler } from '#capabilities';\nimport { meta } from '#meta';\n\nexport const NavTreePlugin = Plugin.define(meta).pipe(\n  AppPlugin.addAppGraphModule({ activate: AppGraphBuilder }),\n  AppPlugin.addOperationHandlerModule({ activate: OperationHandler }),\n  Plugin.make,\n);\n\nexport default NavTreePlugin;\n"],
+  "mappings": ";;;AAIA,SAASA,cAAc;AACvB,SAASC,iBAAiB;AAE1B,SAASC,iBAAiBC,wBAAwB;AAClD,SAASC,YAAY;AAEd,IAAMC,gBAAgBL,OAAOM,OAAOF,IAAAA,EAAMG,KAC/CN,UAAUO,kBAAkB;EAAEC,UAAUP;AAAgB,CAAA,GACxDD,UAAUS,0BAA0B;EAAED,UAAUN;AAAiB,CAAA,GACjEH,OAAOW,IAAI;AAGb,IAAA,6BAAeN;",
+  "names": ["Plugin", "AppPlugin", "AppGraphBuilder", "OperationHandler", "meta", "NavTreePlugin", "define", "pipe", "addAppGraphModule", "activate", "addOperationHandlerModule", "make"]
+}

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

@@ -1,20 +1,18 @@
-import {
-  COMMANDS_DIALOG,
-  meta
-} from "./chunk-YKTYPINZ.mjs";
+import "./chunk-J5LGTIGS.mjs";
 
-// src/capabilities/app-graph-builder/app-graph-builder.ts
+// src/capabilities/app-graph-builder.ts
 import * as Effect from "effect/Effect";
 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";
+import { Operation } from "@dxos/compute";
+import { GraphBuilder, Node, NodeMatcher } from "@dxos/plugin-graph";
+import { COMMANDS_DIALOG, meta } from "#meta";
 var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function* () {
   const extensions = yield* GraphBuilder.createExtension({
-    id: meta.id,
+    id: "root",
     match: NodeMatcher.whenRoot,
     actions: () => Effect.succeed([
-      {
+      Node.makeAction({
         id: COMMANDS_DIALOG,
         data: () => Operation.invoke(LayoutOperation.UpdateDialog, {
           subject: COMMANDS_DIALOG,
@@ -22,7 +20,7 @@ var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function
         }),
         properties: {
           label: [
-            "open commands label",
+            "open-commands.label",
             {
               ns: meta.id
             }
@@ -33,7 +31,7 @@ var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function
             windows: "ctrl+k"
           }
         }
-      }
+      })
     ])
   });
   return Capability.contributes(AppCapabilities.AppGraphBuilder, extensions);
@@ -41,4 +39,4 @@ var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function
 export {
   app_graph_builder_default as default
 };
-//# sourceMappingURL=app-graph-builder-XGA4GPGL.mjs.map
+//# sourceMappingURL=app-graph-builder-Z347LKSF.mjs.map

package/dist/lib/neutral/app-graph-builder-Z347LKSF.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/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/compute';\nimport { GraphBuilder, Node, 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: 'root',\n      match: NodeMatcher.whenRoot,\n      actions: () =>\n        Effect.succeed([\n          Node.makeAction({\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,MAAMC,mBAAmB;AAEhD,SAASC,iBAAiBC,YAAY;AAEtC,IAAA,4BAAeR,WAAWS,WACjBC,kBAAW,aAAA;AAChB,QAAMC,aAAa,OAAOP,aAAaQ,gBAAgB;IACrDC,IAAI;IACJC,OAAOR,YAAYS;IACnBC,SAAS,MACAC,eAAQ;MACbZ,KAAKa,WAAW;QACdL,IAAIN;QACJY,MAAM,MACJhB,UAAUiB,OAAOlB,gBAAgBmB,cAAc;UAC7CC,SAASf;UACTgB,YAAY;QACd,CAAA;QACFC,YAAY;UACVC,OAAO;YAAC;YAAuB;cAAEC,IAAIlB,KAAKK;YAAG;;UAC7Cc,MAAM;UACNC,YAAY;YACVC,OAAO;YACPC,SAAS;UACX;QACF;MACF,CAAA;KACD;EACL,CAAA;AAEA,SAAO9B,WAAW+B,YAAY9B,gBAAgB+B,iBAAiBrB,UAAAA;AACjE,CAAA,CAAA;",
+  "names": ["Effect", "Capability", "AppCapabilities", "LayoutOperation", "Operation", "GraphBuilder", "Node", "NodeMatcher", "COMMANDS_DIALOG", "meta", "makeModule", "fnUntraced", "extensions", "createExtension", "id", "match", "whenRoot", "actions", "succeed", "makeAction", "data", "invoke", "UpdateDialog", "subject", "blockAlign", "properties", "label", "ns", "icon", "keyBinding", "macos", "windows", "contributes", "AppGraphBuilder"]
+}

package/dist/lib/neutral/capabilities/index.mjs

@@ -0,0 +1,17 @@
+import "../chunk-J5LGTIGS.mjs";
+
+// src/capabilities/index.ts
+import { Capability } from "@dxos/app-framework";
+var AppGraphBuilder = Capability.lazy("AppGraphBuilder", () => import("../app-graph-builder-Z347LKSF.mjs"));
+var Keyboard = Capability.lazy("Keyboard", () => import("../keyboard-EJ65BVTC.mjs"));
+var OperationHandler = Capability.lazy("OperationHandler", () => import("../operation-handler-ORDOJUL2.mjs"));
+var ReactSurface = Capability.lazy("ReactSurface", () => import("../react-surface-3AJ6BHL4.mjs"));
+var State = Capability.lazy("State", () => import("../state-VVITVXWM.mjs"));
+export {
+  AppGraphBuilder,
+  Keyboard,
+  OperationHandler,
+  ReactSurface,
+  State
+};
+//# sourceMappingURL=index.mjs.map

package/dist/lib/neutral/capabilities/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/capabilities/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capability } from '@dxos/app-framework';\nimport { OperationHandlerSet } from '@dxos/compute';\n\nexport const AppGraphBuilder = Capability.lazy('AppGraphBuilder', () => import('./app-graph-builder'));\nexport const Keyboard = Capability.lazy('Keyboard', () => import('./keyboard'));\nexport const OperationHandler = Capability.lazy<OperationHandlerSet.OperationHandlerSet>(\n  'OperationHandler',\n  () => import('./operation-handler'),\n);\nexport const ReactSurface = Capability.lazy('ReactSurface', () => import('./react-surface'));\nexport const State = Capability.lazy('State', () => import('./state'));\n"],
+  "mappings": ";;;AAIA,SAASA,kBAAkB;AAGpB,IAAMC,kBAAkBD,WAAWE,KAAK,mBAAmB,MAAM,OAAO,mCAAA,CAAA;AACxE,IAAMC,WAAWH,WAAWE,KAAK,YAAY,MAAM,OAAO,0BAAA,CAAA;AAC1D,IAAME,mBAAmBJ,WAAWE,KACzC,oBACA,MAAM,OAAO,mCAAA,CAAA;AAER,IAAMG,eAAeL,WAAWE,KAAK,gBAAgB,MAAM,OAAO,+BAAA,CAAA;AAClE,IAAMI,QAAQN,WAAWE,KAAK,SAAS,MAAM,OAAO,uBAAA,CAAA;",
+  "names": ["Capability", "AppGraphBuilder", "lazy", "Keyboard", "OperationHandler", "ReactSurface", "State"]
+}