@dxos/plugin-kanban 0.8.4-main.dedc0f3 → 0.8.4-main.dfabb4ec29

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/KanbanBoard/KanbanBoard.tsx", "../../../../src/components/KanbanBoard/context.ts", "../../../../src/components/KanbanBoard/KanbanCard.tsx", "../../../../src/components/KanbanBoard/KanbanColumn.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Atom, RegistryContext } from '@effect-atom/atom-react';\nimport React, { type ComponentPropsWithoutRef, type PropsWithChildren, useCallback, useContext, useMemo } from 'react';\n\nimport { Obj } from '@dxos/echo';\nimport { useTranslation } from '@dxos/react-ui';\nimport { Board, useBoard } from '@dxos/react-ui-mosaic';\nimport type { ProjectionModel } from '@dxos/schema';\nimport { composable, composableProps } from '@dxos/ui-theme';\n\nimport { useKanbanBoardModel, useKanbanColumnEventHandler } from '#hooks';\nimport { meta } from '#meta';\nimport { type Kanban, UNCATEGORIZED_ATTRIBUTES, UNCATEGORIZED_VALUE } from '#types';\n\nimport {\n  KanbanBoardContext,\n  type KanbanBoardContextValue,\n  type KanbanCardProps,\n  type KanbanColumnProps,\n  useKanbanBoard,\n} from './context';\nimport { KanbanCard } from './KanbanCard';\nimport { KanbanColumn } from './KanbanColumn';\n\n// TODO(burdon): Rename Kanban.\n\n//\n// Root\n//\n\nconst KANBAN_BOARD_ROOT = 'KanbanBoard.Root';\n\ntype KanbanBoardRootProps = PropsWithChildren<\n  {\n    kanban: Kanban.Kanban;\n    /** Required when providing context; Root derives columnFieldPath, pivotFieldId, getPivotAttributes from kanban + projection. */\n    projection: ProjectionModel;\n    /** Atom of items (e.g. from AtomQuery for DB, or Atom.make([]) for in-memory). */\n    items: Atom.Atom<Obj.Unknown[]>;\n    onCardAdd?: (columnValue: string | undefined) => string | undefined;\n    onCardRemove?: (card: Obj.Unknown) => void;\n  } & Pick<KanbanBoardContextValue, 'change' | 'itemTile'> &\n    ComponentPropsWithoutRef<'div'>\n>;\n\nexport const KanbanBoardRoot = ({\n  children,\n  kanban,\n  projection,\n  items,\n  change,\n  itemTile = KanbanCard,\n  onCardAdd,\n  onCardRemove,\n}: KanbanBoardRootProps) => {\n  const registry = useContext(RegistryContext);\n  const { t } = useTranslation(meta.id);\n  const model = useKanbanBoardModel(kanban, projection, items, registry);\n  const columns = model?.getColumns?.() ?? [];\n  const view = kanban?.spec.kind === 'view' ? kanban.spec.view.target : undefined;\n  const pivotFieldId = view?.projection?.pivotFieldId;\n  const columnFieldPath = useMemo(() => {\n    // Items-variant kanbans use the property name itself as the pivot field\n    // (no view/projection translation layer).\n    if (kanban?.spec.kind === 'items') {\n      return kanban.spec.pivotField;\n    }\n    if (pivotFieldId === undefined || !projection) {\n      return undefined;\n    }\n\n    return projection.tryGetFieldProjection(pivotFieldId)?.props.property;\n  }, [kanban?.spec, projection, pivotFieldId]);\n\n  const getPivotAttributes = useCallback<KanbanBoardContextValue['getPivotAttributes']>(\n    (columnValue) => {\n      if (columnValue === UNCATEGORIZED_VALUE) {\n        return UNCATEGORIZED_ATTRIBUTES;\n      }\n\n      const options = projection?.tryGetFieldProjection(pivotFieldId ?? '')?.props.options ?? [];\n      const option = options.find((option) => option.id === columnValue);\n      return option ?? ({ title: columnValue, color: 'neutral' } as const);\n    },\n    [projection, pivotFieldId],\n  );\n\n  if (columns.length === 0) {\n    return (\n      <div className='flex flex-1 items-center justify-center p-8 text-center text-description'>\n        {t('select-pivot.placeholder')}\n      </div>\n    );\n  }\n\n  return (\n    <KanbanBoardContext\n      kanbanId={Obj.getDXN(kanban).toString()}\n      projection={projection}\n      columnFieldPath={columnFieldPath}\n      pivotFieldId={pivotFieldId}\n      getPivotAttributes={getPivotAttributes}\n      itemTile={itemTile}\n      change={change}\n      onCardAdd={onCardAdd}\n      onCardRemove={onCardRemove}\n    >\n      <Board.Root model={model}>{children}</Board.Root>\n    </KanbanBoardContext>\n  );\n};\n\nKanbanBoardRoot.displayName = KANBAN_BOARD_ROOT;\n\n//\n// KanbanBoardContent\n//\n\nconst KANBAN_BOARD_CONTENT = 'KanbanBoard.Content';\n\ntype KanbanBoardContentProps = {};\n\nexport const KanbanBoardContent = composable<HTMLDivElement, KanbanBoardContentProps>((props, forwardedRef) => {\n  const { model } = useBoard(KANBAN_BOARD_CONTENT);\n  const { kanbanId, projection, pivotFieldId, change } = useKanbanBoard(KANBAN_BOARD_CONTENT);\n\n  const columnEventHandler = useKanbanColumnEventHandler({\n    id: `${kanbanId}-columns`,\n    model,\n    projection: projection ?? undefined,\n    pivotFieldId: pivotFieldId ?? undefined,\n    change,\n  });\n\n  return (\n    <Board.Content\n      {...composableProps(props)}\n      ref={forwardedRef}\n      id={kanbanId}\n      eventHandler={columnEventHandler}\n      Tile={KanbanColumn}\n    />\n  );\n});\n\nKanbanBoardContent.displayName = KANBAN_BOARD_CONTENT;\n\n//\n// KanbanBoard\n//\n\nexport const KanbanBoard = {\n  Root: KanbanBoardRoot,\n  Content: KanbanBoardContent,\n  Column: KanbanColumn,\n  Card: KanbanCard,\n};\n\nexport { useKanbanBoard };\n\nexport type { KanbanBoardRootProps as KanbanBoardProps, KanbanCardProps, KanbanColumnProps };\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { createContext } from '@radix-ui/react-context';\nimport { type ComponentType } from 'react';\n\nimport { type Obj } from '@dxos/echo';\nimport { type MosaicTileProps } from '@dxos/react-ui-mosaic';\nimport { type ProjectionModel } from '@dxos/schema';\n\nimport { type ColumnStructure, type KanbanChangeCallback, UNCATEGORIZED_ATTRIBUTES, UNCATEGORIZED_VALUE } from '#types';\n\nconst KANBAN_BOARD_NAME = 'KanbanBoard.Context';\n\n/**\n * Card tile props. Defined here (rather than in `KanbanCard.tsx`) so the\n * context type can reference it without forming a cycle through that\n * module's runtime exports — webkit treats the resulting TDZ as a hard\n * error while other engines are lenient.\n */\nexport type KanbanCardProps = Pick<MosaicTileProps<Obj.Unknown>, 'location' | 'data' | 'debug' | 'draggable'>;\n\n/**\n * Column tile props. See note on {@link KanbanCardProps}.\n */\nexport type KanbanColumnProps = Pick<MosaicTileProps<ColumnStructure>, 'location' | 'data' | 'debug' | 'draggable'>;\n\n/**\n * Context value for the Kanban board.\n * Items are Echo objects (Obj.Unknown).\n */\nexport type KanbanBoardContextValue = {\n  kanbanId: string;\n  projection: ProjectionModel | undefined;\n  columnFieldPath: string | undefined;\n  change: KanbanChangeCallback<Obj.Unknown>;\n  pivotFieldId: string | undefined;\n  getPivotAttributes: (columnValue: string) => { title: string; color: string };\n  itemTile?: ComponentType<KanbanCardProps>; // TODO(burdon): Prop.\n  onCardAdd?: (columnValue: string | undefined) => string | undefined;\n  onCardRemove?: (card: Obj.Unknown) => void;\n};\n\nexport const [KanbanBoardContext, useKanbanBoard] = createContext<KanbanBoardContextValue>(KANBAN_BOARD_NAME, {\n  kanbanId: 'never',\n  projection: undefined,\n  columnFieldPath: undefined,\n  change: { kanban: () => {}, setItemField: () => {} },\n  pivotFieldId: undefined,\n  getPivotAttributes: (id: string) =>\n    id === UNCATEGORIZED_VALUE ? UNCATEGORIZED_ATTRIBUTES : { title: id, color: 'neutral' },\n  itemTile: (() => null) as ComponentType<KanbanCardProps>,\n});\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { forwardRef, useCallback, useMemo, useState } from 'react';\n\nimport { Surface } from '@dxos/app-framework/ui';\nimport { AppSurface, useObjectMenuItems } from '@dxos/app-toolkit/ui';\nimport { Obj } from '@dxos/echo';\nimport { Card, Toolbar, useTranslation } from '@dxos/react-ui';\nimport { Menu, createMenuAction } from '@dxos/react-ui-menu';\nimport { Focus, Mosaic, useBoard } from '@dxos/react-ui-mosaic';\n\nimport { meta } from '#meta';\n\nimport { type KanbanCardProps, useKanbanBoard } from './context';\n\nexport { type KanbanCardProps };\n\nconst KANBAN_CARD_TILE_NAME = 'KanbanBoard.Card';\n\n/**\n * Mosaic Tile for Kanban card.\n * Uses Surface for content; requires plugin manager context.\n */\nexport const KanbanCard = forwardRef<HTMLDivElement, KanbanCardProps>(\n  ({ data, location, debug, draggable }, forwardedRef) => {\n    const { t } = useTranslation(meta.id);\n    const { model } = useBoard(KANBAN_CARD_TILE_NAME);\n    const { projection, columnFieldPath, onCardRemove } = useKanbanBoard(KANBAN_CARD_TILE_NAME);\n    const [dragHandle, setDragHandle] = useState<HTMLButtonElement | null>(null);\n    const dragHandleRef = useCallback((el: HTMLButtonElement | null) => setDragHandle(el), []);\n\n    const objectMenuItems = useObjectMenuItems(data);\n\n    const menuItems = useMemo(\n      () => [\n        ...objectMenuItems,\n        ...(onCardRemove\n          ? [\n              createMenuAction('remove', () => onCardRemove(data), {\n                label: t('remove-card.label'),\n                icon: 'ph--trash--regular',\n              }),\n            ]\n          : []),\n      ],\n      [objectMenuItems, onCardRemove, data, t],\n    );\n\n    return (\n      <Menu.Root>\n        <Mosaic.Tile\n          asChild\n          id={model.getItemId(data)}\n          data={data}\n          location={location}\n          debug={debug}\n          draggable={draggable}\n          dragHandle={dragHandle}\n        >\n          <Focus.Item asChild>\n            <Card.Root ref={forwardedRef} data-testid='board-item'>\n              <Card.Toolbar>\n                <Card.DragHandle ref={dragHandleRef} testId='mosaicBoard.cardDragHandle' />\n                <Card.Title data-testid='mosaicBoard.cardTitle'>{Obj.getLabel(data)}</Card.Title>\n                {/* TODO(wittjosiah): Reconcile with Card.Menu. */}\n                <Menu.Trigger asChild disabled={!menuItems?.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={menuItems} />\n              </Card.Toolbar>\n              <Card.Content>\n                {projection && (\n                  <Surface.Surface\n                    type={AppSurface.Card}\n                    limit={1}\n                    data={{\n                      subject: data,\n                      projection,\n                      // Hide the pivot field: its value is already conveyed by\n                      // which column the card sits in.\n                      ignorePaths: columnFieldPath ? [columnFieldPath] : undefined,\n                    }}\n                  />\n                )}\n              </Card.Content>\n            </Card.Root>\n          </Focus.Item>\n        </Mosaic.Tile>\n      </Menu.Root>\n    );\n  },\n);\n\nKanbanCard.displayName = KANBAN_CARD_TILE_NAME;\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { FC, forwardRef, useState } from 'react';\n\nimport type { Obj } from '@dxos/echo';\nimport { Board, type MosaicTileProps, useBoard } from '@dxos/react-ui-mosaic';\n\nimport { useKanbanItemEventHandler } from '#hooks';\nimport { type ColumnStructure, UNCATEGORIZED_VALUE } from '#types';\n\nimport { type KanbanColumnProps, useKanbanBoard } from './context';\n\nexport { type KanbanColumnProps };\n\nconst KANBAN_COLUMN_NAME = 'KanbanBoard.Column';\n\n/**\n * Mosaic Tile for Kanban column.\n */\nexport const KanbanColumn = forwardRef<HTMLDivElement, KanbanColumnProps>(\n  ({ data: column, location, debug, draggable }, forwardedRef) => {\n    const { model } = useBoard<ColumnStructure, Obj.Unknown>(KANBAN_COLUMN_NAME);\n    const { columnFieldPath, change, onCardAdd, getPivotAttributes, itemTile } = useKanbanBoard(KANBAN_COLUMN_NAME);\n\n    const { title } = getPivotAttributes(column.columnValue);\n    const uncategorized = column.columnValue === UNCATEGORIZED_VALUE;\n    const [dragHandle, setDragHandle] = useState<HTMLButtonElement | null>(null);\n\n    const eventHandler = useKanbanItemEventHandler({\n      column,\n      columnFieldPath,\n      model,\n      change,\n    });\n\n    return (\n      <Board.Column.Root\n        data={column}\n        location={location}\n        classNames='grid grid-rows-[var(--dx-rail-action)_1fr_var(--dx-rail-action)]'\n        debug={debug}\n        draggable={draggable}\n        dragHandle={dragHandle}\n        ref={forwardedRef}\n      >\n        {uncategorized ? (\n          <div className='border-b border-separator p-2' data-testid='board-column-header'>\n            <span className='font-medium'>{title}</span>\n          </div>\n        ) : (\n          <Board.Column.Header label={title} dragHandleRef={setDragHandle} />\n        )}\n        <Board.Column.Body\n          data={column}\n          eventHandler={eventHandler}\n          Tile={itemTile as FC<MosaicTileProps<Obj.Unknown>>}\n        />\n        <Board.Column.Footer\n          onAdd={\n            onCardAdd\n              ? () => onCardAdd(column.columnValue === UNCATEGORIZED_VALUE ? undefined : column.columnValue)\n              : undefined\n          }\n        />\n      </Board.Column.Root>\n    );\n  },\n);\n\nKanbanColumn.displayName = KANBAN_COLUMN_NAME;\n"],
+  "mappings": "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",
+  "names": ["RegistryContext", "React", "useCallback", "useContext", "useMemo", "Obj", "useTranslation", "Board", "useBoard", "composable", "composableProps", "useKanbanBoardModel", "useKanbanColumnEventHandler", "meta", "UNCATEGORIZED_ATTRIBUTES", "UNCATEGORIZED_VALUE", "createContext", "UNCATEGORIZED_ATTRIBUTES", "UNCATEGORIZED_VALUE", "KANBAN_BOARD_NAME", "KanbanBoardContext", "useKanbanBoard", "kanbanId", "projection", "undefined", "columnFieldPath", "change", "kanban", "setItemField", "pivotFieldId", "getPivotAttributes", "id", "title", "color", "itemTile", "React", "forwardRef", "useCallback", "useMemo", "useState", "Surface", "AppSurface", "useObjectMenuItems", "Obj", "Card", "Toolbar", "useTranslation", "Menu", "createMenuAction", "Focus", "Mosaic", "useBoard", "meta", "KANBAN_CARD_TILE_NAME", "KanbanCard", "forwardRef", "data", "location", "debug", "draggable", "forwardedRef", "t", "useTranslation", "meta", "id", "model", "useBoard", "projection", "columnFieldPath", "onCardRemove", "useKanbanBoard", "dragHandle", "setDragHandle", "useState", "dragHandleRef", "useCallback", "el", "objectMenuItems", "useObjectMenuItems", "menuItems", "useMemo", "createMenuAction", "label", "icon", "Menu", "Root", "Mosaic", "Tile", "asChild", "getItemId", "Focus", "Item", "Card", "ref", "data-testid", "Toolbar", "DragHandle", "testId", "Title", "Obj", "getLabel", "Trigger", "disabled", "length", "IconButton", "iconOnly", "variant", "Content", "items", "Surface", "type", "AppSurface", "limit", "subject", "ignorePaths", "undefined", "displayName", "React", "forwardRef", "useState", "Board", "useBoard", "useKanbanItemEventHandler", "UNCATEGORIZED_VALUE", "KANBAN_COLUMN_NAME", "KanbanColumn", "forwardRef", "data", "column", "location", "debug", "draggable", "forwardedRef", "model", "useBoard", "columnFieldPath", "change", "onCardAdd", "getPivotAttributes", "itemTile", "useKanbanBoard", "title", "columnValue", "uncategorized", "UNCATEGORIZED_VALUE", "dragHandle", "setDragHandle", "useState", "eventHandler", "useKanbanItemEventHandler", "React", "Board", "Column", "Root", "classNames", "ref", "div", "className", "data-testid", "span", "Header", "label", "dragHandleRef", "Body", "Tile", "Footer", "onAdd", "undefined", "displayName", "KANBAN_BOARD_ROOT", "KanbanBoardRoot", "children", "kanban", "projection", "items", "change", "itemTile", "KanbanCard", "onCardAdd", "onCardRemove", "registry", "useContext", "RegistryContext", "t", "useTranslation", "meta", "id", "model", "useKanbanBoardModel", "columns", "getColumns", "view", "spec", "kind", "target", "undefined", "pivotFieldId", "columnFieldPath", "useMemo", "pivotField", "tryGetFieldProjection", "props", "property", "getPivotAttributes", "useCallback", "columnValue", "UNCATEGORIZED_VALUE", "UNCATEGORIZED_ATTRIBUTES", "options", "option", "find", "title", "color", "length", "React", "div", "className", "KanbanBoardContext", "kanbanId", "Obj", "getDXN", "toString", "Board", "Root", "displayName", "KANBAN_BOARD_CONTENT", "KanbanBoardContent", "composable", "forwardedRef", "useBoard", "useKanbanBoard", "columnEventHandler", "useKanbanColumnEventHandler", "Content", "composableProps", "ref", "eventHandler", "Tile", "KanbanColumn", "KanbanBoard", "Column", "Card"]
+}

