@dxos/plugin-navtree 0.9.0 → 0.9.1-main.c7dcc2e112

package/dx.config.ts

@@ -0,0 +1,31 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { Config2 } from '@dxos/app-framework/config';
+import { trim } from '@dxos/util';
+
+export default Config2.make({
+  plugin: {
+    key: 'org.dxos.plugin.navtree',
+    name: 'Navtree',
+    author: 'DXOS',
+    description: trim`
+      NavTreePlugin renders the application graph as a collapsible hierarchical tree in the Composer sidebar.
+      It manages workspace tabs at the root level and provides expand/collapse navigation for spaces, folders,
+      and objects, with open/current state persisted to localStorage across sessions.
+
+      The plugin wires drag-and-drop rearrangement and cross-parent transfer of tree items via Pragmatic DnD,
+      and registers graph-action keyboard shortcuts (including the ⌘K / Ctrl+K command palette) through a
+      global Keyboard singleton that tracks context as the user navigates.
+
+      An operation handler for LayoutOperation.Expose expands ancestor paths on demand so that any
+      programmatically activated item is scrolled into view in the tree.
+
+      A commands dialog surfaces all discoverable graph actions as a searchable palette, making it the primary
+      keyboard-first entry point for power users.
+    `,
+    spec: 'PLUGIN.mdl',
+    tags: ['system'],
+  },
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-navtree",
-  "version": "0.9.0",
+  "version": "0.9.1-main.c7dcc2e112",
   "description": "DXOS Surface plugin for a tree view visualization of the graph.",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -91,33 +91,34 @@
   "types": "dist/types/src/index.d.ts",
   "files": [
     "dist",
+    "dx.config.ts",
     "src",
     "PLUGIN.mdl"
   ],
   "dependencies": {
     "@atlaskit/pragmatic-drag-and-drop": "1.7.7",
     "@atlaskit/pragmatic-drag-and-drop-hitbox": "1.1.0",
-    "@dxos/app-graph": "0.9.0",
-    "@dxos/app-framework": "0.9.0",
-    "@dxos/async": "0.9.0",
-    "@dxos/app-toolkit": "0.9.0",
-    "@dxos/debug": "0.9.0",
-    "@dxos/compute": "0.9.0",
-    "@dxos/echo": "0.9.0",
-    "@dxos/keyboard": "0.9.0",
-    "@dxos/keys": "0.9.0",
-    "@dxos/lit-ui": "0.9.0",
-    "@dxos/log": "0.9.0",
-    "@dxos/plugin-deck": "0.9.0",
-    "@dxos/plugin-graph": "0.9.0",
-    "@dxos/random": "0.9.0",
-    "@dxos/react-ui-attention": "0.9.0",
-    "@dxos/react-ui-list": "0.9.0",
-    "@dxos/react-ui-menu": "0.9.0",
-    "@dxos/react-ui-search": "0.9.0",
-    "@dxos/react-ui-tabs": "0.9.0",
-    "@dxos/react-ui-stack": "0.9.0",
-    "@dxos/util": "0.9.0"
+    "@dxos/app-framework": "0.9.1-main.c7dcc2e112",
+    "@dxos/app-toolkit": "0.9.1-main.c7dcc2e112",
+    "@dxos/app-graph": "0.9.1-main.c7dcc2e112",
+    "@dxos/async": "0.9.1-main.c7dcc2e112",
+    "@dxos/compute": "0.9.1-main.c7dcc2e112",
+    "@dxos/debug": "0.9.1-main.c7dcc2e112",
+    "@dxos/keys": "0.9.1-main.c7dcc2e112",
+    "@dxos/lit-ui": "0.9.1-main.c7dcc2e112",
+    "@dxos/echo": "0.9.1-main.c7dcc2e112",
+    "@dxos/log": "0.9.1-main.c7dcc2e112",
+    "@dxos/plugin-deck": "0.9.1-main.c7dcc2e112",
+    "@dxos/random": "0.9.1-main.c7dcc2e112",
+    "@dxos/react-ui-attention": "0.9.1-main.c7dcc2e112",
+    "@dxos/plugin-graph": "0.9.1-main.c7dcc2e112",
+    "@dxos/react-ui-list": "0.9.1-main.c7dcc2e112",
+    "@dxos/react-ui-menu": "0.9.1-main.c7dcc2e112",
+    "@dxos/react-ui-search": "0.9.1-main.c7dcc2e112",
+    "@dxos/react-ui-stack": "0.9.1-main.c7dcc2e112",
+    "@dxos/util": "0.9.1-main.c7dcc2e112",
+    "@dxos/react-ui-tabs": "0.9.1-main.c7dcc2e112",
+    "@dxos/keyboard": "0.9.1-main.c7dcc2e112"
   },
   "devDependencies": {
     "@effect-atom/atom-react": "^0.5.0",
@@ -128,14 +129,14 @@
     "react": "~19.2.3",
     "react-dom": "~19.2.3",
     "vite": "^8.0.16",
-    "@dxos/plugin-attention": "0.9.0",
-    "@dxos/plugin-client": "0.9.0",
-    "@dxos/plugin-space": "0.9.0",
-    "@dxos/plugin-theme": "0.9.0",
-    "@dxos/react-ui": "0.9.0",
-    "@dxos/plugin-testing": "0.9.0",
-    "@dxos/ui-theme": "0.9.0",
-    "@dxos/storybook-utils": "0.9.0"
+    "@dxos/plugin-client": "0.9.1-main.c7dcc2e112",
+    "@dxos/plugin-space": "0.9.1-main.c7dcc2e112",
+    "@dxos/plugin-attention": "0.9.1-main.c7dcc2e112",
+    "@dxos/plugin-testing": "0.9.1-main.c7dcc2e112",
+    "@dxos/plugin-theme": "0.9.1-main.c7dcc2e112",
+    "@dxos/react-ui": "0.9.1-main.c7dcc2e112",
+    "@dxos/ui-theme": "0.9.1-main.c7dcc2e112",
+    "@dxos/storybook-utils": "0.9.1-main.c7dcc2e112"
   },
   "peerDependencies": {
     "@effect-atom/atom-react": "^0.5.0",
@@ -143,8 +144,8 @@
     "effect": "3.21.3",
     "react": "~19.2.3",
     "react-dom": "~19.2.3",
-    "@dxos/react-ui": "0.9.0",
-    "@dxos/ui-theme": "0.9.0"
+    "@dxos/ui-theme": "0.9.1-main.c7dcc2e112",
+    "@dxos/react-ui": "0.9.1-main.c7dcc2e112"
   },
   "publishConfig": {
     "access": "public"

package/src/NavTreePlugin.test.ts

@@ -11,7 +11,7 @@ import { NavTreePlugin } from '#plugin';
 
 import { meta } from './meta';
 
-const moduleId = (name: string) => `${meta.id}.module.${name}`;
+const moduleId = (name: string) => `${meta.profile.key}.module.${name}`;
 
 describe('NavTreePlugin', () => {
   test('modules activate on the expected events', async ({ expect }) => {

package/src/NavTreePlugin.tsx

@@ -56,7 +56,7 @@ export const NavTreePlugin = Plugin.define(meta).pipe(
     activate: Keyboard,
   }),
   AppPlugin.addPluginAssetModule({
-    asset: { pluginId: meta.id, path: 'PLUGIN.mdl', content: pluginSpec, mimeType: 'application/x-mdl' },
+    asset: { pluginId: meta.profile.key, path: 'PLUGIN.mdl', content: pluginSpec, mimeType: 'application/x-mdl' },
   }),
   Plugin.make,
 );

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

@@ -26,7 +26,7 @@ export default Capability.makeModule(
                 blockAlign: 'start',
               }),
             properties: {
-              label: ['open-commands.label', { ns: meta.id }],
+              label: ['open-commands.label', { ns: meta.profile.key }],
               icon: 'ph--magnifying-glass--regular',
               keyBinding: {
                 macos: 'meta+k',

package/src/capabilities/react-surface.tsx

@@ -23,28 +23,21 @@ export default Capability.makeModule(() =>
       }),
       Surface.create({
         id: 'navigation',
-        role: 'navigation',
-        filter: (data): data is { popoverAnchorId?: string; current: string } => typeof data.current === 'string',
-        component: ({ data, ref }) => {
-          return (
-            <NavTreeContainer
-              tab={data.current}
-              popoverAnchorId={data.popoverAnchorId as string | undefined}
-              ref={ref}
-            />
-          );
-        },
+        filter: Surface.makeFilter(AppSurface.Navigation),
+        component: ({ data, ref }) => (
+          <NavTreeContainer tab={data.current} popoverAnchorId={data.popoverAnchorId} ref={ref} />
+        ),
       }),
       Surface.create({
         id: 'documentTitle',
-        role: 'document-title',
+        filter: Surface.makeFilter(AppSurface.DocumentTitle),
         component: ({ data }) => (
           <NavTreeDocumentTitle node={Node.isGraphNode(data.subject) ? data.subject : undefined} />
         ),
       }),
       Surface.create({
         id: 'searchInput',
-        role: 'search-input',
+        filter: Surface.makeFilter(AppSurface.SearchInput),
         position: 'last',
         component: () => <CommandsTrigger />,
       }),

package/src/capabilities/state.ts

@@ -13,7 +13,7 @@ import { Path } from '@dxos/react-ui-list';
 import { meta } from '#meta';
 import { NavTreeCapabilities } from '#types';
 
-const KEY = `${meta.id}.state.v1`;
+const KEY = `${meta.profile.key}.state.v1`;
 
 /** Default item state for new entries. */
 const defaultItemState: NavTreeCapabilities.NavTreeItemState = { open: false, current: false };

package/src/components/NavTree/NavTree.tsx

@@ -6,6 +6,7 @@ import React, { forwardRef, useMemo } from 'react';
 
 import { useAppGraph } from '@dxos/app-toolkit/ui';
 import { Node, useConnections, useActions as useGraphActions } from '@dxos/plugin-graph';
+import { type MenuItem } from '@dxos/react-ui-menu';
 import { Tabs } from '@dxos/react-ui-tabs';
 import { byPosition } from '@dxos/util';
 
@@ -33,7 +34,7 @@ export const NavTree = forwardRef<HTMLDivElement, NavTreeProps>(({ id, root, tab
     //  not use `react-ui-tabs` at all.
     <Tabs.Root value={tab} orientation='vertical' classNames='relative' ref={forwardedRef}>
       <L0Menu
-        menuActions={topLevelActions}
+        menuActions={topLevelActions as MenuItem[]}
         topLevelItems={l0Items}
         pinnedItems={pinnedItems}
         userAccountItem={userAccountItem}

package/src/components/NavTreeItem/NavTreeItemAction.tsx

@@ -36,7 +36,7 @@ export type NavTreeItemActionMenuProps = ActionProperties & {
 
 export const NavTreeItemActionDropdownMenu = composable<HTMLButtonElement, NavTreeItemActionMenuProps>(
   ({ parent, path, label, icon, testId, menuActions, caller, ...props }, forwardedRef) => {
-    const { t } = useTranslation(meta.id);
+    const { t } = useTranslation(meta.profile.key);
     const density = useDensityContext();
     const runAction = useActionRunner();
     const handleAction = useCallback(
@@ -118,7 +118,7 @@ export const NavTreeItemAction = ({
   path,
   ...props
 }: NavTreeItemActionMenuProps) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
 
   const monolithicAction = menuActions?.length === 1 && menuActions[0];
   const baseLabel = toLocalizedString(monolithicAction ? monolithicAction.properties!.label : props.label, t);

package/src/components/NavTreeItem/NavTreeItemColumns.tsx

@@ -15,17 +15,19 @@ import { type NavTreeItemColumnsProps } from '../types';
 import { NavTreeItemActionDropdownMenu, NavTreeItemMonolithicAction } from './NavTreeItemAction';
 
 export const NavTreeItemColumns = memo(({ path, item, open }: NavTreeItemColumnsProps) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   const { renderItemEnd: ItemEnd, popoverAnchorId } = useNavTreeContext();
 
   const level = path.length - 2;
   const flattenedActions = useActions(item);
   const allActions = useMemo(() => getListActions(flattenedActions), [flattenedActions]);
 
-  const ActionRoot = popoverAnchorId === `${NAV_TREE_ITEM}:${item.id}` ? Popover.Anchor : Fragment;
+  const anchored = popoverAnchorId === `${NAV_TREE_ITEM}:${item.id}`;
+  const ActionRoot = anchored ? Popover.Anchor : Fragment;
 
   return (
-    <div className='contents dx-app-no-drag'>
+    // `data-popover-anchor` lets the enclosing row highlight itself while a popover (e.g. rename) is open on it.
+    <div className='contents dx-app-no-drag' {...(anchored && { 'data-popover-anchor': '' })}>
       <ActionRoot>
         {allActions.length === 1 ? (
           <Treegrid.Cell classNames='contents'>

package/src/components/Sidebar/L0Menu.tsx

@@ -106,7 +106,7 @@ const l0Breakpoints: Record<string, string> = {
 const L0ItemRoot = memo(
   forwardRef<HTMLButtonElement, PropsWithChildren<L0ItemRootProps>>(
     ({ item, parent, path, onMouseEnter, children }, forwardedRef) => {
-      const { t } = useTranslation(meta.id);
+      const { t } = useTranslation(meta.profile.key);
       const { model } = useNavTreeContext();
       const itemPath = useMemo(() => [...path, item.id], [item.id, path]);
       const { id, testId } = useAtomValue(model.itemProps(itemPath));
@@ -151,7 +151,7 @@ export const L0ItemActiveTabIndicator = ({ classNames }: ThemedClassName<{}>) =>
 
 // TODO(burdon): Factor out pinned (non-draggable) items.
 const L0Item = memo(({ item, parent, path, pinned, onRearrange, onItemHover }: L0ItemProps) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   const itemElement = useRef<HTMLButtonElement | null>(null);
   const [closestEdge, setEdge] = useState<Edge | null>(null);
   const localizedString = toLocalizedString(item.properties.label, t);
@@ -238,7 +238,7 @@ const L0Item = memo(({ item, parent, path, pinned, onRearrange, onItemHover }: L
 });
 
 const ItemAvatar = ({ item }: Pick<L0ItemProps, 'item'>) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
 
   // Actions.
   if (item.properties.icon) {
@@ -280,7 +280,7 @@ export const L0Menu = ({
   path,
   onItemHover,
 }: L0MenuProps) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   const runAction = useActionRunner();
   const handleAction = useCallback(
     (action: Node.Action, params: Node.InvokeProps) => {

package/src/components/Sidebar/L1Panel.tsx

@@ -6,7 +6,7 @@ import * as Option from 'effect/Option';
 import React, { memo, useCallback, useMemo } from 'react';
 
 import { Node } from '@dxos/app-graph';
-import { isPinnedWorkspace } from '@dxos/app-toolkit';
+import { Paths } from '@dxos/app-toolkit';
 import { useAppGraph } from '@dxos/app-toolkit/ui';
 import { Graph, useActionRunner, useEdges } from '@dxos/plugin-graph';
 import { DensityProvider, IconButton, ScrollArea, toLocalizedString, useTranslation } from '@dxos/react-ui';
@@ -34,7 +34,7 @@ export type L1PanelProps = {
  * Space or settings panel.
  */
 const L1Panel$ = ({ open, path, item, isCurrent, onBack }: L1PanelProps) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   const title = toLocalizedString(item.properties.label, t);
   const isActivated = useIsActivatedWorkspace(item);
   const shouldRenderContent = isCurrent || isActivated;
@@ -114,10 +114,10 @@ const L1PanelContent = ({ path, item, onBack }: Pick<L1PanelProps, 'open' | 'pat
  * Header row.
  */
 const L1PanelHeader = ({ item, path, onBack }: Pick<L1PanelProps, 'item' | 'path' | 'onBack'>) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   const { renderItemEnd: ItemEnd } = useNavTreeContext();
   const title = toLocalizedString(item.properties.label, t);
-  const backCapableWorkspace = isPinnedWorkspace(item.id);
+  const backCapableWorkspace = Paths.isPinnedWorkspace(item.id);
 
   const { menuActions, onAction } = useL1MenuActions({ item, path });
   useLoadDescendents(item);
@@ -169,7 +169,7 @@ const MenuActions = ({
 }: {
   item: Node.Node;
 } & Pick<L1MenuActions, 'menuActions' | 'onAction'>) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
 
   if (menuActions.length === 0) {
     return null;

package/src/containers/CommandsDialogContent/CommandsDialogContent.tsx

@@ -24,7 +24,7 @@ export type CommandsDialogContentProps = {
 // TODO(wittjosiah): This probably deserves its own plugin but for now it lives here w/ other navigation UI.
 export const CommandsDialogContent = forwardRef<HTMLDivElement, CommandsDialogContentProps>(
   ({ selected: initial }, forwardedRef) => {
-    const { t } = useTranslation(meta.id);
+    const { t } = useTranslation(meta.profile.key);
     const { invokePromise } = useOperationInvoker();
     const runAction = useActionRunner();
     const { graph } = useAppGraph();
@@ -70,7 +70,7 @@ export const CommandsDialogContent = forwardRef<HTMLDivElement, CommandsDialogCo
 
     return (
       <Dialog.Content ref={forwardedRef}>
-        <Dialog.Title srOnly>{t('commands-dialog.title', { ns: meta.id })}</Dialog.Title>
+        <Dialog.Title srOnly>{t('commands-dialog.title', { ns: meta.profile.key })}</Dialog.Title>
         <SearchList.Root onSearch={handleSearch}>
           <SearchList.Input placeholder={t('command-list-input.placeholder')} />
           <SearchList.Viewport>

package/src/containers/CommandsTrigger/CommandsTrigger.tsx

@@ -13,7 +13,7 @@ import { COMMANDS_DIALOG, meta } from '#meta';
 // TODO(thure): Refactor to be handled by a more appropriate plugin.
 export const CommandsTrigger = () => {
   const { invokePromise } = useOperationInvoker();
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   return (
     <Button
       classNames='m-1 px-1 lg:px-2'

package/src/containers/NavTreeContainer/NavTreeContainer.tsx

@@ -8,7 +8,7 @@ import React, { forwardRef, memo, useCallback, useEffect, useMemo, useRef } from
 
 import { Surface, useOperationInvoker } from '@dxos/app-framework/ui';
 import { LayoutOperation } from '@dxos/app-toolkit';
-import { useAppGraph, useLayout } from '@dxos/app-toolkit/ui';
+import { AppSurface, useAppGraph, useLayout } from '@dxos/app-toolkit/ui';
 import { Graph, Node, useActionRunner } from '@dxos/plugin-graph';
 import { useMediaQuery, useSidebars } from '@dxos/react-ui';
 import { type TreeData, isTreeData } from '@dxos/react-ui-list';
@@ -27,7 +27,7 @@ export const NODE_TYPE = 'dxos/app-graph/node';
 // TODO(wittjosiah): Avoid using Surface within the navtree, prefer declarative data flow.
 const NavTreeItemEnd = ({ node, open }: { node: Node.Node; open: boolean }) => {
   const data = useMemo(() => ({ id: node.id, subject: node.data, open }), [node.id, node.data, open]);
-  return <Surface.Surface role='navtree-item-end' data={data} limit={1} />;
+  return <Surface.Surface type={AppSurface.NavtreeItemEnd} data={data} limit={1} />;
 };
 
 const getItems = (graph: Graph.ReadableGraph, node?: Node.Node, disposition?: string) => {
@@ -48,7 +48,7 @@ export const NavTreeContainer$ = forwardRef<HTMLDivElement, NavTreeContainerProp
     const { getItem, setItem } = useNavTreeState();
     const layout = useLayout();
     const model = useNavTreeModel(Node.RootId);
-    const { navigationSidebarState } = useSidebars(meta.id);
+    const { navigationSidebarState } = useSidebars(meta.profile.key);
     const latestRef = useRef({
       tab,
       activeItems: layout.active,

package/src/containers/NavTreeDocumentTitle/NavTreeDocumentTitle.tsx

@@ -10,7 +10,7 @@ import { osTranslations } from '@dxos/ui-theme';
 import { meta } from '#meta';
 
 export const NavTreeDocumentTitle = ({ node }: { node?: Node.Node }) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   useEffect(() => {
     document.title = node ? toLocalizedString(node.properties.label, t) : t('current-app.name', { ns: osTranslations });
   }, [node?.properties?.label]);

package/src/meta.ts

@@ -4,32 +4,12 @@
 
 import { Plugin } from '@dxos/app-framework';
 import { DXN } from '@dxos/keys';
-import { trim } from '@dxos/util';
 
-export const meta = Plugin.makeMeta({
-  key: DXN.make('org.dxos.plugin.navtree'),
-  name: 'Navtree',
-  author: 'DXOS',
-  spec: 'PLUGIN.mdl',
-  description: trim`
-    NavTreePlugin renders the application graph as a collapsible hierarchical tree in the Composer sidebar.
-    It manages workspace tabs at the root level and provides expand/collapse navigation for spaces, folders,
-    and objects, with open/current state persisted to localStorage across sessions.
+import config from '../dx.config';
 
-    The plugin wires drag-and-drop rearrangement and cross-parent transfer of tree items via Pragmatic DnD,
-    and registers graph-action keyboard shortcuts (including the ⌘K / Ctrl+K command palette) through a
-    global Keyboard singleton that tracks context as the user navigates.
-
-    An operation handler for LayoutOperation.Expose expands ancestor paths on demand so that any
-    programmatically activated item is scrolled into view in the tree.
-
-    A commands dialog surfaces all discoverable graph actions as a searchable palette, making it the primary
-    keyboard-first entry point for power users.
-  `,
-  tags: ['system'],
-});
+export const meta = Plugin.getMetaFromConfig(config);
 
 // TODO(wittjosiah): Factor out.
 export const KEY_BINDING = 'KeyBinding';
 // TODO(wittjosiah): Factor out.
-export const COMMANDS_DIALOG = DXN.make(`${meta.id}.commandsDialog`);
+export const COMMANDS_DIALOG = DXN.make(`${meta.profile.key}.commandsDialog`);

package/src/translations.ts

@@ -9,7 +9,7 @@ import { meta } from '#meta';
 export const translations = [
   {
     'en-US': {
-      [meta.id]: {
+      [meta.profile.key]: {
         'app-menu.label': 'App menu',
         'open-commands.label': 'Search commands',
         'commands-dialog.title': 'Commands',

package/src/types/NavTreeCapabilities.ts

@@ -18,4 +18,4 @@ export type NavTreeStateStore = {
   setItem: (path: string[], key: 'open' | 'current', next: boolean) => void;
 };
 
-export const State = Capability.make<NavTreeStateStore>(`${meta.id}.capability.state`);
+export const State = Capability.make<NavTreeStateStore>(`${meta.profile.key}.capability.state`);

package/src/types/NavTreeEvents.ts

@@ -9,4 +9,4 @@ import { AppActivationEvents } from '@dxos/app-toolkit';
 
 import { meta } from '#meta';
 
-export const StateReady: ActivationEvent.ActivationEvent = AppActivationEvents.createStateEvent(meta.id);
+export const StateReady: ActivationEvent.ActivationEvent = AppActivationEvents.createStateEvent(meta.profile.key);

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

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

package/dist/lib/neutral/chunk-5OPDKH6B.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/containers/NavTreeContainer/NavTreeContainer.tsx"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Instruction, extractInstruction } from '@atlaskit/pragmatic-drag-and-drop-hitbox/tree-item';\nimport { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';\nimport React, { forwardRef, memo, useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport { Surface, useOperationInvoker } from '@dxos/app-framework/ui';\nimport { LayoutOperation } from '@dxos/app-toolkit';\nimport { useAppGraph, useLayout } from '@dxos/app-toolkit/ui';\nimport { Graph, Node, useActionRunner } from '@dxos/plugin-graph';\nimport { useMediaQuery, useSidebars } from '@dxos/react-ui';\nimport { type TreeData, isTreeData } from '@dxos/react-ui-list';\nimport { arrayMove } from '@dxos/util';\n\nimport { NAV_TREE_ITEM, NavTree, NavTreeContext } from '#components';\nimport { useNavTreeModel, useNavTreeState } from '#hooks';\nimport { meta } from '#meta';\nimport { type NavTreeItemGraphNode } from '#types';\n\nimport { filterItems, getParent, resolveMigrationOperation } from '../../util';\n\n// TODO(thure): Is NavTree truly authoritative in this regard?\nexport const NODE_TYPE = 'dxos/app-graph/node';\n\n// TODO(wittjosiah): Avoid using Surface within the navtree, prefer declarative data flow.\nconst NavTreeItemEnd = ({ node, open }: { node: Node.Node; open: boolean }) => {\n  const data = useMemo(() => ({ id: node.id, subject: node.data, open }), [node.id, node.data, open]);\n  return <Surface.Surface role='navtree-item-end' data={data} limit={1} />;\n};\n\nconst getItems = (graph: Graph.ReadableGraph, node?: Node.Node, disposition?: string) => {\n  return Graph.getConnections(graph, node?.id ?? Node.RootId, 'child').filter((node) => filterItems(node, disposition));\n};\n\nexport type NavTreeContainerProps = {\n  popoverAnchorId?: string;\n  tab: string;\n};\n\nexport const NavTreeContainer$ = forwardRef<HTMLDivElement, NavTreeContainerProps>(\n  ({ tab, popoverAnchorId }, forwardedRef) => {\n    const [isLg] = useMediaQuery('lg');\n    const { invokePromise } = useOperationInvoker();\n    const runAction = useActionRunner();\n    const { graph } = useAppGraph();\n    const { getItem, setItem } = useNavTreeState();\n    const layout = useLayout();\n    const model = useNavTreeModel(Node.RootId);\n    const { navigationSidebarState } = useSidebars(meta.id);\n    const latestRef = useRef({\n      tab,\n      activeItems: layout.active,\n      navigationSidebarState,\n      isLg,\n    });\n\n    useEffect(() => {\n      latestRef.current = {\n        tab,\n        activeItems: layout.active,\n        navigationSidebarState,\n        isLg,\n      };\n    }, [tab, layout.active, navigationSidebarState, isLg]);\n\n    const handleOpenChange = useCallback(\n      ({ item: { id }, path, open }: { item: Node.Node; path: string[]; open: boolean }) => {\n        // TODO(thure): This might become a localstorage leak; openItemIds that no longer exist should be removed from this map.\n        setItem(path, 'open', open);\n        Graph.expand(graph, id, 'child');\n      },\n      [graph, setItem],\n    );\n\n    const handleTabChange = useCallback(\n      (node: NavTreeItemGraphNode) => {\n        Graph.expand(graph, node.id, 'child');\n\n        const {\n          tab: activeTab,\n          activeItems,\n          navigationSidebarState: currentSidebarState,\n          isLg: latestIsLg,\n        } = latestRef.current;\n        void invokePromise(LayoutOperation.UpdateSidebar, {\n          state:\n            node.id === activeTab\n              ? currentSidebarState === 'expanded'\n                ? latestIsLg\n                  ? 'collapsed'\n                  : 'closed'\n                : 'expanded'\n              : 'expanded',\n        });\n\n        void invokePromise(LayoutOperation.SwitchWorkspace, { subject: node.id });\n\n        // Open the first item if the workspace is empty.\n        if (activeItems.length === 0) {\n          const [item] = getItems(graph, node).filter((node) => !Node.isActionLike(node));\n          if (item && item.data) {\n            if (layout.mode === 'multi') {\n              void invokePromise(LayoutOperation.Set, { subject: [item.id] });\n            } else {\n              void invokePromise(LayoutOperation.Open, { subject: [item.id] });\n            }\n          }\n        }\n      },\n      [invokePromise, graph, layout.mode],\n    );\n\n    const blockInstruction = useCallback(\n      ({ instruction, source, target }: { instruction: Instruction; source: TreeData; target: TreeData }) => {\n        return target.item.properties.blockInstruction?.(source, instruction) ?? false;\n      },\n      [],\n    );\n\n    const canDrop = useCallback(({ source, target }: { source: TreeData; target: TreeData }) => {\n      return target.item.properties.canDrop?.(source) ?? false;\n    }, []);\n\n    const canSelect = useCallback(({ item }: { item: Node.Node }) => {\n      return item.properties.selectable ?? true;\n    }, []);\n\n    const handleSelect = useCallback(\n      ({ item: node, path, option }: { item: Node.Node; path: string[]; option: boolean }) => {\n        if (!node.data) {\n          return;\n        }\n\n        if (Node.isAction(node)) {\n          const [parent] = Graph.getConnections(graph, node.id, Node.childRelation('inbound'));\n          if (parent) {\n            void runAction(node, { parent, path, caller: NAV_TREE_ITEM });\n          }\n          return;\n        }\n\n        const current = getItem(path).current;\n        if (!current) {\n          if (layout.mode === 'multi') {\n            void invokePromise(LayoutOperation.Set, { subject: [node.id] });\n          } else {\n            void invokePromise(LayoutOperation.Open, { subject: [node.id], key: node.properties.key });\n          }\n        } else if (option) {\n          void invokePromise(LayoutOperation.Close, { subject: [node.id] });\n        } else {\n          void invokePromise(LayoutOperation.ScrollIntoView, { subject: node.id });\n        }\n\n        const defaultAction = Graph.getActions(graph, node.id).find(\n          (action) => action.properties?.disposition === 'default',\n        );\n        if (Node.isAction(defaultAction)) {\n          void runAction(defaultAction);\n        }\n\n        if (!isLg) {\n          void invokePromise(LayoutOperation.UpdateSidebar, { state: 'closed' });\n        }\n      },\n      [graph, invokePromise, getItem, runAction, isLg, layout.mode],\n    );\n\n    const handleBack = useCallback(() => void invokePromise(LayoutOperation.RevertWorkspace), [invokePromise]);\n\n    // TODO(wittjosiah): Factor out hook.\n    useEffect(() => {\n      return monitorForElements({\n        canMonitor: ({ source }) => isTreeData(source.data),\n        onDrop: ({ location, source }) => {\n          // Didn't drop on anything.\n          if (!location.current.dropTargets.length) {\n            return;\n          }\n          const target = location.current.dropTargets[0];\n          const instruction: Instruction | null = extractInstruction(target.data);\n          if (instruction !== null && instruction.type !== 'instruction-blocked') {\n            const sourceNode = source.data.item as NavTreeItemGraphNode;\n            const targetNode = target.data.item as NavTreeItemGraphNode;\n            const sourcePath = source.data.path as string[];\n            const targetPath = target.data.path as string[];\n            const sameParent = sourcePath.slice(0, -1).join() === targetPath.slice(0, -1).join();\n            const operation =\n              sameParent && instruction.type !== 'make-child'\n                ? 'rearrange'\n                : resolveMigrationOperation(graph, sourceNode, targetPath, targetNode);\n            const sourceParent = getParent(graph, sourceNode, sourcePath);\n            const targetParent = getParent(graph, targetNode, targetPath);\n            const sourceItems = getItems(graph, sourceParent);\n            const targetItems = getItems(graph, targetParent);\n            const sourceIndex = sourceItems.findIndex(({ id }) => id === sourceNode.id);\n            const targetIndex = targetItems.findIndex(({ id }) => id === targetNode.id);\n            const migrationIndex =\n              instruction.type === 'make-child'\n                ? undefined\n                : instruction.type === 'reorder-below'\n                  ? targetIndex + 1\n                  : targetIndex;\n            switch (operation) {\n              case 'rearrange': {\n                const nextItems = sourceItems.map(({ data }) => data);\n                arrayMove(nextItems, sourceIndex, targetIndex);\n                void sourceNode.properties.onRearrange?.(nextItems);\n                break;\n              }\n              case 'copy': {\n                const target = instruction.type === 'make-child' ? targetNode : targetParent;\n                void target?.properties.onCopy?.(sourceNode, migrationIndex);\n                break;\n              }\n              case 'transfer': {\n                const target = instruction.type === 'make-child' ? targetNode : targetParent;\n                if (!target?.properties.onTransferStart || target?.id === sourceParent?.id) {\n                  break;\n                }\n                void target?.properties.onTransferStart(sourceNode, migrationIndex);\n                void sourceParent?.properties.onTransferEnd?.(sourceNode, target);\n                break;\n              }\n            }\n          }\n        },\n      });\n    }, [graph]);\n\n    const onItemHover = useCallback(({ item }: { item: Node.Node }) => Graph.expand(graph, item.id, 'child'), [graph]);\n\n    const navTreeContextValue = useMemo(\n      () => ({\n        model,\n        popoverAnchorId,\n        renderItemEnd: NavTreeItemEnd,\n        blockInstruction,\n        canDrop,\n        canSelect,\n        onBack: handleBack,\n        onOpenChange: handleOpenChange,\n        onSelect: handleSelect,\n        onTabChange: handleTabChange,\n        onItemHover,\n      }),\n      [\n        model,\n        popoverAnchorId,\n        blockInstruction,\n        canDrop,\n        canSelect,\n        handleBack,\n        handleOpenChange,\n        handleSelect,\n        handleTabChange,\n        onItemHover,\n      ],\n    );\n\n    return (\n      <NavTreeContext.Provider value={navTreeContextValue}>\n        <NavTree id={Node.RootId} root={Graph.getRoot(graph)} tab={tab} open={layout.sidebarOpen} ref={forwardedRef} />\n      </NavTreeContext.Provider>\n    );\n  },\n);\n\nexport const NavTreeContainer = memo(NavTreeContainer$);\n"],
-  "mappings": "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",
-  "names": ["extractInstruction", "monitorForElements", "React", "forwardRef", "memo", "useCallback", "useEffect", "useMemo", "useRef", "Surface", "useOperationInvoker", "LayoutOperation", "useAppGraph", "useLayout", "Graph", "Node", "useActionRunner", "useMediaQuery", "useSidebars", "isTreeData", "arrayMove", "NAV_TREE_ITEM", "NavTree", "NavTreeContext", "useNavTreeModel", "useNavTreeState", "meta", "NODE_TYPE", "NavTreeItemEnd", "node", "open", "data", "useMemo", "id", "subject", "Surface", "role", "limit", "getItems", "graph", "disposition", "Graph", "getConnections", "Node", "RootId", "filter", "filterItems", "NavTreeContainer$", "forwardRef", "tab", "popoverAnchorId", "forwardedRef", "isLg", "useMediaQuery", "invokePromise", "useOperationInvoker", "runAction", "useActionRunner", "useAppGraph", "getItem", "setItem", "useNavTreeState", "layout", "useLayout", "model", "useNavTreeModel", "navigationSidebarState", "useSidebars", "meta", "latestRef", "useRef", "activeItems", "active", "useEffect", "current", "handleOpenChange", "useCallback", "item", "path", "expand", "handleTabChange", "activeTab", "currentSidebarState", "latestIsLg", "LayoutOperation", "UpdateSidebar", "state", "SwitchWorkspace", "length", "isActionLike", "mode", "Set", "Open", "blockInstruction", "instruction", "source", "target", "properties", "canDrop", "canSelect", "selectable", "handleSelect", "option", "isAction", "parent", "childRelation", "caller", "NAV_TREE_ITEM", "key", "Close", "ScrollIntoView", "defaultAction", "getActions", "find", "action", "handleBack", "RevertWorkspace", "monitorForElements", "canMonitor", "isTreeData", "onDrop", "location", "dropTargets", "extractInstruction", "type", "sourceNode", "targetNode", "sourcePath", "targetPath", "sameParent", "slice", "join", "operation", "resolveMigrationOperation", "sourceParent", "getParent", "targetParent", "sourceItems", "targetItems", "sourceIndex", "findIndex", "targetIndex", "migrationIndex", "undefined", "nextItems", "map", "arrayMove", "onRearrange", "onCopy", "onTransferStart", "onTransferEnd", "onItemHover", "navTreeContextValue", "renderItemEnd", "onBack", "onOpenChange", "onSelect", "onTabChange", "NavTreeContext", "Provider", "value", "NavTree", "root", "getRoot", "sidebarOpen", "ref", "NavTreeContainer", "memo"]
-}

package/dist/lib/neutral/chunk-MDGKDQMZ.mjs

@@ -1,37 +0,0 @@
-// src/meta.ts
-import { Plugin } from "@dxos/app-framework";
-import { DXN } from "@dxos/keys";
-import { trim } from "@dxos/util";
-var meta = Plugin.makeMeta({
-  key: DXN.make("org.dxos.plugin.navtree"),
-  name: "Navtree",
-  author: "DXOS",
-  spec: "PLUGIN.mdl",
-  description: trim`
-    NavTreePlugin renders the application graph as a collapsible hierarchical tree in the Composer sidebar.
-    It manages workspace tabs at the root level and provides expand/collapse navigation for spaces, folders,
-    and objects, with open/current state persisted to localStorage across sessions.
-
-    The plugin wires drag-and-drop rearrangement and cross-parent transfer of tree items via Pragmatic DnD,
-    and registers graph-action keyboard shortcuts (including the ⌘K / Ctrl+K command palette) through a
-    global Keyboard singleton that tracks context as the user navigates.
-
-    An operation handler for LayoutOperation.Expose expands ancestor paths on demand so that any
-    programmatically activated item is scrolled into view in the tree.
-
-    A commands dialog surfaces all discoverable graph actions as a searchable palette, making it the primary
-    keyboard-first entry point for power users.
-  `,
-  tags: [
-    "system"
-  ]
-});
-var KEY_BINDING = "KeyBinding";
-var COMMANDS_DIALOG = DXN.make(`${meta.id}.commandsDialog`);
-
-export {
-  meta,
-  KEY_BINDING,
-  COMMANDS_DIALOG
-};
-//# sourceMappingURL=chunk-MDGKDQMZ.mjs.map

package/dist/lib/neutral/chunk-MDGKDQMZ.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/meta.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Plugin } from '@dxos/app-framework';\nimport { DXN } from '@dxos/keys';\nimport { trim } from '@dxos/util';\n\nexport const meta = Plugin.makeMeta({\n  key: DXN.make('org.dxos.plugin.navtree'),\n  name: 'Navtree',\n  author: 'DXOS',\n  spec: 'PLUGIN.mdl',\n  description: trim`\n    NavTreePlugin renders the application graph as a collapsible hierarchical tree in the Composer sidebar.\n    It manages workspace tabs at the root level and provides expand/collapse navigation for spaces, folders,\n    and objects, with open/current state persisted to localStorage across sessions.\n\n    The plugin wires drag-and-drop rearrangement and cross-parent transfer of tree items via Pragmatic DnD,\n    and registers graph-action keyboard shortcuts (including the ⌘K / Ctrl+K command palette) through a\n    global Keyboard singleton that tracks context as the user navigates.\n\n    An operation handler for LayoutOperation.Expose expands ancestor paths on demand so that any\n    programmatically activated item is scrolled into view in the tree.\n\n    A commands dialog surfaces all discoverable graph actions as a searchable palette, making it the primary\n    keyboard-first entry point for power users.\n  `,\n  tags: ['system'],\n});\n\n// TODO(wittjosiah): Factor out.\nexport const KEY_BINDING = 'KeyBinding';\n// TODO(wittjosiah): Factor out.\nexport const COMMANDS_DIALOG = DXN.make(`${meta.id}.commandsDialog`);\n"],
-  "mappings": ";AAIA,SAASA,cAAc;AACvB,SAASC,WAAW;AACpB,SAASC,YAAY;AAEd,IAAMC,OAAOH,OAAOI,SAAS;EAClCC,KAAKJ,IAAIK,KAAK,yBAAA;EACdC,MAAM;EACNC,QAAQ;EACRC,MAAM;EACNC,aAAaR;;;;;;;;;;;;;;;EAebS,MAAM;IAAC;;AACT,CAAA;AAGO,IAAMC,cAAc;AAEpB,IAAMC,kBAAkBZ,IAAIK,KAAK,GAAGH,KAAKW,EAAE,iBAAiB;",
-  "names": ["Plugin", "DXN", "trim", "meta", "makeMeta", "key", "make", "name", "author", "spec", "description", "tags", "KEY_BINDING", "COMMANDS_DIALOG", "id"]
-}