@dxos/plugin-simple-layout 0.8.4-staging.60fe92afc8 → 0.9.1-main.c7dcc2e112

package/dist/lib/neutral/hooks/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/hooks/useAppBarProps.ts", "../../../../src/hooks/useCompanions.ts", "../../../../src/hooks/actions.ts", "../../../../src/hooks/useDrawerActions.ts", "../../../../src/hooks/useSimpleLayoutState.ts", "../../../../src/hooks/useNavbarActions.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Atom, useAtomValue } from '@effect-atom/atom-react';\nimport * as Option from 'effect/Option';\nimport { useCallback, useMemo } from 'react';\n\nimport { useCapability, useOperationInvoker } from '@dxos/app-framework/ui';\nimport { LayoutOperation } from '@dxos/app-toolkit';\nimport { useAppGraph } from '@dxos/app-toolkit/ui';\nimport { Graph, Node, useActionRunner, useNode } from '@dxos/plugin-graph';\nimport { toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { type ActionGraphProps } from '@dxos/react-ui-menu';\n\nimport { type AppBarProps } from '#components';\nimport { meta } from '#meta';\nimport { SimpleLayoutCapabilities } from '#types';\n\n/**\n * Hook that computes all AppBar props from the app graph.\n * Derives activeId from state atom. Returns props ready to spread into the AppBar component.\n */\nexport const useAppBarProps = (): Omit<AppBarProps, 'classNames'> => {\n  const { t } = useTranslation(meta.id);\n  const stateAtom = useCapability(SimpleLayoutCapabilities.State);\n  const state = useAtomValue(stateAtom);\n  const { graph } = useAppGraph();\n  const { invokePromise } = useOperationInvoker();\n  const runAction = useActionRunner();\n\n  // Derive activeId from state.\n  const activeId = state.active ?? state.workspace;\n  const node = useNode(graph, activeId);\n\n  // Compute title from node label.\n  const title = node ? toLocalizedString(node.properties.label, t) : undefined;\n\n  // Build actions atom filtering by disposition.\n  // Derive activeId from state atom so we don't need to recreate this atom when it changes.\n  const actionsAtom = useMemo(\n    () =>\n      Atom.make((get): ActionGraphProps => {\n        const state = get(stateAtom);\n        const activeId = state.active ?? state.workspace;\n        const allActions = activeId ? get(graph.actions(activeId)) : [];\n        const filtered = allActions.filter((action) =>\n          ['list-item', 'list-item-primary', 'heading-list-item'].includes(action.properties.disposition),\n        );\n        const nodes: ActionGraphProps['nodes'] = filtered as ActionGraphProps['nodes'];\n        const edges: ActionGraphProps['edges'] = filtered.map((action) => ({\n          source: 'root',\n          target: action.id,\n          relation: 'child',\n        }));\n\n        return { nodes, edges };\n      }),\n    [graph, stateAtom],\n  );\n\n  // Back button logic.\n  const showBackButton = activeId !== undefined && activeId !== Node.RootId;\n\n  const onBack = useCallback(() => {\n    if (state.active) {\n      const isWorkspace = Graph.getNode(graph, state.active).pipe(\n        Option.map((node) => node.properties.disposition === 'workspace'),\n        Option.getOrElse(() => false),\n      );\n\n      // If history is empty and this is a workspace, go to home.\n      if (state.history.length === 0 && isWorkspace) {\n        void invokePromise(LayoutOperation.SwitchWorkspace, { subject: Node.RootId });\n      } else {\n        // Otherwise, close (which will pop from history or clear active).\n        void invokePromise(LayoutOperation.Close, { subject: [state.active] });\n      }\n    } else {\n      void invokePromise(LayoutOperation.SwitchWorkspace, { subject: Node.RootId });\n    }\n  }, [graph, invokePromise, state.active, state.history.length]);\n\n  // Compute popover anchor ID.\n  const popoverAnchorId = node && state.popoverAnchorId === `${meta.id}:${node.id}` ? state.popoverAnchorId : undefined;\n\n  return {\n    title,\n    actions: actionsAtom,\n    showBackButton,\n    popoverAnchorId,\n    onBack: onBack,\n    onAction: runAction,\n  };\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { useMemo } from 'react';\n\nimport { useAppGraph } from '@dxos/app-toolkit/ui';\nimport { useConnections } from '@dxos/plugin-graph';\nimport { byPosition } from '@dxos/util';\n\nimport { PLANK_COMPANION_TYPE } from './actions';\n\n/**\n * @deprecated Adopt the pattern from useNavbarActions (deriving from graph atoms)\n *   or merge the Drawer companion display into the NavBar component.\n */\nexport const useCompanions = (nodeId?: string) => {\n  const { graph } = useAppGraph();\n  const nodes = useConnections(graph, nodeId, 'child');\n  const companions = nodes.filter((node) => node.type === PLANK_COMPANION_TYPE);\n  return useMemo(() => companions.toSorted((a, b) => byPosition(a.properties, b.properties)), [companions]);\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Atom } from '@effect-atom/atom-react';\nimport * as Effect from 'effect/Effect';\n\nimport { type AppCapabilities } from '@dxos/app-toolkit';\nimport { Node } from '@dxos/plugin-graph';\nimport { getLinkedVariant } from '@dxos/react-ui-attention';\nimport { type ActionGraphProps } from '@dxos/react-ui-menu';\nimport { byPosition } from '@dxos/util';\n\nimport { SimpleLayoutCapabilities } from '#types';\n\n// TODO(wittjosiah): Factor out to shared location with plugin-deck.\nexport const PLANK_COMPANION_TYPE = 'org.dxos.plugin.deck.plank-companion';\n\nexport type CompanionActionsConfig = {\n  /** Prefix for companion action IDs (e.g. 'navbar' or 'drawer') */\n  idPrefix: string;\n  /** Optional: highlight companion with this variant */\n  selectedVariant?: string;\n  /** State updater for toggling the drawer. */\n  updateState: (\n    fn: (state: SimpleLayoutCapabilities.SimpleLayoutState) => SimpleLayoutCapabilities.SimpleLayoutState,\n  ) => void;\n};\n\n/**\n * Creates action graph nodes and edges for companion actions.\n * Shared logic between useNavbarActions and useDrawerActions.\n */\n// TODO(burdon): Use builder pattern.\nexport const createCompanionActions = (\n  graph: AppCapabilities.AppGraph['graph'],\n  stateAtom: Atom.Atom<SimpleLayoutCapabilities.SimpleLayoutState>,\n  get: (atom: Atom.Atom<any>) => any,\n  config: CompanionActionsConfig,\n): Pick<ActionGraphProps, 'nodes' | 'edges'> => {\n  const { idPrefix, selectedVariant, updateState } = config;\n\n  // Derive activeId from state atom.\n  const state = get(stateAtom);\n  const activeId = state.active ?? state.workspace;\n\n  // Get companions from graph connections for activeId.\n  const activeConnections = activeId ? get(graph.connections(activeId, 'child')) : [];\n  const companions = activeConnections\n    .filter((node: Node.Node) => node.type === PLANK_COMPANION_TYPE)\n    .toSorted((a: Node.Node, b: Node.Node) => byPosition(a.properties, b.properties));\n\n  const nodes: ActionGraphProps['nodes'] = [];\n  const edges: ActionGraphProps['edges'] = [];\n\n  companions.forEach((companion: Node.Node) => {\n    const companionVariant = getLinkedVariant(companion.id);\n    const companionAction = {\n      id: `${idPrefix}-companion-${companion.id}`,\n      type: Node.ActionType,\n      properties: {\n        icon: companion.properties.icon ?? 'ph--circle-dashed--regular',\n        label: companion.properties.label,\n        iconOnly: true,\n        ...(selectedVariant !== undefined && {\n          variant: selectedVariant === companionVariant ? 'primary' : 'ghost',\n        }),\n      },\n      data: () =>\n        Effect.sync(() =>\n          updateState((current) => {\n            const closing = current.companionVariant === companionVariant && current.drawerState !== 'closed';\n            return {\n              ...current,\n              companionVariant: closing ? undefined : companionVariant,\n              drawerState: closing ? 'closed' : 'open',\n            };\n          }),\n        ),\n    };\n    nodes.push(companionAction);\n    edges.push({ source: 'root', target: companionAction.id, relation: 'child' });\n  });\n\n  return { nodes, edges };\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { Atom } from '@effect-atom/atom-react';\nimport * as Effect from 'effect/Effect';\nimport { useMemo } from 'react';\n\nimport { useCapability } from '@dxos/app-framework/ui';\nimport { useAppGraph } from '@dxos/app-toolkit/ui';\nimport { Node, useActionRunner } from '@dxos/plugin-graph';\nimport { useTranslation } from '@dxos/react-ui';\nimport { type ActionExecutor, type ActionGraphProps, createGapSeparator } from '@dxos/react-ui-menu';\n\nimport { useMobileLayout } from '#components';\nimport { meta } from '#meta';\nimport { SimpleLayoutCapabilities } from '#types';\n\nimport { createCompanionActions } from './actions';\nimport { useSimpleLayoutState } from './useSimpleLayoutState';\n\nexport type DrawerActions = {\n  /** Action graph atom for the drawer. */\n  actions: Atom.Atom<ActionGraphProps>;\n  /** Action executor callback. */\n  onAction: ActionExecutor;\n};\n\n/**\n * Builds the drawer actions including companion tabs and toolbar buttons.\n */\nexport const useDrawerActions = (consumerName: string): DrawerActions => {\n  const { t } = useTranslation(meta.id);\n  const stateAtom = useCapability(SimpleLayoutCapabilities.State);\n  const { graph } = useAppGraph();\n  const runAction = useActionRunner();\n  const { updateState } = useSimpleLayoutState();\n  const { keyboardOpen } = useMobileLayout(consumerName);\n\n  // Create a computed atom that derives everything from graph connections and state.\n  const actionsAtom = useMemo(\n    () =>\n      Atom.make((get): ActionGraphProps => {\n        // Derive drawer state from state atom.\n        const state = get(stateAtom);\n\n        // Add companion tab actions.\n        const { nodes, edges } = createCompanionActions(graph, stateAtom, get, {\n          idPrefix: 'drawer',\n          selectedVariant: state.drawerState !== 'closed' ? state.companionVariant : undefined,\n          updateState,\n        });\n\n        // Add gap separator before toolbar buttons.\n        const gapSeparator = createGapSeparator('drawer-gap');\n        nodes.push(...gapSeparator.nodes);\n        edges.push(...gapSeparator.edges);\n\n        // Add expand/collapse toggle button (hidden when keyboard is open).\n        if (!keyboardOpen) {\n          const isExpanded = state.drawerState === 'expanded';\n          const toggleExpandAction = {\n            id: 'drawer-toggle-expand',\n            type: Node.ActionType,\n            properties: {\n              icon: isExpanded ? 'ph--arrow-down--regular' : 'ph--arrow-up--regular',\n              label: isExpanded ? t('collapse-drawer.label') : t('expand-drawer.label'),\n              iconOnly: true,\n            },\n            data: () =>\n              Effect.sync(() => updateState((state) => ({ ...state, drawerState: isExpanded ? 'open' : 'expanded' }))),\n          };\n          nodes.push(toggleExpandAction);\n          edges.push({ source: 'root', target: toggleExpandAction.id, relation: 'child' });\n        }\n\n        // Add close button.\n        const closeAction = {\n          id: 'drawer-close',\n          type: Node.ActionType,\n          properties: {\n            icon: 'ph--x--regular',\n            label: t('close-drawer.label'),\n            iconOnly: true,\n          },\n          data: () =>\n            Effect.sync(() =>\n              updateState((state) => ({ ...state, drawerState: 'closed', companionVariant: undefined })),\n            ),\n        };\n        nodes.push(closeAction);\n        edges.push({ source: 'root', target: closeAction.id, relation: 'child' });\n\n        return { nodes, edges };\n      }),\n    [graph, stateAtom, updateState, keyboardOpen, t],\n  );\n\n  return { actions: actionsAtom, onAction: runAction };\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { RegistryContext, useAtomValue } from '@effect-atom/atom-react';\nimport { useCallback, useContext } from 'react';\n\nimport { useCapability } from '@dxos/app-framework/ui';\n\nimport { SimpleLayoutCapabilities } from '#types';\n\nexport type UseSimpleLayoutState = {\n  state: SimpleLayoutCapabilities.SimpleLayoutState;\n  updateState: (\n    fn: (current: SimpleLayoutCapabilities.SimpleLayoutState) => SimpleLayoutCapabilities.SimpleLayoutState,\n  ) => void;\n};\n\nexport const useSimpleLayoutState = (): UseSimpleLayoutState => {\n  const registry = useContext(RegistryContext);\n  const stateAtom = useCapability(SimpleLayoutCapabilities.State);\n  const state = useAtomValue(stateAtom);\n\n  const updateState = useCallback(\n    (fn: (current: SimpleLayoutCapabilities.SimpleLayoutState) => SimpleLayoutCapabilities.SimpleLayoutState) => {\n      registry.set(stateAtom, fn(registry.get(stateAtom)));\n    },\n    [registry, stateAtom],\n  );\n\n  return { state, updateState };\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { Atom } from '@effect-atom/atom-react';\nimport { useMemo } from 'react';\n\nimport { useCapability } from '@dxos/app-framework/ui';\nimport { useAppGraph } from '@dxos/app-toolkit/ui';\nimport { Node, useActionRunner } from '@dxos/plugin-graph';\nimport { useTranslation } from '@dxos/react-ui';\nimport {\n  type ActionExecutor,\n  type ActionGraphProps,\n  createGapSeparator,\n  createMenuItemGroup,\n} from '@dxos/react-ui-menu';\n\nimport { meta } from '#meta';\nimport { SimpleLayoutCapabilities } from '#types';\n\nimport { createCompanionActions } from './actions';\nimport { useSimpleLayoutState } from './useSimpleLayoutState';\n\nconst MAIN_MENU_GROUP_ID = 'navbar-main-menu';\n\nexport type NavbarActions = {\n  /** Action graph atom for the navbar. */\n  actions: Atom.Atom<ActionGraphProps>;\n  /** Action executor callback. */\n  onAction: ActionExecutor;\n};\n\n/**\n * Builds the navbar actions including companion icons, separator, and main menu dropdown.\n * Derives everything from graph connection atoms for proper reactivity.\n */\nexport const useNavbarActions = (): NavbarActions => {\n  const { t } = useTranslation(meta.id);\n  const { graph } = useAppGraph();\n  const runAction = useActionRunner();\n  const stateAtom = useCapability(SimpleLayoutCapabilities.State);\n  const { updateState } = useSimpleLayoutState();\n\n  // Create a computed atom that derives everything from graph connections and state.\n  const actionsAtom = useMemo(\n    () =>\n      Atom.make((get): ActionGraphProps => {\n        // Add companion actions.\n        const { nodes, edges } = createCompanionActions(graph, stateAtom, get, {\n          idPrefix: 'navbar',\n          updateState,\n        });\n\n        // Add gap separator.\n        const gapSeparator = createGapSeparator('navbar-gap');\n        nodes.push(...gapSeparator.nodes);\n        edges.push(...gapSeparator.edges);\n\n        // Add main menu dropdown group.\n        const mainMenuGroup = createMenuItemGroup(MAIN_MENU_GROUP_ID, {\n          variant: 'dropdownMenu',\n          icon: 'ph--list--regular',\n          iconOnly: true,\n          label: t('main-menu.label'),\n          testId: 'simpleLayoutPlugin.addSpace',\n        });\n        nodes.push(mainMenuGroup);\n        edges.push({ source: 'root', target: mainMenuGroup.id, relation: 'child' });\n\n        // Get menu actions from root actions (on 'action' edge relation).\n        const rootActions = get(graph.actions(Node.RootId));\n        const menuActions = rootActions.filter((node) => node.properties.disposition === 'menu');\n\n        // Add menu actions as children of the dropdown group.\n        menuActions.forEach((menuAction) => {\n          nodes.push(menuAction as ActionGraphProps['nodes'][number]);\n          edges.push({ source: MAIN_MENU_GROUP_ID, target: menuAction.id, relation: 'child' });\n        });\n\n        return { nodes, edges };\n      }),\n    [graph, stateAtom, updateState, t],\n  );\n\n  return { actions: actionsAtom, onAction: runAction };\n};\n"],
-  "mappings": "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",
-  "names": ["Atom", "useAtomValue", "Option", "useCallback", "useMemo", "useCapability", "useOperationInvoker", "LayoutOperation", "useAppGraph", "Graph", "Node", "useActionRunner", "useNode", "toLocalizedString", "useTranslation", "meta", "SimpleLayoutCapabilities", "useAppBarProps", "t", "id", "stateAtom", "State", "state", "graph", "invokePromise", "runAction", "activeId", "active", "workspace", "node", "title", "properties", "label", "undefined", "actionsAtom", "make", "get", "allActions", "actions", "filtered", "filter", "action", "includes", "disposition", "nodes", "edges", "map", "source", "target", "relation", "showBackButton", "RootId", "onBack", "isWorkspace", "getNode", "pipe", "getOrElse", "history", "length", "SwitchWorkspace", "subject", "Close", "popoverAnchorId", "onAction", "useMemo", "useAppGraph", "useConnections", "byPosition", "Effect", "Node", "getLinkedVariant", "byPosition", "PLANK_COMPANION_TYPE", "createCompanionActions", "graph", "stateAtom", "get", "config", "idPrefix", "selectedVariant", "updateState", "state", "activeId", "active", "workspace", "activeConnections", "connections", "companions", "filter", "node", "type", "toSorted", "a", "b", "properties", "nodes", "edges", "forEach", "companion", "companionVariant", "id", "companionAction", "ActionType", "icon", "label", "iconOnly", "undefined", "variant", "data", "sync", "current", "closing", "drawerState", "push", "source", "target", "relation", "useCompanions", "nodeId", "graph", "useAppGraph", "nodes", "useConnections", "companions", "filter", "node", "type", "PLANK_COMPANION_TYPE", "useMemo", "toSorted", "a", "b", "byPosition", "properties", "Atom", "Effect", "useMemo", "useCapability", "useAppGraph", "Node", "useActionRunner", "useTranslation", "createGapSeparator", "useMobileLayout", "meta", "SimpleLayoutCapabilities", "RegistryContext", "useAtomValue", "useCallback", "useContext", "useCapability", "SimpleLayoutCapabilities", "useSimpleLayoutState", "registry", "stateAtom", "State", "state", "updateState", "fn", "set", "get", "useDrawerActions", "consumerName", "t", "useTranslation", "meta", "id", "stateAtom", "useCapability", "SimpleLayoutCapabilities", "State", "graph", "useAppGraph", "runAction", "useActionRunner", "updateState", "useSimpleLayoutState", "keyboardOpen", "useMobileLayout", "actionsAtom", "useMemo", "Atom", "make", "get", "state", "nodes", "edges", "createCompanionActions", "idPrefix", "selectedVariant", "drawerState", "companionVariant", "undefined", "gapSeparator", "createGapSeparator", "push", "isExpanded", "toggleExpandAction", "type", "Node", "ActionType", "properties", "icon", "label", "iconOnly", "data", "sync", "source", "target", "relation", "closeAction", "actions", "onAction", "Atom", "useMemo", "useCapability", "useAppGraph", "Node", "useActionRunner", "useTranslation", "createGapSeparator", "createMenuItemGroup", "meta", "SimpleLayoutCapabilities", "MAIN_MENU_GROUP_ID", "useNavbarActions", "t", "useTranslation", "meta", "id", "graph", "useAppGraph", "runAction", "useActionRunner", "stateAtom", "useCapability", "SimpleLayoutCapabilities", "State", "updateState", "useSimpleLayoutState", "actionsAtom", "useMemo", "Atom", "make", "get", "nodes", "edges", "createCompanionActions", "idPrefix", "gapSeparator", "createGapSeparator", "push", "mainMenuGroup", "createMenuItemGroup", "variant", "icon", "iconOnly", "label", "testId", "source", "target", "relation", "rootActions", "actions", "Node", "RootId", "menuActions", "filter", "node", "properties", "disposition", "forEach", "menuAction", "onAction"]
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Atom, useAtomValue } from '@effect-atom/atom-react';\nimport * as Option from 'effect/Option';\nimport { useCallback, useMemo } from 'react';\n\nimport { useCapability, useOperationInvoker } from '@dxos/app-framework/ui';\nimport { LayoutOperation } from '@dxos/app-toolkit';\nimport { useAppGraph } from '@dxos/app-toolkit/ui';\nimport { Graph, Node, useActionRunner, useNode } from '@dxos/plugin-graph';\nimport { toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { type ActionGraphProps } from '@dxos/react-ui-menu';\n\nimport { type AppBarProps } from '#components';\nimport { meta } from '#meta';\nimport { SimpleLayoutCapabilities } from '#types';\n\n/**\n * Hook that computes all AppBar props from the app graph.\n * Derives activeId from state atom. Returns props ready to spread into the AppBar component.\n */\nexport const useAppBarProps = (): Omit<AppBarProps, 'classNames'> => {\n  const { t } = useTranslation(meta.profile.key);\n  const stateAtom = useCapability(SimpleLayoutCapabilities.State);\n  const state = useAtomValue(stateAtom);\n  const { graph } = useAppGraph();\n  const { invokePromise } = useOperationInvoker();\n  const runAction = useActionRunner();\n\n  // Derive activeId from state.\n  const activeId = state.active ?? state.workspace;\n  const node = useNode(graph, activeId);\n\n  // Compute title from node label.\n  const title = node ? toLocalizedString(node.properties.label, t) : undefined;\n\n  // Build actions atom filtering by disposition.\n  // Derive activeId from state atom so we don't need to recreate this atom when it changes.\n  const actionsAtom = useMemo(\n    () =>\n      Atom.make((get): ActionGraphProps => {\n        const state = get(stateAtom);\n        const activeId = state.active ?? state.workspace;\n        const allActions = activeId ? get(graph.actions(activeId)) : [];\n        const filtered = allActions.filter((action) =>\n          ['list-item', 'list-item-primary', 'heading-list-item'].includes(action.properties.disposition),\n        );\n        const nodes: ActionGraphProps['nodes'] = filtered as ActionGraphProps['nodes'];\n        const edges: ActionGraphProps['edges'] = filtered.map((action) => ({\n          source: 'root',\n          target: action.id,\n          relation: 'child',\n        }));\n\n        return { nodes, edges };\n      }),\n    [graph, stateAtom],\n  );\n\n  // Back button logic.\n  const showBackButton = activeId !== undefined && activeId !== Node.RootId;\n\n  const onBack = useCallback(() => {\n    if (state.active) {\n      const isWorkspace = Graph.getNode(graph, state.active).pipe(\n        Option.map((node) => node.properties.disposition === 'workspace'),\n        Option.getOrElse(() => false),\n      );\n\n      // If history is empty and this is a workspace, go to home.\n      if (state.history.length === 0 && isWorkspace) {\n        void invokePromise(LayoutOperation.SwitchWorkspace, { subject: Node.RootId });\n      } else {\n        // Otherwise, close (which will pop from history or clear active).\n        void invokePromise(LayoutOperation.Close, { subject: [state.active] });\n      }\n    } else {\n      void invokePromise(LayoutOperation.SwitchWorkspace, { subject: Node.RootId });\n    }\n  }, [graph, invokePromise, state.active, state.history.length]);\n\n  // Compute popover anchor ID.\n  const popoverAnchorId =\n    node && state.popoverAnchorId === `${meta.profile.key}:${node.id}` ? state.popoverAnchorId : undefined;\n\n  return {\n    title,\n    actions: actionsAtom,\n    showBackButton,\n    popoverAnchorId,\n    onBack: onBack,\n    onAction: runAction,\n  };\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { useMemo } from 'react';\n\nimport { useAppGraph } from '@dxos/app-toolkit/ui';\nimport { useConnections } from '@dxos/plugin-graph';\nimport { byPosition } from '@dxos/util';\n\nimport { PLANK_COMPANION_TYPE } from './actions';\n\n/**\n * @deprecated Adopt the pattern from useNavbarActions (deriving from graph atoms)\n *   or merge the Drawer companion display into the NavBar component.\n */\nexport const useCompanions = (nodeId?: string) => {\n  const { graph } = useAppGraph();\n  const nodes = useConnections(graph, nodeId, 'child');\n  const companions = nodes.filter((node) => node.type === PLANK_COMPANION_TYPE);\n  return useMemo(() => companions.toSorted((a, b) => byPosition(a.properties, b.properties)), [companions]);\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Atom } from '@effect-atom/atom-react';\nimport * as Effect from 'effect/Effect';\n\nimport { type AppCapabilities } from '@dxos/app-toolkit';\nimport { Node } from '@dxos/plugin-graph';\nimport { getLinkedVariant } from '@dxos/react-ui-attention';\nimport { type ActionGraphProps } from '@dxos/react-ui-menu';\nimport { byPosition } from '@dxos/util';\n\nimport { SimpleLayoutCapabilities } from '#types';\n\n// TODO(wittjosiah): Factor out to shared location with plugin-deck.\nexport const PLANK_COMPANION_TYPE = 'org.dxos.plugin.deck.plank-companion';\n\nexport type CompanionActionsConfig = {\n  /** Prefix for companion action IDs (e.g. 'navbar' or 'drawer') */\n  idPrefix: string;\n  /** Optional: highlight companion with this variant */\n  selectedVariant?: string;\n  /** State updater for toggling the drawer. */\n  updateState: (\n    fn: (state: SimpleLayoutCapabilities.SimpleLayoutState) => SimpleLayoutCapabilities.SimpleLayoutState,\n  ) => void;\n};\n\n/**\n * Creates action graph nodes and edges for companion actions.\n * Shared logic between useNavbarActions and useDrawerActions.\n */\n// TODO(burdon): Use builder pattern.\nexport const createCompanionActions = (\n  graph: AppCapabilities.AppGraph['graph'],\n  stateAtom: Atom.Atom<SimpleLayoutCapabilities.SimpleLayoutState>,\n  get: (atom: Atom.Atom<any>) => any,\n  config: CompanionActionsConfig,\n): Pick<ActionGraphProps, 'nodes' | 'edges'> => {\n  const { idPrefix, selectedVariant, updateState } = config;\n\n  // Derive activeId from state atom.\n  const state = get(stateAtom);\n  const activeId = state.active ?? state.workspace;\n\n  // Get companions from graph connections for activeId.\n  const activeConnections = activeId ? get(graph.connections(activeId, 'child')) : [];\n  const companions = activeConnections\n    .filter((node: Node.Node) => node.type === PLANK_COMPANION_TYPE)\n    .toSorted((a: Node.Node, b: Node.Node) => byPosition(a.properties, b.properties));\n\n  const nodes: ActionGraphProps['nodes'] = [];\n  const edges: ActionGraphProps['edges'] = [];\n\n  companions.forEach((companion: Node.Node) => {\n    const companionVariant = getLinkedVariant(companion.id);\n    const companionAction = {\n      id: `${idPrefix}-companion-${companion.id}`,\n      type: Node.ActionType,\n      properties: {\n        icon: companion.properties.icon ?? 'ph--circle-dashed--regular',\n        label: companion.properties.label,\n        iconOnly: true,\n        ...(selectedVariant !== undefined && {\n          variant: selectedVariant === companionVariant ? 'primary' : 'ghost',\n        }),\n      },\n      data: () =>\n        Effect.sync(() =>\n          updateState((current) => {\n            const closing = current.companionVariant === companionVariant && current.drawerState !== 'closed';\n            return {\n              ...current,\n              companionVariant: closing ? undefined : companionVariant,\n              drawerState: closing ? 'closed' : 'open',\n            };\n          }),\n        ),\n    };\n    nodes.push(companionAction);\n    edges.push({ source: 'root', target: companionAction.id, relation: 'child' });\n  });\n\n  return { nodes, edges };\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { Atom } from '@effect-atom/atom-react';\nimport * as Effect from 'effect/Effect';\nimport { useMemo } from 'react';\n\nimport { useCapability } from '@dxos/app-framework/ui';\nimport { useAppGraph } from '@dxos/app-toolkit/ui';\nimport { Node, useActionRunner } from '@dxos/plugin-graph';\nimport { useTranslation } from '@dxos/react-ui';\nimport { type ActionExecutor, type ActionGraphProps, createGapSeparator } from '@dxos/react-ui-menu';\n\nimport { useMobileLayout } from '#components';\nimport { meta } from '#meta';\nimport { SimpleLayoutCapabilities } from '#types';\n\nimport { createCompanionActions } from './actions';\nimport { useSimpleLayoutState } from './useSimpleLayoutState';\n\nexport type DrawerActions = {\n  /** Action graph atom for the drawer. */\n  actions: Atom.Atom<ActionGraphProps>;\n  /** Action executor callback. */\n  onAction: ActionExecutor;\n};\n\n/**\n * Builds the drawer actions including companion tabs and toolbar buttons.\n */\nexport const useDrawerActions = (consumerName: string): DrawerActions => {\n  const { t } = useTranslation(meta.profile.key);\n  const stateAtom = useCapability(SimpleLayoutCapabilities.State);\n  const { graph } = useAppGraph();\n  const runAction = useActionRunner();\n  const { updateState } = useSimpleLayoutState();\n  const { keyboardOpen } = useMobileLayout(consumerName);\n\n  // Create a computed atom that derives everything from graph connections and state.\n  const actionsAtom = useMemo(\n    () =>\n      Atom.make((get): ActionGraphProps => {\n        // Derive drawer state from state atom.\n        const state = get(stateAtom);\n\n        // Add companion tab actions.\n        const { nodes, edges } = createCompanionActions(graph, stateAtom, get, {\n          idPrefix: 'drawer',\n          selectedVariant: state.drawerState !== 'closed' ? state.companionVariant : undefined,\n          updateState,\n        });\n\n        // Add gap separator before toolbar buttons.\n        const gapSeparator = createGapSeparator('drawer-gap');\n        nodes.push(...gapSeparator.nodes);\n        edges.push(...gapSeparator.edges);\n\n        // Add expand/collapse toggle button (hidden when keyboard is open).\n        if (!keyboardOpen) {\n          const isExpanded = state.drawerState === 'expanded';\n          const toggleExpandAction = {\n            id: 'drawer-toggle-expand',\n            type: Node.ActionType,\n            properties: {\n              icon: isExpanded ? 'ph--arrow-down--regular' : 'ph--arrow-up--regular',\n              label: isExpanded ? t('collapse-drawer.label') : t('expand-drawer.label'),\n              iconOnly: true,\n            },\n            data: () =>\n              Effect.sync(() => updateState((state) => ({ ...state, drawerState: isExpanded ? 'open' : 'expanded' }))),\n          };\n          nodes.push(toggleExpandAction);\n          edges.push({ source: 'root', target: toggleExpandAction.id, relation: 'child' });\n        }\n\n        // Add close button.\n        const closeAction = {\n          id: 'drawer-close',\n          type: Node.ActionType,\n          properties: {\n            icon: 'ph--x--regular',\n            label: t('close-drawer.label'),\n            iconOnly: true,\n          },\n          data: () =>\n            Effect.sync(() =>\n              updateState((state) => ({ ...state, drawerState: 'closed', companionVariant: undefined })),\n            ),\n        };\n        nodes.push(closeAction);\n        edges.push({ source: 'root', target: closeAction.id, relation: 'child' });\n\n        return { nodes, edges };\n      }),\n    [graph, stateAtom, updateState, keyboardOpen, t],\n  );\n\n  return { actions: actionsAtom, onAction: runAction };\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { RegistryContext, useAtomValue } from '@effect-atom/atom-react';\nimport { useCallback, useContext } from 'react';\n\nimport { useCapability } from '@dxos/app-framework/ui';\n\nimport { SimpleLayoutCapabilities } from '#types';\n\nexport type UseSimpleLayoutState = {\n  state: SimpleLayoutCapabilities.SimpleLayoutState;\n  updateState: (\n    fn: (current: SimpleLayoutCapabilities.SimpleLayoutState) => SimpleLayoutCapabilities.SimpleLayoutState,\n  ) => void;\n};\n\nexport const useSimpleLayoutState = (): UseSimpleLayoutState => {\n  const registry = useContext(RegistryContext);\n  const stateAtom = useCapability(SimpleLayoutCapabilities.State);\n  const state = useAtomValue(stateAtom);\n\n  const updateState = useCallback(\n    (fn: (current: SimpleLayoutCapabilities.SimpleLayoutState) => SimpleLayoutCapabilities.SimpleLayoutState) => {\n      registry.set(stateAtom, fn(registry.get(stateAtom)));\n    },\n    [registry, stateAtom],\n  );\n\n  return { state, updateState };\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { Atom } from '@effect-atom/atom-react';\nimport { useMemo } from 'react';\n\nimport { useCapability } from '@dxos/app-framework/ui';\nimport { useAppGraph } from '@dxos/app-toolkit/ui';\nimport { Node, useActionRunner } from '@dxos/plugin-graph';\nimport { useTranslation } from '@dxos/react-ui';\nimport {\n  type ActionExecutor,\n  type ActionGraphProps,\n  createGapSeparator,\n  createMenuItemGroup,\n} from '@dxos/react-ui-menu';\n\nimport { meta } from '#meta';\nimport { SimpleLayoutCapabilities } from '#types';\n\nimport { createCompanionActions } from './actions';\nimport { useSimpleLayoutState } from './useSimpleLayoutState';\n\nconst MAIN_MENU_GROUP_ID = 'navbar-main-menu';\n\nexport type NavbarActions = {\n  /** Action graph atom for the navbar. */\n  actions: Atom.Atom<ActionGraphProps>;\n  /** Action executor callback. */\n  onAction: ActionExecutor;\n};\n\n/**\n * Builds the navbar actions including companion icons, separator, and main menu dropdown.\n * Derives everything from graph connection atoms for proper reactivity.\n */\nexport const useNavbarActions = (): NavbarActions => {\n  const { t } = useTranslation(meta.profile.key);\n  const { graph } = useAppGraph();\n  const runAction = useActionRunner();\n  const stateAtom = useCapability(SimpleLayoutCapabilities.State);\n  const { updateState } = useSimpleLayoutState();\n\n  // Create a computed atom that derives everything from graph connections and state.\n  const actionsAtom = useMemo(\n    () =>\n      Atom.make((get): ActionGraphProps => {\n        // Add companion actions.\n        const { nodes, edges } = createCompanionActions(graph, stateAtom, get, {\n          idPrefix: 'navbar',\n          updateState,\n        });\n\n        // Add gap separator.\n        const gapSeparator = createGapSeparator('navbar-gap');\n        nodes.push(...gapSeparator.nodes);\n        edges.push(...gapSeparator.edges);\n\n        // Add main menu dropdown group.\n        const mainMenuGroup = createMenuItemGroup(MAIN_MENU_GROUP_ID, {\n          variant: 'dropdownMenu',\n          icon: 'ph--list--regular',\n          iconOnly: true,\n          label: t('main-menu.label'),\n          testId: 'simpleLayoutPlugin.addSpace',\n        });\n        nodes.push(mainMenuGroup);\n        edges.push({ source: 'root', target: mainMenuGroup.id, relation: 'child' });\n\n        // Get menu actions from root actions (on 'action' edge relation).\n        const rootActions = get(graph.actions(Node.RootId));\n        const menuActions = rootActions.filter((node) => node.properties.disposition === 'menu');\n\n        // Add menu actions as children of the dropdown group.\n        menuActions.forEach((menuAction) => {\n          nodes.push(menuAction as ActionGraphProps['nodes'][number]);\n          edges.push({ source: MAIN_MENU_GROUP_ID, target: menuAction.id, relation: 'child' });\n        });\n\n        return { nodes, edges };\n      }),\n    [graph, stateAtom, updateState, t],\n  );\n\n  return { actions: actionsAtom, onAction: runAction };\n};\n"],
+  "mappings": "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",
+  "names": ["Atom", "useAtomValue", "Option", "useCallback", "useMemo", "useCapability", "useOperationInvoker", "LayoutOperation", "useAppGraph", "Graph", "Node", "useActionRunner", "useNode", "toLocalizedString", "useTranslation", "meta", "SimpleLayoutCapabilities", "useAppBarProps", "t", "profile", "key", "stateAtom", "State", "state", "graph", "invokePromise", "runAction", "activeId", "active", "workspace", "node", "title", "properties", "label", "undefined", "actionsAtom", "make", "get", "allActions", "actions", "filtered", "filter", "action", "includes", "disposition", "nodes", "edges", "map", "source", "target", "id", "relation", "showBackButton", "RootId", "onBack", "isWorkspace", "getNode", "pipe", "getOrElse", "history", "length", "SwitchWorkspace", "subject", "Close", "popoverAnchorId", "onAction", "useMemo", "useAppGraph", "useConnections", "byPosition", "Effect", "Node", "getLinkedVariant", "byPosition", "PLANK_COMPANION_TYPE", "createCompanionActions", "graph", "stateAtom", "get", "config", "idPrefix", "selectedVariant", "updateState", "state", "activeId", "active", "workspace", "activeConnections", "connections", "companions", "filter", "node", "type", "toSorted", "a", "b", "properties", "nodes", "edges", "forEach", "companion", "companionVariant", "id", "companionAction", "ActionType", "icon", "label", "iconOnly", "undefined", "variant", "data", "sync", "current", "closing", "drawerState", "push", "source", "target", "relation", "useCompanions", "nodeId", "graph", "useAppGraph", "nodes", "useConnections", "companions", "filter", "node", "type", "PLANK_COMPANION_TYPE", "useMemo", "toSorted", "a", "b", "byPosition", "properties", "Atom", "Effect", "useMemo", "useCapability", "useAppGraph", "Node", "useActionRunner", "useTranslation", "createGapSeparator", "useMobileLayout", "meta", "SimpleLayoutCapabilities", "RegistryContext", "useAtomValue", "useCallback", "useContext", "useCapability", "SimpleLayoutCapabilities", "useSimpleLayoutState", "registry", "stateAtom", "State", "state", "updateState", "fn", "set", "get", "useDrawerActions", "consumerName", "t", "useTranslation", "meta", "profile", "key", "stateAtom", "useCapability", "SimpleLayoutCapabilities", "State", "graph", "useAppGraph", "runAction", "useActionRunner", "updateState", "useSimpleLayoutState", "keyboardOpen", "useMobileLayout", "actionsAtom", "useMemo", "Atom", "make", "get", "state", "nodes", "edges", "createCompanionActions", "idPrefix", "selectedVariant", "drawerState", "companionVariant", "undefined", "gapSeparator", "createGapSeparator", "push", "isExpanded", "toggleExpandAction", "id", "type", "Node", "ActionType", "properties", "icon", "label", "iconOnly", "data", "sync", "source", "target", "relation", "closeAction", "actions", "onAction", "Atom", "useMemo", "useCapability", "useAppGraph", "Node", "useActionRunner", "useTranslation", "createGapSeparator", "createMenuItemGroup", "meta", "SimpleLayoutCapabilities", "MAIN_MENU_GROUP_ID", "useNavbarActions", "t", "useTranslation", "meta", "profile", "key", "graph", "useAppGraph", "runAction", "useActionRunner", "stateAtom", "useCapability", "SimpleLayoutCapabilities", "State", "updateState", "useSimpleLayoutState", "actionsAtom", "useMemo", "Atom", "make", "get", "nodes", "edges", "createCompanionActions", "idPrefix", "gapSeparator", "createGapSeparator", "push", "mainMenuGroup", "createMenuItemGroup", "variant", "icon", "iconOnly", "label", "testId", "source", "target", "id", "relation", "rootActions", "actions", "Node", "RootId", "menuActions", "filter", "node", "properties", "disposition", "forEach", "menuAction", "onAction"]
 }

package/dist/lib/neutral/index.mjs

@@ -1,10 +1,10 @@
 import {
   SimpleLayoutCapabilities_exports,
   SimpleLayoutEvents_exports
-} from "./chunk-FD2CAY4Q.mjs";
+} from "./chunk-LLTNQSEB.mjs";
 import {
   meta
-} from "./chunk-OK5336TS.mjs";
+} from "./chunk-T2JFEPBT.mjs";
 import "./chunk-J5LGTIGS.mjs";
 export {
   SimpleLayoutCapabilities_exports as SimpleLayoutCapabilities,