@dxos/plugin-navtree 0.8.4-main.72ec0f3 → 0.8.4-main.8360d9e660

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

@@ -1 +0,0 @@
-{"version":3,"file":"keyboard.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/keyboard.ts"],"names":[],"mappings":"AAIA,OAAO,EAAmC,KAAK,aAAa,EAAe,MAAM,qBAAqB,CAAC;yBAQvF,SAAS,aAAa;AAAtC,wBA8CE"}

package/dist/types/src/capabilities/react-surface.d.ts

@@ -1,4 +0,0 @@
-import { Capabilities } from '@dxos/app-framework';
-declare const _default: () => import("@dxos/app-framework").Capability<import("@dxos/app-framework").InterfaceDef<Capabilities.ReactSurface>>;
-export default _default;
-//# sourceMappingURL=react-surface.d.ts.map

package/dist/types/src/capabilities/react-surface.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"react-surface.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/react-surface.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,YAAY,EAA8B,MAAM,qBAAqB,CAAC;;AAM/E,wBAgCK"}

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

@@ -1,20 +0,0 @@
-import { type PluginContext } from '@dxos/app-framework';
-import { type Live } from '@dxos/echo';
-declare const _default: (context: PluginContext) => import("@dxos/app-framework").Capability<import("@dxos/app-framework").InterfaceDef<{
-    state: Map<string, Live<{
-        open: boolean;
-        current: boolean;
-        alternateTree?: boolean;
-    }>>;
-    getItem: (path: string[]) => Live<{
-        open: boolean;
-        current: boolean;
-        alternateTree?: boolean;
-    }>;
-    setItem: (path: string[], key: "open" | "current" | "alternateTree", next: boolean) => void;
-    isOpen: (path: string[], item: import("../types").NavTreeItemGraphNode) => boolean;
-    isCurrent: (path: string[], item: import("../types").NavTreeItemGraphNode) => boolean;
-    isAlternateTree: (path: string[], item: import("../types").NavTreeItemGraphNode) => boolean;
-}>>;
-export default _default;
-//# sourceMappingURL=state.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/state.ts"],"names":[],"mappings":"AAMA,OAAO,EAAgB,KAAK,aAAa,EAAe,MAAM,qBAAqB,CAAC;AACpF,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,YAAY,CAAC;yBAyBvB,SAAS,aAAa;;;;qBAnBM,CAAC;;;;;qBAKtB,CAAC;;;;;;;AAcxB,wBAwEE"}

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

@@ -1,5 +0,0 @@
-import React from 'react';
-export declare const CommandsDialogContent: ({ selected: initial }: {
-    selected?: string;
-}) => React.JSX.Element;
-//# sourceMappingURL=CommandsDialog.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CommandsDialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/CommandsDialog/CommandsDialog.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAqBjD,eAAO,MAAM,qBAAqB,GAAI,uBAAuB;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,sBAoGjF,CAAC"}

package/dist/types/src/components/CommandsDialog/CommandsTrigger.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CommandsTrigger.d.ts","sourceRoot":"","sources":["../../../../../src/components/CommandsDialog/CommandsTrigger.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,eAAO,MAAM,eAAe,yBAsB3B,CAAC"}

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

@@ -1,3 +0,0 @@
-export * from './CommandsDialog';
-export * from './CommandsTrigger';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/CommandsDialog/index.ts"],"names":[],"mappings":"AAIA,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"NavTreeContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/NavTreeContainer.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAmBrE,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAGnD,eAAO,MAAM,SAAS,wBAAwB,CAAC;AA0D/C,MAAM,MAAM,qBAAqB,GAAG;IAClC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,GAAG,IAAI,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAC;AAErC,eAAO,MAAM,gBAAgB,+DAA2C,qBAAqB,uBAoR3F,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"NavTreeContext.d.ts","sourceRoot":"","sources":["../../../../src/components/NavTreeContext.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,eAAO,MAAM,cAAc,qDAAkD,CAAC;AAE9E,eAAO,MAAM,iBAAiB,2BAAiF,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"NavTreeDocumentTitle.d.ts","sourceRoot":"","sources":["../../../../src/components/NavTreeDocumentTitle.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAK5C,eAAO,MAAM,oBAAoB,GAAI,UAAU;IAAE,IAAI,CAAC,EAAE,IAAI,CAAA;CAAE,SAM7D,CAAC"}

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

