@dxos/react-ui-mosaic 0.9.1-staging.ee54ba693a → 0.11.0

package/dist/lib/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../src/components/Board/BoardColumnContext.ts","../../src/components/Board/BoardContext.ts","../../src/hooks/useContainerDebug.tsx","../../src/hooks/useEventHandlerAdapter.ts","../../src/hooks/useDefaultColumnEventHandler.ts","../../src/components/Mosaic/extension.ts","../../src/components/Board/Item.tsx","../../src/components/Board/Column.tsx","../../src/components/Board/Board.tsx","../../src/components/SearchStack/SearchStack.tsx"],"sourcesContent":["//\n// Copyright 2023 DXOS.org\n//\n\nimport { createContext } from '@radix-ui/react-context';\n\n// Kept out of `Column.tsx`: react-refresh only fast-refreshes a module whose exports are all\n// components, so the context and hook exported beside them force a full page reload on every edit.\n\nexport const BOARD_COLUMN_CONTEXT_NAME = 'Board.Column';\n\nexport type BoardColumnContextValue<TColumn = unknown> = {\n  column: TColumn;\n};\n\nexport const [BoardColumnProvider, useBoardColumnContext] = createContext<BoardColumnContextValue | null>(\n  BOARD_COLUMN_CONTEXT_NAME,\n  null,\n);\n\n/** Returns the current column when rendered inside a board column (e.g., in column header or item tile). */\nexport function useBoardColumn<TColumn = unknown>(): TColumn | undefined {\n  const value = useBoardColumnContext(BOARD_COLUMN_CONTEXT_NAME);\n  return value?.column as TColumn | undefined;\n}\n","//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Atom } from '@effect-atom/atom-react';\nimport { createContext } from '@radix-ui/react-context';\n\nimport { type GetId } from '@dxos/react-ui-dnd';\n\n// Kept out of `Board.tsx`: react-refresh only fast-refreshes a module whose exports are all\n// components, so the model, context and hook exported beside them force a full page reload on every edit.\n\nexport interface BoardModel<TColumn = any, TItem = any> {\n  getColumnId: GetId<TColumn>;\n  getItemId: GetId<TItem>;\n  isColumn: (obj: unknown) => obj is TColumn;\n  isItem: (obj: unknown) => obj is TItem;\n  columns: Atom.Atom<readonly TColumn[] | TColumn[]>;\n  items: (column: TColumn) => Atom.Atom<TItem[]>;\n  getColumns: () => TColumn[];\n  getItems: (column: TColumn) => TItem[];\n  onColumnCreate?: () => Promise<TColumn>;\n  onColumnDelete?: (column: TColumn) => void;\n  onItemCreate?: (column: TColumn) => Promise<TItem>;\n  onItemDelete?: (column: TColumn, item: TItem) => void;\n}\n\n//\n// Context\n//\n\nexport const BOARD_NAME = 'Board';\n\nexport type BoardContextValue<TColumn = any, TItem = any> = {\n  model: BoardModel<TColumn, TItem>;\n};\n\nexport const [BoardContextProvider, useBoardContext] = createContext<BoardContextValue>(BOARD_NAME);\n\n/** Hook to read the board model from context (e.g. in custom column tiles). Pass TColumn and TItem for typed model. */\nexport function useBoard<TColumn = any, TItem = any>(displayName?: string): BoardContextValue<TColumn, TItem> {\n  return useBoardContext(displayName ?? BOARD_NAME) as BoardContextValue<TColumn, TItem>;\n}\n","//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { type FC, type ReactNode, forwardRef, useMemo, useRef } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { JsonHighlighter } from '@dxos/react-ui-syntax-highlighter';\nimport { mx } from '@dxos/ui-theme';\n\nimport { useMosaicContainer } from '../components';\n\nexport type UseContainerDebug = [FC<ThemedClassName>, (() => ReactNode) | undefined];\n\n/**\n * Hook that returns a component to be rendered in the container's viewport (within the context),\n * and a component that creates a portal in the container's debug area.\n */\nexport const useContainerDebug = (debug?: boolean): UseContainerDebug => {\n  const debugRef = useRef<HTMLDivElement | null>(null);\n  return useMemo(() => {\n    if (!debug) {\n      return [() => null, undefined];\n    }\n\n    return [\n      ({ classNames }) => <div className={mx('overflow-hidden', classNames)} ref={debugRef} />,\n      () => debugRef.current && createPortal(<ContainerInfo />, debugRef.current),\n    ];\n  }, [debug, debugRef]);\n};\n\nconst CONTAINER_INFO_NAME = 'ContainerInfo';\n\nconst ContainerInfo = forwardRef<HTMLDivElement, ThemedClassName>(({ classNames }, forwardedRef) => {\n  const { id, state, activeLocation, scrolling } = useMosaicContainer(CONTAINER_INFO_NAME);\n  const counter = useRef(0);\n  return (\n    <JsonHighlighter\n      data={{ id, activeLocation, scrolling, state, count: counter.current++ }}\n      classNames={mx('text-xs', classNames)}\n      ref={forwardedRef}\n    />\n  );\n});\n\nContainerInfo.displayName = CONTAINER_INFO_NAME;\n","//\n// Copyright 2026 DXOS.org\n//\n\nimport { useMemo } from 'react';\n\nimport { type Obj } from '@dxos/echo';\nimport { log } from '@dxos/log';\nimport { type DndContainerHandler, type GetId } from '@dxos/react-ui-dnd';\nimport { arrayMove } from '@dxos/util';\n\nexport type UseEventHandlerProps<TItem = any, TObject extends Obj.Unknown = Obj.Unknown> = Pick<\n  DndContainerHandler<TItem>,\n  'id' | 'canDrop'\n> & {\n  /**\n   * The items to manage.\n   */\n  items: TItem[];\n\n  /**\n   * ID getter.\n   */\n  getId: GetId<TItem>;\n\n  /**\n   * Extracts the object from an item.\n   */\n  get: (item: TItem) => TObject;\n\n  /**\n   * Creates a new item from the dragged object.\n   */\n  make: (object: TObject) => TItem;\n\n  /**\n   * Optional change callback for wrapping mutations in Obj.update style.\n   * When provided, all array mutations will be wrapped in this callback.\n   * When not provided, mutations happen directly on the items array.\n   */\n  onChange?: (mutator: (items: TItem[]) => void) => void;\n};\n\n/**\n * Returns a handler for the given items.\n * NOTE: This supports arrays of objects, or arrays of refs to objects.\n */\nexport const useEventHandlerAdapter = <TItem = any, TObject extends Obj.Unknown = Obj.Unknown>({\n  items,\n  getId,\n  get,\n  make,\n  onChange,\n  ...props\n}: UseEventHandlerProps<TItem, TObject>): DndContainerHandler<TItem> => {\n  return useMemo<DndContainerHandler<TItem>>(\n    () => ({\n      ...props,\n      onTake: ({ source }, cb) => {\n        log.info('onTake', { source });\n        const mutate = (items: TItem[]) => {\n          const from = items.findIndex((item) => getId(item) === source.id);\n          if (from !== -1) {\n            items.splice(from, 1);\n          }\n        };\n\n        if (onChange) {\n          onChange(mutate);\n        } else {\n          mutate(items);\n        }\n\n        void cb(source.data);\n      },\n      onDrop: ({ source, target }) => {\n        log.info('onDrop', { source, target });\n\n        const mutate = (items: TItem[]) => {\n          const to =\n            target?.type === 'tile' || target?.type === 'placeholder'\n              ? target.location\n              : target?.type === 'container'\n                ? items.length\n                : -1;\n          const from = items.findIndex((item) => getId(item) === source.id);\n          const insertIndex = typeof to === 'number' && to >= 0 ? Math.floor(to) : -1;\n          if (insertIndex !== -1) {\n            if (from !== -1) {\n              arrayMove(items, from, insertIndex);\n            } else {\n              // TODO(burdon): This should be the responsibility of the source container.\n              items.splice(insertIndex, 0, make(get(source.data)));\n            }\n          }\n        };\n\n        if (onChange) {\n          onChange(mutate);\n        } else {\n          mutate(items);\n        }\n      },\n    }),\n    [items, onChange],\n  );\n};\n","//\n// Copyright 2026 DXOS.org\n//\n\nimport { type Obj } from '@dxos/echo';\nimport { type DndContainerHandler, type GetId } from '@dxos/react-ui-dnd';\n\nimport { useEventHandlerAdapter } from './useEventHandlerAdapter';\n\n/**\n * Minimal model shape needed to build the default column handler.\n */\nexport type DefaultColumnEventHandlerModel<TColumn = unknown> = {\n  getColumnId: GetId<TColumn>;\n  isColumn: (obj: unknown) => obj is TColumn;\n};\n\n/**\n * Returns the default column drag/drop handler (no persistence).\n * Use this when no custom eventHandler is passed to Board.Content.\n */\nexport const useDefaultColumnEventHandler = <TColumn extends Obj.Unknown = Obj.Unknown>(\n  id: string,\n  model: DefaultColumnEventHandlerModel<TColumn>,\n  items: TColumn[],\n): DndContainerHandler<TColumn> =>\n  useEventHandlerAdapter<TColumn, TColumn>({\n    id,\n    items,\n    getId: model.getColumnId,\n    get: (data) => data,\n    make: (object) => object,\n    canDrop: ({ source }) => model.isColumn(source.data),\n  });\n","//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Extension, StateEffect, StateField } from '@codemirror/state';\nimport { Decoration, type DecorationSet, EditorView, ViewPlugin, WidgetType } from '@codemirror/view';\n\nexport type DropHandlerEvent = {\n  text: string;\n  url: string;\n};\n\nexport type DropHandlerOptions = {\n  onDrop?: (view: EditorView, pos: number, event: DropHandlerEvent) => void;\n};\n\nexport type DropHandler = {\n  extension: Extension;\n  update: (position: { x: number; y: number } | null) => void;\n  cancel: () => void;\n  drop: (event: DropHandlerEvent) => void;\n};\n\nexport const dropHandler = ({ onDrop = handleDrop }: DropHandlerOptions = {}): DropHandler => {\n  const views = new Set<EditorView>();\n  let state: { view: EditorView; pos: number } | null = null;\n\n  const reset = () => {\n    views.forEach((view) => view.dispatch({ effects: setDrop.of(null) }));\n    state = null;\n  };\n\n  const extension: Extension = [\n    dropField,\n    ViewPlugin.fromClass(\n      class {\n        constructor(readonly _view: EditorView) {\n          views.add(_view);\n        }\n\n        destroy() {\n          views.delete(this._view);\n        }\n      },\n    ),\n  ];\n\n  return {\n    extension,\n    update: (position: { x: number; y: number } | null) => {\n      if (!position) {\n        reset();\n        return;\n      }\n\n      views.forEach((view) => {\n        const rect = view.dom.getBoundingClientRect();\n        if (\n          position.x >= rect.left &&\n          position.x <= rect.right &&\n          position.y >= rect.top &&\n          position.y <= rect.bottom\n        ) {\n          let pos = view.posAtCoords(position);\n          if (pos !== null) {\n            const word = view.state.wordAt(pos);\n            if (word) {\n              const startDist = Math.abs(pos - word.from);\n              const endDist = Math.abs(pos - word.to);\n              pos = startDist < endDist ? word.from : word.to;\n            }\n\n            view.dispatch({ effects: setDrop.of(pos) });\n            state = { view, pos };\n            return;\n          }\n        }\n\n        view.dispatch({ effects: setDrop.of(null) });\n      });\n    },\n    cancel: () => {\n      reset();\n    },\n    drop: ({ text, url }) => {\n      if (state) {\n        onDrop(state.view, state.pos, { text, url });\n      }\n\n      reset();\n    },\n  } satisfies DropHandler;\n};\n\nconst handleDrop = (view: EditorView, pos: number, event: DropHandlerEvent) => {\n  const line = view.state.doc.lineAt(pos);\n  if (line.text.trim() === '') {\n    view.dispatch({\n      changes: { from: pos, insert: `\\n![${event.text}](${event.url})\\n` },\n      effects: setDrop.of(null),\n    });\n  } else {\n    view.dispatch({\n      changes: { from: pos, insert: ` [${event.text}](${event.url})` },\n      effects: setDrop.of(null),\n    });\n  }\n};\n\nconst setDrop = StateEffect.define<number | null>();\n\nconst dropField = StateField.define<DecorationSet>({\n  create: () => Decoration.none,\n  update: (decorations, tr) => {\n    for (const effect of tr.effects) {\n      if (effect.is(setDrop)) {\n        if (effect.value === null) {\n          return Decoration.none;\n        }\n        return Decoration.set([\n          Decoration.widget({\n            widget: new (class extends WidgetType {\n              toDOM() {\n                const dom = document.createElement('span');\n                dom.className = 'cm-drop-cursor';\n                dom.style.borderLeft = '2px solid var(--color-accent-bg)';\n                dom.style.display = 'inline-block';\n                dom.style.height = '1em';\n                dom.style.verticalAlign = 'middle';\n                return dom;\n              }\n            })(),\n            side: 0,\n          }).range(effect.value),\n        ]);\n      }\n    }\n    return decorations.map(tr.changes);\n  },\n  provide: (field) => EditorView.decorations.from(field),\n});\n","//\n// Copyright 2023 DXOS.org\n//\n\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport React, { type ReactElement, type Ref as ReactRef, forwardRef, useMemo, useRef, useState } from 'react';\n\nimport { Obj } from '@dxos/echo';\nimport { Card, Icon, IconButton, Tag, useTranslation } from '@dxos/react-ui';\nimport { Menu, createMenuAction } from '@dxos/react-ui-menu';\nimport { getHashStyles } from '@dxos/ui-theme';\n\nimport { translationKey } from '#translations';\n\nimport { Focus } from '../Focus';\nimport { Mosaic, type MosaicTileProps } from '../Mosaic';\nimport { useBoardColumn } from './BoardColumnContext';\nimport { useBoard } from './BoardContext';\n\nconst BOARD_ITEM_NAME = 'Board.Item';\n\ntype BoardItemProps<TItem extends Obj.Unknown = any> = Pick<\n  MosaicTileProps<TItem>,\n  'classNames' | 'location' | 'data' | 'debug' | 'draggable'\n>;\n\nconst BoardItemInner = forwardRef<HTMLDivElement, BoardItemProps>(\n  ({ classNames, data, location, debug, draggable }, forwardedRef) => {\n    const { t } = useTranslation(translationKey);\n    const rootRef = useRef<HTMLDivElement>(null);\n    const composedRef = useComposedRefs<HTMLDivElement>(rootRef, forwardedRef);\n    // Use state (callback ref) so the dragHandle prop updates when the button mounts.\n    // Refs don't trigger re-renders, so reading `.current` at render time leaves the prop null.\n    const [dragHandle, setDragHandle] = useState<HTMLButtonElement | null>(null);\n\n    const { model } = useBoard(BOARD_ITEM_NAME);\n    const column = useBoardColumn();\n    const items = useMemo(\n      () =>\n        column != null && model.onItemDelete\n          ? [\n              createMenuAction('delete-item', () => model.onItemDelete?.(column, data), {\n                label: t('delete-menu.label'),\n                icon: 'ph--trash--regular',\n              }),\n            ]\n          : [],\n      [column, data, model.onItemDelete, t],\n    );\n\n    if (!data) {\n      return null;\n    }\n\n    const label = Obj.getLabel(data);\n    const description = Obj.getDescription(data);\n\n    return (\n      <Menu.Root>\n        <Mosaic.Tile\n          ref={rootRef}\n          asChild\n          draggable={draggable}\n          dragHandle={dragHandle}\n          id={data.id}\n          data={data}\n          location={location}\n          debug={debug}\n        >\n          <Focus.Item asChild>\n            <Card.Root\n              classNames={classNames}\n              data-testid='board-item'\n              ref={composedRef}\n              onClick={(event) => event.currentTarget.focus()}\n            >\n              <Card.Header>\n                <Card.DragHandle ref={setDragHandle} testId='mosaicBoard.cardDragHandle' />\n                <Card.Title data-testid='mosaicBoard.cardTitle'>{label}</Card.Title>\n                {/* TODO(wittjosiah): Reconcile with Card.Menu. */}\n                <Card.Block end>\n                  <Menu.Trigger asChild disabled={!items?.length}>\n                    <IconButton\n                      iconOnly\n                      variant='ghost'\n                      icon='ph--dots-three-vertical--regular'\n                      label={t('action-menu.label')}\n                    />\n                  </Menu.Trigger>\n                </Card.Block>\n                <Menu.Content items={items} />\n              </Card.Header>\n              {/* TODO(burdon): Replace with surface. */}\n              <Card.Row classNames='text-description'>\n                <Card.Block>\n                  <Icon icon='ph--note--regular' />\n                </Card.Block>\n                <Card.Text>{description}</Card.Text>\n              </Card.Row>\n              <Card.Row>\n                <Card.Block>\n                  <Icon icon='ph--tag--regular' />\n                </Card.Block>\n                {label && (\n                  <div className='shrink-0 flex gap-1 items-center text-xs'>\n                    <Tag hue={getHashStyles(label).hue}>{label}</Tag>\n                  </div>\n                )}\n              </Card.Row>\n            </Card.Root>\n          </Focus.Item>\n        </Mosaic.Tile>\n      </Menu.Root>\n    );\n  },\n);\n\nBoardItemInner.displayName = BOARD_ITEM_NAME;\n\n/**\n * Default board tile.\n */\nconst BoardItem = BoardItemInner as <TItem extends Obj.Unknown = any>(\n  props: BoardItemProps<TItem> & { ref?: ReactRef<HTMLDivElement> },\n) => ReactElement;\n\nexport { BoardItem, type BoardItemProps };\n","//\n// Copyright 2023 DXOS.org\n//\n\nimport { useAtomValue } from '@effect-atom/atom-react';\nimport React, {\n  type PropsWithChildren,\n  type ReactElement,\n  type Ref as ReactRef,\n  forwardRef,\n  useMemo,\n  useState,\n} from 'react';\n\nimport { Obj, Ref } from '@dxos/echo';\nimport { useObject } from '@dxos/echo-react';\nimport { IconButton, ScrollArea, type ThemedClassName, Toolbar, useTranslation } from '@dxos/react-ui';\nimport { composable, composableProps } from '@dxos/react-ui';\nimport { Menu, createMenuAction } from '@dxos/react-ui-menu';\nimport { mx } from '@dxos/ui-theme';\n\nimport { translationKey } from '#translations';\n\nimport { useContainerDebug, useEventHandlerAdapter } from '../../hooks';\nimport { Focus } from '../Focus';\nimport { Mosaic, type MosaicContainerProps, type MosaicStackProps, type MosaicTileProps } from '../Mosaic';\nimport { BoardColumnProvider, useBoardColumn } from './BoardColumnContext';\nimport { useBoard } from './BoardContext';\nimport { BoardItem } from './Item';\n\ntype BoardColumnProps<TColumn = any> = Pick<\n  MosaicTileProps<TColumn>,\n  'classNames' | 'location' | 'data' | 'debug' | 'draggable'\n>;\n\n//\n// Column Root\n//\n\nconst BOARD_COLUMN_ROOT_NAME = 'Board.Column.Root';\n\ntype BoardColumnRootProps<TColumn = any> = PropsWithChildren<BoardColumnProps<TColumn>> & {\n  // Pass the actual button element (not a ref). Refs don't trigger re-renders, so reading\n  // `ref.current` at render time leaves Mosaic.Tile's `dragHandle` prop null forever.\n  // Consumers should track this with `useState` and a callback ref on `Board.Column.Header`.\n  dragHandle?: HTMLButtonElement | null;\n};\n\nconst BoardColumnRootInner = composable<HTMLDivElement, BoardColumnRootProps>(\n  ({ classNames, children, location, data, debug, draggable, dragHandle, ...rest }, forwardedRef) => {\n    const { model } = useBoard(BOARD_COLUMN_ROOT_NAME);\n\n    return (\n      <Mosaic.Tile\n        asChild\n        location={location}\n        id={model.getColumnId(data)}\n        data={data}\n        debug={debug}\n        draggable={draggable}\n        dragHandle={dragHandle}\n      >\n        <Focus.Group\n          {...rest}\n          data-testid='board-column'\n          border\n          classNames={mx(\n            'group/column',\n            'h-full w-full md:w-card-default-width snap-center dx-deck-surface',\n            'overflow-hidden',\n            classNames,\n          )}\n          ref={forwardedRef}\n        >\n          <BoardColumnProvider column={data}>{children}</BoardColumnProvider>\n        </Focus.Group>\n      </Mosaic.Tile>\n    );\n  },\n);\n\nBoardColumnRootInner.displayName = BOARD_COLUMN_ROOT_NAME;\n\nconst BoardColumnRoot = BoardColumnRootInner as <TColumn = unknown>(\n  props: BoardColumnRootProps<TColumn> & { ref?: ReactRef<HTMLDivElement> },\n) => ReactElement;\n\n//\n// Column Header\n//\n\nconst BOARD_COLUMN_HEADER_NAME = 'Board.Column.Header';\n\ntype BoardColumnHeaderProps = { label: string; dragHandleRef: ReactRef<HTMLButtonElement> };\n\nconst BoardColumnHeader = composable<HTMLDivElement, BoardColumnHeaderProps>(\n  ({ label, dragHandleRef, ...props }, forwardedRef) => {\n    const { t } = useTranslation(translationKey);\n    const { model } = useBoard(BOARD_COLUMN_HEADER_NAME);\n    const column = useBoardColumn();\n    const columnMenuItems = useMemo(\n      () =>\n        column != null && model.onColumnDelete\n          ? [\n              createMenuAction('delete-column', () => model.onColumnDelete?.(column), {\n                label: t('delete-menu.label'),\n                icon: 'ph--trash--regular',\n              }),\n            ]\n          : [],\n      [column, model.onColumnDelete, t],\n    );\n\n    return (\n      <Menu.Root>\n        {/* TODO(burdon): Use Card.Header. */}\n        <Toolbar.Root\n          {...composableProps(props, { classNames: 'gap-0' })}\n          data-testid='board-column-header'\n          ref={forwardedRef}\n        >\n          <Toolbar.DragHandle ref={dragHandleRef} testId='mosaicBoard.columnDragHandle' />\n          <Toolbar.Text classNames='grow px-0' data-testid='mosaicBoard.columnTitle'>\n            {label}\n          </Toolbar.Text>\n          {/* TODO(wittjosiah): Reconcile with Card.Menu. */}\n          <Menu.Trigger asChild disabled={!columnMenuItems?.length}>\n            <Toolbar.IconButton\n              iconOnly\n              variant='ghost'\n              icon='ph--dots-three-vertical--regular'\n              label={t('action-menu.label')}\n            />\n          </Menu.Trigger>\n          <Menu.Content items={columnMenuItems} />\n        </Toolbar.Root>\n      </Menu.Root>\n    );\n  },\n);\n\nBoardColumnHeader.displayName = BOARD_COLUMN_HEADER_NAME;\n\n//\n// Column Body\n//\n\nconst BOARD_COLUMN_BODY_NAME = 'Board.Column.Body';\n\ntype BoardColumnBodyProps = Pick<BoardColumnProps, 'data'> &\n  Pick<MosaicContainerProps, 'eventHandler' | 'debug'> & {\n    Tile?: MosaicStackProps<Obj.Unknown>['Tile'];\n  };\n\nconst BoardColumnBody = composable<HTMLDivElement, BoardColumnBodyProps>(\n  ({ data, eventHandler, Tile = BoardItem, debug, ...props }, forwardedRef) => {\n    const { model } = useBoard(BOARD_COLUMN_BODY_NAME);\n    const [viewport, setViewport] = useState<HTMLElement | null>(null);\n    const items = useAtomValue(model.items(data));\n\n    return (\n      <Mosaic.Container\n        {...composableProps(props)}\n        asChild\n        withFocus\n        orientation='vertical'\n        autoScroll={viewport}\n        eventHandler={eventHandler}\n        debug={debug}\n        ref={forwardedRef}\n      >\n        <ScrollArea.Root orientation='vertical' thin centered padding>\n          <ScrollArea.Viewport classNames='snap-y md:snap-none' ref={setViewport}>\n            <Mosaic.Stack items={items} getId={model.getItemId} Tile={Tile} />\n          </ScrollArea.Viewport>\n        </ScrollArea.Root>\n      </Mosaic.Container>\n    );\n  },\n);\n\nBoardColumnBody.displayName = BOARD_COLUMN_BODY_NAME;\n\n//\n// Column Footer\n//\n\nconst BOARD_COLUMN_FOOTER_NAME = 'Board.Column.Footer';\n\ntype BoardColumnFooterProps = ThemedClassName & {\n  data?: any;\n  onAdd?: () => void;\n};\n\nconst BoardColumnFooter = forwardRef<HTMLDivElement, BoardColumnFooterProps>(\n  ({ classNames, data, onAdd }, forwardedRef) => {\n    const { t } = useTranslation(translationKey);\n    const { model } = useBoard(BOARD_COLUMN_FOOTER_NAME);\n\n    const handleAdd = onAdd ?? (model.onItemCreate && data ? () => void model.onItemCreate?.(data) : undefined);\n\n    return (\n      <Toolbar.Root classNames={mx('rounded-b-sm border-t border-separator', classNames)} ref={forwardedRef}>\n        {handleAdd && (\n          <IconButton\n            data-testid='board-column-add-item'\n            classNames='group-hover/column:opacity-100 md:opacity-0 transition transition-opacity duration-500'\n            variant='ghost'\n            icon='ph--plus--regular'\n            iconOnly\n            label={t('add-item.label')}\n            onClick={handleAdd}\n          />\n        )}\n      </Toolbar.Root>\n    );\n  },\n);\n\nBoardColumnFooter.displayName = BOARD_COLUMN_FOOTER_NAME;\n\n//\n// DefaultBoardColumn\n//\n\nconst BOARD_DEFAULT_COLUMN_NAME = 'Board.DefaultColumn';\n\ntype DefaultBoardColumnProps = BoardColumnProps & Pick<BoardColumnBodyProps, 'Tile'>;\n\nconst DefaultBoardColumn = forwardRef<HTMLDivElement, DefaultBoardColumnProps>(\n  ({ classNames, location, data, debug, draggable, Tile = BoardItem }, forwardedRef) => {\n    const { model } = useBoard(BOARD_DEFAULT_COLUMN_NAME);\n    const [DebugInfo, debugHandler] = useContainerDebug(debug);\n    const [dragHandle, setDragHandle] = useState<HTMLButtonElement | null>(null);\n    const [column, updateColumn] = useObject(data);\n\n    const eventHandler = useEventHandlerAdapter<Ref.Unknown>({\n      id: model.getColumnId(data),\n      items: column?.items ?? [],\n      getId: (ref) => ref.target?.id ?? ref.uri,\n      get: (refOrObj) => (Ref.isRef(refOrObj) ? refOrObj.target! : refOrObj),\n      make: (object) => Ref.make(object),\n      canDrop: ({ source }) => {\n        const item = Ref.isRef(source.data) ? source.data.target : source.data;\n        return item != null && Obj.isObject(item) && model.isItem(item);\n      },\n      onChange: (mutator) => updateColumn((col) => mutator(col.items)),\n    });\n\n    return (\n      <BoardColumnRootInner\n        classNames={mx(\n          'group/column grid',\n          debug\n            ? 'grid-rows-[var(--dx-rail-action)_1fr_20rem]'\n            : 'grid-rows-[var(--dx-rail-action)_1fr_var(--dx-rail-action)]',\n          classNames,\n        )}\n        location={location}\n        data={data}\n        draggable={draggable}\n        dragHandle={dragHandle}\n        ref={forwardedRef}\n      >\n        <BoardColumnHeader label={Obj.getLabel(data) ?? data.id} dragHandleRef={setDragHandle} />\n        <BoardColumnBody data={data} eventHandler={eventHandler} debug={debugHandler} Tile={Tile} />\n        <div className='flex flex-col col-span-full'>\n          <BoardColumnFooter data={data} />\n          <DebugInfo />\n        </div>\n      </BoardColumnRootInner>\n    );\n  },\n);\n\nDefaultBoardColumn.displayName = BOARD_DEFAULT_COLUMN_NAME;\n\n//\n// BoardColumn\n//\n\nexport const BoardColumn = {\n  Root: BoardColumnRoot,\n  Header: BoardColumnHeader,\n  Body: BoardColumnBody,\n  Footer: BoardColumnFooter,\n};\n\nexport { DefaultBoardColumn };\n\nexport { type BoardColumnProps };\n","//\n// Copyright 2023 DXOS.org\n//\n\nimport { useAtomValue } from '@effect-atom/atom-react';\nimport React, {\n  type PropsWithChildren,\n  type ReactElement,\n  type Ref as ReactRef,\n  forwardRef,\n  useRef,\n  useState,\n} from 'react';\n\nimport { ScrollArea, type ThemedClassName } from '@dxos/react-ui';\nimport { composable, composableProps } from '@dxos/react-ui';\nimport { type DndContainerHandler, useDndRootContext } from '@dxos/react-ui-dnd';\nimport { JsonHighlighter } from '@dxos/react-ui-syntax-highlighter';\nimport { mx } from '@dxos/ui-theme';\n\nimport { useContainerDebug } from '../../hooks';\nimport { Focus } from '../Focus';\nimport { Mosaic, type MosaicPlaceholderProps, type MosaicStackProps, mosaicStyles } from '../Mosaic';\nimport { BoardContextProvider, type BoardContextValue, useBoardContext } from './BoardContext';\nimport { BoardColumn, type BoardColumnProps, DefaultBoardColumn } from './Column';\nimport { BoardItem, type BoardItemProps } from './Item';\n\n//\n// Root\n//\n\nconst BOARD_ROOT_NAME = 'Board.Root';\n\ntype BoardRootProps<TColumn = any, TItem = any> = PropsWithChildren<BoardContextValue<TColumn, TItem>>;\n\nconst BoardRootInner = ({ model, children }: BoardRootProps) => {\n  return <BoardContextProvider model={model}>{children}</BoardContextProvider>;\n};\n\nBoardRootInner.displayName = BOARD_ROOT_NAME;\n\nconst BoardRoot = BoardRootInner as <TColumn = any, TItem = any>(props: BoardRootProps<TColumn, TItem>) => ReactElement;\n\n//\n// Content\n//\n\nconst BOARD_CONTENT_NAME = 'Board.Content';\n\ntype BoardContentProps<TColumn = any> = ThemedClassName<{\n  debug?: boolean;\n  eventHandler?: DndContainerHandler<TColumn>;\n  Tile?: MosaicStackProps<TColumn>['Tile'];\n}>;\n\nconst BoardContentInner = composable<HTMLDivElement, BoardContentProps>(\n  ({ debug, eventHandler, Tile = DefaultBoardColumn, ...props }, forwardedRef) => {\n    const { model } = useBoardContext(BOARD_CONTENT_NAME);\n    const [DebugInfo, debugHandler] = useContainerDebug(debug);\n    const [viewport, setViewport] = useState<HTMLElement | null>(null);\n\n    const items = useAtomValue(model.columns);\n\n    return (\n      <div {...composableProps(props, { classNames: 'dx-container' })} ref={forwardedRef}>\n        <Focus.Group asChild orientation='horizontal'>\n          <Mosaic.Container\n            asChild\n            withFocus\n            orientation='horizontal'\n            autoScroll={viewport}\n            eventHandler={eventHandler}\n            debug={debugHandler}\n            placeholderDebug={debug}\n          >\n            <ScrollArea.Root orientation='horizontal' centered padding>\n              <ScrollArea.Viewport classNames='snap-mandatory snap-x md:snap-none' ref={setViewport}>\n                <Mosaic.Stack items={items} getId={model.getColumnId} Tile={Tile} debug={debug} />\n              </ScrollArea.Viewport>\n            </ScrollArea.Root>\n          </Mosaic.Container>\n        </Focus.Group>\n        <DebugInfo />\n      </div>\n    );\n  },\n);\n\nBoardContentInner.displayName = BOARD_CONTENT_NAME;\n\nconst BoardContent = BoardContentInner as <TColumn = any>(\n  props: BoardContentProps<TColumn> & { ref?: ReactRef<HTMLDivElement> },\n) => ReactElement;\n\n//\n// Placeholder\n//\n\nconst BOARD_PLACEHOLDER_NAME = 'Board.Placeholder';\n\nconst BoardPlaceholder = (props: MosaicPlaceholderProps<number>) => {\n  return (\n    <Mosaic.Placeholder {...props} classNames={mosaicStyles.placeholder.root}>\n      <div\n        className={mx('flex h-full border border-dashed border-separator rounded-xs', mosaicStyles.placeholder.content)}\n      />\n    </Mosaic.Placeholder>\n  );\n};\n\nBoardPlaceholder.displayName = BOARD_PLACEHOLDER_NAME;\n\n//\n// Debug\n//\n\nconst BOARD_DEBUG_NAME = 'Board.Debug';\n\nexport const BoardDebug = forwardRef<HTMLDivElement, ThemedClassName>(({ classNames }, forwardedRef) => {\n  const { containers, dragging } = useDndRootContext(BOARD_DEBUG_NAME);\n  const counter = useRef(0);\n  return (\n    <JsonHighlighter\n      data={{ containers, dragging, count: counter.current++ }}\n      classNames={mx('text-xs', classNames)}\n      ref={forwardedRef}\n    />\n  );\n});\n\nBoardDebug.displayName = BOARD_DEBUG_NAME;\n\n//\n// Board\n//\n\nexport const Board = {\n  Root: BoardRoot,\n  Content: BoardContent,\n  Column: BoardColumn,\n  Item: BoardItem,\n  Placeholder: BoardPlaceholder,\n  Debug: BoardDebug,\n};\n\nexport type { BoardColumnProps, BoardContentProps, BoardItemProps, BoardRootProps };\n","//\n// Copyright 2026 DXOS.org\n//\n\nimport React, { type KeyboardEvent, forwardRef, useCallback, useMemo, useState } from 'react';\n\nimport { Card, ScrollArea } from '@dxos/react-ui';\nimport { composable, composableProps } from '@dxos/react-ui';\nimport { type SearchResult } from '@dxos/react-ui-search';\n\nimport { Focus, Mosaic, type MosaicTileProps, useMosaicContainer } from '../..';\n\nexport type SearchStackAction = {\n  type: 'select';\n  resultId: string;\n};\n\nexport type SearchStackActionHandler = (action: SearchStackAction) => void;\n\n//\n// SearchStack\n//\n\nexport type SearchStackProps = {\n  id: string;\n  results?: SearchResult[];\n  currentId?: string;\n  onAction?: SearchStackActionHandler;\n};\n\n/**\n * Card-based search result stack component using mosaic layout.\n */\nexport const SearchStack = composable<HTMLDivElement, SearchStackProps>(\n  ({ results = [], currentId, onAction, ...props }, forwardedRef) => {\n    const [viewport, setViewport] = useState<HTMLElement | null>(null);\n    const items = useMemo(() => results.map((result) => ({ result, onAction })), [results, onAction]);\n\n    const handleCurrentChange = useCallback(\n      (id: string | undefined) => {\n        if (id) {\n          onAction?.({ type: 'select', resultId: id });\n        }\n      },\n      [onAction],\n    );\n\n    const handleKeyDown = useCallback((event: KeyboardEvent<HTMLDivElement>) => {\n      if (event.key === 'Enter') {\n        event.preventDefault();\n        (document.activeElement as HTMLElement | null)?.click();\n      }\n    }, []);\n\n    return (\n      <Focus.Group asChild {...composableProps(props)} onKeyDown={handleKeyDown} ref={forwardedRef}>\n        <Mosaic.Container asChild withFocus currentId={currentId} onCurrentChange={handleCurrentChange}>\n          <ScrollArea.Root orientation='vertical' padding centered thin>\n            <ScrollArea.Viewport ref={setViewport}>\n              <Mosaic.VirtualStack\n                Tile={SearchTile}\n                classNames='my-2'\n                gap={8}\n                items={items}\n                draggable={false}\n                getId={(item) => item.result.id}\n                getScrollElement={() => viewport}\n                estimateSize={() => 100}\n              />\n            </ScrollArea.Viewport>\n          </ScrollArea.Root>\n        </Mosaic.Container>\n      </Focus.Group>\n    );\n  },\n);\n\nSearchStack.displayName = 'SearchStack';\n\n//\n// SearchTile\n//\n\ntype SearchTileData = {\n  result: SearchResult;\n  onAction?: SearchStackActionHandler;\n};\n\ntype SearchTileProps = Pick<MosaicTileProps<SearchTileData>, 'location' | 'data' | 'current'>;\n\n/**\n * Default search result tile with a simple Card header.\n */\nconst SearchTile = forwardRef<HTMLDivElement, SearchTileProps>(({ data, location, current }, forwardedRef) => {\n  const { result } = data;\n  const { setCurrentId } = useMosaicContainer('SearchTile');\n\n  const handleCurrentChange = useCallback(() => {\n    setCurrentId(result.id);\n  }, [result.id, setCurrentId]);\n\n  // Navigation / current pattern: clicking a result navigates to its\n  // detail. `dx-current` pairs with the `aria-current` attribute that\n  // `Mosaic.Tile` now sets from the `current` prop. `dx-selected`\n  // (master/detail option pattern) would be the wrong grammar here.\n  // See `ui-theme/src/css/components/selected.md`.\n  return (\n    <Mosaic.Tile\n      asChild\n      classNames='dx-hover dx-current'\n      id={result.id}\n      data={data}\n      location={location}\n      current={current}\n    >\n      <Focus.Item asChild current={current} onCurrentChange={handleCurrentChange}>\n        <Card.Root fullWidth ref={forwardedRef}>\n          <Card.Header>\n            <Card.Block />\n            <Card.Title>{result.label}</Card.Title>\n          </Card.Header>\n          {result.snippet && (\n            <Card.Body>\n              <Card.Row>\n                <Card.Text variant='description'>{result.snippet}</Card.Text>\n              </Card.Row>\n            </Card.Body>\n          )}\n        </Card.Root>\n      </Focus.Item>\n    </Mosaic.Tile>\n  );\n});\n\nSearchTile.displayName = 'SearchTile';\n"],"mappings":"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"}