package/dist/lib/neutral/containers/index.mjs

@@ -0,0 +1,11 @@
+import "../chunk-J5LGTIGS.mjs";
+
+// src/containers/index.ts
+import { lazy } from "react";
+var KanbanContainer = lazy(() => import("../KanbanContainer-QK6LNCYT.mjs"));
+var KanbanSettings = lazy(() => import("../KanbanSettings-G6M47NSK.mjs"));
+export {
+  KanbanContainer,
+  KanbanSettings
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/containers/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { type ComponentType, lazy } from 'react';\n\nexport const KanbanContainer: ComponentType<any> = lazy(() => import('./KanbanContainer'));\nexport const KanbanSettings: ComponentType<any> = lazy(() => import('./KanbanSettings'));\n"],
+  "mappings": ";;;AAIA,SAA6BA,YAAY;AAElC,IAAMC,kBAAsCD,KAAK,MAAM,OAAO,iCAAA,CAAA;AAC9D,IAAME,iBAAqCF,KAAK,MAAM,OAAO,gCAAA,CAAA;",
+  "names": ["lazy", "KanbanContainer", "KanbanSettings"]
+}

package/dist/lib/neutral/create-object-DKBSI46K.mjs

@@ -0,0 +1,40 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/capabilities/create-object.ts
+import * as Effect from "effect/Effect";
+import { Capability } from "@dxos/app-framework";
+import { Operation } from "@dxos/compute";
+import { Type } from "@dxos/echo";
+import { SpaceOperation } from "@dxos/plugin-space";
+import { SpaceCapabilities } from "@dxos/plugin-space";
+import { ViewModel } from "@dxos/schema";
+import { CreateKanbanSchema, Kanban } from "#types";
+var create_object_default = Capability.makeModule(Effect.fnUntraced(function* () {
+  return Capability.contributes(SpaceCapabilities.CreateObjectEntry, {
+    id: Type.getTypename(Kanban.Kanban),
+    inputSchema: CreateKanbanSchema,
+    createObject: (props, options) => Effect.gen(function* () {
+      const object = yield* Effect.promise(async () => {
+        const { view } = await ViewModel.makeFromDatabase({
+          db: options.db,
+          typename: props.typename,
+          pivotFieldName: props.initialPivotColumn
+        });
+        return Kanban.make({
+          name: props.name,
+          view
+        });
+      });
+      return yield* Operation.invoke(SpaceOperation.AddObject, {
+        object,
+        target: options.target,
+        hidden: true,
+        targetNodeId: options.targetNodeId
+      });
+    })
+  });
+}));
+export {
+  create_object_default as default
+};
+//# sourceMappingURL=create-object-DKBSI46K.mjs.map