@@ -1,4 +0,0 @@
-export declare namespace NavTreeEvents {
-    const StateReady: import("@dxos/app-framework").ActivationEvent;
-}
-//# sourceMappingURL=events.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../../src/events.ts"],"names":[],"mappings":"AAQA,yBAAiB,aAAa,CAAC;IACtB,MAAM,UAAU,+CAAmC,CAAC;CAC5D"}

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

@@ -1,3 +0,0 @@
-import { type Node } from '@dxos/app-graph';
-export declare const useLoadDescendents: (root?: Node) => void;
-//# sourceMappingURL=hooks.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../src/hooks.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAI5C,eAAO,MAAM,kBAAkB,GAAI,OAAO,IAAI,SAU7C,CAAC"}

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

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

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

@@ -1,53 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { Atom } from '@effect-atom/atom-react';
-import * as Function from 'effect/Function';
-import * as Option from 'effect/Option';
-
-import { Capabilities, LayoutAction, type PluginContext, contributes, createIntent } from '@dxos/app-framework';
-import { ROOT_ID, createExtension } from '@dxos/plugin-graph';
-
-import { COMMANDS_DIALOG, meta } from '../meta';
-
-export default (context: PluginContext) =>
-  contributes(
-    Capabilities.AppGraphBuilder,
-    createExtension({
-      id: meta.id,
-      actions: (node) =>
-        Atom.make((get) =>
-          Function.pipe(
-            get(node),
-            Option.flatMap((node) => (node.id === ROOT_ID ? Option.some(node) : Option.none())),
-            Option.map(() => [
-              {
-                id: COMMANDS_DIALOG,
-                data: async () => {
-                  const { dispatchPromise: dispatch } = context.getCapability(Capabilities.IntentDispatcher);
-                  await dispatch(
-                    createIntent(LayoutAction.UpdateDialog, {
-                      part: 'dialog',
-                      subject: COMMANDS_DIALOG,
-                      options: {
-                        blockAlign: 'start',
-                      },
-                    }),
-                  );
-                },
-                properties: {
-                  label: ['open commands label', { ns: meta.id }],
-                  icon: 'ph--magnifying-glass--regular',
-                  keyBinding: {
-                    macos: 'meta+k',
-                    windows: 'ctrl+k',
-                  },
-                },
-              },
-            ]),
-            Option.getOrElse(() => []),
-          ),
-        ),
-    }),
-  );

package/src/capabilities/capabilities.ts

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

package/src/capabilities/intent-resolver.ts

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

package/src/capabilities/keyboard.ts