package/dist/lib/playwright.mjs

@@ -0,0 +1,200 @@
+import { expect } from "@playwright/test";
+//#region src/playwright/board-manager.ts
+var BoardManager = class {
+	locator;
+	_page;
+	constructor(locator) {
+		this.locator = locator;
+		this._page = locator.page();
+	}
+	columns() {
+		return this.locator.getByTestId("board-column");
+	}
+	column(index) {
+		return new ColumnManager(this.locator.getByTestId("board-column").nth(index));
+	}
+};
+var ColumnManager = class {
+	locator;
+	_page;
+	constructor(locator) {
+		this.locator = locator;
+		this._page = locator.page();
+	}
+	items() {
+		return this.locator.getByTestId("board-item");
+	}
+	item(index) {
+		return new ItemManager(this.locator.getByTestId("board-item").nth(index));
+	}
+	async addItem() {
+		await this.locator.getByTestId("board-column-add-item").click();
+	}
+	header() {
+		return this.locator.getByTestId("board-column-header");
+	}
+	title() {
+		return this.locator.getByTestId("mosaicBoard.columnTitle");
+	}
+	async dragTo(target, offset = {
+		x: 0,
+		y: 0
+	}) {
+		const handle = this.header().getByTestId("mosaicBoard.columnDragHandle");
+		const handleBox = await handle.boundingBox();
+		if (!handleBox) return;
+		await handle.hover();
+		await this._page.mouse.down();
+		await this._page.mouse.move(handleBox.x + handleBox.width / 2 + 1, handleBox.y + handleBox.height / 2, { steps: 1 });
+		await this._page.waitForTimeout(200);
+		const box = await target.boundingBox();
+		if (box) {
+			await this._page.mouse.move(offset.x + box.x + box.width / 2, offset.y + box.y + box.height / 2, { steps: 4 });
+			await this._page.waitForTimeout(100);
+			await this._page.mouse.up();
+		}
+	}
+};
+var ItemManager = class {
+	locator;
+	_page;
+	constructor(locator) {
+		this.locator = locator;
+		this._page = locator.page();
+	}
+	title() {
+		return this.locator.getByTestId("mosaicBoard.cardTitle");
+	}
+	async dragTo(target, offset = {
+		x: 0,
+		y: 0
+	}, edge) {
+		const handle = this.locator.getByTestId("mosaicBoard.cardDragHandle");
+		const handleBox = await handle.boundingBox();
+		if (!handleBox) return;
+		const targetHandle = await target.elementHandle();
+		const box = targetHandle ? await targetHandle.boundingBox() : null;
+		if (!targetHandle || !box) return;
+		const sourceHandle = await this.locator.elementHandle();
+		await handle.hover();
+		await this._page.mouse.down();
+		await this._page.waitForTimeout(100);
+		if (edge) {
+			await this._page.mouse.move(handleBox.x + handleBox.width / 2 + 1, handleBox.y + handleBox.height / 2, { steps: 1 });
+			await this._page.mouse.move(box.x + box.width / 2, box.y + box.height / 2, { steps: 4 });
+			await expect.poll(() => this._page.locator("[data-mosaic-container-state=\"active\"]").count(), { timeout: 2e3 }).toBeGreaterThan(0);
+			if (sourceHandle) await this._page.waitForFunction((el) => !el || !el.isConnected, sourceHandle, { timeout: 2e3 });
+			const placeholderHandle = await this._adjacentPlaceholder(targetHandle, edge);
+			if (placeholderHandle) {
+				const phBox = await placeholderHandle.boundingBox();
+				if (phBox) {
+					const aimX = phBox.x + phBox.width / 2;
+					const aimY = phBox.y + Math.max(phBox.height / 2, 1);
+					await this._page.mouse.move(aimX, aimY, { steps: 4 });
+					const isActive = () => placeholderHandle.evaluate((el) => el.getAttribute("data-mosaic-placeholder-state") === "active");
+					if (!await isActive()) {
+						const start = Date.now();
+						let nudge = 0;
+						while (Date.now() - start < 3e3) {
+							await this._page.waitForTimeout(100);
+							nudge = (nudge + 1) % 4;
+							const dx = nudge === 0 || nudge === 2 ? 1 : -1;
+							const dy = nudge === 1 || nudge === 2 ? 1 : -1;
+							await this._page.mouse.move(aimX + dx, aimY + dy, { steps: 1 });
+							if (await isActive()) break;
+						}
+						await expect.poll(() => placeholderHandle.evaluate((el) => el.getAttribute("data-mosaic-placeholder-state")), { timeout: 1e3 }).toBe("active");
+					}
+					const expanded = await placeholderHandle.boundingBox();
+					if (expanded) await this._page.mouse.move(expanded.x + expanded.width / 2, expanded.y + expanded.height / 2, { steps: 2 });
+				}
+			}
+		} else {
+			await this._page.mouse.move(offset.x + box.x + box.width / 2, offset.y + box.y + box.height / 2, { steps: 4 });
+			await this._page.waitForTimeout(100);
+		}
+		await this._page.mouse.up();
+	}
+	/**
+	* Find the placeholder element adjacent to `target` on the requested
+	* side via DOM walk. Returns `null` if the target has no matching
+	* sibling (e.g. when the caller passes a non-tile target).
+	*/
+	async _adjacentPlaceholder(targetHandle, edge) {
+		const before = edge === "top" || edge === "left";
+		const handle = (await targetHandle.evaluateHandle((el, beforeArg) => {
+			let sibling = beforeArg ? el.previousElementSibling : el.nextElementSibling;
+			while (sibling && !sibling.hasAttribute("data-mosaic-placeholder-location")) sibling = beforeArg ? sibling.previousElementSibling : sibling.nextElementSibling;
+			return sibling;
+		}, before)).asElement();
+		if (!handle) return null;
+		return await handle.evaluate((el) => el !== null) ? handle : null;
+	}
+	/**
+	* Drag this item to a column's scroll bottom, using auto-scroll when needed,
+	* then drop on the target item.
+	*
+	* When the target is already visible in the viewport (no scrolling needed), the
+	* item is dragged directly to the target. When the target is below the viewport,
+	* the mouse is held near the footer to trigger pragmatic auto-scroll until the
+	* target scrolls into view.
+	*
+	* @param holdTarget - The footer element; mouse is held ~20px above it to trigger auto-scroll.
+	* @param dropTarget - The element to drop on.
+	* @param dropOffset - Offset from the drop target center.
+	*/
+	async dragToEndWithAutoScroll(holdTarget, dropTarget, dropOffset = {
+		x: 0,
+		y: 0
+	}) {
+		const handle = this.locator.getByTestId("mosaicBoard.cardDragHandle");
+		const holdBox = await holdTarget.boundingBox();
+		if (!holdBox) return;
+		const holdX = holdBox.x + holdBox.width / 2;
+		const holdY = holdBox.y - 20;
+		const preDropBox = await dropTarget.boundingBox();
+		const needsScroll = !preDropBox || preDropBox.y >= holdBox.y;
+		await handle.hover();
+		await this._page.mouse.down();
+		await this._page.waitForTimeout(100);
+		if (!needsScroll) {
+			await this._page.mouse.move(holdX, holdY, { steps: 4 });
+			const dropBox = await dropTarget.boundingBox();
+			if (dropBox) {
+				const dropX = dropOffset.x + dropBox.x + dropBox.width / 2;
+				const dropY = dropOffset.y + dropBox.y + dropBox.height / 2;
+				await this._page.mouse.move(dropX, dropY, { steps: 8 });
+				await this._page.waitForTimeout(200);
+				await this._page.mouse.up();
+				return;
+			}
+			await this._page.mouse.up();
+			return;
+		}
+		await this._page.mouse.move(holdX, holdY, { steps: 4 });
+		for (let i = 0; i < 40; i++) {
+			await this._page.waitForTimeout(200);
+			await this._page.mouse.move(holdX + i % 2, holdY, { steps: 1 });
+			const dropBox = await dropTarget.boundingBox();
+			if (dropBox && dropBox.y + dropBox.height < holdY) {
+				const finalBox = await dropTarget.boundingBox();
+				if (!finalBox) {
+					await this._page.mouse.up();
+					return;
+				}
+				const dropX = dropOffset.x + finalBox.x + finalBox.width / 2;
+				const dropY = dropOffset.y + finalBox.y + finalBox.height / 2;
+				await this._page.mouse.move(dropX, dropY, { steps: 8 });
+				await dropTarget.waitFor({ state: "visible" });
+				await this._page.waitForTimeout(200);
+				await this._page.mouse.up();
+				return;
+			}
+		}
+		await this._page.mouse.up();
+	}
+};
+//#endregion
+export { BoardManager, ColumnManager, ItemManager };
+
+//# sourceMappingURL=playwright.mjs.map

