@dxos/plugin-navtree 0.12.0-next-73daef452f1464b62efdbca75fb0067c1066f264 → 0.13.0

package/PLUGIN.mdl

@@ -15,9 +15,11 @@ Each extension is defined in the Appendix or resolved via its URI.
 |-------------|--------------------------------|
 | `type`      | `org.dxos.mdl.type@1.0`       |
 | `feat`      | `org.dxos.mdl.feat@1.0`       |
-| `test`      | `org.dxos.mdl.test@1.0`       |
+| `scenario`  | `org.dxos.mdl.scenario@1.0`   |
 | `component` | `org.dxos.mdl.component@1.0`  |
-| `op`        | `org.dxos.mdl.op@1.0`         |
+| `op`        | `org.dxos.mdl.op@1.1`         |
+| `test`      | `org.dxos.mdl.test@1.0`       |
+| `step`      | `org.dxos.mdl.step@1.0`       |
 
 ## Types
 
@@ -150,6 +152,7 @@ component CommandsTrigger
 
 ```mdl
 op expose
+  key: org.dxos.operation.appToolkit.expose
   desc: Expands tree nodes along the path to a subject and marks each as open so the item becomes visible in the NavTree.
   input:
     subject: string        # attendable DXN or node id
@@ -217,19 +220,22 @@ feat F-3: Item Selection
 feat F-4: Drag and Drop
 
   req F-4.1: NavTree items can be dragged to rearrange within the same parent.
-  req F-4.2: NavTree items can be dragged to copy or transfer to a different parent.
+  req F-4.2: NavTree items can be dragged to a different parent, moving within a shared move scope and linking elsewhere when the target accepts links.
   req F-4.3:
     when: drop instruction is rearrange
     then: onRearrange callback on the parent node is called with the new order
   req F-4.4:
-    when: drop instruction is copy
-    then: onCopy callback on the target node is called
+    when: the source's parent and the target share a move scope
+    then: onMoveOut is called on the source's parent, then onMoveIn on the target
   req F-4.5:
-    when: drop instruction is transfer
-    then: onTransferStart and onTransferEnd callbacks are called on source and target parents
+    when: the drop crosses a move scope and the target accepts links
+    then: onLink callback on the target is called and the source's parent is left alone
   req F-4.6:
-    when: target node reports blockInstruction for an instruction type
+    when: target node's blockInstruction returns true for an instruction
     then: that instruction is blocked and the drop is not applied
+  req F-4.7:
+    when: the dropped item would only be listed at the target, its parent elsewhere
+    then: the drop indicator is dashed
 ```
 
 ```mdl
@@ -257,7 +263,7 @@ feat F-6: State Persistence
 ## Acceptance
 
 ```mdl
-test T-1: Workspace tab switch
+scenario T-1: Workspace tab switch
   given: two workspace tabs exist in the graph
   when: user clicks the second workspace tab
   then:
@@ -267,7 +273,7 @@ test T-1: Workspace tab switch
 ```
 
 ```mdl
-test T-2: Tree node expand persists
+scenario T-2: Tree node expand persists
   given: NavTree is rendered with a collapsed folder node
   when: user expands the folder
   then:
@@ -277,7 +283,7 @@ test T-2: Tree node expand persists
 ```
 
 ```mdl
-test T-3: Expose navigates to nested item
+scenario T-3: Expose navigates to nested item
   given: a deeply nested object id is active in the layout
   when: op:expose is called with that object id
   then:
@@ -286,7 +292,7 @@ test T-3: Expose navigates to nested item
 ```
 
 ```mdl
-test T-4: Select item
+scenario T-4: Select item
   given: item not currently active
   when: user selects a tree item
   then: LayoutOperation.Open is invoked with the item id, disposition 'solo' and the shift modifier
@@ -294,7 +300,7 @@ test T-4: Select item
 ```
 
 ```mdl
-test T-5: Command palette opens on keyboard shortcut
+scenario T-5: Command palette opens on keyboard shortcut
   given: NavTree is active
   when: user presses ⇧⌘K (macOS) or Ctrl+Shift+K (Windows)
   then:
@@ -303,7 +309,7 @@ test T-5: Command palette opens on keyboard shortcut
 ```
 
 ```mdl
-test T-6: Drag-and-drop rearrange
+scenario T-6: Drag-and-drop rearrange
   given: two sibling items in the same folder
   when: user drags the first item below the second
   then:
@@ -313,6 +319,71 @@ test T-6: Drag-and-drop rearrange
 
 ---
 