package/dist/lib/neutral/create-object-DKBSI46K.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/create-object.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Capability } from '@dxos/app-framework';\nimport { Operation } from '@dxos/compute';\nimport { Type } from '@dxos/echo';\nimport { SpaceOperation } from '@dxos/plugin-space';\nimport { SpaceCapabilities } from '@dxos/plugin-space';\nimport { ViewModel } from '@dxos/schema';\n\nimport { CreateKanbanSchema, Kanban } from '#types';\n\nexport default Capability.makeModule(\n  Effect.fnUntraced(function* () {\n    return Capability.contributes(SpaceCapabilities.CreateObjectEntry, {\n      id: Type.getTypename(Kanban.Kanban),\n      inputSchema: CreateKanbanSchema,\n      createObject: (props, options) =>\n        Effect.gen(function* () {\n          const object = yield* Effect.promise(async () => {\n            const { view } = await ViewModel.makeFromDatabase({\n              db: options.db,\n              typename: props.typename,\n              pivotFieldName: props.initialPivotColumn,\n            });\n            return Kanban.make({ name: props.name, view });\n          });\n          return yield* Operation.invoke(SpaceOperation.AddObject, {\n            object,\n            target: options.target,\n            hidden: true,\n            targetNodeId: options.targetNodeId,\n          });\n        }),\n    });\n  }),\n);\n"],
+  "mappings": ";;;AAIA,YAAYA,YAAY;AAExB,SAASC,kBAAkB;AAC3B,SAASC,iBAAiB;AAC1B,SAASC,YAAY;AACrB,SAASC,sBAAsB;AAC/B,SAASC,yBAAyB;AAClC,SAASC,iBAAiB;AAE1B,SAASC,oBAAoBC,cAAc;AAE3C,IAAA,wBAAeP,WAAWQ,WACjBC,kBAAW,aAAA;AAChB,SAAOT,WAAWU,YAAYN,kBAAkBO,mBAAmB;IACjEC,IAAIV,KAAKW,YAAYN,OAAOA,MAAM;IAClCO,aAAaR;IACbS,cAAc,CAACC,OAAOC,YACbC,WAAI,aAAA;AACT,YAAMC,SAAS,OAAcC,eAAQ,YAAA;AACnC,cAAM,EAAEC,KAAI,IAAK,MAAMhB,UAAUiB,iBAAiB;UAChDC,IAAIN,QAAQM;UACZC,UAAUR,MAAMQ;UAChBC,gBAAgBT,MAAMU;QACxB,CAAA;AACA,eAAOnB,OAAOoB,KAAK;UAAEC,MAAMZ,MAAMY;UAAMP;QAAK,CAAA;MAC9C,CAAA;AACA,aAAO,OAAOpB,UAAU4B,OAAO1B,eAAe2B,WAAW;QACvDX;QACAY,QAAQd,QAAQc;QAChBC,QAAQ;QACRC,cAAchB,QAAQgB;MACxB,CAAA;IACF,CAAA;EACJ,CAAA;AACF,CAAA,CAAA;",
+  "names": ["Effect", "Capability", "Operation", "Type", "SpaceOperation", "SpaceCapabilities", "ViewModel", "CreateKanbanSchema", "Kanban", "makeModule", "fnUntraced", "contributes", "CreateObjectEntry", "id", "getTypename", "inputSchema", "createObject", "props", "options", "gen", "object", "promise", "view", "makeFromDatabase", "db", "typename", "pivotFieldName", "initialPivotColumn", "make", "name", "invoke", "AddObject", "target", "hidden", "targetNodeId"]
+}