package/dist/lib/playwright.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"playwright.mjs","names":[],"sources":["../../src/playwright/board-manager.ts"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Locator, type Page, expect } from '@playwright/test';\n\n/**\n * Edge of the target tile to drop on. Pragmatic-dnd assigns the closest edge\n * based on cursor position; a stale (pre-layout-shift) cursor can land in the\n * wrong half. When `dragTo` is called with an `edge`, the helper waits for the\n * target tile to register the drag, re-measures the target after the\n * placeholder has expanded, repositions the cursor near the requested edge,\n * and confirms via `data-mosaic-tile-edge` before releasing.\n */\nexport type DragEdge = 'top' | 'bottom' | 'left' | 'right';\n\nexport class BoardManager {\n  private readonly _page: Page;\n\n  constructor(readonly locator: Locator) {\n    this._page = locator.page();\n  }\n\n  columns(): Locator {\n    return this.locator.getByTestId('board-column');\n  }\n\n  column(index: number): ColumnManager {\n    return new ColumnManager(this.locator.getByTestId('board-column').nth(index));\n  }\n}\n\nexport class ColumnManager {\n  private readonly _page: Page;\n\n  constructor(readonly locator: Locator) {\n    this._page = locator.page();\n  }\n\n  items(): Locator {\n    return this.locator.getByTestId('board-item');\n  }\n\n  item(index: number): ItemManager {\n    return new ItemManager(this.locator.getByTestId('board-item').nth(index));\n  }\n\n  async addItem(): Promise<void> {\n    await this.locator.getByTestId('board-column-add-item').click();\n  }\n\n  header(): Locator {\n    return this.locator.getByTestId('board-column-header');\n  }\n\n  title(): Locator {\n    return this.locator.getByTestId('mosaicBoard.columnTitle');\n  }\n\n  async dragTo(target: Locator, offset = { x: 0, y: 0 }): Promise<void> {\n    const handle = this.header().getByTestId('mosaicBoard.columnDragHandle');\n    const handleBox = await handle.boundingBox();\n    if (!handleBox) {\n      return;\n    }\n\n    await handle.hover();\n    await this._page.mouse.down();\n    // Small initial movement to trigger the native drag start.\n    await this._page.mouse.move(handleBox.x + handleBox.width / 2 + 1, handleBox.y + handleBox.height / 2, {\n      steps: 1,\n    });\n    // Allow the drag monitor to register and the DOM to settle\n    // (the dragged column is removed from visible items, shifting remaining columns).\n    await this._page.waitForTimeout(200);\n    const box = await target.boundingBox();\n    if (box) {\n      await this._page.mouse.move(offset.x + box.x + box.width / 2, offset.y + box.y + box.height / 2, { steps: 4 });\n      // Allow the drop target to process the hover before releasing.\n      await this._page.waitForTimeout(100);\n      await this._page.mouse.up();\n    }\n  }\n}\n\nexport class ItemManager {\n  private readonly _page: Page;\n\n  constructor(readonly locator: Locator) {\n    this._page = locator.page();\n  }\n\n  title(): Locator {\n    return this.locator.getByTestId('mosaicBoard.cardTitle');\n  }\n\n  async dragTo(target: Locator, offset: { x: number; y: number } = { x: 0, y: 0 }, edge?: DragEdge): Promise<void> {\n    const handle = this.locator.getByTestId('mosaicBoard.cardDragHandle');\n    const handleBox = await handle.boundingBox();\n    if (!handleBox) {\n      return;\n    }\n\n    // Capture stable ElementHandles to source and target before the drag\n    // begins. Both `nth(N)` locators shift when `useVisibleItems` filters the\n    // source out of its column, so we need raw DOM references that survive\n    // the reconciliation.\n    const targetHandle = await target.elementHandle();\n    const box = targetHandle ? await targetHandle.boundingBox() : null;\n    if (!targetHandle || !box) {\n      return;\n    }\n    const sourceHandle = await this.locator.elementHandle();\n\n    await handle.hover();\n    await this._page.mouse.down();\n    // Allow the drag monitor to register the grab before moving.\n    await this._page.waitForTimeout(100);\n\n    if (edge) {\n      // Stage 1: trigger the dragstart. A 1-pixel nudge near the press\n      // point primes pragmatic-dnd's HTML5 dragstart, then a long move\n      // over the target tile commits the drag past every browser's\n      // \"click vs drag\" threshold.\n      await this._page.mouse.move(handleBox.x + handleBox.width / 2 + 1, handleBox.y + handleBox.height / 2, {\n        steps: 1,\n      });\n      await this._page.mouse.move(box.x + box.width / 2, box.y + box.height / 2, { steps: 4 });\n\n      // Wait for `data-mosaic-container-state=\"active\"` so we know the\n      // dragstart has been processed. This alone is *not* enough: pragmatic-\n      // dnd's `monitorForElements.onDragStart` (Root.tsx) and the\n      // `dropTargetForElements.onDragStart` (Container.tsx) write into\n      // independent React state, and only the latter drives the attribute.\n      // The former drives `useVisibleItems` filtering, which is what\n      // physically reflows the column. So we ALSO wait for the source tile\n      // to detach from the DOM — that's the unambiguous signal that the\n      // reflow has happened and any cached bbox is stale.\n      await expect\n        .poll(() => this._page.locator('[data-mosaic-container-state=\"active\"]').count(), { timeout: 2000 })\n        .toBeGreaterThan(0);\n      if (sourceHandle) {\n        await this._page.waitForFunction((el) => !el || !el.isConnected, sourceHandle, { timeout: 2000 });\n      }\n\n      // Stage 2: walk siblings on the (now reflowed) drag-time DOM and aim\n      // at the placeholder representing the requested edge. The Fragment\n      // keying on item id keeps the target tile's adjacent placeholder DOM\n      // node stable across reconciliation, but its `location` prop and bbox\n      // both change once the source is filtered out — measure after the\n      // reflow, never before.\n      const placeholderHandle = await this._adjacentPlaceholder(targetHandle, edge);\n      if (placeholderHandle) {\n        const phBox = await placeholderHandle.boundingBox();\n        if (phBox) {\n          const aimX = phBox.x + phBox.width / 2;\n          const aimY = phBox.y + Math.max(phBox.height / 2, 1);\n          await this._page.mouse.move(aimX, aimY, { steps: 4 });\n\n          // Some browser/CDP combinations need a follow-up nudge to push\n          // the dragOver event through — re-aim with a 1px offset and poll.\n          const isActive = () =>\n            placeholderHandle.evaluate((el) => el.getAttribute('data-mosaic-placeholder-state') === 'active');\n          if (!(await isActive())) {\n            const start = Date.now();\n            let nudge = 0;\n            while (Date.now() - start < 3000) {\n              await this._page.waitForTimeout(100);\n              nudge = (nudge + 1) % 4;\n              const dx = nudge === 0 || nudge === 2 ? 1 : -1;\n              const dy = nudge === 1 || nudge === 2 ? 1 : -1;\n              await this._page.mouse.move(aimX + dx, aimY + dy, { steps: 1 });\n              if (await isActive()) {\n                break;\n              }\n            }\n            await expect\n              .poll(() => placeholderHandle.evaluate((el) => el.getAttribute('data-mosaic-placeholder-state')), {\n                timeout: 1000,\n              })\n              .toBe('active');\n          }\n\n          // Re-centre on the now-expanded placeholder so the drop lands\n          // solidly inside it.\n          const expanded = await placeholderHandle.boundingBox();\n          if (expanded) {\n            await this._page.mouse.move(expanded.x + expanded.width / 2, expanded.y + expanded.height / 2, {\n              steps: 2,\n            });\n          }\n        }\n      }\n    } else {\n      // Legacy path: no explicit edge — rely on the offset placement and a\n      // small settle delay before releasing.\n      await this._page.mouse.move(offset.x + box.x + box.width / 2, offset.y + box.y + box.height / 2, { steps: 4 });\n      await this._page.waitForTimeout(100);\n    }\n    await this._page.mouse.up();\n  }\n\n  /**\n   * Find the placeholder element adjacent to `target` on the requested\n   * side via DOM walk. Returns `null` if the target has no matching\n   * sibling (e.g. when the caller passes a non-tile target).\n   */\n  private async _adjacentPlaceholder(\n    targetHandle: import('@playwright/test').ElementHandle<Element | SVGElement | HTMLElement>,\n    edge: DragEdge,\n  ): Promise<import('@playwright/test').ElementHandle<HTMLElement> | null> {\n    const before = edge === 'top' || edge === 'left';\n    const result = await targetHandle.evaluateHandle((el, beforeArg) => {\n      let sibling: Element | null = beforeArg ? el.previousElementSibling : el.nextElementSibling;\n      while (sibling && !sibling.hasAttribute('data-mosaic-placeholder-location')) {\n        sibling = beforeArg ? sibling.previousElementSibling : sibling.nextElementSibling;\n      }\n      return sibling as HTMLElement | null;\n    }, before);\n    const handle = result.asElement() as import('@playwright/test').ElementHandle<HTMLElement> | null;\n    if (!handle) {\n      return null;\n    }\n    // `evaluateHandle` returning `null` still produces a non-null JSHandle —\n    // verify the underlying element actually exists.\n    const exists = await handle.evaluate((el) => el !== null);\n    return exists ? handle : null;\n  }\n\n  /**\n   * Drag this item to a column's scroll bottom, using auto-scroll when needed,\n   * then drop on the target item.\n   *\n   * When the target is already visible in the viewport (no scrolling needed), the\n   * item is dragged directly to the target. When the target is below the viewport,\n   * the mouse is held near the footer to trigger pragmatic auto-scroll until the\n   * target scrolls into view.\n   *\n   * @param holdTarget - The footer element; mouse is held ~20px above it to trigger auto-scroll.\n   * @param dropTarget - The element to drop on.\n   * @param dropOffset - Offset from the drop target center.\n   */\n  async dragToEndWithAutoScroll(holdTarget: Locator, dropTarget: Locator, dropOffset = { x: 0, y: 0 }): Promise<void> {\n    const handle = this.locator.getByTestId('mosaicBoard.cardDragHandle');\n    const holdBox = await holdTarget.boundingBox();\n    if (!holdBox) {\n      return;\n    }\n\n    // The hold position is ~20px above the footer to trigger pragmatic auto-scroll.\n    const holdX = holdBox.x + holdBox.width / 2;\n    const holdY = holdBox.y - 20;\n\n    // Check if drop target is already visible before starting the drag.\n    // Items may fit in the viewport without scrolling, in which case auto-scroll\n    // is not needed and the loop's exit condition would never be satisfied.\n    const preDropBox = await dropTarget.boundingBox();\n    const needsScroll = !preDropBox || preDropBox.y >= holdBox.y;\n\n    await handle.hover();\n    await this._page.mouse.down();\n    // Allow the drag monitor to register the grab before moving.\n    await this._page.waitForTimeout(100);\n\n    if (!needsScroll) {\n      // Target is already visible — drag directly without auto-scroll.\n      await this._page.mouse.move(holdX, holdY, { steps: 4 });\n      const dropBox = await dropTarget.boundingBox();\n      if (dropBox) {\n        const dropX = dropOffset.x + dropBox.x + dropBox.width / 2;\n        const dropY = dropOffset.y + dropBox.y + dropBox.height / 2;\n        await this._page.mouse.move(dropX, dropY, { steps: 8 });\n        await this._page.waitForTimeout(200);\n        await this._page.mouse.up();\n        return;\n      }\n      await this._page.mouse.up();\n      return;\n    }\n\n    // Move to hold position above the footer to trigger auto-scroll.\n    await this._page.mouse.move(holdX, holdY, { steps: 4 });\n\n    // Hold and nudge mouse periodically to keep auto-scroll active until drop target is visible.\n    for (let i = 0; i < 40; i++) {\n      // Wait between nudges to give auto-scroll time to advance.\n      await this._page.waitForTimeout(200);\n      // Small nudge to keep drag events firing (auto-scroll stalls without movement).\n      await this._page.mouse.move(holdX + (i % 2), holdY, { steps: 1 });\n\n      const dropBox = await dropTarget.boundingBox();\n      if (dropBox && dropBox.y + dropBox.height < holdY) {\n        // Drop target has scrolled into view. Re-read box so we use current position (scroll may have moved it).\n        const finalBox = await dropTarget.boundingBox();\n        if (!finalBox) {\n          await this._page.mouse.up();\n          return;\n        }\n\n        const dropX = dropOffset.x + finalBox.x + finalBox.width / 2;\n        const dropY = dropOffset.y + finalBox.y + finalBox.height / 2;\n        await this._page.mouse.move(dropX, dropY, { steps: 8 });\n        // Let drop target receive dragOver and settle (headless is faster; needs a moment to register).\n        await dropTarget.waitFor({ state: 'visible' });\n        await this._page.waitForTimeout(200);\n        await this._page.mouse.up();\n        return;\n      }\n    }\n\n    // Fallback: drop wherever we are.\n    await this._page.mouse.up();\n  }\n}\n"],"mappings":"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"}

package/dist/lib/testing.mjs

@@ -0,0 +1,127 @@
+import { a as Focus, t as Mosaic } from "./chunk-Mosaic.mjs";
+import { useMemo, useRef, useState } from "react";
+import { Card, Icon, IconButton, Popover } from "@dxos/react-ui";
+import { Dnd, ResizeHandle, resizeAttributes, sizeStyle } from "@dxos/react-ui-dnd";
+import { JsonHighlighter } from "@dxos/react-ui-syntax-highlighter";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { DXN, Obj, Ref, Type } from "@dxos/echo";
+import { Menu, createMenuAction } from "@dxos/react-ui-menu";
+import * as Schema from "effect/Schema";
+import { EntityId } from "@dxos/keys";
+import { useControllableState } from "@radix-ui/react-use-controllable-state";
+//#region src/testing/decorator.tsx
+var withMosaic = () => {
+	return (Story) => /* @__PURE__ */ jsx(Dnd.Root, { children: /* @__PURE__ */ jsx(Story, {}) });
+};
+//#endregion
+//#region src/testing/types.ts
+var TestItem = class extends Type.makeObject(DXN.make("com.example.type.item", "0.1.0"))(Schema.Struct({
+	name: Schema.String,
+	description: Schema.optional(Schema.String),
+	label: Schema.optional(Schema.String)
+})) {};
+var TestColumn = class extends Type.makeObject(DXN.make("com.example.type.column", "0.1.0"))(Schema.Struct({
+	id: EntityId,
+	name: Schema.String,
+	items: Schema.mutable(Schema.Array(Ref.Ref(TestItem)))
+})) {};
+//#endregion
+//#region src/testing/CardContainer.tsx
+var DEFAULT_BLOCK_SIZE = 22;
+var MIN_BLOCK_SIZE = 8;
+var CardContainer = ({ children, role, icon = "ph--arrow-line-down--regular" }) => {
+	switch (role) {
+		case "popover": return /* @__PURE__ */ jsx("div", {
+			className: "flex justify-center",
+			children: /* @__PURE__ */ jsx(PopoverCardContainer, {
+				icon,
+				children
+			})
+		});
+		default: return /* @__PURE__ */ jsx(IntrinsicCardContainer, { children });
+	}
+};
+var PopoverCardContainer = ({ children, icon = "ph--arrow-line-down--regular" }) => {
+	return /* @__PURE__ */ jsxs(Popover.Root, {
+		open: true,
+		children: [/* @__PURE__ */ jsx(Popover.Trigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(Icon, { icon })
+		}), /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsxs(Popover.Content, {
+			onOpenAutoFocus: (event) => event.preventDefault(),
+			children: [/* @__PURE__ */ jsx(Popover.Viewport, {
+				classNames: "dx-card-popover",
+				children
+			}), /* @__PURE__ */ jsx(Popover.Arrow, {})]
+		}) })]
+	});
+};
+var IntrinsicCardContainer = ({ children, defaultSize, size: propSize, onSizeChange }) => {
+	const [size = DEFAULT_BLOCK_SIZE, setSize] = useControllableState({
+		prop: propSize,
+		defaultProp: defaultSize,
+		onChange: onSizeChange
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "relative p-2 grid overflow-hidden border-2 border-dashed border-green-500 rounded-lg",
+		style: sizeStyle(size, "horizontal"),
+		...resizeAttributes,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "dx-container flex flex-col",
+			children
+		}), /* @__PURE__ */ jsx(ResizeHandle, {
+			side: "inline-end",
+			fallbackSize: DEFAULT_BLOCK_SIZE,
+			minSize: MIN_BLOCK_SIZE,
+			size,
+			onSizeChange: setSize
+		})]
+	});
+};
+//#endregion
+//#region src/testing/DefaultStackTile.tsx
+var DefaultStackTile = (props) => {
+	const dragHandleRef = useRef(null);
+	const [open, setOpen] = useState(false);
+	const menuItems = useMemo(() => [createMenuAction("toggle-details", () => setOpen((prev) => !prev), {
+		label: open ? "Hide details" : "Show details",
+		icon: "ph--circle-dashed--regular"
+	})], [open]);
+	return /* @__PURE__ */ jsx(Menu.Root, { children: /* @__PURE__ */ jsx(Mosaic.Tile, {
+		...props,
+		asChild: true,
+		children: /* @__PURE__ */ jsx(Focus.Item, {
+			asChild: true,
+			children: /* @__PURE__ */ jsxs(Card.Root, {
+				fullWidth: true,
+				classNames: "dx-current dx-hover",
+				children: [/* @__PURE__ */ jsxs(Card.Header, { children: [
+					/* @__PURE__ */ jsx(Card.DragHandle, { ref: dragHandleRef }),
+					/* @__PURE__ */ jsx(Card.Title, { children: Obj.getLabel(props.data) ?? props.data.id }),
+					/* @__PURE__ */ jsx(Card.Block, {
+						end: true,
+						children: /* @__PURE__ */ jsx(Menu.Trigger, {
+							asChild: true,
+							disabled: !menuItems?.length,
+							children: /* @__PURE__ */ jsx(IconButton, {
+								iconOnly: true,
+								variant: "ghost",
+								icon: "ph--dots-three-vertical--regular",
+								label: "Menu"
+							})
+						})
+					}),
+					/* @__PURE__ */ jsx(Menu.Content, { items: menuItems })
+				] }), open && /* @__PURE__ */ jsx(Card.Row, { children: /* @__PURE__ */ jsx(JsonHighlighter, {
+					data: props.data,
+					classNames: "text-xs"
+				}) })]
+			})
+		})
+	}) });
+};
+DefaultStackTile.displayName = "DefaultStackTile";
+//#endregion
+export { CardContainer, DefaultStackTile, IntrinsicCardContainer, PopoverCardContainer, TestColumn, TestItem, withMosaic };
+
+//# sourceMappingURL=testing.mjs.map