+## QA
+
+Executable tests. Each step carries a human instruction (`do`) and, where the step maps to an
+invocable operation, an agent binding (`invoke`). Report failures by test and step number.
+
+```mdl
+test QA-1: Expose a nested document and select it
+  desc: |
+    NavTree itself is system-tagged and force-enabled (never a user-facing toggle — see
+    `getCorePlugins` in `plugin-defs.core.tsx`). Its own `expose` op resolves to
+    `LayoutOperation.Expose`, owned by `app-toolkit` and keyed
+    `org.dxos.operation.appToolkit.expose` — the same namespace `plugin-markdown`'s worked
+    example uses for `open`. The core round-trip: collapse the tree, create a document nested two
+    levels deep, then expose it and confirm every ancestor expands and the row becomes visible.
+  actors: both
+  covers: [F-2.4, F-3.1, T-3, T-4]
+  status: unverified
+  given:
+    - an identity exists
+    - space: a space is open
+    - collection: a top-level collection in that space
+    - subcollection: a second collection nested inside `collection`
+    - the navtree is fully collapsed — no descendant of `collection` is currently open
+    - no document named "QA Exposed" exists — ABORT rather than deleting one this test did not create
+  steps:
+    - name: Create a nested document
+      do: In the navtree, click + on the nested subcollection and choose Markdown. Name it "QA Exposed".
+      invoke: org.dxos.operation.markdown.createDraft { name: "QA Exposed", content: "# QA Exposed\n" }
+      capture: created
+      expect: a Document named "QA Exposed" now exists
+      assert: return !!$created.object
+    - name: Place it in the subcollection
+      do: (the navtree create action places it for you)
+      invoke: org.dxos.operation.space.addObject { object: $created.object, target: $given.subcollection }
+      expect: "QA Exposed" is a row under the subcollection, but the subcollection itself is still collapsed since we did not expand it
+      assert: |
+        return $given.subcollection.objects.some((ref) => ref.target?.id === $created.object.id);
+    - name: Expose the document
+      id: expose
+      do: (no direct gesture — `expose` is invoked internally when e.g. following a search result or a deep link to this document)
+      invoke: org.dxos.operation.appToolkit.expose { subject: $created.object.id }
+      expect: the top-level collection AND the nested subcollection are both now expanded, and the "QA Exposed" row is visible in the navtree
+      assert: |
+        return Array.from(document.querySelectorAll('[data-testid="navtree.treeItem"]'))
+          .some((el) => el.textContent?.includes('QA Exposed'));
+      note: |
+        Per Execution Rule 2, the `expose` handler expands each ancestor and marks it open in
+        `NavTreeCapabilities.State` — verify by re-reading the DOM after invocation rather than
+        the op's `void` return value.
+    - name: Select it
+      do: Click "QA Exposed" in the now-visible navtree row.
+      invoke: org.dxos.operation.appToolkit.open { subject: ["root/$given.space.id/content/collections/$created.object.id"] }
+      expect: the document opens in the editor and its navtree row is marked current/selected
+      assert: |
+        return Array.from(document.querySelectorAll('[aria-current], [aria-selected="true"]'))
+          .some((el) => el.textContent?.includes('QA Exposed'));
+  after:
+    - name: Delete the document
+      do: Right-click "QA Exposed" in the navtree and choose Delete.
+      invoke: org.dxos.operation.space.removeObjects { objects: [$created.object], target: $given.subcollection }
+      expect: the row leaves the navtree and its plank closes
+```
+
+---
+
 ## Appendix: Extension Definitions
 
 ```mdl
@@ -337,8 +408,8 @@ ext feat
 ```
 
 ```mdl
-ext test
-  uri: org.dxos.mdl.test@1.0
+ext scenario
+  uri: org.dxos.mdl.scenario@1.0
   desc: An acceptance scenario expressed as given / when / then steps.
   fields:
     given?: Step | Step[]

package/dist/lib/NavTreeCapabilities.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NavTreeCapabilities.mjs","names":[],"sources":["../../src/types/NavTreeCapabilities.ts"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\n// @import-as-namespace\n\nimport type * as Atom from 'effect/unstable/reactivity/Atom';\n\nimport * as Capability from '@dxos/app-framework/Capability';\n\nimport { meta } from '#meta';\n\nexport type NavTreeItemState = { open: boolean; current: boolean };\n\nexport type NavTreeStateStore = {\n  getItem: (path: string[]) => NavTreeItemState;\n  getItemAtom: (path: string[]) => Atom.Atom<NavTreeItemState>;\n  setItem: (path: string[], key: 'open' | 'current', next: boolean) => void;\n};\n\nexport const State = Capability.makeSingleton<NavTreeStateStore>()(`${meta.profile.key}.capability.state`);\n"],"mappings":";;;;;AAoBA,IAAa,QAAQ,WAAW,cAAiC,CAAC,CAAC,GAAG,KAAK,QAAQ,IAAI,kBAAkB"}
+{"version":3,"file":"NavTreeCapabilities.mjs","names":[],"sources":["../../src/types/NavTreeCapabilities.ts"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\n// @import-as-namespace\n\nimport type * as Atom from 'effect/reactivity/Atom';\n\nimport * as Capability from '@dxos/app-framework/Capability';\n\nimport { meta } from '#meta';\n\nexport type NavTreeItemState = { open: boolean; current: boolean };\n\nexport type NavTreeStateStore = {\n  getItem: (path: string[]) => NavTreeItemState;\n  getItemAtom: (path: string[]) => Atom.Atom<NavTreeItemState>;\n  setItem: (path: string[], key: 'open' | 'current', next: boolean) => void;\n};\n\nexport const State = Capability.makeSingleton<NavTreeStateStore>()(`${meta.profile.key}.capability.state`);\n"],"mappings":";;;;;AAoBA,IAAa,QAAQ,WAAW,cAAiC,CAAC,CAAC,GAAG,KAAK,QAAQ,IAAI,kBAAkB"}

package/dist/lib/NavTreeNode.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NavTreeNode.mjs","names":[],"sources":["../../src/types/NavTreeNode.ts"],"sourcesContent":["//\n// Copyright 2023 DXOS.org\n//\n\nimport type * as AppGraphNode from '@dxos/app-graph/AppGraphNode';\nimport { type Label } from '@dxos/react-ui';\nimport { type MaybePromise, type Position } from '@dxos/util';\n\nexport type NavTreeItemGraphNode = AppGraphNode.Node<\n  any,\n  Partial<\n    NodeProperties & {\n      persistenceClass: string;\n      persistenceKey: string;\n      acceptPersistenceClass: Set<string>;\n      acceptPersistenceKey: Set<string>;\n      onRearrange: (nextOrder: unknown[]) => MaybePromise<void>;\n      onCopy: (activeNode: NavTreeItemGraphNode, index?: number) => MaybePromise<void>;\n      onTransferStart: (activeNode: NavTreeItemGraphNode, index?: number) => MaybePromise<void>;\n      onTransferEnd: (activeNode: NavTreeItemGraphNode, destinationParent: NavTreeItemGraphNode) => MaybePromise<void>;\n    }\n  >\n>;\n\nexport type FlattenedActions = {\n  actions: AppGraphNode.ActionLike[];\n  groupedActions: Record<string, AppGraphNode.Action[]>;\n};\n\ntype SharedProperties = {\n  testId?: string;\n  disabled?: boolean;\n  position?: Position.Position;\n  label: Label;\n  className?: string;\n  headingClassName?: string;\n  icon?: string;\n  iconHue?: string;\n};\n\nexport type NodeProperties = SharedProperties & {\n  role?: string;\n  error?: string;\n  modified?: boolean;\n  palette?: string;\n  /** Optional item count rendered as a neutral badge after the label. */\n  count?: number;\n  /** Optional count of new/modified items; when greater than zero it shows as a rose badge in place of `count`. */\n  modifiedCount?: number;\n};\n\nexport type ActionProperties = SharedProperties & {\n  disposition?: string | string[];\n  hidden?: boolean;\n  caller?: string;\n  menuType?: 'dropdown';\n  keyBinding?: string | KeyBinding;\n};\n\n/**\n * Platform-specific key binding.\n */\nexport type KeyBinding = {\n  // NOTE: Keys come from `getHostPlatform` in `@dxos/util`.\n  // TODO(thure): Dedupe with the other platform key-binding definitions.\n  windows?: string;\n  macos?: string;\n  ios?: string;\n  linux?: string;\n  unknown?: string;\n};\n"],"mappings":""}
+{"version":3,"file":"NavTreeNode.mjs","names":[],"sources":["../../src/types/NavTreeNode.ts"],"sourcesContent":["//\n// Copyright 2023 DXOS.org\n//\n\nimport type { Instruction } from '@atlaskit/pragmatic-drag-and-drop-hitbox/tree-item';\n\nimport type * as AppGraphNode from '@dxos/app-graph/AppGraphNode';\nimport { type TreeData } from '@dxos/react-ui-list';\nimport type * as Theme from '@dxos/react-ui/Theme';\nimport { type MaybePromise } from '@dxos/util';\nimport type * as Position from '@dxos/util/Position';\n\nexport type NavTreeItemGraphNode = AppGraphNode.Node<\n  any,\n  Partial<\n    NodeProperties & {\n      persistenceClass: string;\n      persistenceKey: string;\n      acceptPersistenceClass: Set<string>;\n      acceptPersistenceKey: Set<string>;\n      /** Parents sharing a scope move items between them; a drop from outside it links instead. */\n      moveScope: string;\n      canDrop: (source: TreeData) => boolean;\n      blockInstruction: (source: TreeData, instruction: Instruction) => boolean;\n      /** Whether an item added here would only be listed, its parent elsewhere; `from` is the parent it moves out of. */\n      isLink: (activeNode: NavTreeItemGraphNode, from?: NavTreeItemGraphNode) => boolean;\n      onRearrange: (nextOrder: unknown[]) => MaybePromise<void>;\n      /** An item is moving from here to `destinationParent`; called before the destination's `onMoveIn`. */\n      onMoveOut: (activeNode: NavTreeItemGraphNode, destinationParent: NavTreeItemGraphNode) => MaybePromise<void>;\n      /** An item is moving here from another parent; `index` is its position among this node's children. */\n      onMoveIn: (activeNode: NavTreeItemGraphNode, index?: number) => MaybePromise<void>;\n      onLink: (activeNode: NavTreeItemGraphNode, index?: number) => MaybePromise<void>;\n    }\n  >\n>;\n\nexport type FlattenedActions = {\n  actions: AppGraphNode.ActionLike[];\n  groupedActions: Record<string, AppGraphNode.Action[]>;\n};\n\ntype SharedProperties = {\n  testId?: string;\n  disabled?: boolean;\n  position?: Position.Position;\n  label: Theme.Label;\n  className?: string;\n  headingClassName?: string;\n  icon?: string;\n  iconHue?: string;\n};\n\nexport type NodeProperties = SharedProperties & {\n  role?: string;\n  error?: string;\n  modified?: boolean;\n  palette?: string;\n  /** Optional item count rendered as a neutral badge after the label. */\n  count?: number;\n  /** Optional count of new/modified items; when greater than zero it shows as a rose badge in place of `count`. */\n  modifiedCount?: number;\n};\n\nexport type ActionProperties = SharedProperties & {\n  disposition?: string | string[];\n  hidden?: boolean;\n  caller?: string;\n  menuType?: 'dropdown';\n  keyBinding?: string | KeyBinding;\n};\n\n/**\n * Platform-specific key binding.\n */\nexport type KeyBinding = {\n  // NOTE: Keys come from `getHostPlatform` in `@dxos/util`.\n  // TODO(thure): Dedupe with the other platform key-binding definitions.\n  windows?: string;\n  macos?: string;\n  ios?: string;\n  linux?: string;\n  unknown?: string;\n};\n"],"mappings":""}

package/dist/lib/capabilities.browser.mjs

@@ -0,0 +1,59 @@
+import { t as PLUGIN_default } from "./chunk-PLUGIN.mjs";
+import * as Effect from "effect/Effect";
+import * as Capabilities from "@dxos/app-framework/Capabilities";
+import * as Capability from "@dxos/app-framework/Capability";
+import * as AppGraph from "@dxos/app-graph/AppGraph";
+import * as AppCapabilities from "@dxos/app-toolkit/AppCapabilities";
+import * as AppCapability from "@dxos/app-toolkit/AppCapability";
+import * as LayoutOperation from "@dxos/app-toolkit/LayoutOperation";
+import * as AttentionCapabilities from "@dxos/plugin-attention/AttentionCapabilities";
+import { translations } from "#translations";
+import { NavTreeCapabilities } from "#types";
+import { meta } from "#meta";
+//#region src/capabilities/gen/browser.ts
+var AppGraphBuilder = AppCapability.appGraphBuilder(() => import("./chunk-app-graph-builder.mjs"));
+var Expose = Capability.inlineModule("expose", {
+	requires: [
+		AppCapabilities.AppGraph,
+		AppCapabilities.Layout,
+		Capabilities.OperationInvoker
+	],
+	provides: []
+}, Effect.fnUntraced(function* () {
+	const layout = yield* Capabilities.getAtomValue(AppCapabilities.Layout);
+	const { invokePromise } = yield* Capabilities.OperationInvoker;
+	const { graph } = yield* AppCapabilities.AppGraph;
+	if (invokePromise && layout.active.length === 1) AppGraph.waitForPath(graph, { target: layout.active[0] }, { timeout: 3e4 }).then(() => invokePromise(LayoutOperation.Expose, { subject: layout.active[0] })).catch(() => {});
+	return [];
+}));
+var Keyboard = Capability.lazyModule("Keyboard", {
+	requires: [AppCapabilities.AppGraph, Capabilities.OperationInvoker],
+	provides: [],
+	environments: ["browser", "tauri"]
+}, () => import("./chunk-keyboard.mjs"));
+var OperationHandler = AppCapability.operationHandler(() => import("./chunk-operation-handler.mjs"));
+var PluginAsset = AppCapability.pluginAsset({
+	pluginId: meta.profile.key,
+	path: "PLUGIN.mdl",
+	content: PLUGIN_default,
+	mimeType: "application/x-mdl"
+});
+var ReactSurface = AppCapability.surface(() => import("./chunk-react-surface.mjs"), { roles: [
+	"org.dxos.role.dialog",
+	"org.dxos.role.documentTitle",
+	"org.dxos.role.navigation",
+	"org.dxos.role.searchInput"
+] });
+var State = Capability.lazyModule("State", {
+	requires: [
+		Capabilities.AtomRegistry,
+		AppCapabilities.Layout,
+		AttentionCapabilities.ViewState
+	],
+	provides: [NavTreeCapabilities.State]
+}, () => import("./chunk-state.mjs"));
+var Translations = AppCapability.translations(translations);
+//#endregion
+export { AppGraphBuilder, Expose, Keyboard, OperationHandler, PluginAsset, ReactSurface, State, Translations };
+
+//# sourceMappingURL=capabilities.browser.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"capabilities.browser.mjs","names":[],"sources":["../../src/capabilities/gen/browser.ts"],"sourcesContent":["//\n// Copyright 2026 DXOS.org\n//\n\n// GENERATED by dx-plugin — do not edit. Sliced from ../index.ts for the 'browser' condition.\n\nimport * as Effect from 'effect/Effect';\n\nimport * as Capabilities from '@dxos/app-framework/Capabilities';\nimport * as Capability from '@dxos/app-framework/Capability';\nimport * as AppGraph from '@dxos/app-graph/AppGraph';\nimport * as AppCapabilities from '@dxos/app-toolkit/AppCapabilities';\nimport * as AppCapability from '@dxos/app-toolkit/AppCapability';\nimport * as LayoutOperation from '@dxos/app-toolkit/LayoutOperation';\nimport * as AttentionCapabilities from '@dxos/plugin-attention/AttentionCapabilities';\n\nimport { meta } from '#meta';\nimport { translations } from '#translations';\nimport { NavTreeCapabilities } from '#types';\n\nimport pluginSpec from '../../../PLUGIN.mdl?raw';\n\nexport const AppGraphBuilder = AppCapability.appGraphBuilder(() => import('../app-graph-builder.ts'));\n\nexport const Expose = Capability.inlineModule(\n  'expose',\n  { requires: [AppCapabilities.AppGraph, AppCapabilities.Layout, Capabilities.OperationInvoker], provides: [] },\n  Effect.fnUntraced(function* () {\n    const layout = yield* Capabilities.getAtomValue(AppCapabilities.Layout);\n    const { invokePromise } = yield* Capabilities.OperationInvoker;\n    const { graph } = yield* 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 AppGraph.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\nexport const Keyboard = Capability.lazyModule(\n  'Keyboard',\n  // Listens on `document`, which node and workerd lack.\n  {\n    requires: [AppCapabilities.AppGraph, Capabilities.OperationInvoker],\n    provides: [],\n    environments: ['browser', 'tauri'],\n  },\n  () => import('../keyboard.ts'),\n);\n\nexport const OperationHandler = AppCapability.operationHandler(() => import('../operation-handler.ts'));\n\nexport const PluginAsset = AppCapability.pluginAsset({\n  pluginId: meta.profile.key,\n  path: 'PLUGIN.mdl',\n  content: pluginSpec,\n  mimeType: 'application/x-mdl',\n});\n\nexport const ReactSurface = AppCapability.surface(() => import('../react-surface.ts'), {\n  roles: [\n    'org.dxos.role.dialog',\n    'org.dxos.role.documentTitle',\n    'org.dxos.role.navigation',\n    'org.dxos.role.searchInput',\n  ],\n});\n\nexport const State = Capability.lazyModule(\n  'State',\n  {\n    // ViewState is the persistence backend for per-path expansion.\n    requires: [Capabilities.AtomRegistry, AppCapabilities.Layout, AttentionCapabilities.ViewState],\n    provides: [NavTreeCapabilities.State],\n  },\n  () => import('../state.ts'),\n);\n\nexport const Translations = AppCapability.translations(translations);\n"],"mappings":";;;;;;;;;;;;;AAsBA,IAAa,kBAAkB,cAAc,sBAAsB,OAAO,gCAA0B;AAEpG,IAAa,SAAS,WAAW,aAC/B,UACA;CAAE,UAAU;EAAC,gBAAgB;EAAU,gBAAgB;EAAQ,aAAa;CAAgB;CAAG,UAAU,CAAC;AAAE,GAC5G,OAAO,WAAW,aAAa;CAC7B,MAAM,SAAS,OAAO,aAAa,aAAa,gBAAgB,MAAM;CACtE,MAAM,EAAE,kBAAkB,OAAO,aAAa;CAC9C,MAAM,EAAE,UAAU,OAAO,gBAAgB;CACzC,IAAI,iBAAiB,OAAO,OAAO,WAAW,GAG5C,SAAc,YAAY,OAAO,EAAE,QAAQ,OAAO,OAAO,GAAG,GAAG,EAAE,SAAS,IAAO,CAAC,CAAA,CAC/E,WAAW,cAAc,gBAAgB,QAAQ,EAAE,SAAS,OAAO,OAAO,GAAG,CAAC,CAAC,CAAA,CAC/E,YAAY,CAAC,CAAC;CAGnB,OAAO,CAAC;AACV,CAAC,CACH;AAEA,IAAa,WAAW,WAAW,WACjC,YAEA;CACE,UAAU,CAAC,gBAAgB,UAAU,aAAa,gBAAgB;CAClE,UAAU,CAAC;CACX,cAAc,CAAC,WAAW,OAAO;AACnC,SACM,OAAO,uBACf;AAEA,IAAa,mBAAmB,cAAc,uBAAuB,OAAO,gCAA0B;AAEtG,IAAa,cAAc,cAAc,YAAY;CACnD,UAAU,KAAK,QAAQ;CACvB,MAAM;CACN,SAAS;CACT,UAAU;AACZ,CAAC;AAED,IAAa,eAAe,cAAc,cAAc,OAAO,8BAAwB,EACrF,OAAO;CACL;CACA;CACA;CACA;AACF,EACF,CAAC;AAED,IAAa,QAAQ,WAAW,WAC9B,SACA;CAEE,UAAU;EAAC,aAAa;EAAc,gBAAgB;EAAQ,sBAAsB;CAAS;CAC7F,UAAU,CAAC,oBAAoB,KAAK;AACtC,SACM,OAAO,oBACf;AAEA,IAAa,eAAe,cAAc,aAAa,YAAY"}

package/dist/lib/capabilities.mjs

@@ -1,3 +1,4 @@
+import { t as PLUGIN_default } from "./chunk-PLUGIN.mjs";
 import * as Effect from "effect/Effect";
 import * as Capabilities from "@dxos/app-framework/Capabilities";
 import * as Capability from "@dxos/app-framework/Capability";
@@ -9,9 +10,6 @@ import * as AttentionCapabilities from "@dxos/plugin-attention/AttentionCapabili
 import { translations } from "#translations";
 import { NavTreeCapabilities } from "#types";
 import { meta } from "#meta";
-//#region PLUGIN.mdl?raw
-var PLUGIN_default = "---\nid: org.dxos.plugin.navtree\nname: NavTreePlugin\nversion: 0.1.0\n---\n\nHierarchical navigation sidebar for `DXOS` Composer — renders the application graph as a collapsible tree, manages workspace tabs, exposes keyboard-driven command search, and handles drag-and-drop rearrangement of spaces, folders, and objects.\n\n## Extensions\n\nThe following extension dialects are used in this document.\nEach extension is defined in the Appendix or resolved via its URI.\n\n| Term        | URI                            |\n|-------------|--------------------------------|\n| `type`      | `org.dxos.mdl.type@1.0`       |\n| `feat`      | `org.dxos.mdl.feat@1.0`       |\n| `test`      | `org.dxos.mdl.test@1.0`       |\n| `component` | `org.dxos.mdl.component@1.0`  |\n| `op`        | `org.dxos.mdl.op@1.0`         |\n\n## Types\n\n```mdl\ntype NavTreeItemState\n  fields:\n    open: boolean          # whether the tree node is expanded\n    current: boolean       # whether the node is in the active layout\n```\n\n```mdl\ntype KeyBinding\n  fields:\n    macos?: string\n    windows?: string\n    linux?: string\n    ios?: string\n    unknown?: string\n```\n\n```mdl\ntype NodeProperties\n  fields:\n    label: Label\n    icon?: string\n    iconHue?: string\n    role?: string\n    error?: string\n    modified?: boolean\n    palette?: string\n    disabled?: boolean\n    testId?: string\n    position?: Position\n    className?: string\n    keyBinding?: string | KeyBinding\n    persistenceClass?: string\n    persistenceKey?: string\n```\n\n## Components\n\n```mdl\ncomponent NavTree\n  desc: Root navigation tree that renders workspace tabs at the top level and a collapsible subtree for the active workspace.\n  props:\n    id: string             # root node id (Node.RootId)\n    root: Node             # root of the application graph\n    tab: string            # currently active workspace tab id\n    open: boolean          # whether the navigation sidebar is open\n  state:\n    model: NavTreeModel    # live tree model built from graph connections\n  slots:\n    itemEnd?: ReactNode    # per-item trailing content (e.g. action badges)\n  actions:\n    openChange(item: Node, path: string[], open: boolean)\n    tabChange(node: Node)\n    select(item: Node, path: string[], option: boolean, shift: boolean)\n    back()\n    itemHover(item: Node)\n  layout: |\n    ┌─────────────────────────┐\n    │ workspace tabs          │\n    │  [tab] [tab] [tab]      │\n    ├─────────────────────────┤\n    │ collapsible tree        │\n    │  ▾ Space                │\n    │    ▾ Folder             │\n    │      • Object           │\n    │      • Object           │\n    │    • Object             │\n    └─────────────────────────┘\n```\n\n```mdl\ncomponent NavTreeContainer\n  desc: Smart container that wires the NavTree to the app graph, layout state, and drag-and-drop monitor.\n  props:\n    tab: string\n    popoverAnchorId?: string\n  state:\n    layout: LayoutState    # active items, sidebar open/closed, mode\n    model: NavTreeModel\n  actions:\n    handleSelect(item: Node, path: string[], option: boolean, shift: boolean)\n    handleOpenChange(item: Node, path: string[], open: boolean)\n    handleTabChange(node: Node)\n    handleBack()\n    handleDrop(source: TreeData, target: TreeData, instruction: Instruction)\n  emits:\n    onNavigate(subject: string | string[])\n  layout: |\n    ┌──────────────────────────┐\n    │ NavTreeContext.Provider  │\n    │  └─ NavTree              │\n    └──────────────────────────┘\n```\n\n```mdl\ncomponent CommandsDialogContent\n  desc: Full-screen command palette dialog — surfaces all graph actions, searchable by label.\n  props:\n    onClose?: () => void\n  state:\n    query: string\n    results: Node[]\n  actions:\n    search(query: string) → Node[]\n    execute(node: Node)\n  layout: |\n    ┌──────────────────────────┐\n    │ [search input]           │\n    ├──────────────────────────┤\n    │ result list              │\n    │  icon  label  shortcut   │\n    │  icon  label             │\n    │  …                       │\n    └──────────────────────────┘\n```\n\n```mdl\ncomponent CommandsTrigger\n  desc: Search-input surface slot component — opens the commands dialog on click or ⇧⌘K / Ctrl+Shift+K.\n  slots:\n    (none)\n  actions:\n    openCommandsDialog()\n```\n\n## Operations\n\n```mdl\nop expose\n  desc: Expands tree nodes along the path to a subject and marks each as open so the item becomes visible in the NavTree.\n  input:\n    subject: string        # attendable DXN or node id\n  output: void\n  effects: [echo:read]\n  note: |\n    Resolves the full ancestor path via expandAttendableId, calls Graph.expand per node,\n    then sets each path segment open in NavTreeCapabilities.State.\n```\n\n## Features\n\n```mdl\nfeat F-1: Sidebar Navigation\n\n  req F-1.1: NavTree renders all root-level graph connections as workspace tabs.\n  req F-1.2:\n    when: user selects a workspace tab\n    then: LayoutOperation.SwitchWorkspace is invoked; subtree for that workspace is expanded\n  req F-1.3:\n    when: sidebar is closed and user selects a workspace tab\n    then: sidebar opens (state transitions to expanded)\n  req F-1.4:\n    when: same active tab is clicked while sidebar is expanded\n    then: sidebar collapses (state transitions to collapsed or closed on mobile)\n```\n\n```mdl\nfeat F-2: Tree Expand / Collapse\n\n  req F-2.1: Tree items with children show an expand/collapse toggle.\n  req F-2.2:\n    when: user expands a node\n    then: open state persisted to localStorage keyed by path; Graph.expand called for the node\n  req F-2.3:\n    when: plugin initialises after layout is ready\n    then: all paths previously marked open are re-expanded from localStorage\n  req F-2.4:\n    when: op:expose is called\n    then: all ancestors of the subject are expanded and marked open\n```\n\n```mdl\nfeat F-3: Item Selection\n\n  req F-3.1:\n    when: user selects a non-current item\n    then: LayoutOperation.Open is invoked with disposition 'solo' and the shift modifier forwarded\n          (the Open handler upgrades any disposition to 'add' when shift is held)\n  req F-3.2:\n    when: user option-clicks a currently active item\n    then: LayoutOperation.Close is invoked for that item\n  req F-3.3:\n    when: user clicks a currently active item without option key\n    then: LayoutOperation.ScrollIntoView is invoked\n  req F-3.4:\n    when: item has a default disposition action\n    then: that action is run after navigation\n  req F-3.5:\n    when: navigation succeeds on mobile\n    then: sidebar is closed automatically\n```\n\n```mdl\nfeat F-4: Drag and Drop\n\n  req F-4.1: NavTree items can be dragged to rearrange within the same parent.\n  req F-4.2: NavTree items can be dragged to copy or transfer to a different parent.\n  req F-4.3:\n    when: drop instruction is rearrange\n    then: onRearrange callback on the parent node is called with the new order\n  req F-4.4:\n    when: drop instruction is copy\n    then: onCopy callback on the target node is called\n  req F-4.5:\n    when: drop instruction is transfer\n    then: onTransferStart and onTransferEnd callbacks are called on source and target parents\n  req F-4.6:\n    when: target node reports blockInstruction for an instruction type\n    then: that instruction is blocked and the drop is not applied\n```\n\n```mdl\nfeat F-5: Keyboard Shortcuts\n\n  req F-5.1: NavTree plugin registers keyboard shortcuts for all graph actions that declare a keyBinding property.\n  req F-5.2: Graph is traversed on change (debounced 500 ms) to bind newly added shortcuts.\n  req F-5.3: The commands dialog is opened via ⇧⌘K (macOS) / Ctrl+Shift+K (Windows/Linux).\n  req F-5.4:\n    when: plugin deactivates\n    then: Keyboard.singleton is destroyed and all shortcuts are unregistered\n```\n\n```mdl\nfeat F-6: State Persistence\n\n  req F-6.1: Per-path open/current state is stored in an atom family keyed by path string.\n  req F-6.2: Open state (not current) is persisted to localStorage on every change.\n  req F-6.3: Current state reflects active layout items and is never persisted.\n  req F-6.4:\n    when: layout.active changes\n    then: removed items are marked not-current; newly active items are marked current\n```\n\n## Acceptance\n\n```mdl\ntest T-1: Workspace tab switch\n  given: two workspace tabs exist in the graph\n  when: user clicks the second workspace tab\n  then:\n    - LayoutOperation.SwitchWorkspace is invoked with the tab's node id\n    - sidebar transitions to expanded\n    - subtree for the selected workspace is expanded\n```\n\n```mdl\ntest T-2: Tree node expand persists\n  given: NavTree is rendered with a collapsed folder node\n  when: user expands the folder\n  then:\n    - folder node state.open === true\n    - localStorage entry updated for the folder's path\n    - Graph.expand called for the folder node id\n```\n\n```mdl\ntest T-3: Expose navigates to nested item\n  given: a deeply nested object id is active in the layout\n  when: op:expose is called with that object id\n  then:\n    - all ancestor paths are marked open\n    - Graph.expand is called for each ancestor\n```\n\n```mdl\ntest T-4: Select item\n  given: item not currently active\n  when: user selects a tree item\n  then: LayoutOperation.Open is invoked with the item id, disposition 'solo' and the shift modifier\n        forwarded (shift-click therefore adds a plank instead of navigating)\n```\n\n```mdl\ntest T-5: Command palette opens on keyboard shortcut\n  given: NavTree is active\n  when: user presses ⇧⌘K (macOS) or Ctrl+Shift+K (Windows)\n  then:\n    - CommandsDialogContent is shown in the layout dialog slot\n    - search input is focused\n```\n\n```mdl\ntest T-6: Drag-and-drop rearrange\n  given: two sibling items in the same folder\n  when: user drags the first item below the second\n  then:\n    - onRearrange callback is called with the reordered array\n    - tree re-renders with the new order\n```\n\n---\n\n## Appendix: Extension Definitions\n\n```mdl\next type\n  uri: org.dxos.mdl.type@1.0\n  desc: A named data structure with typed fields and optional literals.\n  fields:\n    desc?: Prose\n    fields?: FieldMap\n    literals?: UnionList\n    extends?: TypeRef[]\n```\n\n```mdl\next feat\n  uri: org.dxos.mdl.feat@1.0\n  desc: A named feature grouping one or more requirements.\n  fields:\n    desc?: Prose\n    req: RequirementList\n  nesting: self\n```\n\n```mdl\next test\n  uri: org.dxos.mdl.test@1.0\n  desc: An acceptance scenario expressed as given / when / then steps.\n  fields:\n    given?: Step | Step[]\n    when?: Step | Step[]\n    then: Step | Step[]\n    tags?: TagList\n```\n\n```mdl\next component\n  uri: org.dxos.mdl.component@1.0\n  desc: A UI component with props, internal state, slots, actions, and events.\n  fields:\n    desc?: Prose\n    props?: FieldMap\n    state?: FieldMap\n    slots?: FieldMap\n    actions?: ActionMap\n    emits?: EventMap\n    layout?: CodeBlock\n```\n\n```mdl\next op\n  uri: org.dxos.mdl.op@1.0\n  desc: |\n    A named operation with typed inputs, outputs, and declared errors.\n    Pure ops have no effects or requires. Effectful ops declare both.\n  fields:\n    desc?: Prose\n    input?: FieldMap\n    output?: TypeExpr\n    errors?: ErrorMap\n    effects?: EffectList\n    requires?: ServiceList\n    note?: Prose\n```\n";
-//#endregion
 //#region src/capabilities/index.ts
 var AppGraphBuilder = AppCapability.appGraphBuilder(() => import("./chunk-app-graph-builder.mjs"));
 var Expose = Capability.inlineModule("expose", {
@@ -30,7 +28,8 @@ var Expose = Capability.inlineModule("expose", {
 }));
 var Keyboard = Capability.lazyModule("Keyboard", {
 	requires: [AppCapabilities.AppGraph, Capabilities.OperationInvoker],
-	provides: []
+	provides: [],
+	environments: ["browser", "tauri"]
 }, () => import("./chunk-keyboard.mjs"));
 var OperationHandler = AppCapability.operationHandler(() => import("./chunk-operation-handler.mjs"));
 var PluginAsset = AppCapability.pluginAsset({

package/dist/lib/capabilities.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"capabilities.mjs","names":[],"sources":["../../src/capabilities/index.ts"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport * as Capabilities from '@dxos/app-framework/Capabilities';\nimport * as Capability from '@dxos/app-framework/Capability';\nimport * as AppGraph from '@dxos/app-graph/AppGraph';\nimport * as AppCapabilities from '@dxos/app-toolkit/AppCapabilities';\nimport * as AppCapability from '@dxos/app-toolkit/AppCapability';\nimport * as LayoutOperation from '@dxos/app-toolkit/LayoutOperation';\nimport * as AttentionCapabilities from '@dxos/plugin-attention/AttentionCapabilities';\n\nimport { meta } from '#meta';\nimport { translations } from '#translations';\nimport { NavTreeCapabilities } from '#types';\n\n// eslint-disable-next-line import/no-relative-packages\nimport pluginSpec from '../../PLUGIN.mdl?raw';\n\nexport const AppGraphBuilder = AppCapability.appGraphBuilder(() => import('./app-graph-builder'));\nexport const Expose = Capability.inlineModule(\n  'expose',\n  { requires: [AppCapabilities.AppGraph, AppCapabilities.Layout, Capabilities.OperationInvoker], provides: [] },\n  Effect.fnUntraced(function* () {\n    const layout = yield* Capabilities.getAtomValue(AppCapabilities.Layout);\n    const { invokePromise } = yield* Capabilities.OperationInvoker;\n    const { graph } = yield* 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 AppGraph.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);\nexport const Keyboard = Capability.lazyModule(\n  'Keyboard',\n  { requires: [AppCapabilities.AppGraph, Capabilities.OperationInvoker], provides: [] },\n  () => import('./keyboard'),\n);\nexport const OperationHandler = AppCapability.operationHandler(() => import('./operation-handler'));\nexport const PluginAsset = AppCapability.pluginAsset({\n  pluginId: meta.profile.key,\n  path: 'PLUGIN.mdl',\n  content: pluginSpec,\n  mimeType: 'application/x-mdl',\n});\nexport const ReactSurface = AppCapability.surface(() => import('./react-surface'), {\n  roles: [\n    'org.dxos.role.dialog',\n    'org.dxos.role.documentTitle',\n    'org.dxos.role.navigation',\n    'org.dxos.role.searchInput',\n  ],\n});\nexport const State = Capability.lazyModule(\n  'State',\n  {\n    // ViewState is the persistence backend for per-path expansion.\n    requires: [Capabilities.AtomRegistry, AppCapabilities.Layout, AttentionCapabilities.ViewState],\n    provides: [NavTreeCapabilities.State],\n  },\n  () => import('./state'),\n);\nexport const Translations = AppCapability.translations(translations);\n"],"mappings":";;;;;;;;;;;;;;;AAqBA,IAAa,kBAAkB,cAAc,sBAAsB,OAAO,gCAAsB;AAChG,IAAa,SAAS,WAAW,aAC/B,UACA;CAAE,UAAU;EAAC,gBAAgB;EAAU,gBAAgB;EAAQ,aAAa;CAAgB;CAAG,UAAU,CAAC;AAAE,GAC5G,OAAO,WAAW,aAAa;CAC7B,MAAM,SAAS,OAAO,aAAa,aAAa,gBAAgB,MAAM;CACtE,MAAM,EAAE,kBAAkB,OAAO,aAAa;CAC9C,MAAM,EAAE,UAAU,OAAO,gBAAgB;CACzC,IAAI,iBAAiB,OAAO,OAAO,WAAW,GAG5C,SAAc,YAAY,OAAO,EAAE,QAAQ,OAAO,OAAO,GAAG,GAAG,EAAE,SAAS,IAAO,CAAC,CAAA,CAC/E,WAAW,cAAc,gBAAgB,QAAQ,EAAE,SAAS,OAAO,OAAO,GAAG,CAAC,CAAC,CAAA,CAC/E,YAAY,CAAC,CAAC;CAGnB,OAAO,CAAC;AACV,CAAC,CACH;AACA,IAAa,WAAW,WAAW,WACjC,YACA;CAAE,UAAU,CAAC,gBAAgB,UAAU,aAAa,gBAAgB;CAAG,UAAU,CAAC;AAAE,SAC9E,OAAO,uBACf;AACA,IAAa,mBAAmB,cAAc,uBAAuB,OAAO,gCAAsB;AAClG,IAAa,cAAc,cAAc,YAAY;CACnD,UAAU,KAAK,QAAQ;CACvB,MAAM;CACN,SAAS;CACT,UAAU;AACZ,CAAC;AACD,IAAa,eAAe,cAAc,cAAc,OAAO,8BAAoB,EACjF,OAAO;CACL;CACA;CACA;CACA;AACF,EACF,CAAC;AACD,IAAa,QAAQ,WAAW,WAC9B,SACA;CAEE,UAAU;EAAC,aAAa;EAAc,gBAAgB;EAAQ,sBAAsB;CAAS;CAC7F,UAAU,CAAC,oBAAoB,KAAK;AACtC,SACM,OAAO,oBACf;AACA,IAAa,eAAe,cAAc,aAAa,YAAY"}
+{"version":3,"file":"capabilities.mjs","names":[],"sources":["../../src/capabilities/index.ts"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport * as Capabilities from '@dxos/app-framework/Capabilities';\nimport * as Capability from '@dxos/app-framework/Capability';\nimport * as AppGraph from '@dxos/app-graph/AppGraph';\nimport * as AppCapabilities from '@dxos/app-toolkit/AppCapabilities';\nimport * as AppCapability from '@dxos/app-toolkit/AppCapability';\nimport * as LayoutOperation from '@dxos/app-toolkit/LayoutOperation';\nimport * as AttentionCapabilities from '@dxos/plugin-attention/AttentionCapabilities';\n\nimport { meta } from '#meta';\nimport { translations } from '#translations';\nimport { NavTreeCapabilities } from '#types';\n\n// eslint-disable-next-line import/no-relative-packages\nimport pluginSpec from '../../PLUGIN.mdl?raw';\n\nexport const AppGraphBuilder = AppCapability.appGraphBuilder(() => import('./app-graph-builder.ts'));\nexport const Expose = Capability.inlineModule(\n  'expose',\n  { requires: [AppCapabilities.AppGraph, AppCapabilities.Layout, Capabilities.OperationInvoker], provides: [] },\n  Effect.fnUntraced(function* () {\n    const layout = yield* Capabilities.getAtomValue(AppCapabilities.Layout);\n    const { invokePromise } = yield* Capabilities.OperationInvoker;\n    const { graph } = yield* 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 AppGraph.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);\nexport const Keyboard = Capability.lazyModule(\n  'Keyboard',\n  // Listens on `document`, which node and workerd lack.\n  {\n    requires: [AppCapabilities.AppGraph, Capabilities.OperationInvoker],\n    provides: [],\n    environments: ['browser', 'tauri'],\n  },\n  () => import('./keyboard.ts'),\n);\nexport const OperationHandler = AppCapability.operationHandler(() => import('./operation-handler.ts'));\nexport const PluginAsset = AppCapability.pluginAsset({\n  pluginId: meta.profile.key,\n  path: 'PLUGIN.mdl',\n  content: pluginSpec,\n  mimeType: 'application/x-mdl',\n});\nexport const ReactSurface = AppCapability.surface(() => import('./react-surface.ts'), {\n  roles: [\n    'org.dxos.role.dialog',\n    'org.dxos.role.documentTitle',\n    'org.dxos.role.navigation',\n    'org.dxos.role.searchInput',\n  ],\n});\nexport const State = Capability.lazyModule(\n  'State',\n  {\n    // ViewState is the persistence backend for per-path expansion.\n    requires: [Capabilities.AtomRegistry, AppCapabilities.Layout, AttentionCapabilities.ViewState],\n    provides: [NavTreeCapabilities.State],\n  },\n  () => import('./state.ts'),\n);\nexport const Translations = AppCapability.translations(translations);\n"],"mappings":";;;;;;;;;;;;;AAqBA,IAAa,kBAAkB,cAAc,sBAAsB,OAAO,gCAAyB;AACnG,IAAa,SAAS,WAAW,aAC/B,UACA;CAAE,UAAU;EAAC,gBAAgB;EAAU,gBAAgB;EAAQ,aAAa;CAAgB;CAAG,UAAU,CAAC;AAAE,GAC5G,OAAO,WAAW,aAAa;CAC7B,MAAM,SAAS,OAAO,aAAa,aAAa,gBAAgB,MAAM;CACtE,MAAM,EAAE,kBAAkB,OAAO,aAAa;CAC9C,MAAM,EAAE,UAAU,OAAO,gBAAgB;CACzC,IAAI,iBAAiB,OAAO,OAAO,WAAW,GAG5C,SAAc,YAAY,OAAO,EAAE,QAAQ,OAAO,OAAO,GAAG,GAAG,EAAE,SAAS,IAAO,CAAC,CAAA,CAC/E,WAAW,cAAc,gBAAgB,QAAQ,EAAE,SAAS,OAAO,OAAO,GAAG,CAAC,CAAC,CAAA,CAC/E,YAAY,CAAC,CAAC;CAGnB,OAAO,CAAC;AACV,CAAC,CACH;AACA,IAAa,WAAW,WAAW,WACjC,YAEA;CACE,UAAU,CAAC,gBAAgB,UAAU,aAAa,gBAAgB;CAClE,UAAU,CAAC;CACX,cAAc,CAAC,WAAW,OAAO;AACnC,SACM,OAAO,uBACf;AACA,IAAa,mBAAmB,cAAc,uBAAuB,OAAO,gCAAyB;AACrG,IAAa,cAAc,cAAc,YAAY;CACnD,UAAU,KAAK,QAAQ;CACvB,MAAM;CACN,SAAS;CACT,UAAU;AACZ,CAAC;AACD,IAAa,eAAe,cAAc,cAAc,OAAO,8BAAuB,EACpF,OAAO;CACL;CACA;CACA;CACA;AACF,EACF,CAAC;AACD,IAAa,QAAQ,WAAW,WAC9B,SACA;CAEE,UAAU;EAAC,aAAa;EAAc,gBAAgB;EAAQ,sBAAsB;CAAS;CAC7F,UAAU,CAAC,oBAAoB,KAAK;AACtC,SACM,OAAO,oBACf;AACA,IAAa,eAAe,cAAc,aAAa,YAAY"}

package/dist/lib/capabilities.node.mjs

@@ -24,10 +24,6 @@ var Expose = Capability.inlineModule("expose", {
 	if (invokePromise && layout.active.length === 1) AppGraph.waitForPath(graph, { target: layout.active[0] }, { timeout: 3e4 }).then(() => invokePromise(LayoutOperation.Expose, { subject: layout.active[0] })).catch(() => {});
 	return [];
 }));
-var Keyboard = Capability.lazyModule("Keyboard", {
-	requires: [AppCapabilities.AppGraph, Capabilities.OperationInvoker],
-	provides: []
-}, () => import("./chunk-keyboard.mjs"));
 var OperationHandler = AppCapability.operationHandler(() => import("./chunk-operation-handler.mjs"));
 var State = Capability.lazyModule("State", {
 	requires: [
@@ -38,6 +34,7 @@ var State = Capability.lazyModule("State", {
 	provides: [NavTreeCapabilities.State]
 }, () => import("./chunk-state.mjs"));
 var Translations = AppCapability.translations(translations);
+var Keyboard = void 0;
 var PluginAsset = void 0;
 var ReactSurface = void 0;
 //#endregion

package/dist/lib/capabilities.node.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"capabilities.node.mjs","names":[],"sources":["../../src/capabilities/gen/node.ts"],"sourcesContent":["//\n// Copyright 2026 DXOS.org\n//\n\n// GENERATED by dx-plugin — do not edit. Sliced from ../index.ts for the 'node' condition.\n\nimport * as Effect from 'effect/Effect';\n\nimport * as Capabilities from '@dxos/app-framework/Capabilities';\nimport * as Capability from '@dxos/app-framework/Capability';\nimport * as AppGraph from '@dxos/app-graph/AppGraph';\nimport * as AppCapabilities from '@dxos/app-toolkit/AppCapabilities';\nimport * as AppCapability from '@dxos/app-toolkit/AppCapability';\nimport * as LayoutOperation from '@dxos/app-toolkit/LayoutOperation';\nimport * as AttentionCapabilities from '@dxos/plugin-attention/AttentionCapabilities';\n\nimport { translations } from '#translations';\nimport { NavTreeCapabilities } from '#types';\n\nexport const AppGraphBuilder = AppCapability.appGraphBuilder(() => import('../app-graph-builder'));\n\nexport const Expose = Capability.inlineModule(\n  'expose',\n  { requires: [AppCapabilities.AppGraph, AppCapabilities.Layout, Capabilities.OperationInvoker], provides: [] },\n  Effect.fnUntraced(function* () {\n    const layout = yield* Capabilities.getAtomValue(AppCapabilities.Layout);\n    const { invokePromise } = yield* Capabilities.OperationInvoker;\n    const { graph } = yield* 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 AppGraph.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\nexport const Keyboard = Capability.lazyModule(\n  'Keyboard',\n  { requires: [AppCapabilities.AppGraph, Capabilities.OperationInvoker], provides: [] },\n  () => import('../keyboard'),\n);\n\nexport const OperationHandler = AppCapability.operationHandler(() => import('../operation-handler'));\n\nexport const State = Capability.lazyModule(\n  'State',\n  {\n    // ViewState is the persistence backend for per-path expansion.\n    requires: [Capabilities.AtomRegistry, AppCapabilities.Layout, AttentionCapabilities.ViewState],\n    provides: [NavTreeCapabilities.State],\n  },\n  () => import('../state'),\n);\n\nexport const Translations = AppCapability.translations(translations);\n\nexport const PluginAsset = undefined;\nexport const ReactSurface = undefined;\n"],"mappings":";;;;;;;;;;;AAmBA,IAAa,kBAAkB,cAAc,sBAAsB,OAAO,gCAAuB;AAEjG,IAAa,SAAS,WAAW,aAC/B,UACA;CAAE,UAAU;EAAC,gBAAgB;EAAU,gBAAgB;EAAQ,aAAa;CAAgB;CAAG,UAAU,CAAC;AAAE,GAC5G,OAAO,WAAW,aAAa;CAC7B,MAAM,SAAS,OAAO,aAAa,aAAa,gBAAgB,MAAM;CACtE,MAAM,EAAE,kBAAkB,OAAO,aAAa;CAC9C,MAAM,EAAE,UAAU,OAAO,gBAAgB;CACzC,IAAI,iBAAiB,OAAO,OAAO,WAAW,GAG5C,SAAc,YAAY,OAAO,EAAE,QAAQ,OAAO,OAAO,GAAG,GAAG,EAAE,SAAS,IAAO,CAAC,CAAA,CAC/E,WAAW,cAAc,gBAAgB,QAAQ,EAAE,SAAS,OAAO,OAAO,GAAG,CAAC,CAAC,CAAA,CAC/E,YAAY,CAAC,CAAC;CAGnB,OAAO,CAAC;AACV,CAAC,CACH;AAEA,IAAa,WAAW,WAAW,WACjC,YACA;CAAE,UAAU,CAAC,gBAAgB,UAAU,aAAa,gBAAgB;CAAG,UAAU,CAAC;AAAE,SAC9E,OAAO,uBACf;AAEA,IAAa,mBAAmB,cAAc,uBAAuB,OAAO,gCAAuB;AAEnG,IAAa,QAAQ,WAAW,WAC9B,SACA;CAEE,UAAU;EAAC,aAAa;EAAc,gBAAgB;EAAQ,sBAAsB;CAAS;CAC7F,UAAU,CAAC,oBAAoB,KAAK;AACtC,SACM,OAAO,oBACf;AAEA,IAAa,eAAe,cAAc,aAAa,YAAY;AAEnE,IAAa,cAAc,KAAA;AAC3B,IAAa,eAAe,KAAA"}
+{"version":3,"file":"capabilities.node.mjs","names":[],"sources":["../../src/capabilities/gen/node.ts"],"sourcesContent":["//\n// Copyright 2026 DXOS.org\n//\n\n// GENERATED by dx-plugin — do not edit. Sliced from ../index.ts for the 'node' condition.\n\nimport * as Effect from 'effect/Effect';\n\nimport * as Capabilities from '@dxos/app-framework/Capabilities';\nimport * as Capability from '@dxos/app-framework/Capability';\nimport * as AppGraph from '@dxos/app-graph/AppGraph';\nimport * as AppCapabilities from '@dxos/app-toolkit/AppCapabilities';\nimport * as AppCapability from '@dxos/app-toolkit/AppCapability';\nimport * as LayoutOperation from '@dxos/app-toolkit/LayoutOperation';\nimport * as AttentionCapabilities from '@dxos/plugin-attention/AttentionCapabilities';\n\nimport { translations } from '#translations';\nimport { NavTreeCapabilities } from '#types';\n\nexport const AppGraphBuilder = AppCapability.appGraphBuilder(() => import('../app-graph-builder.ts'));\n\nexport const Expose = Capability.inlineModule(\n  'expose',\n  { requires: [AppCapabilities.AppGraph, AppCapabilities.Layout, Capabilities.OperationInvoker], provides: [] },\n  Effect.fnUntraced(function* () {\n    const layout = yield* Capabilities.getAtomValue(AppCapabilities.Layout);\n    const { invokePromise } = yield* Capabilities.OperationInvoker;\n    const { graph } = yield* 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 AppGraph.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\nexport const OperationHandler = AppCapability.operationHandler(() => import('../operation-handler.ts'));\n\nexport const State = Capability.lazyModule(\n  'State',\n  {\n    // ViewState is the persistence backend for per-path expansion.\n    requires: [Capabilities.AtomRegistry, AppCapabilities.Layout, AttentionCapabilities.ViewState],\n    provides: [NavTreeCapabilities.State],\n  },\n  () => import('../state.ts'),\n);\n\nexport const Translations = AppCapability.translations(translations);\n\nexport const Keyboard = undefined;\nexport const PluginAsset = undefined;\nexport const ReactSurface = undefined;\n"],"mappings":";;;;;;;;;;;AAmBA,IAAa,kBAAkB,cAAc,sBAAsB,OAAO,gCAA0B;AAEpG,IAAa,SAAS,WAAW,aAC/B,UACA;CAAE,UAAU;EAAC,gBAAgB;EAAU,gBAAgB;EAAQ,aAAa;CAAgB;CAAG,UAAU,CAAC;AAAE,GAC5G,OAAO,WAAW,aAAa;CAC7B,MAAM,SAAS,OAAO,aAAa,aAAa,gBAAgB,MAAM;CACtE,MAAM,EAAE,kBAAkB,OAAO,aAAa;CAC9C,MAAM,EAAE,UAAU,OAAO,gBAAgB;CACzC,IAAI,iBAAiB,OAAO,OAAO,WAAW,GAG5C,SAAc,YAAY,OAAO,EAAE,QAAQ,OAAO,OAAO,GAAG,GAAG,EAAE,SAAS,IAAO,CAAC,CAAA,CAC/E,WAAW,cAAc,gBAAgB,QAAQ,EAAE,SAAS,OAAO,OAAO,GAAG,CAAC,CAAC,CAAA,CAC/E,YAAY,CAAC,CAAC;CAGnB,OAAO,CAAC;AACV,CAAC,CACH;AAEA,IAAa,mBAAmB,cAAc,uBAAuB,OAAO,gCAA0B;AAEtG,IAAa,QAAQ,WAAW,WAC9B,SACA;CAEE,UAAU;EAAC,aAAa;EAAc,gBAAgB;EAAQ,sBAAsB;CAAS;CAC7F,UAAU,CAAC,oBAAoB,KAAK;AACtC,SACM,OAAO,oBACf;AAEA,IAAa,eAAe,cAAc,aAAa,YAAY;AAEnE,IAAa,WAAW,KAAA;AACxB,IAAa,cAAc,KAAA;AAC3B,IAAa,eAAe,KAAA"}

package/dist/lib/capabilities.tauri.mjs

@@ -0,0 +1,59 @@
+import { t as PLUGIN_default } from "./chunk-PLUGIN.mjs";
+import * as Effect from "effect/Effect";
+import * as Capabilities from "@dxos/app-framework/Capabilities";
+import * as Capability from "@dxos/app-framework/Capability";
+import * as AppGraph from "@dxos/app-graph/AppGraph";
+import * as AppCapabilities from "@dxos/app-toolkit/AppCapabilities";
+import * as AppCapability from "@dxos/app-toolkit/AppCapability";
+import * as LayoutOperation from "@dxos/app-toolkit/LayoutOperation";
+import * as AttentionCapabilities from "@dxos/plugin-attention/AttentionCapabilities";
+import { translations } from "#translations";
+import { NavTreeCapabilities } from "#types";
+import { meta } from "#meta";
+//#region src/capabilities/gen/tauri.ts
+var AppGraphBuilder = AppCapability.appGraphBuilder(() => import("./chunk-app-graph-builder.mjs"));
+var Expose = Capability.inlineModule("expose", {
+	requires: [
+		AppCapabilities.AppGraph,
+		AppCapabilities.Layout,
+		Capabilities.OperationInvoker
+	],
+	provides: []
+}, Effect.fnUntraced(function* () {
+	const layout = yield* Capabilities.getAtomValue(AppCapabilities.Layout);
+	const { invokePromise } = yield* Capabilities.OperationInvoker;
+	const { graph } = yield* AppCapabilities.AppGraph;
+	if (invokePromise && layout.active.length === 1) AppGraph.waitForPath(graph, { target: layout.active[0] }, { timeout: 3e4 }).then(() => invokePromise(LayoutOperation.Expose, { subject: layout.active[0] })).catch(() => {});
+	return [];
+}));
+var Keyboard = Capability.lazyModule("Keyboard", {
+	requires: [AppCapabilities.AppGraph, Capabilities.OperationInvoker],
+	provides: [],
+	environments: ["browser", "tauri"]
+}, () => import("./chunk-keyboard.mjs"));
+var OperationHandler = AppCapability.operationHandler(() => import("./chunk-operation-handler.mjs"));
+var PluginAsset = AppCapability.pluginAsset({
+	pluginId: meta.profile.key,
+	path: "PLUGIN.mdl",
+	content: PLUGIN_default,
+	mimeType: "application/x-mdl"
+});
+var ReactSurface = AppCapability.surface(() => import("./chunk-react-surface.mjs"), { roles: [
+	"org.dxos.role.dialog",
+	"org.dxos.role.documentTitle",
+	"org.dxos.role.navigation",
+	"org.dxos.role.searchInput"
+] });
+var State = Capability.lazyModule("State", {
+	requires: [
+		Capabilities.AtomRegistry,
+		AppCapabilities.Layout,
+		AttentionCapabilities.ViewState
+	],
+	provides: [NavTreeCapabilities.State]
+}, () => import("./chunk-state.mjs"));
+var Translations = AppCapability.translations(translations);
+//#endregion
+export { AppGraphBuilder, Expose, Keyboard, OperationHandler, PluginAsset, ReactSurface, State, Translations };
+
+//# sourceMappingURL=capabilities.tauri.mjs.map

package/dist/lib/capabilities.tauri.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"capabilities.tauri.mjs","names":[],"sources":["../../src/capabilities/gen/tauri.ts"],"sourcesContent":["//\n// Copyright 2026 DXOS.org\n//\n\n// GENERATED by dx-plugin — do not edit. Sliced from ../index.ts for the 'tauri' condition.\n\nimport * as Effect from 'effect/Effect';\n\nimport * as Capabilities from '@dxos/app-framework/Capabilities';\nimport * as Capability from '@dxos/app-framework/Capability';\nimport * as AppGraph from '@dxos/app-graph/AppGraph';\nimport * as AppCapabilities from '@dxos/app-toolkit/AppCapabilities';\nimport * as AppCapability from '@dxos/app-toolkit/AppCapability';\nimport * as LayoutOperation from '@dxos/app-toolkit/LayoutOperation';\nimport * as AttentionCapabilities from '@dxos/plugin-attention/AttentionCapabilities';\n\nimport { meta } from '#meta';\nimport { translations } from '#translations';\nimport { NavTreeCapabilities } from '#types';\n\nimport pluginSpec from '../../../PLUGIN.mdl?raw';\n\nexport const AppGraphBuilder = AppCapability.appGraphBuilder(() => import('../app-graph-builder.ts'));\n\nexport const Expose = Capability.inlineModule(\n  'expose',\n  { requires: [AppCapabilities.AppGraph, AppCapabilities.Layout, Capabilities.OperationInvoker], provides: [] },\n  Effect.fnUntraced(function* () {\n    const layout = yield* Capabilities.getAtomValue(AppCapabilities.Layout);\n    const { invokePromise } = yield* Capabilities.OperationInvoker;\n    const { graph } = yield* 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 AppGraph.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\nexport const Keyboard = Capability.lazyModule(\n  'Keyboard',\n  // Listens on `document`, which node and workerd lack.\n  {\n    requires: [AppCapabilities.AppGraph, Capabilities.OperationInvoker],\n    provides: [],\n    environments: ['browser', 'tauri'],\n  },\n  () => import('../keyboard.ts'),\n);\n\nexport const OperationHandler = AppCapability.operationHandler(() => import('../operation-handler.ts'));\n\nexport const PluginAsset = AppCapability.pluginAsset({\n  pluginId: meta.profile.key,\n  path: 'PLUGIN.mdl',\n  content: pluginSpec,\n  mimeType: 'application/x-mdl',\n});\n\nexport const ReactSurface = AppCapability.surface(() => import('../react-surface.ts'), {\n  roles: [\n    'org.dxos.role.dialog',\n    'org.dxos.role.documentTitle',\n    'org.dxos.role.navigation',\n    'org.dxos.role.searchInput',\n  ],\n});\n\nexport const State = Capability.lazyModule(\n  'State',\n  {\n    // ViewState is the persistence backend for per-path expansion.\n    requires: [Capabilities.AtomRegistry, AppCapabilities.Layout, AttentionCapabilities.ViewState],\n    provides: [NavTreeCapabilities.State],\n  },\n  () => import('../state.ts'),\n);\n\nexport const Translations = AppCapability.translations(translations);\n"],"mappings":";;;;;;;;;;;;;AAsBA,IAAa,kBAAkB,cAAc,sBAAsB,OAAO,gCAA0B;AAEpG,IAAa,SAAS,WAAW,aAC/B,UACA;CAAE,UAAU;EAAC,gBAAgB;EAAU,gBAAgB;EAAQ,aAAa;CAAgB;CAAG,UAAU,CAAC;AAAE,GAC5G,OAAO,WAAW,aAAa;CAC7B,MAAM,SAAS,OAAO,aAAa,aAAa,gBAAgB,MAAM;CACtE,MAAM,EAAE,kBAAkB,OAAO,aAAa;CAC9C,MAAM,EAAE,UAAU,OAAO,gBAAgB;CACzC,IAAI,iBAAiB,OAAO,OAAO,WAAW,GAG5C,SAAc,YAAY,OAAO,EAAE,QAAQ,OAAO,OAAO,GAAG,GAAG,EAAE,SAAS,IAAO,CAAC,CAAA,CAC/E,WAAW,cAAc,gBAAgB,QAAQ,EAAE,SAAS,OAAO,OAAO,GAAG,CAAC,CAAC,CAAA,CAC/E,YAAY,CAAC,CAAC;CAGnB,OAAO,CAAC;AACV,CAAC,CACH;AAEA,IAAa,WAAW,WAAW,WACjC,YAEA;CACE,UAAU,CAAC,gBAAgB,UAAU,aAAa,gBAAgB;CAClE,UAAU,CAAC;CACX,cAAc,CAAC,WAAW,OAAO;AACnC,SACM,OAAO,uBACf;AAEA,IAAa,mBAAmB,cAAc,uBAAuB,OAAO,gCAA0B;AAEtG,IAAa,cAAc,cAAc,YAAY;CACnD,UAAU,KAAK,QAAQ;CACvB,MAAM;CACN,SAAS;CACT,UAAU;AACZ,CAAC;AAED,IAAa,eAAe,cAAc,cAAc,OAAO,8BAAwB,EACrF,OAAO;CACL;CACA;CACA;CACA;AACF,EACF,CAAC;AAED,IAAa,QAAQ,WAAW,WAC9B,SACA;CAEE,UAAU;EAAC,aAAa;EAAc,gBAAgB;EAAQ,sBAAsB;CAAS;CAC7F,UAAU,CAAC,oBAAoB,KAAK;AACtC,SACM,OAAO,oBACf;AAEA,IAAa,eAAe,cAAc,aAAa,YAAY"}

package/dist/lib/capabilities.workerd.mjs

@@ -24,10 +24,6 @@ var Expose = Capability.inlineModule("expose", {
 	if (invokePromise && layout.active.length === 1) AppGraph.waitForPath(graph, { target: layout.active[0] }, { timeout: 3e4 }).then(() => invokePromise(LayoutOperation.Expose, { subject: layout.active[0] })).catch(() => {});
 	return [];
 }));
-var Keyboard = Capability.lazyModule("Keyboard", {
-	requires: [AppCapabilities.AppGraph, Capabilities.OperationInvoker],
-	provides: []
-}, () => import("./chunk-keyboard.mjs"));
 var OperationHandler = AppCapability.operationHandler(() => import("./chunk-operation-handler.mjs"));
 var State = Capability.lazyModule("State", {
 	requires: [
@@ -38,6 +34,7 @@ var State = Capability.lazyModule("State", {
 	provides: [NavTreeCapabilities.State]
 }, () => import("./chunk-state.mjs"));
 var Translations = AppCapability.translations(translations);
+var Keyboard = void 0;
 var PluginAsset = void 0;
 var ReactSurface = void 0;
 //#endregion

package/dist/lib/capabilities.workerd.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"capabilities.workerd.mjs","names":[],"sources":["../../src/capabilities/gen/workerd.ts"],"sourcesContent":["//\n// Copyright 2026 DXOS.org\n//\n\n// GENERATED by dx-plugin — do not edit. Sliced from ../index.ts for the 'workerd' condition.\n\nimport * as Effect from 'effect/Effect';\n\nimport * as Capabilities from '@dxos/app-framework/Capabilities';\nimport * as Capability from '@dxos/app-framework/Capability';\nimport * as AppGraph from '@dxos/app-graph/AppGraph';\nimport * as AppCapabilities from '@dxos/app-toolkit/AppCapabilities';\nimport * as AppCapability from '@dxos/app-toolkit/AppCapability';\nimport * as LayoutOperation from '@dxos/app-toolkit/LayoutOperation';\nimport * as AttentionCapabilities from '@dxos/plugin-attention/AttentionCapabilities';\n\nimport { translations } from '#translations';\nimport { NavTreeCapabilities } from '#types';\n\nexport const AppGraphBuilder = AppCapability.appGraphBuilder(() => import('../app-graph-builder'));\n\nexport const Expose = Capability.inlineModule(\n  'expose',\n  { requires: [AppCapabilities.AppGraph, AppCapabilities.Layout, Capabilities.OperationInvoker], provides: [] },\n  Effect.fnUntraced(function* () {\n    const layout = yield* Capabilities.getAtomValue(AppCapabilities.Layout);\n    const { invokePromise } = yield* Capabilities.OperationInvoker;\n    const { graph } = yield* 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 AppGraph.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\nexport const Keyboard = Capability.lazyModule(\n  'Keyboard',\n  { requires: [AppCapabilities.AppGraph, Capabilities.OperationInvoker], provides: [] },\n  () => import('../keyboard'),\n);\n\nexport const OperationHandler = AppCapability.operationHandler(() => import('../operation-handler'));\n\nexport const State = Capability.lazyModule(\n  'State',\n  {\n    // ViewState is the persistence backend for per-path expansion.\n    requires: [Capabilities.AtomRegistry, AppCapabilities.Layout, AttentionCapabilities.ViewState],\n    provides: [NavTreeCapabilities.State],\n  },\n  () => import('../state'),\n);\n\nexport const Translations = AppCapability.translations(translations);\n\nexport const PluginAsset = undefined;\nexport const ReactSurface = undefined;\n"],"mappings":";;;;;;;;;;;AAmBA,IAAa,kBAAkB,cAAc,sBAAsB,OAAO,gCAAuB;AAEjG,IAAa,SAAS,WAAW,aAC/B,UACA;CAAE,UAAU;EAAC,gBAAgB;EAAU,gBAAgB;EAAQ,aAAa;CAAgB;CAAG,UAAU,CAAC;AAAE,GAC5G,OAAO,WAAW,aAAa;CAC7B,MAAM,SAAS,OAAO,aAAa,aAAa,gBAAgB,MAAM;CACtE,MAAM,EAAE,kBAAkB,OAAO,aAAa;CAC9C,MAAM,EAAE,UAAU,OAAO,gBAAgB;CACzC,IAAI,iBAAiB,OAAO,OAAO,WAAW,GAG5C,SAAc,YAAY,OAAO,EAAE,QAAQ,OAAO,OAAO,GAAG,GAAG,EAAE,SAAS,IAAO,CAAC,CAAA,CAC/E,WAAW,cAAc,gBAAgB,QAAQ,EAAE,SAAS,OAAO,OAAO,GAAG,CAAC,CAAC,CAAA,CAC/E,YAAY,CAAC,CAAC;CAGnB,OAAO,CAAC;AACV,CAAC,CACH;AAEA,IAAa,WAAW,WAAW,WACjC,YACA;CAAE,UAAU,CAAC,gBAAgB,UAAU,aAAa,gBAAgB;CAAG,UAAU,CAAC;AAAE,SAC9E,OAAO,uBACf;AAEA,IAAa,mBAAmB,cAAc,uBAAuB,OAAO,gCAAuB;AAEnG,IAAa,QAAQ,WAAW,WAC9B,SACA;CAEE,UAAU;EAAC,aAAa;EAAc,gBAAgB;EAAQ,sBAAsB;CAAS;CAC7F,UAAU,CAAC,oBAAoB,KAAK;AACtC,SACM,OAAO,oBACf;AAEA,IAAa,eAAe,cAAc,aAAa,YAAY;AAEnE,IAAa,cAAc,KAAA;AAC3B,IAAa,eAAe,KAAA"}
+{"version":3,"file":"capabilities.workerd.mjs","names":[],"sources":["../../src/capabilities/gen/workerd.ts"],"sourcesContent":["//\n// Copyright 2026 DXOS.org\n//\n\n// GENERATED by dx-plugin — do not edit. Sliced from ../index.ts for the 'workerd' condition.\n\nimport * as Effect from 'effect/Effect';\n\nimport * as Capabilities from '@dxos/app-framework/Capabilities';\nimport * as Capability from '@dxos/app-framework/Capability';\nimport * as AppGraph from '@dxos/app-graph/AppGraph';\nimport * as AppCapabilities from '@dxos/app-toolkit/AppCapabilities';\nimport * as AppCapability from '@dxos/app-toolkit/AppCapability';\nimport * as LayoutOperation from '@dxos/app-toolkit/LayoutOperation';\nimport * as AttentionCapabilities from '@dxos/plugin-attention/AttentionCapabilities';\n\nimport { translations } from '#translations';\nimport { NavTreeCapabilities } from '#types';\n\nexport const AppGraphBuilder = AppCapability.appGraphBuilder(() => import('../app-graph-builder.ts'));\n\nexport const Expose = Capability.inlineModule(\n  'expose',\n  { requires: [AppCapabilities.AppGraph, AppCapabilities.Layout, Capabilities.OperationInvoker], provides: [] },\n  Effect.fnUntraced(function* () {\n    const layout = yield* Capabilities.getAtomValue(AppCapabilities.Layout);\n    const { invokePromise } = yield* Capabilities.OperationInvoker;\n    const { graph } = yield* 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 AppGraph.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\nexport const OperationHandler = AppCapability.operationHandler(() => import('../operation-handler.ts'));\n\nexport const State = Capability.lazyModule(\n  'State',\n  {\n    // ViewState is the persistence backend for per-path expansion.\n    requires: [Capabilities.AtomRegistry, AppCapabilities.Layout, AttentionCapabilities.ViewState],\n    provides: [NavTreeCapabilities.State],\n  },\n  () => import('../state.ts'),\n);\n\nexport const Translations = AppCapability.translations(translations);\n\nexport const Keyboard = undefined;\nexport const PluginAsset = undefined;\nexport const ReactSurface = undefined;\n"],"mappings":";;;;;;;;;;;AAmBA,IAAa,kBAAkB,cAAc,sBAAsB,OAAO,gCAA0B;AAEpG,IAAa,SAAS,WAAW,aAC/B,UACA;CAAE,UAAU;EAAC,gBAAgB;EAAU,gBAAgB;EAAQ,aAAa;CAAgB;CAAG,UAAU,CAAC;AAAE,GAC5G,OAAO,WAAW,aAAa;CAC7B,MAAM,SAAS,OAAO,aAAa,aAAa,gBAAgB,MAAM;CACtE,MAAM,EAAE,kBAAkB,OAAO,aAAa;CAC9C,MAAM,EAAE,UAAU,OAAO,gBAAgB;CACzC,IAAI,iBAAiB,OAAO,OAAO,WAAW,GAG5C,SAAc,YAAY,OAAO,EAAE,QAAQ,OAAO,OAAO,GAAG,GAAG,EAAE,SAAS,IAAO,CAAC,CAAA,CAC/E,WAAW,cAAc,gBAAgB,QAAQ,EAAE,SAAS,OAAO,OAAO,GAAG,CAAC,CAAC,CAAA,CAC/E,YAAY,CAAC,CAAC;CAGnB,OAAO,CAAC;AACV,CAAC,CACH;AAEA,IAAa,mBAAmB,cAAc,uBAAuB,OAAO,gCAA0B;AAEtG,IAAa,QAAQ,WAAW,WAC9B,SACA;CAEE,UAAU;EAAC,aAAa;EAAc,gBAAgB;EAAQ,sBAAsB;CAAS;CAC7F,UAAU,CAAC,oBAAoB,KAAK;AACtC,SACM,OAAO,oBACf;AAEA,IAAa,eAAe,cAAc,aAAa,YAAY;AAEnE,IAAa,WAAW,KAAA;AACxB,IAAa,cAAc,KAAA;AAC3B,IAAa,eAAe,KAAA"}

package/dist/lib/chunk-CommandsDialogContent.mjs

@@ -1,26 +1,29 @@
 import * as AppGraph from "@dxos/app-graph/AppGraph";
 import * as LayoutOperation from "@dxos/app-toolkit/LayoutOperation";
 import { KEY_BINDING, meta } from "#meta";
-import * as AppGraphNode from "@dxos/app-graph/AppGraphNode";
-import { getHostPlatform } from "@dxos/util";
 import { forwardRef, useMemo, useState } from "react";
-import { useAppGraph } from "@dxos/app-toolkit/ui";
-import { useActionRunner, useActions } from "@dxos/plugin-graph/hooks";
-import { Button, Dialog, toLocalizedString, useTranslation } from "@dxos/react-ui";
+import * as AppGraphNode from "@dxos/app-graph/AppGraphNode";
+import * as ToolkitHooks from "@dxos/app-toolkit/Hooks";
+import * as GraphHooks from "@dxos/plugin-graph/Hooks";
+import * as Button from "@dxos/react-ui/Button";
+import * as UiHooks from "@dxos/react-ui/Hooks";
+import * as Theme from "@dxos/react-ui/Theme";
 import { osTranslations } from "@dxos/ui-theme";
+import { resolveKeyBinding } from "@dxos/util";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useOperationInvoker } from "@dxos/app-framework/ui";
-import { Keyboard, keySymbols } from "@dxos/keyboard";
+import * as Hooks from "@dxos/app-framework/Hooks";
+import { getHotkeyScope, keySymbols } from "@dxos/react-focus";
 import { SearchList, useSearchListResults } from "@dxos/react-ui-search";
+import * as Dialog from "@dxos/react-ui/Dialog";
 //#region src/containers/CommandsDialogContent/CommandsDialogContent.tsx
 var CommandsDialogContent = forwardRef(({ selected: initial }, forwardedRef) => {
-	const { t } = useTranslation(meta.profile.key);
-	const { invokePromise } = useOperationInvoker();
-	const runAction = useActionRunner();
-	const { graph } = useAppGraph();
+	const { t } = UiHooks.useTranslation(meta.profile.key);
+	const { invokePromise } = Hooks.useOperationInvoker();
+	const runAction = GraphHooks.useActionRunner();
+	const { graph } = ToolkitHooks.useAppGraph();
 	const [selected, setSelected] = useState(initial);
 	const allActions = useMemo(() => {
-		const current = Keyboard.singleton.getCurrentContext();
+		const current = getHotkeyScope() ?? "";
 		const actionMap = /* @__PURE__ */ new Set();
 		const actions = [];
 		AppGraph.traverse(graph, {
@@ -36,16 +39,16 @@ var CommandsDialogContent = forwardRef(({ selected: initial }, forwardedRef) =>
 			}
 		});
 		actions.sort((a, b) => {
-			return toLocalizedString(a.properties.label, t)?.toLowerCase().localeCompare(toLocalizedString(b.properties.label, t)?.toLowerCase());
+			return Theme.toLocalizedString(a.properties.label, t)?.toLowerCase().localeCompare(Theme.toLocalizedString(b.properties.label, t)?.toLowerCase());
 		});
 		return actions;
 	}, [graph]);
 	const group = allActions.find(({ id }) => id === selected);
-	const groupActions = useActions(graph, group?.id);
+	const groupActions = GraphHooks.useActions(graph, group?.id);
 	const actions = AppGraphNode.isActionGroup(group) ? groupActions : allActions;
 	const { results, handleSearch } = useSearchListResults({
 		items: actions,
-		extract: (action) => toLocalizedString(action.properties.label, t)
+		extract: (action) => Theme.toLocalizedString(action.properties.label, t)
 	});
 	return /* @__PURE__ */ jsxs(Dialog.Content, {
 		ref: forwardedRef,
@@ -56,11 +59,17 @@ var CommandsDialogContent = forwardRef(({ selected: initial }, forwardedRef) =>
 			}),
 			/* @__PURE__ */ jsx(Dialog.Body, { children: /* @__PURE__ */ jsxs(SearchList.Root, {
 				onSearch: handleSearch,
-				children: [/* @__PURE__ */ jsx(SearchList.Input, { placeholder: t("command-list-input.placeholder") }), /* @__PURE__ */ jsx(SearchList.Viewport, { children: results.map((action) => {
-					const shortcut = typeof action.properties.keyBinding === "string" ? action.properties.keyBinding : action.properties.keyBinding?.[getHostPlatform()];
+				resetSelectionOnChange: true,
+				children: [/* @__PURE__ */ jsx(SearchList.Input, {
+					autoFocus: true,
+					placeholder: t("command-list-input.placeholder"),
+					escapeBehavior: "dismiss",
+					[Dialog.DIALOG_AUTOFOCUS_ATTRIBUTE]: ""
+				}), /* @__PURE__ */ jsx(SearchList.Viewport, { children: results.map((action) => {
+					const shortcut = resolveKeyBinding(action.properties.keyBinding);
 					return /* @__PURE__ */ jsx(SearchList.Item, {
 						value: action.id,
-						label: toLocalizedString(action.properties.label, t),
+						label: Theme.toLocalizedString(action.properties.label, t),
 						icon: action.properties.icon,
 						suffix: shortcut ? keySymbols(shortcut).join("") : void 0,
 						onSelect: () => {
@@ -72,7 +81,7 @@ var CommandsDialogContent = forwardRef(({ selected: initial }, forwardedRef) =>
 							invokePromise(LayoutOperation.UpdateDialog, { state: false });
 							setTimeout(() => {
 								const lookupId = group?.id ?? action.id;
-								const node = AppGraph.getConnections(graph, lookupId, AppGraphNode.actionRelation("inbound"))[0];
+								const node = AppGraph.getConnections(graph, lookupId, AppGraph.inverseRelation(AppGraphNode.action))[0];
 								if (node && AppGraphNode.isAction(action)) runAction(action, {
 									parent: node,
 									caller: KEY_BINDING
@@ -85,9 +94,9 @@ var CommandsDialogContent = forwardRef(({ selected: initial }, forwardedRef) =>
 					}, action.id);
 				}) })]
 			}) }),
-			/* @__PURE__ */ jsx(Dialog.ActionBar, { children: /* @__PURE__ */ jsx(Dialog.Close, {
+			/* @__PURE__ */ jsx(Dialog.Footer, { children: /* @__PURE__ */ jsx(Dialog.CloseTrigger, {
 				asChild: true,
-				children: /* @__PURE__ */ jsx(Button, {
+				children: /* @__PURE__ */ jsx(Button.Root, {
 					classNames: "w-full",
 					children: t("close.label", { ns: osTranslations })
 				})