package/dist/lib/neutral/delete-card-QKT6OXGP.mjs

@@ -0,0 +1,24 @@
+import {
+  KanbanOperation_exports
+} from "./chunk-E65AME5F.mjs";
+import "./chunk-J5LGTIGS.mjs";
+
+// src/operations/delete-card.ts
+import * as Effect from "effect/Effect";
+import { Operation } from "@dxos/compute";
+import { Obj } from "@dxos/echo";
+import { invariant } from "@dxos/invariant";
+var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-kanban/src/operations/delete-card.ts";
+var handler = KanbanOperation_exports.DeleteCard.pipe(Operation.withHandler(({ card }) => Effect.sync(() => {
+  const db = Obj.getDatabase(card);
+  invariant(db, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 9, S: void 0, A: ["db", ""] });
+  db.remove(card);
+  return {
+    card
+  };
+})));
+var delete_card_default = handler;
+export {
+  delete_card_default as default
+};
+//# sourceMappingURL=delete-card-QKT6OXGP.mjs.map

package/dist/lib/neutral/delete-card-QKT6OXGP.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/operations/delete-card.ts"],
+  "sourcesContent": ["// Copyright 2025 DXOS.org\n\nimport * as Effect from 'effect/Effect';\n\nimport { Operation } from '@dxos/compute';\nimport { Obj } from '@dxos/echo';\nimport { invariant } from '@dxos/invariant';\n\nimport { KanbanOperation } from '../types';\n\nconst handler: Operation.WithHandler<typeof KanbanOperation.DeleteCard> = KanbanOperation.DeleteCard.pipe(\n  Operation.withHandler(({ card }) =>\n    Effect.sync(() => {\n      const db = Obj.getDatabase(card);\n      invariant(db);\n      db.remove(card);\n\n      return { card };\n    }),\n  ),\n);\n\nexport default handler;\n"],
+  "mappings": ";;;;;;AAEA,YAAYA,YAAY;AAExB,SAASC,iBAAiB;AAC1B,SAASC,WAAW;AACpB,SAASC,iBAAiB;AAI1B,IAAA,eAA0EC;cAIpEC,wBAAUC,WAAAA,KAAAA,UAAAA,YAAAA,CAAAA,EAAAA,KAAAA,MAAAA,YAAAA,MAAAA;AACVA,QAAGC,KAAOC,IAAAA,YAAAA,IAAAA;AAEV,YAAO,IAAA,QAAA,EAAA,YAAA,YAAA,GAAA,cAAA,GAAA,GAAA,GAAA,QAAA,GAAA,CAAA,MAAA,EAAA,EAAA,CAAA;YAAEA,IAAAA;AAAK,SAAA;IAChB;EAIJ;;;",
+  "names": ["Effect", "Operation", "Obj", "invariant", "KanbanOperation", "invariant", "db", "remove", "card"]
+}