package/dist/lib/testing.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"testing.mjs","names":[],"sources":["../../src/testing/decorator.tsx","../../src/testing/types.ts","../../src/testing/CardContainer.tsx","../../src/testing/DefaultStackTile.tsx"],"sourcesContent":["//\n// Copyright 2026 DXOS.org\n//\n\nimport { type Decorator } from '@storybook/react-vite';\nimport React from 'react';\n\nimport { Dnd } from '@dxos/react-ui-dnd';\n\nexport const withMosaic = (): Decorator => {\n  return (Story) => (\n    <Dnd.Root>\n      <Story />\n    </Dnd.Root>\n  );\n};\n","//\n// Copyright 2023 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { DXN, Ref, Type } from '@dxos/echo';\nimport { EntityId } from '@dxos/keys';\n\n//\n// Test Data\n//\n\nexport class TestItem extends Type.makeObject<TestItem>(DXN.make('com.example.type.item', '0.1.0'))(\n  Schema.Struct({\n    name: Schema.String,\n    description: Schema.optional(Schema.String),\n    label: Schema.optional(Schema.String),\n  }),\n) {}\n\nexport class TestColumn extends Type.makeObject<TestColumn>(DXN.make('com.example.type.column', '0.1.0'))(\n  Schema.Struct({\n    id: EntityId,\n    name: Schema.String,\n    items: Schema.mutable(Schema.Array(Ref.Ref(TestItem))),\n  }),\n) {}\n","//\n// Copyright 2025 DXOS.org\n//\n\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport React, { type PropsWithChildren } from 'react';\n\nimport { Icon, Popover } from '@dxos/react-ui';\nimport { ResizeHandle, type Size, resizeAttributes, sizeStyle } from '@dxos/react-ui-dnd';\n\nconst DEFAULT_BLOCK_SIZE = 22;\nconst MIN_BLOCK_SIZE = 8;\n\n//\n// Card container.\n//\n\nexport type CardContainerProps = PropsWithChildren<{ role?: 'popover' | 'intrinsic'; icon?: string }>;\n\nexport const CardContainer = ({ children, role, icon = 'ph--arrow-line-down--regular' }: CardContainerProps) => {\n  switch (role) {\n    case 'popover':\n      return (\n        <div className='flex justify-center'>\n          <PopoverCardContainer icon={icon}>{children}</PopoverCardContainer>\n        </div>\n      );\n    case 'intrinsic':\n    default:\n      return <IntrinsicCardContainer>{children}</IntrinsicCardContainer>;\n  }\n};\n\n//\n// Popover\n//\n\nexport type PopoverCardContainerProps = PropsWithChildren<{ icon?: string }>;\n\nexport const PopoverCardContainer = ({\n  children,\n  icon = 'ph--arrow-line-down--regular',\n}: PopoverCardContainerProps) => {\n  return (\n    <Popover.Root open>\n      <Popover.Trigger asChild>\n        <Icon icon={icon} />\n      </Popover.Trigger>\n      <Popover.Portal>\n        <Popover.Content onOpenAutoFocus={(event: Event) => event.preventDefault()}>\n          <Popover.Viewport classNames='dx-card-popover'>{children}</Popover.Viewport>\n          <Popover.Arrow />\n        </Popover.Content>\n      </Popover.Portal>\n    </Popover.Root>\n  );\n};\n\n//\n// Intrinsic card container (size constrained by card itself).\n//\n\nexport type IntrinsicCardContainerProps = PropsWithChildren<{\n  defaultSize?: Size;\n  size?: Size;\n  onSizeChange?: (size: Size, commit?: boolean) => void;\n}>;\n\nexport const IntrinsicCardContainer = ({\n  children,\n  defaultSize,\n  size: propSize,\n  onSizeChange,\n}: IntrinsicCardContainerProps) => {\n  const [size = DEFAULT_BLOCK_SIZE, setSize] = useControllableState<Size>({\n    prop: propSize,\n    defaultProp: defaultSize,\n    onChange: onSizeChange,\n  });\n\n  return (\n    <div\n      className='relative p-2 grid overflow-hidden border-2 border-dashed border-green-500 rounded-lg'\n      style={sizeStyle(size, 'horizontal')}\n      {...resizeAttributes}\n    >\n      <div className='dx-container flex flex-col'>{children}</div>\n      <ResizeHandle\n        side='inline-end'\n        fallbackSize={DEFAULT_BLOCK_SIZE}\n        minSize={MIN_BLOCK_SIZE}\n        size={size}\n        onSizeChange={setSize}\n      />\n    </div>\n  );\n};\n","//\n// Copyright 2026 DXOS.org\n//\n\nimport React, { useMemo, useRef, useState } from 'react';\n\nimport { Obj } from '@dxos/echo';\nimport { Card, IconButton } from '@dxos/react-ui';\nimport { Menu, createMenuAction } from '@dxos/react-ui-menu';\nimport { JsonHighlighter } from '@dxos/react-ui-syntax-highlighter';\n\nimport { Focus, Mosaic, type MosaicStackTileComponent } from '../components';\n\nexport const DefaultStackTile: MosaicStackTileComponent<Obj.Any> = (props) => {\n  const dragHandleRef = useRef<HTMLButtonElement>(null);\n  const [open, setOpen] = useState(false);\n  const menuItems = useMemo(\n    () => [\n      createMenuAction('toggle-details', () => setOpen((prev) => !prev), {\n        label: open ? 'Hide details' : 'Show details',\n        icon: 'ph--circle-dashed--regular',\n      }),\n    ],\n    [open],\n  );\n\n  return (\n    <Menu.Root>\n      {/*\n       * `Mosaic.Tile` sets `aria-current` from `props.current`, which the\n       * Slot composition propagates down to `Card.Root`'s div. That's what\n       * makes `dx-current` (an `aria-[current=true]:` utility) actually\n       * fire here. See `ui-theme/src/css/components/selected.md`.\n       */}\n      <Mosaic.Tile {...props} asChild>\n        <Focus.Item asChild>\n          <Card.Root fullWidth classNames='dx-current dx-hover'>\n            <Card.Header>\n              <Card.DragHandle ref={dragHandleRef} />\n              <Card.Title>{Obj.getLabel(props.data) ?? props.data.id}</Card.Title>\n              <Card.Block end>\n                <Menu.Trigger asChild disabled={!menuItems?.length}>\n                  <IconButton iconOnly variant='ghost' icon='ph--dots-three-vertical--regular' label='Menu' />\n                </Menu.Trigger>\n              </Card.Block>\n              <Menu.Content items={menuItems} />\n            </Card.Header>\n            {open && (\n              <Card.Row>\n                <JsonHighlighter data={props.data} classNames='text-xs' />\n              </Card.Row>\n            )}\n          </Card.Root>\n        </Focus.Item>\n      </Mosaic.Tile>\n    </Menu.Root>\n  );\n};\n\nDefaultStackTile.displayName = 'DefaultStackTile';\n"],"mappings":"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"}