@@ -1,59 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { Capabilities as AppCapabilities, type PluginContext, contributes } from '@dxos/app-framework';
-import { debounce } from '@dxos/async';
-import { Keyboard } from '@dxos/keyboard';
-import { type Node, isAction } from '@dxos/plugin-graph';
-import { getHostPlatform } from '@dxos/util';
-
-import { KEY_BINDING } from '../meta';
-
-export default (context: PluginContext) => {
-  const { graph } = context.getCapability(AppCapabilities.AppGraph);
-
-  // TODO(wittjosiah): Factor out.
-  // TODO(wittjosiah): Handle removal of actions.
-  const visitor = (node: Node, path: string[]) => {
-    let shortcut: string | undefined;
-    if (typeof node.properties.keyBinding === 'object') {
-      const availablePlatforms = Object.keys(node.properties.keyBinding);
-      const platform = getHostPlatform();
-      shortcut = availablePlatforms.includes(platform)
-        ? node.properties.keyBinding[platform]
-        : platform === 'ios'
-          ? node.properties.keyBinding.macos // Fallback to macos if ios-specific bindings not provided.
-          : platform === 'linux' || platform === 'unknown'
-            ? node.properties.keyBinding.windows // Fallback to windows if platform-specific bindings not provided.
-            : undefined;
-    } else {
-      shortcut = node.properties.keyBinding;
-    }
-
-    if (shortcut && isAction(node)) {
-      Keyboard.singleton.getContext(path.slice(0, -1).join('/')).bind({
-        shortcut,
-        handler: () => {
-          void node.data({ parent: node, caller: KEY_BINDING });
-        },
-        data: node.properties.label,
-      });
-    }
-  };
-
-  const eventHandler = debounce(() => {
-    graph.traverse({ visitor });
-  }, 500);
-
-  const unsubscribe = graph.onNodeChanged.on(eventHandler);
-
-  // TODO(burdon): Create context and plugin.
-  Keyboard.singleton.initialize();
-  Keyboard.singleton.setCurrentContext(graph.root.id);
-
-  return contributes(AppCapabilities.Null, null, () => {
-    unsubscribe();
-    Keyboard.singleton.destroy();
-  });
-};

package/src/capabilities/react-surface.tsx

@@ -1,45 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import React from 'react';
-
-import { Capabilities, contributes, createSurface } from '@dxos/app-framework';
-import { isGraphNode } from '@dxos/plugin-graph';
-
-import { CommandsDialogContent, CommandsTrigger, NavTreeContainer, NavTreeDocumentTitle } from '../components';
-import { COMMANDS_DIALOG, meta } from '../meta';
-
-export default () =>
-  contributes(Capabilities.ReactSurface, [
-    createSurface({
-      id: COMMANDS_DIALOG,
-      role: 'dialog',
-      filter: (data): data is { props: { selected?: string } } => data.component === COMMANDS_DIALOG,
-      component: ({ data }) => <CommandsDialogContent {...data.props} />,
-    }),
-    createSurface({
-      id: `${meta.id}/navigation`,
-      role: 'navigation',
-      filter: (data): data is { popoverAnchorId?: string; topbar: boolean; current: string } =>
-        typeof data.current === 'string',
-      component: ({ data }) => (
-        <NavTreeContainer
-          tab={data.current}
-          popoverAnchorId={data.popoverAnchorId as string | undefined}
-          topbar={data.topbar as boolean}
-        />
-      ),
-    }),
-    createSurface({
-      id: `${meta.id}/document-title`,
-      role: 'document-title',
-      component: ({ data }) => <NavTreeDocumentTitle node={isGraphNode(data.subject) ? data.subject : undefined} />,
-    }),
-    createSurface({
-      id: `${meta.id}/search-input`,
-      role: 'search-input',
-      position: 'fallback',
-      component: () => <CommandsTrigger />,
-    }),
-  ]);

package/src/capabilities/state.ts