package/dist/lib/neutral/delete-card-field-XQKM7ZXE.mjs

@@ -0,0 +1,42 @@
+import {
+  KanbanOperation_exports
+} from "./chunk-E65AME5F.mjs";
+import "./chunk-J5LGTIGS.mjs";
+
+// src/operations/delete-card-field.ts
+import * as Effect from "effect/Effect";
+import { Capabilities, Capability } from "@dxos/app-framework";
+import { Operation } from "@dxos/compute";
+import { JsonSchema, Obj } from "@dxos/echo";
+import { invariant } from "@dxos/invariant";
+import { ProjectionModel, createEchoChangeCallback, getTypenameFromQuery } from "@dxos/schema";
+var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-kanban/src/operations/delete-card-field.ts";
+var handler = KanbanOperation_exports.DeleteCardField.pipe(Operation.withHandler(Effect.fnUntraced(function* ({ view, fieldId }) {
+  const registry = yield* Capability.get(Capabilities.AtomRegistry);
+  const db = Obj.getDatabase(view);
+  invariant(db, "Database not found", { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 12, S: this, A: ["db", "'Database not found'"] });
+  const schema = yield* Effect.promise(() => db.schemaRegistry.query({
+    typename: getTypenameFromQuery(view.query.ast),
+    location: [
+      "database",
+      "runtime"
+    ]
+  }).first());
+  const projection = new ProjectionModel({
+    registry,
+    view,
+    baseSchema: JsonSchema.toJsonSchema(schema),
+    change: createEchoChangeCallback(view, schema)
+  });
+  const result = projection.deleteFieldProjection(fieldId);
+  return {
+    field: result.deleted.field,
+    props: result.deleted.props,
+    index: result.index
+  };
+})));
+var delete_card_field_default = handler;
+export {
+  delete_card_field_default as default
+};
+//# sourceMappingURL=delete-card-field-XQKM7ZXE.mjs.map