package/dist/lib/translations.mjs

@@ -0,0 +1,11 @@
+//#region src/translations.ts
+var translationKey = "@dxos/react-ui-mosaic";
+var translations = [{ "en-US": { [translationKey]: {
+	"action-menu.label": "Actions",
+	"add-item.label": "Add item",
+	"delete-menu.label": "Delete"
+} } }];
+//#endregion
+export { translationKey, translations };
+
+//# sourceMappingURL=translations.mjs.map

package/dist/lib/translations.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"translations.mjs","names":[],"sources":["../../src/translations.ts"],"sourcesContent":["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Resource } from '@dxos/react-ui';\n\nexport const translationKey = '@dxos/react-ui-mosaic';\n\nexport const translations = [\n  {\n    'en-US': {\n      [translationKey]: {\n        'action-menu.label': 'Actions',\n        'add-item.label': 'Add item',\n        'delete-menu.label': 'Delete',\n      },\n    },\n  },\n] as const satisfies Resource[];\n"],"mappings":";AAMA,IAAa,iBAAiB;AAE9B,IAAa,eAAe,CAC1B,EACE,SAAS,GACN,iBAAiB;CAChB,qBAAqB;CACrB,kBAAkB;CAClB,qBAAqB;AACvB,EACF,EACF,CACF"}

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