@@ -1,105 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { effect, untracked } from '@preact/signals-core';
-
-import { Capabilities, type PluginContext, contributes } from '@dxos/app-framework';
-import { type Live } from '@dxos/echo';
-import { live } from '@dxos/live-object';
-import { Path } from '@dxos/react-ui-list';
-
-import { meta } from '../meta';
-
-import { NavTreeCapabilities } from './capabilities';
-
-const KEY = `${meta.id}/state/v1`;
-
-const getInitialState = () => {
-  const stringified = localStorage.getItem(KEY);
-  if (!stringified) {
-    return;
-  }
-
-  try {
-    const cached: [string, { open: boolean; current: boolean }][] = JSON.parse(stringified);
-    return cached.map(([key, value]): [string, Live<{ open: boolean; current: boolean }>] => [
-      key,
-      live({ open: value.open, current: false }),
-    ]);
-  } catch {}
-};
-
-export default (context: PluginContext) => {
-  const layout = context.getCapability(Capabilities.Layout);
-
-  // TODO(wittjosiah): This currently needs to be not a Live at the root.
-  //   If it is a Live then React errors when initializing new paths because of state change during render.
-  //   Ideally this could be a Live but be able to access and update the root level without breaking render.
-  //   Wrapping accesses and updates in `untracked` didn't seem to work in all cases.
-  const state = new Map<string, Live<{ open: boolean; current: boolean; alternateTree?: boolean }>>(
-    getInitialState() ?? [
-      // TODO(thure): Initialize these dynamically.
-      ['root', live({ open: true, current: false })],
-      ['root~dxos.org/plugin/space-spaces', live({ open: true, current: false })],
-      ['root~dxos.org/plugin/files', live({ open: true, current: false })],
-    ],
-  );
-
-  const getItem = (_path: string[]) => {
-    const path = Path.create(..._path);
-    const value = state.get(path) ?? live({ open: false, current: false, alternateTree: false });
-    if (!state.has(path)) {
-      state.set(path, value);
-    }
-
-    return value;
-  };
-
-  const setItem = (path: string[], key: 'open' | 'current' | 'alternateTree', next: boolean) => {
-    const value = getItem(path);
-    value[key] = next;
-
-    localStorage.setItem(KEY, JSON.stringify(Array.from(state.entries())));
-  };
-
-  const isOpen = (path: string[]) => getItem(path).open;
-  const isCurrent = (path: string[]) => getItem(path).current;
-  const isAlternateTree = (path: string[]) => {
-    const item = getItem(path);
-    return item.alternateTree ?? false;
-  };
-
-  let previous: string[] = [];
-  const unsubscribe = effect(() => {
-    const removed = previous.filter((id) => !layout.active.includes(id));
-    previous = layout.active;
-
-    const handleUpdate = () => {
-      removed.forEach((id) => {
-        const keys = Array.from(state.keys()).filter((key) => Path.last(key) === id);
-        keys.forEach((key) => {
-          setItem(Path.parts(key), 'current', false);
-        });
-      });
-
-      layout.active.forEach((id) => {
-        const keys = Array.from(new Set([...state.keys(), id])).filter((key) => Path.last(key) === id);
-        keys.forEach((key) => {
-          setItem(Path.parts(key), 'current', true);
-        });
-      });
-    };
-
-    // TODO(wittjosiah): This is setTimeout because there's a race between the keys be initialized.
-    //   Keys are initialized on the first render of an item in the navtree.
-    //   This could be avoided if the location was a path as well and not just an id.
-    const timeout = setTimeout(handleUpdate, 500);
-    untracked(() => handleUpdate());
-    return () => clearTimeout(timeout);
-  });
-
-  return contributes(NavTreeCapabilities.State, { state, getItem, setItem, isOpen, isCurrent, isAlternateTree }, () =>
-    unsubscribe(),
-  );
-};

package/src/components/CommandsDialog/CommandsDialog.tsx

