@dxos/plugin-navtree 0.9.1-main.c7dcc2e112 → 0.9.1-staging.ee54ba693a

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-navtree",
-  "version": "0.9.1-main.c7dcc2e112",
+  "version": "0.9.1-staging.ee54ba693a",
   "description": "DXOS Surface plugin for a tree view visualization of the graph.",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -98,54 +98,53 @@
   "dependencies": {
     "@atlaskit/pragmatic-drag-and-drop": "1.7.7",
     "@atlaskit/pragmatic-drag-and-drop-hitbox": "1.1.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"
+    "@dxos/app-framework": "0.9.1-staging.ee54ba693a",
+    "@dxos/app-graph": "0.9.1-staging.ee54ba693a",
+    "@dxos/compute": "0.9.1-staging.ee54ba693a",
+    "@dxos/debug": "0.9.1-staging.ee54ba693a",
+    "@dxos/app-toolkit": "0.9.1-staging.ee54ba693a",
+    "@dxos/async": "0.9.1-staging.ee54ba693a",
+    "@dxos/echo": "0.9.1-staging.ee54ba693a",
+    "@dxos/keyboard": "0.9.1-staging.ee54ba693a",
+    "@dxos/keys": "0.9.1-staging.ee54ba693a",
+    "@dxos/lit-ui": "0.9.1-staging.ee54ba693a",
+    "@dxos/log": "0.9.1-staging.ee54ba693a",
+    "@dxos/plugin-deck": "0.9.1-staging.ee54ba693a",
+    "@dxos/plugin-graph": "0.9.1-staging.ee54ba693a",
+    "@dxos/random": "0.9.1-staging.ee54ba693a",
+    "@dxos/react-ui-list": "0.9.1-staging.ee54ba693a",
+    "@dxos/react-ui-attention": "0.9.1-staging.ee54ba693a",
+    "@dxos/react-ui-menu": "0.9.1-staging.ee54ba693a",
+    "@dxos/react-ui-search": "0.9.1-staging.ee54ba693a",
+    "@dxos/react-ui-tabs": "0.9.1-staging.ee54ba693a",
+    "@dxos/util": "0.9.1-staging.ee54ba693a"
   },
   "devDependencies": {
     "@effect-atom/atom-react": "^0.5.0",
-    "@effect/platform": "0.96.1",
-    "@types/react": "~19.2.7",
+    "@effect/platform": "0.96.2",
+    "@types/react": "~19.2.17",
     "@types/react-dom": "~19.2.3",
-    "effect": "3.21.3",
-    "react": "~19.2.3",
-    "react-dom": "~19.2.3",
+    "effect": "3.21.4",
+    "react": "~19.2.7",
+    "react-dom": "~19.2.7",
     "vite": "^8.0.16",
-    "@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"
+    "@dxos/plugin-attention": "0.9.1-staging.ee54ba693a",
+    "@dxos/plugin-client": "0.9.1-staging.ee54ba693a",
+    "@dxos/plugin-space": "0.9.1-staging.ee54ba693a",
+    "@dxos/storybook-utils": "0.9.1-staging.ee54ba693a",
+    "@dxos/react-ui": "0.9.1-staging.ee54ba693a",
+    "@dxos/ui-theme": "0.9.1-staging.ee54ba693a",
+    "@dxos/plugin-theme": "0.9.1-staging.ee54ba693a",
+    "@dxos/plugin-testing": "0.9.1-staging.ee54ba693a"
   },
   "peerDependencies": {
     "@effect-atom/atom-react": "^0.5.0",
-    "@effect/platform": "0.96.1",
-    "effect": "3.21.3",
-    "react": "~19.2.3",
-    "react-dom": "~19.2.3",
-    "@dxos/ui-theme": "0.9.1-main.c7dcc2e112",
-    "@dxos/react-ui": "0.9.1-main.c7dcc2e112"
+    "@effect/platform": "0.96.2",
+    "effect": "3.21.4",
+    "react": "~19.2.7",
+    "react-dom": "~19.2.7",
+    "@dxos/ui-theme": "0.9.1-staging.ee54ba693a",
+    "@dxos/react-ui": "0.9.1-staging.ee54ba693a"
   },
   "publishConfig": {
     "access": "public"

package/src/capabilities/keyboard.ts

@@ -46,11 +46,14 @@ export default Capability.makeModule(
       }
     };
 