@@ -1,37 +1,18 @@
-import { type Atom } from '@effect-atom/atom-react';
 import React, { type PropsWithChildren, type ReactElement, type Ref as ReactRef } from 'react';
 import { type ThemedClassName } from '@dxos/react-ui';
-import { type GetId, type MosaicEventHandler, type MosaicPlaceholderProps, type MosaicStackProps } from '../Mosaic';
-import { type BoardColumnProps, useBoardColumn } from './Column';
+import { type DndContainerHandler } from '@dxos/react-ui-dnd';
+import { type MosaicPlaceholderProps, type MosaicStackProps } from '../Mosaic';
+import { type BoardContextValue } from './BoardContext';
+import { type BoardColumnProps } from './Column';
 import { type BoardItemProps } from './Item';
-export interface BoardModel<TColumn = any, TItem = any> {
-    getColumnId: GetId<TColumn>;
-    getItemId: GetId<TItem>;
-    isColumn: (obj: unknown) => obj is TColumn;
-    isItem: (obj: unknown) => obj is TItem;
-    columns: Atom.Atom<readonly TColumn[] | TColumn[]>;
-    items: (column: TColumn) => Atom.Atom<TItem[]>;
-    getColumns: () => TColumn[];
-    getItems: (column: TColumn) => TItem[];
-    onColumnCreate?: () => Promise<TColumn>;
-    onColumnDelete?: (column: TColumn) => void;
-    onItemCreate?: (column: TColumn) => Promise<TItem>;
-    onItemDelete?: (column: TColumn, item: TItem) => void;
-}
-type BoardContextValue<TColumn = any, TItem = any> = {
-    model: BoardModel<TColumn, TItem>;
-};
-/** Hook to read the board model from context (e.g. in custom column tiles). Pass TColumn and TItem for typed model. */
-declare function useBoard<TColumn = any, TItem = any>(displayName?: string): BoardContextValue<TColumn, TItem>;
 type BoardRootProps<TColumn = any, TItem = any> = PropsWithChildren<BoardContextValue<TColumn, TItem>>;
 declare function BoardRootInner({ model, children }: BoardRootProps): React.JSX.Element;
 declare namespace BoardRootInner {
     var displayName: string;
 }
 type BoardContentProps<TColumn = any> = ThemedClassName<{
-    id: string;
     debug?: boolean;
-    eventHandler?: MosaicEventHandler<TColumn>;
+    eventHandler?: DndContainerHandler<TColumn>;
     Tile?: MosaicStackProps<TColumn>['Tile'];
 }>;
 declare function BoardPlaceholder(props: MosaicPlaceholderProps<number>): React.JSX.Element;