@@ -1,126 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import React, { useMemo, useState } from 'react';
-
-import { LayoutAction, createIntent } from '@dxos/app-framework';
-import { useAppGraph, useIntentDispatcher } from '@dxos/app-framework/react';
-import { type ActionLike, isAction, isActionGroup } from '@dxos/app-graph';
-import { Keyboard, keySymbols } from '@dxos/keyboard';
-import { useActions } from '@dxos/plugin-graph';
-import { Button, Dialog, Icon, toLocalizedString, useTranslation } from '@dxos/react-ui';
-import { SearchList } from '@dxos/react-ui-searchlist';
-import {
-  cardDialogContent,
-  cardDialogHeader,
-  cardDialogPaddedOverflow,
-  cardDialogSearchListRoot,
-} from '@dxos/react-ui-stack';
-import { descriptionText, mx } from '@dxos/react-ui-theme';
-import { getHostPlatform } from '@dxos/util';
-
-import { KEY_BINDING, meta } from '../../meta';
-
-// TODO(wittjosiah): This probably deserves its own plugin but for now it lives here w/ other navigation UI.
-export const CommandsDialogContent = ({ selected: initial }: { selected?: string }) => {
-  const { t } = useTranslation(meta.id);
-  const [selected, setSelected] = useState<string | undefined>(initial);
-  const { dispatchPromise: dispatch } = useIntentDispatcher();
-  const { graph } = useAppGraph();
-
-  // Traverse graph.
-  // TODO(burdon): Factor out commonality with shortcut dialog.
-  const allActions = useMemo(() => {
-    // TODO(burdon): Get from navtree (not keyboard).
-    const current = Keyboard.singleton.getCurrentContext();
-    const actionMap = new Set<string>();
-    const actions: ActionLike[] = [];
-    graph.traverse({
-      visitor: (node, path) => {
-        if (
-          (isAction(node) || isActionGroup(node)) &&
-          !actionMap.has(node.id) &&
-          current.startsWith(path.slice(0, -1).join('/'))
-        ) {
-          actionMap.add(node.id);
-          actions.push(node);
-        }
-      },
-    });
-
-    actions.sort((a, b) => {
-      return toLocalizedString(a.properties.label, t)
-        ?.toLowerCase()
-        .localeCompare(toLocalizedString(b.properties.label, t)?.toLowerCase());
-    });
-
-    return actions;
-  }, [graph]);
-
-  const group = allActions.find(({ id }) => id === selected);
-  const groupActions = useActions(graph, group?.id);
-  const actions = isActionGroup(group) ? groupActions : allActions;
-
-  return (
-    <Dialog.Content classNames={cardDialogContent}>
-      <Dialog.Title classNames={cardDialogHeader}>{t('commands dialog title', { ns: meta.id })}</Dialog.Title>
-
-      {/* TODO(burdon): BUG: Overscrolls container. */}
-      <SearchList.Root label={t('command list input placeholder')} classNames={cardDialogSearchListRoot}>
-        <SearchList.Input placeholder={t('command list input placeholder')} />
-        <SearchList.Content classNames={cardDialogPaddedOverflow}>
-          {actions?.map((action) => {
-            const label = toLocalizedString(action.properties.label, t);
-            const shortcut =
-              typeof action.properties.keyBinding === 'string'
-                ? action.properties.keyBinding
-                : action.properties.keyBinding?.[getHostPlatform()];
-            return (
-              <SearchList.Item
-                value={label}
-                key={action.id}
-                onSelect={() => {
-                  if (action.properties.disabled) {
-                    return;
-                  }
-
-                  if (isActionGroup(action)) {
-                    setSelected(action.id);
-                    return;
-                  }
-
-                  void dispatch(
-                    createIntent(LayoutAction.UpdateDialog, {
-                      part: 'dialog',
-                      options: { state: false },
-                    }),
-                  );
-                  setTimeout(() => {
-                    const node = graph.getConnections(group?.id ?? action.id, 'inbound')[0];
-                    void (node && isAction(action) && action.data({ parent: node, caller: KEY_BINDING }));
-                  });
-                }}
-                classNames='flex items-center gap-2'
-                disabled={action.properties.disabled}
-                {...(action.properties?.testId && {
-                  'data-testid': action.properties.testId,
-                })}
-              >
-                <Icon icon={action.properties.icon} size={4} />
-                <span className='grow truncate'>{label}</span>
-                {shortcut && <span className={mx('shrink-0', descriptionText)}>{keySymbols(shortcut).join('')}</span>}
-              </SearchList.Item>
-            );
-          })}
-        </SearchList.Content>
-      </SearchList.Root>
-
-      <div role='none' className='pli-cardSpacingInline pbe-cardSpacingBlock'>
-        <Dialog.Close asChild>
-          <Button classNames='is-full'>{t('close label', { ns: 'os' })}</Button>
-        </Dialog.Close>
-      </div>
-    </Dialog.Content>
-  );
-};

package/src/components/CommandsDialog/index.ts

@@ -1,6 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-export * from './CommandsDialog';
-export * from './CommandsTrigger';