@dxos/plugin-navtree 0.9.0 → 0.9.1-staging.ee54ba693a

package/src/containers/NavTreeContainer/NavTreeContainer.tsx

@@ -4,11 +4,12 @@
 
 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';
 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 +28,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 +49,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,
@@ -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/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/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/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/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/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/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/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"]
-}

package/dist/lib/neutral/react-surface-Q5XMAG7Z.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        role: 'navigation',\n        filter: (data): data is { popoverAnchorId?: string; current: string } => typeof data.current === 'string',\n        component: ({ data, ref }) => {\n          return (\n            <NavTreeContainer\n              tab={data.current}\n              popoverAnchorId={data.popoverAnchorId as string | undefined}\n              ref={ref}\n            />\n          );\n        },\n      }),\n      Surface.create({\n        id: 'documentTitle',\n        role: 'document-title',\n        component: ({ data }) => (\n          <NavTreeDocumentTitle node={Node.isGraphNode(data.subject) ? data.subject : undefined} />\n        ),\n      }),\n      Surface.create({\n        id: 'searchInput',\n        role: 'search-input',\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;IACJO,MAAM;IACNN,QAAQ,CAACG,SAAgE,OAAOA,KAAKI,YAAY;IACjGN,WAAW,CAAC,EAAEE,MAAMC,IAAG,MAAE;AACvB,aACE,sBAAA,cAACb,kBAAAA;QACCiB,KAAKL,KAAKI;QACVE,iBAAiBN,KAAKM;QACtBL;;IAGN;EACF,CAAA;EACAlB,QAAQY,OAAO;IACbC,IAAI;IACJO,MAAM;IACNL,WAAW,CAAC,EAAEE,KAAI,MAChB,sBAAA,cAACX,sBAAAA;MAAqBkB,MAAMtB,KAAKuB,YAAYR,KAAKS,OAAO,IAAIT,KAAKS,UAAUC;;EAEhF,CAAA;EACA3B,QAAQY,OAAO;IACbC,IAAI;IACJO,MAAM;IACNQ,UAAU;IACVb,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", "role", "current", "tab", "popoverAnchorId", "node", "isGraphNode", "subject", "undefined", "position"]
-}

package/dist/lib/neutral/state-VVJEWUHM.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/state.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Atom } from '@effect-atom/atom-react';\nimport * as Effect from 'effect/Effect';\n\nimport { Capabilities, Capability } from '@dxos/app-framework';\nimport { AppCapabilities } from '@dxos/app-toolkit';\nimport { Graph, Node } from '@dxos/plugin-graph';\nimport { Path } from '@dxos/react-ui-list';\n\nimport { meta } from '#meta';\nimport { NavTreeCapabilities } from '#types';\n\nconst KEY = `${meta.id}.state.v1`;\n\n/** Default item state for new entries. */\nconst defaultItemState: NavTreeCapabilities.NavTreeItemState = { open: false, current: false };\n\n/** L0 (top-level workspace) paths are direct children of root — not part of the expandable tree model. */\nconst isTopLevelPath = (path: string[]): boolean => path.length === 2 && path[0] === Node.RootId;\n\n/** Default state entries for initial tree structure. */\n// TODO(thure): Initialize these dynamically.\nconst defaultStateEntries: [string, NavTreeCapabilities.NavTreeItemState][] = [\n  ['root', { open: true, current: false }],\n];\n\nconst getInitialState = (): Map<string, NavTreeCapabilities.NavTreeItemState> => {\n  const stringified = localStorage.getItem(KEY);\n  if (!stringified) {\n    return new Map(defaultStateEntries);\n  }\n\n  try {\n    const cached: [string, { open: boolean; current: boolean }][] = JSON.parse(stringified);\n    return new Map(cached.map(([key, value]) => [key, { open: value.open, current: false }]));\n  } catch {\n    return new Map(defaultStateEntries);\n  }\n};\n\nexport default Capability.makeModule(\n  Effect.fnUntraced(function* () {\n    const registry = yield* Capability.get(Capabilities.AtomRegistry);\n    const layoutAtom = yield* Capability.get(AppCapabilities.Layout);\n\n    // Backing state for persistence (not reactive).\n    const backingState = getInitialState();\n\n    // Per-path atom family for fine-grained reactivity.\n    // keepAlive prevents atoms from being garbage collected when components unmount,\n    // ensuring state is preserved across deletion/restoration cycles.\n    const itemAtomFamily = Atom.family((pathString: string) =>\n      Atom.make<NavTreeCapabilities.NavTreeItemState>(backingState.get(pathString) ?? { ...defaultItemState }).pipe(\n        Atom.keepAlive,\n      ),\n    );\n\n    const getItemAtom = (path: string[]): Atom.Atom<NavTreeCapabilities.NavTreeItemState> => {\n      const pathString = Path.create(...path);\n      if (!backingState.has(pathString)) {\n        backingState.set(pathString, { ...defaultItemState });\n      }\n      return itemAtomFamily(pathString);\n    };\n\n    const getItem = (path: string[]): NavTreeCapabilities.NavTreeItemState => {\n      return registry.get(getItemAtom(path));\n    };\n\n    const setItem = (path: string[], key: 'open' | 'current', next: boolean) => {\n      const pathString = Path.create(...path);\n      const atom = itemAtomFamily(pathString);\n      const currentValue = registry.get(atom);\n      const newValue = { ...currentValue, [key]: next };\n\n      registry.set(atom, newValue);\n\n      if (!(key === 'open' && isTopLevelPath(path))) {\n        backingState.set(pathString, newValue);\n        localStorage.setItem(KEY, JSON.stringify(Array.from(backingState.entries())));\n      }\n    };\n\n    // Subscribe to layout changes to update current state.\n    let previous: string[] = [];\n    const unsubscribe = registry.subscribe(layoutAtom, (layout) => {\n      const removed = previous.filter((id) => !layout.active.includes(id));\n      previous = layout.active;\n\n      const handleUpdate = () => {\n        // Mark removed items as not current.\n        removed.forEach((id) => {\n          const keys = Array.from(backingState.keys()).filter((key) => Path.last(key) === id);\n          keys.forEach((key) => {\n            setItem(Path.parts(key), 'current', false);\n          });\n        });\n\n        // Mark active items as current.\n        layout.active.forEach((id: string) => {\n          const keys = Array.from(new Set([...backingState.keys(), id])).filter((key) => Path.last(key) === id);\n          keys.forEach((key) => {\n            setItem(Path.parts(key), 'current', true);\n          });\n        });\n      };\n\n      // TODO(wittjosiah): This is setTimeout because there's a race between the keys being initialized.\n      //   Keys are initialized on the first render of an item in the navtree.\n      //   This could be avoided if the location was a path as well and not just an id.\n      // Defer so item path atoms exist and we do not setState during tree render.\n      const timeout = setTimeout(handleUpdate, 500);\n      return () => clearTimeout(timeout);\n    });\n\n    // Once graph is ready, expand every node marked open in state so the graph has children loaded for rendering.\n    yield* Effect.gen(function* () {\n      const { graph } = yield* Capability.waitFor(AppCapabilities.AppGraph);\n\n      // Always expand the active workspace so its subtree is initialized.\n      const layout = registry.get(layoutAtom);\n      if (layout.workspace) {\n        Graph.expand(graph, layout.workspace, 'child');\n      }\n\n      // Expand persisted open nodes, skipping inactive workspace tabs.\n      const openPaths = Array.from(backingState.entries())\n        .filter(([, state]) => state.open)\n        .map(([pathString]) => Path.parts(pathString))\n        .filter((path) => !isTopLevelPath(path));\n      for (const path of openPaths) {\n        const nodeId = path[path.length - 1];\n        if (!nodeId) {\n          continue;\n        }\n        Graph.expand(graph, nodeId, 'child');\n      }\n    }).pipe(Effect.forkDaemon);\n\n    return Capability.contributes(\n      NavTreeCapabilities.State,\n      {\n        getItem,\n        getItemAtom,\n        setItem,\n      },\n      () => Effect.sync(() => unsubscribe()),\n    );\n  }),\n);\n"],
-  "mappings": "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",
-  "names": ["Atom", "Effect", "Capabilities", "Capability", "AppCapabilities", "Graph", "Node", "Path", "meta", "NavTreeCapabilities", "KEY", "id", "defaultItemState", "open", "current", "isTopLevelPath", "path", "length", "RootId", "defaultStateEntries", "getInitialState", "stringified", "localStorage", "getItem", "Map", "cached", "JSON", "parse", "map", "key", "value", "makeModule", "fnUntraced", "registry", "get", "AtomRegistry", "layoutAtom", "Layout", "backingState", "itemAtomFamily", "family", "pathString", "make", "pipe", "keepAlive", "getItemAtom", "create", "has", "set", "setItem", "next", "atom", "currentValue", "newValue", "stringify", "Array", "from", "entries", "previous", "unsubscribe", "subscribe", "layout", "removed", "filter", "active", "includes", "handleUpdate", "forEach", "keys", "last", "parts", "Set", "timeout", "setTimeout", "clearTimeout", "gen", "graph", "waitFor", "AppGraph", "workspace", "expand", "openPaths", "state", "nodeId", "forkDaemon", "contributes", "State", "sync"]
-}