@@ -59,12 +40,12 @@ export declare const Board: {
             dragHandleRef: ReactRef<HTMLButtonElement>;
         }, "className"> & {
             classNames?: import("@dxos/ui-types").ClassNameValue;
-        } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+        } & Pick<React.HTMLAttributes<Element>, "children" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
         Body: React.ForwardRefExoticComponent<Omit<Pick<BoardColumnProps<any>, "data"> & Pick<import("..").MosaicContainerProps, "debug" | "eventHandler"> & {
             Tile?: MosaicStackProps<import("@dxos/echo/Obj").Unknown>['Tile'];
         }, "className"> & {
             classNames?: import("@dxos/ui-types").ClassNameValue;
-        } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+        } & Pick<React.HTMLAttributes<Element>, "children" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
         Footer: React.ForwardRefExoticComponent<Omit<{}, "className"> & {
             classNames?: import("@dxos/ui-types").ClassNameValue;
         } & {
@@ -83,6 +64,5 @@ export declare const Board: {
         classNames?: import("@dxos/ui-types").ClassNameValue;
     } & React.RefAttributes<HTMLDivElement>>;
 };
-export { useBoard, useBoardColumn };
 export type { BoardColumnProps, BoardContentProps, BoardItemProps, BoardRootProps };
 //# sourceMappingURL=Board.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Board.d.ts","sourceRoot":"","sources":["../../../../../src/components/Board/Board.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Board.d.ts","sourceRoot":"","sources":["../../../../../src/components/Board/Board.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EACZ,KAAK,iBAAiB,EACtB,KAAK,YAAY,EACjB,KAAK,GAAG,IAAI,QAAQ,EAIrB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAElE,OAAO,EAAE,KAAK,mBAAmB,EAAqB,MAAM,oBAAoB,CAAC;AAMjF,OAAO,EAAU,KAAK,sBAAsB,EAAE,KAAK,gBAAgB,EAAgB,MAAM,WAAW,CAAC;AACrG,OAAO,EAAwB,KAAK,iBAAiB,EAAmB,MAAM,gBAAgB,CAAC;AAC/F,OAAO,EAAe,KAAK,gBAAgB,EAAsB,MAAM,UAAU,CAAC;AAClF,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,QAAQ,CAAC;AAQxD,KAAK,cAAc,CAAC,OAAO,GAAG,GAAG,EAAE,KAAK,GAAG,GAAG,IAAI,iBAAiB,CAAC,iBAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;gCAE/E,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,cAAc;;;;AAc3D,KAAK,iBAAiB,CAAC,OAAO,GAAG,GAAG,IAAI,eAAe,CAAC;IACtD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,mBAAmB,CAAC,OAAO,CAAC,CAAC;IAC5C,IAAI,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC;CAC1C,CAAC,CAAC;kCA+CuB,KAAK,EAAE,sBAAsB,CAAC,MAAM,CAAC;;;;AAkB/D,eAAO,MAAM,UAAU;;wCAUrB,CAAC;AAQH,eAAO,MAAM,KAAK;IAChB,IAAI,GAhG+B,OAAO,QAAQ,KAAK,eAAe,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,YAAY;IAiGrH,OAAO,GAhDkC,OAAO,eACzC,iBAAiB,CAAC,OAAO,CAAC,GAAG;QAAE,GAAG,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAA;KAAE,KACnE,YAAY;IA+Cf,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;IACN,IAAI;;;IACJ,WAAW;gBAzCoB,sBAAsB,CAAC,MAAM,CAAC;;;IA0C7D,KAAK;;;CACN,CAAC;AAEF,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC"}