-    const eventHandler = debounce(() => {
+    const syncBindings = () => {
       Graph.traverse(graph, { relation: ['child', 'action'], visitor });
-    }, 500);
+    };
+
+    const eventHandler = debounce(syncBindings, 500);
 
     const unsubscribe = graph.onNodeChanged.on(eventHandler);
+    syncBindings();
 
     // TODO(burdon): Create context and plugin.
     Keyboard.singleton.initialize();

package/src/capabilities/react-surface.tsx

@@ -9,6 +9,7 @@ import { Capabilities, Capability } from '@dxos/app-framework';
 import { Surface } from '@dxos/app-framework/ui';
 import { AppSurface } from '@dxos/app-toolkit/ui';
 import { Node } from '@dxos/plugin-graph';
+import { Position } from '@dxos/util';
 
 import { CommandsDialogContent, CommandsTrigger, NavTreeContainer, NavTreeDocumentTitle } from '#containers';
 import { COMMANDS_DIALOG } from '#meta';
@@ -38,7 +39,7 @@ export default Capability.makeModule(() =>
       Surface.create({
         id: 'searchInput',
         filter: Surface.makeFilter(AppSurface.SearchInput),
-        position: 'last',
+        position: Position.last,
         component: () => <CommandsTrigger />,
       }),
     ]),

package/src/components/NavTree/NavTree.stories.tsx

@@ -5,7 +5,7 @@
 import { Atom, type Registry } from '@effect-atom/atom-react';
 import { type Meta, type StoryObj } from '@storybook/react-vite';
 import * as Effect from 'effect/Effect';
-import React, { type KeyboardEvent, useCallback, useRef } from 'react';
+import React, { useEffect, useRef } from 'react';
 import { expect, userEvent, within } from 'storybook/test';
 
 import { Capabilities, Capability } from '@dxos/app-framework';
@@ -15,9 +15,8 @@ import { AppCapabilities, LayoutOperation } from '@dxos/app-toolkit';
 import { Operation, OperationHandlerSet } from '@dxos/compute';
 import { StorybookPlugin, corePlugins } from '@dxos/plugin-testing';
 import { random } from '@dxos/random';
-import { IconButton, Input, Main, Toolbar } from '@dxos/react-ui';
+import { Focus, IconButton, Input, Main, Panel, Toolbar } from '@dxos/react-ui';
 import { useAttention, useAttentionAttributes } from '@dxos/react-ui-attention';
-import { Stack, StackItem } from '@dxos/react-ui-stack';
 import { withLayout } from '@dxos/react-ui/testing';
 import { mx } from '@dxos/ui-theme';
 