package/dist/lib/neutral/delete-card-field-XQKM7ZXE.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/operations/delete-card-field.ts"],
+  "sourcesContent": ["// Copyright 2025 DXOS.org\n\nimport * as Effect from 'effect/Effect';\n\nimport { Capabilities, Capability } from '@dxos/app-framework';\nimport { Operation } from '@dxos/compute';\nimport { JsonSchema, Obj } from '@dxos/echo';\nimport { type EchoSchema } from '@dxos/echo/internal';\nimport { invariant } from '@dxos/invariant';\nimport { ProjectionModel, createEchoChangeCallback, getTypenameFromQuery } from '@dxos/schema';\n\nimport { KanbanOperation } from '../types';\n\nconst handler: Operation.WithHandler<typeof KanbanOperation.DeleteCardField> = KanbanOperation.DeleteCardField.pipe(\n  Operation.withHandler(\n    Effect.fnUntraced(function* ({ view, fieldId }) {\n      const registry = yield* Capability.get(Capabilities.AtomRegistry);\n      const db = Obj.getDatabase(view);\n      invariant(db, 'Database not found');\n      const schema = yield* Effect.promise(() =>\n        db.schemaRegistry\n          .query({\n            typename: getTypenameFromQuery(view.query.ast)!,\n            location: ['database', 'runtime'],\n          })\n          .first(),\n      );\n\n      const projection = new ProjectionModel({\n        registry,\n        view,\n        baseSchema: JsonSchema.toJsonSchema(schema),\n        change: createEchoChangeCallback(view, schema as EchoSchema),\n      });\n\n      const result = projection.deleteFieldProjection(fieldId);\n\n      return {\n        field: result.deleted.field,\n        props: result.deleted.props,\n        index: result.index,\n      };\n    }),\n  ),\n);\n\nexport default handler;\n"],
+  "mappings": ";;;;;;AAEA,YAAYA,YAAY;AAExB,SAASC,cAAcC,kBAAkB;AACzC,SAASC,iBAAiB;AAC1B,SAASC,YAAYC,WAAW;AAEhC,SAASC,iBAAiB;AAC1B,SAASC,iBAAiBC,0BAA0BC,4BAA4B;AAIhF,IAAA,eAA+EC;IAIzE,UAAWC,wBAAgBC,gBAAAA,KAAAA,UAAAA,YAAAA,kBAAAA,WAAAA,EAAAA,MAAAA,QAAAA,GAAAA;AAC3BC,QAAAA,WAAc,OAAA,WAAA,IAAA,aAAA,YAAA;AACd,QAAMC,KAAAA,IAAS,YAAOC,IAAOC;YAGvBC,IAAAA,sBAAUC,EAAAA,YAA0BC,YAAS,GAAA,cAAA,GAAA,IAAA,GAAA,MAAA,GAAA,CAAA,MAAA,sBAAA,EAAA,CAAA;iBAC7CC,OAAU,eAAA,MAAA,GAAA,eAAA,MAAA;cAAC,qBAAA,KAAA,MAAA,GAAA;cAAY;MAAU;MAE7B;IAGJC;EACJC,CAAAA,EAAAA,MAAAA,CAAAA;QACAV,aAAAA,IAAAA,gBAAAA;IACAW;IACAC;IACF,YAAA,WAAA,aAAA,MAAA;IAEA,QAAMC,yBAAoBC,MAAAA,MAAsBC;EAEhD,CAAA;QACEC,SAAOH,WAAeG,sBAAK,OAAA;SAC3BC;IACAC,OAAOL,OAAOK,QAAK;IACrB,OAAA,OAAA,QAAA;IACF,OAAA,OAAA;EAIJ;;;",
+  "names": ["Effect", "Capabilities", "Capability", "Operation", "JsonSchema", "Obj", "invariant", "ProjectionModel", "createEchoChangeCallback", "getTypenameFromQuery", "KanbanOperation", "Obj", "view", "invariant", "schema", "Effect", "promise", "typename", "getTypenameFromQuery", "query", "location", "projection", "registry", "baseSchema", "change", "result", "deleteFieldProjection", "fieldId", "field", "props", "index"]
+}

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