package/dist/types/src/components/Board/Board.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Board.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Board/Board.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAA8B,MAAM,OAAO,CAAC;AA6CnD,KAAK,SAAS,GAAG;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IACnC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAsIF,QAAA,MAAM,IAAI;;8CAvByD,SAAS;;;;;;;;;;;;;;;;;;;;;;CAoDvC,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAAU,CAAC;AAE/B,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAkBlB,CAAC"}
+{"version":3,"file":"Board.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Board/Board.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAA8B,MAAM,OAAO,CAAC;AA8CnD,KAAK,SAAS,GAAG;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IACnC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAsIF,QAAA,MAAM,IAAI;;8CAvByD,SAAS;;;;;;;;;;;;;;;;;;;;;;CAoDvC,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAAU,CAAC;AAE/B,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAkBlB,CAAC"}

package/dist/types/src/components/Board/BoardColumnContext.d.ts

@@ -0,0 +1,10 @@
+export declare const BOARD_COLUMN_CONTEXT_NAME = "Board.Column";
+export type BoardColumnContextValue<TColumn = unknown> = {
+    column: TColumn;
+};
+export declare const BoardColumnProvider: import("react").FC<BoardColumnContextValue<unknown> & {
+    children: React.ReactNode;
+}>, useBoardColumnContext: (consumerName: string) => BoardColumnContextValue<unknown> | null;
+/** Returns the current column when rendered inside a board column (e.g., in column header or item tile). */
+export declare function useBoardColumn<TColumn = unknown>(): TColumn | undefined;
+//# sourceMappingURL=BoardColumnContext.d.ts.map

package/dist/types/src/components/Board/BoardColumnContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoardColumnContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/Board/BoardColumnContext.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,yBAAyB,iBAAiB,CAAC;AAExD,MAAM,MAAM,uBAAuB,CAAC,OAAO,GAAG,OAAO,IAAI;IACvD,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,eAAO,MAAO,mBAAmB;;IAAE,qBAAqB,mEAGvD,CAAC;AAEF,4GAA4G;AAC5G,wBAAgB,cAAc,CAAC,OAAO,GAAG,OAAO,KAAK,OAAO,GAAG,SAAS,CAGvE"}