@@ -35,9 +34,8 @@ const container = 'flex flex-col grow gap-2 p-4 rounded-md';
 
 const StoryPlankHeading = ({ attendableId }: { attendableId: string }) => {
   const { hasAttention } = useAttention(attendableId);
-  console.log('hasAttention', hasAttention);
   return (
-    <div className='flex p-1 items-center border-b border-separator'>
+    <Panel.Toolbar classNames='border-b border-separator'>
       <IconButton
         density='lg'
         icon='ph--circle--regular'
@@ -46,8 +44,7 @@ const StoryPlankHeading = ({ attendableId }: { attendableId: string }) => {
         variant={hasAttention ? 'primary' : 'ghost'}
         classNames='w-(--dx-rail-action) h-(--dx-rail-action)'
       />
-      <StackItem.ResizeHandle />
-    </div>
+    </Panel.Toolbar>
   );
 };
 
@@ -57,40 +54,50 @@ const StoryPlank = ({ attendableId }: { attendableId: string }) => {
 
   // NOTE(thure): This is the same workaround as in Plank, but that component is out of scope for this story.
   // TODO(thure): Tabster’s focus group should handle moving focus to Main, but something is blocking it.
-  const handleKeyDown = useCallback((event: KeyboardEvent) => {
-    if (event.target === event.currentTarget && event.key === 'Escape') {
-      rootElement.current?.closest('main')?.focus();
+  // Attached imperatively because `Focus.Item`/`Panel.Root` expose a narrow (slottable) prop surface.
+  useEffect(() => {
+    const element = rootElement.current;
+    if (!element) {
+      return;
     }
+
+    const handleKeyDown = (event: KeyboardEvent) => {
+      if (event.target === element && event.key === 'Escape') {
+        element.closest('main')?.focus();
+      }
+    };
+
+    element.addEventListener('keydown', handleKeyDown);
+    return () => element.removeEventListener('keydown', handleKeyDown);
   }, []);
 
   return (
-    <StackItem.Root
-      item={{ id: attendableId }}
-      {...attentionAttrs}
-      classNames='bg-base-surface border-e border-separator'
-      size={30}
-      onKeyDown={handleKeyDown}
-      ref={rootElement}
-    >
-      <StoryPlankHeading attendableId={attendableId} />
-      <StackItem.Content toolbar>
-        <Toolbar.Root classNames='border-b border-subdued-separator'>
-          <Toolbar.Button>Test</Toolbar.Button>
-        </Toolbar.Root>
-
-        <div className={mx(container, 'm-2 bg-current-surface')}>
-          <Input.Root>
-            <Input.Label>Level 1 (group)</Input.Label>
-          </Input.Root>
-          <div className={mx(container, 'bg-base-surface')}>
+    <Focus.Item asChild ref={rootElement}>
+      <Panel.Root
+        {...attentionAttrs}
+        role='article'
+        classNames='is-[30rem] shrink-0 bs-full bg-base-surface border-e border-separator'
+      >
+        <StoryPlankHeading attendableId={attendableId} />
+        <Panel.Content classNames='grid'>
+          <Toolbar.Root classNames='border-b border-subdued-separator'>
+            <Toolbar.Button>Test</Toolbar.Button>
+          </Toolbar.Root>
+
+          <div className={mx(container, 'm-2 bg-current-surface')}>
             <Input.Root>
-              <Input.Label>Level 2 (base)</Input.Label>
-              <Input.TextArea placeholder='Enter text' />
+              <Input.Label>Level 1 (group)</Input.Label>
             </Input.Root>
+            <div className={mx(container, 'bg-base-surface')}>
+              <Input.Root>
+                <Input.Label>Level 2 (base)</Input.Label>
+                <Input.TextArea placeholder='Enter text' />
+              </Input.Root>
+            </div>
           </div>
-        </div>
-      </StackItem.Content>
-    </StackItem.Root>
+        </Panel.Content>
+      </Panel.Root>
+    </Focus.Item>
   );
 };
 
@@ -103,10 +110,10 @@ const DefaultStory = () => {
         <NavTreeContainer tab={state.tab} />
       </Main.NavigationSidebar>
       <Main.Content bounce handlesFocus>
-        <Stack orientation='horizontal' size='contain'>
+        <div role='none' className='flex grow overflow-x-auto'>
           <StoryPlank attendableId='space-0:object-0' />
           <StoryPlank attendableId='space-0:object-1' />
-        </Stack>
+        </div>
       </Main.Content>
     </Main.Root>
   );

package/src/components/NavTree/NavTree.tsx

@@ -8,7 +8,7 @@ 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';
+import { Position } from '@dxos/util';
 
 import { useLoadDescendents } from '#hooks';
 
@@ -76,11 +76,11 @@ const useTopLevelNavItems = (root?: Node.Node) => {
 
     const topLevelActions = rootActions
       .filter((action) => action.properties.disposition === 'menu')
-      .toSorted((a, b) => byPosition(a.properties, b.properties));
+      .toSorted((a, b) => Position.compare(a.properties, b.properties));
     const pinnedItems = [
       ...outboundPinnedItems,
       ...rootActions.filter((action) => action.properties.disposition === 'pin-end'),
-    ].toSorted((a, b) => byPosition(a.properties, b.properties));
+    ].toSorted((a, b) => Position.compare(a.properties, b.properties));
 
     return {
       pinnedItems,

package/src/components/NavTreeItem/NavTreeItemColumns.tsx

@@ -4,7 +4,8 @@
 
 import React, { Fragment, memo, useMemo } from 'react';
 
-import { Popover, Treegrid, toLocalizedString, useTranslation } from '@dxos/react-ui';
+import { Popover, toLocalizedString, useTranslation } from '@dxos/react-ui';
+import { Treegrid } from '@dxos/react-ui-list';
 
 import { getListActions, useActions } from '#hooks';
 import { meta } from '#meta';

package/src/components/Sidebar/L0Menu.tsx

@@ -30,7 +30,6 @@ import { useActionRunner } from '@dxos/plugin-graph';
 import {
   Icon,
   IconButton,
-  ListItem,
   ScrollArea,
   type ThemedClassName,
   Tooltip,
@@ -38,8 +37,8 @@ import {
   useMediaQuery,
   useTranslation,
 } from '@dxos/react-ui';
+import { DropIndicator } from '@dxos/react-ui-list';
 import { Menu, type MenuItem } from '@dxos/react-ui-menu';
-import type { StackItemRearrangeHandler } from '@dxos/react-ui-stack';
 import { Tabs } from '@dxos/react-ui-tabs';
 import { mx } from '@dxos/ui-theme';
 import { arrayMove } from '@dxos/util';
@@ -60,6 +59,14 @@ type L0ItemData = {
   type: 'l0Item';
 };
 
+// Local rearrange-handler callback shape; drag-and-drop is wired directly via pragmatic-dnd in `L0Item`,
+// so only the callback signature is needed here.
+type StackItemRearrangeHandler<Data extends { id: string } = { id: string }> = (
+  source: Data,
+  target: Data,
+  closestEdge: Edge | null,
+) => void;
+
 type L0ItemRootProps = {
   item: Node.Node;
   parent?: Node.Node;
@@ -232,7 +239,7 @@ const L0Item = memo(({ item, parent, path, pinned, onRearrange, onItemHover }: L
       <span id={`${item.id}__label`} className='sr-only'>
         {localizedString}
       </span>
-      {closestEdge && <ListItem.DropIndicator edge={closestEdge} />}
+      {closestEdge && <DropIndicator edge={closestEdge} />}
     </L0ItemRoot>
   );
 });

package/src/containers/NavTreeContainer/NavTreeContainer.tsx

@@ -4,6 +4,7 @@
 
 import { type Instruction, extractInstruction } from '@atlaskit/pragmatic-drag-and-drop-hitbox/tree-item';
 import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
+import { useAtomValue } from '@effect-atom/atom-react';
 import React, { forwardRef, memo, useCallback, useEffect, useMemo, useRef } from 'react';
 
 import { Surface, useOperationInvoker } from '@dxos/app-framework/ui';
@@ -230,6 +231,19 @@ export const NavTreeContainer$ = forwardRef<HTMLDivElement, NavTreeContainerProp
       });
     }, [graph]);
 
+    // Group nodes are always expanded and have no toggle, so they never trigger Graph.expand through
+    // user interaction. Watch the workspace's children reactively and mark any group nodes as open
+    // so the state machinery treats them consistently with regular open nodes (including on next load).
+    const workspaceChildren = useAtomValue(graph.connections(tab, 'child'));
+    useEffect(() => {
+      for (const child of workspaceChildren) {
+        if (child.properties.disposition === 'group') {
+          setItem([Node.RootId, tab, child.id], 'open', true);
+          Graph.expand(graph, child.id, 'child');
+        }
+      }
+    }, [workspaceChildren, tab, setItem, graph]);
+
     const onItemHover = useCallback(({ item }: { item: Node.Node }) => Graph.expand(graph, item.id, 'child'), [graph]);
 
     const navTreeContextValue = useMemo(

package/src/hooks/useNavTreeModel.ts

@@ -45,12 +45,16 @@ const createItemPropsFamily = (graph: ReturnType<typeof useAppGraph>['graph']) =
       const droppable =
         node.properties.droppable === false || parentNode?.properties.childrenDroppable === false ? false : undefined;
 
+      const disposition = node.properties.disposition as string | undefined;
+      const isGroup = disposition === 'group';
+
       return {
         id: node.id,
-        parentOf,
-        disabled: node.properties.disabled,
-        draggable: node.properties.draggable,
-        droppable,
+        parentOf: isGroup ? undefined : parentOf,
+        disposition,
+        disabled: isGroup || node.properties.disabled,
+        draggable: isGroup ? false : node.properties.draggable,
+        droppable: isGroup ? false : droppable,
         label: node.properties.label ?? node.id,
         className: mx(node.properties.className, node.properties.modified && 'italic'),
         headingClassName: node.properties.headingClassName,

package/src/testing/generator.ts

@@ -58,12 +58,14 @@ export const defaultGenerators: { [type: string]: ObjectDataGenerator } = {
 
   project: {
     createSchema: () =>
-      Schema.Struct({
-        title: Schema.String,
-        repo: Schema.String,
-        status: Schema.String,
-        priority: Schema.Number,
-      }).pipe(Type.makeObject(DXN.make('com.example.type.project', '0.1.0'))),
+      Type.makeObject(DXN.make('com.example.type.project', '0.1.0'))(
+        Schema.Struct({
+          title: Schema.String,
+          repo: Schema.String,
+          status: Schema.String,
+          priority: Schema.Number,
+        }),
+      ),
 
     createData: () => ({
       title: random.commerce.productName(),

package/src/types/schema.ts

@@ -30,7 +30,7 @@ export type FlattenedActions = {
 type SharedProperties = {
   testId?: string;
   disabled?: boolean;
-  position?: Position;
+  position?: Position.Position;
   label: Label;
   className?: string;
   headingClassName?: string;
@@ -62,7 +62,7 @@ export type ActionProperties = SharedProperties & {
  */
 export type KeyBinding = {
   // NOTE: Keys come from `getHostPlatform` in `@dxos/util`.
-  // TODO(thure): Dedupe (similar in react-ui-stack/next)
+  // TODO(thure): Dedupe with the other platform key-binding definitions.
   windows?: string;
   macos?: string;
   ios?: string;

package/dist/lib/neutral/chunk-UBVNITFG.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 { AppSurface, 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 type={AppSurface.NavtreeItemEnd} 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.profile.key);\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", "AppSurface", "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", "type", "AppSurface", "NavtreeItemEnd", "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", "profile", "key", "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", "Close", "ScrollIntoView", "defaultAction", "getActions", "find", "action", "handleBack", "RevertWorkspace", "monitorForElements", "canMonitor", "isTreeData", "onDrop", "location", "dropTargets", "extractInstruction", "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/react-surface-N4EESW3L.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/react-surface.tsx"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\nimport React, { type ComponentProps } from 'react';\n\nimport { Capabilities, Capability } from '@dxos/app-framework';\nimport { Surface } from '@dxos/app-framework/ui';\nimport { AppSurface } from '@dxos/app-toolkit/ui';\nimport { Node } from '@dxos/plugin-graph';\n\nimport { CommandsDialogContent, CommandsTrigger, NavTreeContainer, NavTreeDocumentTitle } from '#containers';\nimport { COMMANDS_DIALOG } from '#meta';\n\nexport default Capability.makeModule(() =>\n  Effect.succeed(\n    Capability.contributes(Capabilities.ReactSurface, [\n      Surface.create({\n        id: COMMANDS_DIALOG,\n        filter: AppSurface.component<ComponentProps<typeof CommandsDialogContent>>(AppSurface.Dialog, COMMANDS_DIALOG),\n        component: ({ data, ref }) => <CommandsDialogContent {...data.props} ref={ref} />,\n      }),\n      Surface.create({\n        id: 'navigation',\n        filter: Surface.makeFilter(AppSurface.Navigation),\n        component: ({ data, ref }) => (\n          <NavTreeContainer tab={data.current} popoverAnchorId={data.popoverAnchorId} ref={ref} />\n        ),\n      }),\n      Surface.create({\n        id: 'documentTitle',\n        filter: Surface.makeFilter(AppSurface.DocumentTitle),\n        component: ({ data }) => (\n          <NavTreeDocumentTitle node={Node.isGraphNode(data.subject) ? data.subject : undefined} />\n        ),\n      }),\n      Surface.create({\n        id: 'searchInput',\n        filter: Surface.makeFilter(AppSurface.SearchInput),\n        position: 'last',\n        component: () => <CommandsTrigger />,\n      }),\n    ]),\n  ),\n);\n"],
-  "mappings": ";;;AAIA,YAAYA,YAAY;AACxB,OAAOC,WAAoC;AAE3C,SAASC,cAAcC,kBAAkB;AACzC,SAASC,eAAe;AACxB,SAASC,kBAAkB;AAC3B,SAASC,YAAY;AAErB,SAASC,uBAAuBC,iBAAiBC,kBAAkBC,4BAA4B;AAC/F,SAASC,uBAAuB;AAEhC,IAAA,wBAAeR,WAAWS,WAAW,MAC5BC,eACLV,WAAWW,YAAYZ,aAAaa,cAAc;EAChDX,QAAQY,OAAO;IACbC,IAAIN;IACJO,QAAQb,WAAWc,UAAwDd,WAAWe,QAAQT,eAAAA;IAC9FQ,WAAW,CAAC,EAAEE,MAAMC,IAAG,MAAO,sBAAA,cAACf,uBAAAA;MAAuB,GAAGc,KAAKE;MAAOD;;EACvE,CAAA;EACAlB,QAAQY,OAAO;IACbC,IAAI;IACJC,QAAQd,QAAQoB,WAAWnB,WAAWoB,UAAU;IAChDN,WAAW,CAAC,EAAEE,MAAMC,IAAG,MACrB,sBAAA,cAACb,kBAAAA;MAAiBiB,KAAKL,KAAKM;MAASC,iBAAiBP,KAAKO;MAAiBN;;EAEhF,CAAA;EACAlB,QAAQY,OAAO;IACbC,IAAI;IACJC,QAAQd,QAAQoB,WAAWnB,WAAWwB,aAAa;IACnDV,WAAW,CAAC,EAAEE,KAAI,MAChB,sBAAA,cAACX,sBAAAA;MAAqBoB,MAAMxB,KAAKyB,YAAYV,KAAKW,OAAO,IAAIX,KAAKW,UAAUC;;EAEhF,CAAA;EACA7B,QAAQY,OAAO;IACbC,IAAI;IACJC,QAAQd,QAAQoB,WAAWnB,WAAW6B,WAAW;IACjDC,UAAU;IACVhB,WAAW,MAAM,sBAAA,cAACX,iBAAAA,IAAAA;EACpB,CAAA;CACD,CAAA,CAAA;",
-  "names": ["Effect", "React", "Capabilities", "Capability", "Surface", "AppSurface", "Node", "CommandsDialogContent", "CommandsTrigger", "NavTreeContainer", "NavTreeDocumentTitle", "COMMANDS_DIALOG", "makeModule", "succeed", "contributes", "ReactSurface", "create", "id", "filter", "component", "Dialog", "data", "ref", "props", "makeFilter", "Navigation", "tab", "current", "popoverAnchorId", "DocumentTitle", "node", "isGraphNode", "subject", "undefined", "SearchInput", "position"]
-}