@@ -0,0 +1,432 @@
+import "../chunk-J5LGTIGS.mjs";
+
+// src/hooks/useEchoChangeCallback.ts
+import { useMemo } from "react";
+import { Obj } from "@dxos/echo";
+var createEchoChangeCallback = (kanban) => ({
+  kanban: (mutate) => Obj.update(kanban, (kanban2) => mutate(kanban2)),
+  setItemField: (item, field, value) => {
+    Obj.update(item, (item2) => {
+      item2[field] = value;
+    });
+  }
+});
+var useEchoChangeCallback = (kanban) => useMemo(() => kanban ? createEchoChangeCallback(kanban) : null, [
+  kanban
+]);
+
+// src/hooks/useItemsProjection.ts
+import { Atom } from "@effect-atom/atom-react";
+import { useMemo as useMemo2 } from "react";
+var useItemsProjection = (kanban) => {
+  return useMemo2(() => {
+    const pivotField = kanban.spec.pivotField;
+    const optionIds = Object.keys(kanban.arrangement?.columns ?? {});
+    const options = optionIds.map((id) => ({
+      id,
+      title: id,
+      color: "neutral"
+    }));
+    const fieldProjection = {
+      field: {
+        id: pivotField,
+        path: pivotField
+      },
+      props: {
+        property: pivotField,
+        options
+      }
+    };
+    const fields = Atom.make(() => [
+      fieldProjection.field
+    ]);
+    const stub = {
+      fields,
+      tryGetFieldProjection: (id) => id === pivotField ? fieldProjection : void 0,
+      getFieldProjections: () => [],
+      getHiddenProperties: () => [
+        pivotField
+      ]
+    };
+    return stub;
+  }, [
+    kanban.arrangement?.columns,
+    kanban.spec.pivotField
+  ]);
+};
+
+// src/hooks/useKanbanBoardModel.ts
+import { Atom as Atom2 } from "@effect-atom/atom-react";
+import { useMemo as useMemo3 } from "react";
+import { Obj as Obj2 } from "@dxos/echo";
+import { AtomObj } from "@dxos/echo-atom";
+
+// src/util/arrangement.ts
+import { UNCATEGORIZED_VALUE } from "#types";
+var getOrderFromArrangement = (arrangement) => {
+  const order = arrangement?.order;
+  if (order != null && Array.isArray(order) && order.length > 0) {
+    return [
+      ...order
+    ];
+  }
+  return [];
+};
+var getOrderByColumnFromArrangement = (arrangement) => {
+  const columns = arrangement?.columns;
+  if (columns != null && Object.keys(columns).length > 0) {
+    return Object.fromEntries(Object.entries(columns).map(([key, entry]) => {
+      const rawIds = entry.ids;
+      const ids = Array.isArray(rawIds) ? [
+        ...rawIds
+      ] : [];
+      return [
+        key,
+        {
+          ids,
+          ...entry.hidden !== void 0 && {
+            hidden: entry.hidden
+          }
+        }
+      ];
+    }));
+  }
+  return {};
+};
+var computeColumnStructure = (effectiveOrder, effectiveByColumn, selectOptions) => {
+  const order = [
+    ...effectiveOrder
+  ];
+  if (!order.includes(UNCATEGORIZED_VALUE)) {
+    order.unshift(UNCATEGORIZED_VALUE);
+  }
+  for (const opt of selectOptions) {
+    if (opt.id !== UNCATEGORIZED_VALUE && !order.includes(opt.id)) {
+      order.push(opt.id);
+    }
+  }
+  return order.filter((columnValue) => effectiveByColumn[columnValue]?.hidden !== true).map((columnValue) => ({
+    columnValue,
+    ids: effectiveByColumn[columnValue]?.ids ?? []
+  }));
+};
+var orderItemsInColumn = (items, ids, columnValue, pivotPath, validColumnValues) => {
+  const orderMap = new Map(ids.map((id, index) => [
+    id,
+    index
+  ]));
+  const cardsWithExistingOrder = [];
+  const newCards = [];
+  for (const item of items) {
+    const itemColumn = pivotPath !== void 0 ? item[pivotPath] : void 0;
+    const isValidColumn = itemColumn != null && validColumnValues.has(itemColumn);
+    const belongsInColumn = columnValue === UNCATEGORIZED_VALUE ? !isValidColumn : itemColumn === columnValue;
+    if (belongsInColumn) {
+      (orderMap.has(item.id) ? cardsWithExistingOrder : newCards).push(item);
+    }
+  }
+  cardsWithExistingOrder.sort((a, b) => {
+    const indexA = orderMap.get(a.id) ?? Infinity;
+    const indexB = orderMap.get(b.id) ?? Infinity;
+    return indexA - indexB;
+  });
+  return [
+    ...cardsWithExistingOrder,
+    ...newCards
+  ];
+};
+
+// src/hooks/useKanbanBoardModel.ts
+function useKanbanBoardModel(kanban, projection, itemsAtom, registry) {
+  const arrangementAtom = useMemo3(() => AtomObj.makeProperty(kanban, "arrangement"), [
+    kanban
+  ]);
+  const viewSnapshotAtom = useMemo3(() => kanban?.spec?.kind === "view" && kanban.spec.view ? AtomObj.make(kanban.spec.view) : Atom2.make(() => void 0), [
+    kanban?.spec
+  ]);
+  const pivotFieldIdAtom = useMemo3(() => Atom2.make((get) => {
+    if (kanban?.spec.kind === "items") {
+      return kanban.spec.pivotField;
+    }
+    return get(viewSnapshotAtom)?.projection?.pivotFieldId;
+  }), [
+    kanban?.spec,
+    viewSnapshotAtom
+  ]);
+  const effectiveByColumnAtom = useMemo3(() => Atom2.make((get) => getOrderByColumnFromArrangement(get(arrangementAtom))), [
+    arrangementAtom
+  ]);
+  const columnsAtom = useMemo3(() => Atom2.make((get) => {
+    const pivotFieldId = get(pivotFieldIdAtom);
+    if (pivotFieldId === void 0) {
+      return [];
+    }
+    get(projection.fields);
+    const fieldProj = projection.tryGetFieldProjection(pivotFieldId);
+    if (!fieldProj) {
+      return [];
+    }
+    const selectOptions = fieldProj.props.options ?? [];
+    if (selectOptions.length === 0) {
+      return [];
+    }
+    const arrangement = get(arrangementAtom);
+    const order = getOrderFromArrangement(arrangement);
+    const byColumn = getOrderByColumnFromArrangement(arrangement);
+    return computeColumnStructure(order, byColumn, selectOptions);
+  }), [
+    pivotFieldIdAtom,
+    arrangementAtom,
+    projection
+  ]);
+  const columnArrangementAtomFamily = useMemo3(() => Atom2.family((columnValue) => Atom2.make((get) => {
+    const byColumn = get(effectiveByColumnAtom);
+    return {
+      columnValue,
+      ids: [
+        ...byColumn[columnValue]?.ids ?? []
+      ]
+    };
+  })), [
+    effectiveByColumnAtom
+  ]);
+  const itemsAtomFamily = useMemo3(() => Atom2.family((columnValue) => Atom2.make((get) => {
+    const columnArr = get(columnArrangementAtomFamily(columnValue));
+    const allItems = get(itemsAtom);
+    const pivotFieldId = get(pivotFieldIdAtom);
+    if (pivotFieldId === void 0) {
+      return [];
+    }
+    get(projection.fields);
+    const fieldProj = projection.tryGetFieldProjection(pivotFieldId);
+    if (!fieldProj) {
+      return [];
+    }
+    const selectOptions = fieldProj.props.options ?? [];
+    const pivotPath = fieldProj.props.property;
+    const validColumnValues = new Set(selectOptions.map((opt) => opt.id));
+    return orderItemsInColumn(allItems, columnArr.ids, columnValue, pivotPath, validColumnValues);
+  })), [
+    columnArrangementAtomFamily,
+    itemsAtom,
+    pivotFieldIdAtom,
+    projection
+  ]);
+  return useMemo3(() => ({
+    getColumnId: (data) => data.columnValue,
+    getItemId: (data) => data.id,
+    isColumn: (obj) => typeof obj === "object" && obj !== null && "columnValue" in obj && "ids" in obj,
+    // TODO(wittjosiah): This should be restricted to objects of the type of the kanban view.
+    isItem: (obj) => Obj2.isObject(obj),
+    columns: columnsAtom,
+    items: (column) => itemsAtomFamily(column.columnValue),
+    getColumns: () => registry.get(columnsAtom) ?? [],
+    getItems: (column) => registry.get(itemsAtomFamily(column.columnValue)) ?? []
+  }), [
+    columnsAtom,
+    itemsAtomFamily,
+    registry
+  ]);
+}
+
+// src/hooks/useKanbanColumnEventHandler.ts
+import { useMemo as useMemo4 } from "react";
+import { arrayMove } from "@dxos/util";
+import { UNCATEGORIZED_VALUE as UNCATEGORIZED_VALUE2 } from "#types";
+function useKanbanColumnEventHandler({ id, model, projection, pivotFieldId, change }) {
+  return useMemo4(() => ({
+    id,
+    canDrop: ({ source }) => {
+      if (!projection) {
+        return false;
+      }
+      const data = source.data;
+      const columnValue = model.getColumnId(data);
+      return model.isColumn(source.data) && columnValue !== UNCATEGORIZED_VALUE2 && source.id !== UNCATEGORIZED_VALUE2;
+    },
+    onDrop: ({ source, target }) => {
+      if (!projection || pivotFieldId === void 0) {
+        return;
+      }
+      const sourceColumnData = source.data;
+      const sourceColumnId = model.getColumnId(sourceColumnData);
+      if (sourceColumnId === UNCATEGORIZED_VALUE2) {
+        return;
+      }
+      const currentColumns = model.getColumns();
+      const sourceIndex = currentColumns.findIndex((c) => model.getColumnId(c) === sourceColumnId);
+      if (sourceIndex === -1) {
+        return;
+      }
+      let targetIndex;
+      if (target?.type === "tile" || target?.type === "placeholder") {
+        targetIndex = typeof target.location === "number" ? Math.floor(target.location) : -1;
+      } else if (target?.type === "container") {
+        targetIndex = currentColumns.length;
+      } else {
+        return;
+      }
+      if (targetIndex < 0) {
+        return;
+      }
+      const currentColumnIds = currentColumns.map((c) => model.getColumnId(c));
+      const reorderedColumnIds = arrayMove([
+        ...currentColumnIds
+      ], sourceIndex, targetIndex);
+      const fieldProjection = projection.getFieldProjection(pivotFieldId);
+      const currentOptions = [
+        ...fieldProjection.props.options ?? []
+      ];
+      const optionsInNewOrder = reorderedColumnIds.map((columnId) => currentOptions.find((o) => o.id === columnId)).filter((o) => o != null);
+      projection.setFieldProjection({
+        ...fieldProjection,
+        props: {
+          ...fieldProjection.props,
+          options: optionsInNewOrder
+        }
+      });
+      change.kanban((kanban) => {
+        kanban.arrangement.order = reorderedColumnIds.filter((columnId) => columnId !== UNCATEGORIZED_VALUE2);
+      });
+    }
+  }), [
+    id,
+    model,
+    projection,
+    pivotFieldId,
+    change
+  ]);
+}
+
+// src/hooks/useKanbanItemEventHandler.ts
+import { useMemo as useMemo5 } from "react";
+import { UNCATEGORIZED_VALUE as UNCATEGORIZED_VALUE3 } from "#types";
+function findColumn(id, arrangement) {
+  return arrangement.find(({ columnValue, cards }) => columnValue === id || cards.some((card) => card.id === id));
+}
+function useKanbanItemEventHandler({ column, columnFieldPath, model, change }) {
+  return useMemo5(() => ({
+    id: column.columnValue,
+    canDrop: ({ source }) => model.isItem(source.data),
+    onTake: ({ source }, cb) => {
+      void cb(source.data);
+    },
+    onDrop: ({ source, target }) => {
+      const columns = model.getColumns();
+      const currentArrangement = columns.map((col) => ({
+        columnValue: col.columnValue,
+        cards: model.getItems(col) ?? []
+      }));
+      const sourceColumnInSnapshot = findColumn(source.id, currentArrangement);
+      if (!sourceColumnInSnapshot) {
+        return;
+      }
+      const workingArrangement = currentArrangement.map((col) => ({
+        columnValue: col.columnValue,
+        cards: [
+          ...col.cards
+        ]
+      }));
+      const sourceColumnInWorking = workingArrangement.find((c) => c.columnValue === sourceColumnInSnapshot.columnValue || c.cards.some((card) => card.id === source.id));
+      const targetColumnInWorking = workingArrangement.find((c) => c.columnValue === column.columnValue);
+      if (!sourceColumnInWorking || !targetColumnInWorking) {
+        return;
+      }
+      const sourceIndex = sourceColumnInWorking.cards.findIndex((card) => card.id === source.id);
+      if (sourceIndex === -1) {
+        return;
+      }
+      const [movedCard] = sourceColumnInWorking.cards.splice(sourceIndex, 1);
+      if (columnFieldPath !== void 0) {
+        const newValue = targetColumnInWorking.columnValue === UNCATEGORIZED_VALUE3 ? void 0 : targetColumnInWorking.columnValue;
+        change.setItemField(movedCard, columnFieldPath, newValue);
+      }
+      const existingTargetIndex = target?.type === "tile" ? targetColumnInWorking.cards.findIndex((card) => model.getItemId(card) === target.id) : -1;
+      const closestEdge = target?.type === "placeholder" && typeof target.location === "number" ? target.location <= targetColumnInWorking.cards.length / 2 ? "top" : "bottom" : "bottom";
+      let insertIndex;
+      if (target?.type === "placeholder" && typeof target.location === "number") {
+        insertIndex = Math.max(0, Math.min(targetColumnInWorking.cards.length, Math.floor(target.location)));
+      } else if (target?.type === "container" || existingTargetIndex === -1) {
+        insertIndex = targetColumnInWorking.cards.length;
+      } else if (sourceColumnInWorking.columnValue === targetColumnInWorking.columnValue) {
+        insertIndex = closestEdge === "bottom" ? existingTargetIndex + 1 : existingTargetIndex;
+        if (sourceIndex < existingTargetIndex) {
+          insertIndex -= 1;
+        }
+      } else {
+        insertIndex = closestEdge === "bottom" ? existingTargetIndex + 1 : existingTargetIndex;
+      }
+      targetColumnInWorking.cards.splice(insertIndex, 0, movedCard);
+      change.kanban((kanban) => {
+        kanban.arrangement = {
+          order: workingArrangement.map(({ columnValue }) => columnValue),
+          columns: Object.fromEntries(workingArrangement.map(({ columnValue, cards }) => [
+            columnValue,
+            {
+              ids: cards.map((c) => c.id)
+            }
+          ]))
+        };
+      });
+    }
+  }), [
+    column,
+    columnFieldPath,
+    model,
+    change
+  ]);
+}
+
+// src/hooks/useProjectionModel.ts
+import { useState } from "react";
+import { JsonSchema, Type } from "@dxos/echo";
+import { log } from "@dxos/log";
+import { useAsyncEffect } from "@dxos/react-ui";
+import { ProjectionModel, createEchoChangeCallback as createEchoChangeCallback2 } from "@dxos/schema";
+var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-kanban/src/hooks/useProjectionModel.ts";
+var useProjectionModel = (schema, kanban, registry) => {
+  const [projection, setProjection] = useState();
+  useAsyncEffect(async (controller) => {
+    if (!schema || !kanban || kanban.spec.kind !== "view") {
+      return;
+    }
+    try {
+      const view = await kanban.spec.view.load();
+      if (controller.signal.aborted) {
+        return;
+      }
+      const jsonSchema = Type.isMutable(schema) ? schema.jsonSchema : JsonSchema.toJsonSchema(schema);
+      const change = createEchoChangeCallback2(view, Type.isMutable(schema) ? schema : void 0);
+      const projection2 = new ProjectionModel({
+        registry,
+        view,
+        baseSchema: jsonSchema,
+        change
+      });
+      projection2.normalizeView();
+      if (!controller.signal.aborted) {
+        setProjection(projection2);
+      }
+    } catch (err) {
+      log.catch(err, {
+        schema,
+        kanban
+      }, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 41, S: void 0 });
+    }
+  }, [
+    schema,
+    kanban,
+    registry
+  ]);
+  return projection;
+};
+export {
+  createEchoChangeCallback,
+  useEchoChangeCallback,
+  useItemsProjection,
+  useKanbanBoardModel,
+  useKanbanColumnEventHandler,
+  useKanbanItemEventHandler,
+  useProjectionModel
+};
+//# sourceMappingURL=index.mjs.map