@dxos/plugin-kanban 0.7.2 → 0.7.3-staging.971cd8d

package/dist/lib/browser/{KanbanMain-YZGYGFNW.mjs → KanbanMain-I5TMXNIY.mjs}

@@ -1,14 +1,14 @@
 import {
   KanbanColumnType,
   KanbanItemType
-} from "./chunk-65OSXCWL.mjs";
+} from "./chunk-4Y4TZ47E.mjs";
 import {
   KANBAN_PLUGIN
 } from "./chunk-LG4OMN5S.mjs";
 
 // packages/plugins/experimental/plugin-kanban/src/components/KanbanMain.tsx
 import React4 from "react";
-import { create } from "@dxos/echo-schema";
+import { create } from "@dxos/live-object";
 import { getSpace } from "@dxos/react-client/echo";
 import { Main } from "@dxos/react-ui";
 import { topbarBlockPaddingStart, fixedInsetFlexLayout, bottombarBlockPaddingEnd } from "@dxos/react-ui-theme";
@@ -441,4 +441,4 @@ var KanbanMain_default = KanbanMain;
 export {
   KanbanMain_default as default
 };
-//# sourceMappingURL=KanbanMain-YZGYGFNW.mjs.map
+//# sourceMappingURL=KanbanMain-I5TMXNIY.mjs.map

package/dist/lib/browser/{KanbanMain-YZGYGFNW.mjs.map → KanbanMain-I5TMXNIY.mjs.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/KanbanMain.tsx", "../../../src/components/KanbanBoard.tsx", "../../../src/components/KanbanCard.tsx", "../../../src/components/KanbanColumn.tsx", "../../../src/components/util.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type FC } from 'react';\n\nimport { create } from '@dxos/echo-schema';\nimport { getSpace } from '@dxos/react-client/echo';\nimport { Main } from '@dxos/react-ui';\nimport { topbarBlockPaddingStart, fixedInsetFlexLayout, bottombarBlockPaddingEnd } from '@dxos/react-ui-theme';\n\nimport { KanbanBoard } from './KanbanBoard';\nimport { type KanbanType, KanbanColumnType, KanbanItemType, type KanbanModel } from '../types';\n\nconst KanbanMain: FC<{ kanban: KanbanType }> = ({ kanban }) => {\n  // const { t } = useTranslation(KANBAN_PLUGIN);\n  const space = getSpace(kanban);\n  if (!space) {\n    return null;\n  }\n\n  // TODO(burdon): Should plugin create and pass in model?\n  const model: KanbanModel = {\n    root: kanban, // TODO(burdon): How to keep pure?\n    createColumn: () => space.db.add(create(KanbanColumnType, { items: [] })),\n    // TODO(burdon): Add metadata from column in the case of projections.\n    createItem: (column) => space.db.add(create(KanbanItemType, { name: '' })),\n  };\n\n  return (\n    <Main.Content classNames={[fixedInsetFlexLayout, topbarBlockPaddingStart, bottombarBlockPaddingEnd]}>\n      <KanbanBoard model={model} />\n    </Main.Content>\n  );\n};\n\nexport default KanbanMain;\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport {\n  DndContext,\n  type DragEndEvent,\n  type DragMoveEvent,\n  type DragOverEvent,\n  DragOverlay,\n  type DragStartEvent,\n  type Modifier,\n  MouseSensor,\n  useSensor,\n} from '@dnd-kit/core';\nimport { horizontalListSortingStrategy, SortableContext } from '@dnd-kit/sortable';\nimport React, { type FC, useEffect, useState } from 'react';\n\nimport { createSubscription } from '@dxos/react-client/echo';\nimport { arrayMove, nonNullable } from '@dxos/util';\n\nimport { KanbanCardComponent } from './KanbanCard';\nimport { type ItemsMapper, KanbanColumnComponent, KanbanColumnComponentPlaceholder } from './KanbanColumn';\nimport { findLocation, useSubscription } from './util';\nimport type { KanbanColumnType, KanbanItemType, Location, KanbanModel } from '../types';\n\n// TODO(burdon): Touch sensors.\n// TODO(burdon): Prevent browser nav back when swiping left/right.\n// TODO(burdon): Consistently use FC?\nexport const KanbanBoard: FC<{ model: KanbanModel }> = ({ model }) => {\n  const kanban = model.root;\n  // TODO(wittjosiah): Remove?\n  useSubscription(kanban.columns);\n\n  // TODO(burdon): Remove since now uses ECHO.\n  const [_, setIter] = useState([]);\n\n  useEffect(() => {\n    const handle = createSubscription(() => setIter([]));\n    handle.update([kanban.columns]);\n    return () => handle.unsubscribe();\n  }, []);\n\n  const mouseSensor = useSensor(MouseSensor, {\n    activationConstraint: {\n      distance: 8,\n    },\n  });\n\n  // Dragging column.\n  // TODO(burdon): Dragging column causes flickering when dragging left to first column.\n  const [draggingColumn, setDraggingColumn] = useState<KanbanColumnType | undefined>();\n\n  // Dragging item.\n  const [draggingItem, setDraggingItem] = useState<{ source: Location; target?: Location }>();\n  // While dragging, temporarily remap which items should be visible inside each column.\n  const itemMapper: ItemsMapper = (column: string, items: KanbanItemType[]) => {\n    const { source, target } = draggingItem ?? {};\n    if (source && target) {\n      if (source?.column.id !== target?.column.id && (column === source?.column.id || column === target?.column.id)) {\n        const modified = [...items];\n        if (column === source.column.id) {\n          // Temporarily remove from old column.\n          modified.splice(source.idx!, 1);\n        } else if (column === target.column.id) {\n          // Temporarily insert into new column.\n          // TODO(burdon): Use ref to track item being temporarily moved.\n          modified.splice(target.idx ?? modified.length, 0, source.item!);\n        }\n\n        return modified;\n      }\n    }\n\n    return items;\n  };\n\n  const handleDragStart = ({ active }: DragStartEvent) => {\n    kanban.columns.filter(nonNullable).forEach((column) => {\n      if (column.id === active.id) {\n        setDraggingColumn(column);\n      } else {\n        const idx = column.items.filter(nonNullable).findIndex((item) => item.id === active.id);\n        if (idx !== -1) {\n          setDraggingItem({ source: { column, item: column.items![idx], idx } });\n        }\n      }\n    });\n  };\n\n  const handleDragMove = (event: DragMoveEvent) => {};\n\n  const handleDragOver = ({ active, over }: DragOverEvent) => {\n    if (draggingItem) {\n      const { source } = draggingItem;\n      const target = findLocation(kanban.columns.filter(nonNullable), over?.id as string);\n      if (active.id !== over?.id) {\n        setDraggingItem({ source, target });\n      }\n    }\n  };\n\n  // TODO(burdon): Call model to update.\n  const handleDragEnd = (event: DragEndEvent) => {\n    if (draggingColumn) {\n      const { active, over } = event;\n      const oldIndex = kanban.columns.filter(nonNullable).findIndex((column) => column.id === active.id);\n      const newIndex = kanban.columns.filter(nonNullable).findIndex((column) => column.id === over?.id);\n      arrayMove(kanban.columns, oldIndex, newIndex);\n    } else if (draggingItem) {\n      const { source, target } = draggingItem;\n      if (source.column.id === target!.column.id) {\n        if (target!.idx !== undefined) {\n          arrayMove(source.column.items!, source.idx!, target!.idx);\n        }\n      } else {\n        source.column.items!.splice(source.idx!, 1);\n        // TODO(burdon): Incorrect position when moving to new column.\n        target!.column.items!.splice(target!.idx ?? target!.column.items!.length, 0, source.item!);\n      }\n    }\n\n    setDraggingColumn(undefined);\n    setDraggingItem(undefined);\n  };\n\n  const handleDragCancel = () => {\n    setDraggingColumn(undefined);\n    setDraggingItem(undefined);\n  };\n\n  const handleCreateColumn = () => {\n    const column = model.createColumn();\n    kanban.columns.splice(kanban.columns.length, 0, column);\n  };\n\n  // TODO(burdon): Move to model.\n  const handleDeleteColumn = (id: string) => {\n    const index = kanban.columns.filter(nonNullable).findIndex((column) => column.id === id);\n    if (index >= 0) {\n      kanban.columns.splice(index, 1);\n    }\n  };\n\n  const customModifier: Modifier = ({ transform }) => {\n    if (draggingColumn) {\n      return {\n        ...transform,\n        y: 0,\n      };\n    } else {\n      return transform;\n    }\n  };\n\n  return (\n    <div className='flex overflow-x-scroll'>\n      <div className='flex m-4 space-x-4 snap-x'>\n        <DndContext\n          sensors={[mouseSensor]}\n          modifiers={[customModifier]}\n          onDragStart={handleDragStart}\n          onDragMove={handleDragMove}\n          onDragOver={handleDragOver}\n          onDragEnd={handleDragEnd}\n          onDragCancel={handleDragCancel}\n        >\n          <SortableContext\n            strategy={horizontalListSortingStrategy}\n            items={kanban.columns.filter(nonNullable).map(({ id }) => id!)}\n          >\n            {kanban.columns.filter(nonNullable).map((column) => (\n              <KanbanColumnComponent\n                key={column.id}\n                column={column}\n                itemMapper={itemMapper}\n                onCreate={(column: KanbanColumnType) => model.createItem(column)}\n                onDelete={() => handleDeleteColumn(column.id!)}\n              />\n            ))}\n          </SortableContext>\n\n          {/* Overlay required to drag across columns. */}\n          {draggingItem && (\n            <DragOverlay style={{ margin: 0 }}>\n              <KanbanCardComponent item={draggingItem.source.item!} onDelete={() => {}} />\n            </DragOverlay>\n          )}\n\n          {handleCreateColumn && <KanbanColumnComponentPlaceholder onAdd={handleCreateColumn} />}\n        </DndContext>\n      </div>\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { DotsSixVertical, X } from '@phosphor-icons/react';\nimport React, { type FC } from 'react';\n\nimport { createDocAccessor } from '@dxos/react-client/echo';\nimport { Button, useThemeContext, useTranslation } from '@dxos/react-ui';\nimport {\n  createBasicExtensions,\n  createDataExtensions,\n  createThemeExtensions,\n  useTextEditor,\n} from '@dxos/react-ui-editor';\nimport { getSize, mx, attentionSurface, focusRing } from '@dxos/react-ui-theme';\n\nimport { KANBAN_PLUGIN } from '../meta';\nimport { type KanbanColumnType, type KanbanItemType } from '../types';\n\nconst DeleteItem = ({ onClick }: { onClick: () => void }) => {\n  const { t } = useTranslation(KANBAN_PLUGIN);\n  return (\n    <Button variant='ghost' onClick={onClick} classNames='plb-0 pli-0.5 -mlb-1'>\n      <span className='sr-only'>{t('delete item label')}</span>\n      <X className={getSize(4)} />\n    </Button>\n  );\n};\n\nexport const KanbanCardComponent: FC<{\n  column?: KanbanColumnType;\n  item: KanbanItemType;\n  debug?: boolean;\n  onDelete?: () => void;\n}> = ({ column, item, debug = false, onDelete }) => {\n  const { themeMode } = useThemeContext();\n  const { t } = useTranslation(KANBAN_PLUGIN);\n  const { isDragging, attributes, listeners, transform, transition, setNodeRef } = useSortable({\n    id: item.id,\n    data: { type: 'item', column },\n  });\n  const tx = transform ? Object.assign(transform, { scaleY: 1 }) : null;\n\n  const { parentRef, focusAttributes } = useTextEditor(\n    () => ({\n      initialValue: item.name,\n      extensions: [\n        createDataExtensions({ id: item.id, text: createDocAccessor(item, ['name']) }),\n        createBasicExtensions({ placeholder: t('item title placeholder') }),\n        createThemeExtensions({ themeMode }),\n      ],\n    }),\n    [item, themeMode],\n  );\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={{ transform: CSS.Transform.toString(tx), transition }}\n      className={mx('flex grow', isDragging && 'border border-neutral-400 dark:border-neutral-800')}\n    >\n      <div className={mx('flex items-start grow p-1', attentionSurface, isDragging && 'opacity-10')}>\n        {/* TODO(burdon): Standardize height (and below); e.g., via toolbar. */}\n        <button className='flex h-[40px] items-center' {...attributes} {...listeners}>\n          <DotsSixVertical className={getSize(5)} />\n        </button>\n        <div className='flex flex-col grow pt-1'>\n          <div {...focusAttributes} className={mx(focusRing, 'rounded-sm p-1')} ref={parentRef} />\n          {debug && <div className='text-xs text-red-800'>{item.id.slice(0, 9)}</div>}\n        </div>\n        {onDelete && (\n          <div className='flex h-[40px] items-center'>\n            <DeleteItem onClick={onDelete} />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { useDroppable } from '@dnd-kit/core';\nimport { SortableContext, useSortable, verticalListSortingStrategy } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { DotsSixVertical, X, Plus } from '@phosphor-icons/react';\nimport React, { type FC } from 'react';\n\nimport { Button, Input, useTranslation } from '@dxos/react-ui';\nimport { modalSurface, getSize, groupSurface, mx } from '@dxos/react-ui-theme';\nimport { nonNullable } from '@dxos/util';\n\nimport { KanbanCardComponent } from './KanbanCard';\nimport { useSubscription } from './util';\nimport { KANBAN_PLUGIN } from '../meta';\nimport { type KanbanColumnType, type KanbanItemType } from '../types';\n\nexport type ItemsMapper = (column: string, items: KanbanItemType[]) => KanbanItemType[];\n\nconst DeleteColumn = ({ onClick }: { onClick: () => void }) => {\n  const { t } = useTranslation(KANBAN_PLUGIN);\n  return (\n    <Button variant='ghost' onClick={onClick} classNames='plb-0 pli-0.5 -mlb-1'>\n      <span className='sr-only'>{t('delete column label')}</span>\n      <X className={getSize(4)} />\n    </Button>\n  );\n};\n\nconst AddItem = ({ onClick }: { onClick: () => void }) => {\n  const { t } = useTranslation(KANBAN_PLUGIN);\n  return (\n    <Button variant='ghost' onClick={onClick} classNames='plb-0 pli-0.5 -mlb-1'>\n      <span className='sr-only'>{t('add item label')}</span>\n      <Plus className={getSize(4)} />\n    </Button>\n  );\n};\n\n// TODO(burdon): Factor out container.\nexport const KanbanColumnComponentPlaceholder: FC<{ onAdd: () => void }> = ({ onAdd }) => {\n  const { t } = useTranslation(KANBAN_PLUGIN);\n  return (\n    <div className={mx('flex flex-col justify-center shadow rounded w-[300px] h-[300px]', groupSurface)}>\n      <Button variant='ghost' onClick={onAdd} classNames='plb-0 pli-0.5 -mlb-1'>\n        <span className='sr-only'>{t('add column label')}</span>\n        <Plus className={getSize(6)} />\n      </Button>\n    </div>\n  );\n};\n\nexport const KanbanColumnComponent: FC<{\n  column: KanbanColumnType;\n  itemMapper?: ItemsMapper;\n  debug?: boolean; // TODO(burdon): Context.\n  onCreate?: (column: KanbanColumnType) => KanbanItemType;\n  onDelete?: () => void;\n}> = ({ column, itemMapper, debug = false, onCreate, onDelete }) => {\n  const { t } = useTranslation(KANBAN_PLUGIN);\n\n  // TODO(wittjosiah): Remove?\n  useSubscription([column.items]);\n  const items = itemMapper?.(column.id!, column.items.filter(nonNullable)) ?? column.items!;\n\n  const { setNodeRef: setDroppableNodeRef } = useDroppable({ id: column.id! });\n  const { isDragging, attributes, listeners, transform, transition, setNodeRef } = useSortable({\n    id: column.id!,\n    data: { type: 'column' },\n  });\n  const tx = transform ? Object.assign(transform, { scaleY: 1 }) : null;\n\n  const handleAddItem = onCreate\n    ? () => {\n        const item = onCreate(column);\n        column.items!.splice(column.items!.length, 0, item);\n      }\n    : undefined;\n\n  const handleDeleteItem = (id: string) => {\n    const index = column.items.filter(nonNullable).findIndex((column) => column.id === id);\n    if (index >= 0) {\n      column.items!.splice(index, 1);\n    }\n  };\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={{ transform: CSS.Transform.toString(tx), transition }}\n      className={mx('flex flex-col snap-center overflow-y-hidden', isDragging && 'relative z-10')}\n    >\n      {/* TODO(burdon): Width approx mobile phone width. */}\n      <div\n        className={mx(\n          'flex flex-col py-2 overflow-hidden shadow rounded w-[300px] min-h-[300px]',\n          isDragging ? modalSurface : groupSurface,\n        )}\n      >\n        <div className='flex items-center mb-2 px-2'>\n          <button {...attributes} {...listeners}>\n            <DotsSixVertical className={getSize(5)} />\n          </button>\n\n          <Input.Root>\n            <Input.Label srOnly>{t('column title label')}</Input.Label>\n            <Input.TextInput\n              variant='subdued'\n              classNames='px-2'\n              placeholder={t('column title placeholder')}\n              defaultValue={column.name}\n              onChange={({ target: { value } }) => (column.name = value)}\n            />\n          </Input.Root>\n\n          {/* TODO(burdon): Menu. */}\n          {onDelete && <DeleteColumn onClick={onDelete} />}\n        </div>\n\n        {/* TODO(burdon): Scrolling (radix; see kai/mosaic). */}\n        <SortableContext strategy={verticalListSortingStrategy} items={items.filter(nonNullable).map(({ id }) => id)}>\n          <div ref={setDroppableNodeRef} className='flex flex-col grow overflow-y-scroll space-y-2 pr-4'>\n            {items.filter(nonNullable).map((item) => (\n              <div key={item.id} id={item.id} className='flex pl-2'>\n                <KanbanCardComponent column={column} item={item} onDelete={() => handleDeleteItem(item.id)} />\n              </div>\n            ))}\n          </div>\n        </SortableContext>\n\n        {handleAddItem && (\n          <div className='flex justify-center mt-2'>\n            <AddItem onClick={handleAddItem} />\n          </div>\n        )}\n\n        {debug && <div className='px-2 text-xs text-red-800'>{column.id!.slice(0, 9)}</div>}\n      </div>\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { useEffect, useState } from 'react';\n\nimport { createSubscription } from '@dxos/react-client/echo';\nimport { nonNullable } from '@dxos/util';\n\nimport { type KanbanColumnType, type Location } from '../types';\n\n// TODO(burdon): Factor out.\nexport const useSubscription = (data: any) => {\n  const [_, setIter] = useState([]);\n  useEffect(() => {\n    const handle = createSubscription(() => setIter([]));\n    handle.update(data);\n    return () => handle.unsubscribe();\n  }, []);\n};\n\n/**\n * Find the column or item within the model.\n */\n// TODO(burdon): Move to model.\nexport const findLocation = (columns: KanbanColumnType[], id: string): Location | undefined => {\n  for (const column of columns) {\n    // TODO(burdon): Need transient ID for UX.\n    if (column.id === id) {\n      return { column };\n    } else {\n      const idx = column.items.filter(nonNullable).findIndex((item) => item.id === id);\n      if (idx !== -1) {\n        return { column, item: column.items![idx], idx };\n      }\n    }\n  }\n};\n"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type FC } from 'react';\n\nimport { create } from '@dxos/live-object';\nimport { getSpace } from '@dxos/react-client/echo';\nimport { Main } from '@dxos/react-ui';\nimport { topbarBlockPaddingStart, fixedInsetFlexLayout, bottombarBlockPaddingEnd } from '@dxos/react-ui-theme';\n\nimport { KanbanBoard } from './KanbanBoard';\nimport { type KanbanType, KanbanColumnType, KanbanItemType, type KanbanModel } from '../types';\n\nconst KanbanMain: FC<{ kanban: KanbanType }> = ({ kanban }) => {\n  // const { t } = useTranslation(KANBAN_PLUGIN);\n  const space = getSpace(kanban);\n  if (!space) {\n    return null;\n  }\n\n  // TODO(burdon): Should plugin create and pass in model?\n  const model: KanbanModel = {\n    root: kanban, // TODO(burdon): How to keep pure?\n    createColumn: () => space.db.add(create(KanbanColumnType, { items: [] })),\n    // TODO(burdon): Add metadata from column in the case of projections.\n    createItem: (column) => space.db.add(create(KanbanItemType, { name: '' })),\n  };\n\n  return (\n    <Main.Content classNames={[fixedInsetFlexLayout, topbarBlockPaddingStart, bottombarBlockPaddingEnd]}>\n      <KanbanBoard model={model} />\n    </Main.Content>\n  );\n};\n\nexport default KanbanMain;\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport {\n  DndContext,\n  type DragEndEvent,\n  type DragMoveEvent,\n  type DragOverEvent,\n  DragOverlay,\n  type DragStartEvent,\n  type Modifier,\n  MouseSensor,\n  useSensor,\n} from '@dnd-kit/core';\nimport { horizontalListSortingStrategy, SortableContext } from '@dnd-kit/sortable';\nimport React, { type FC, useEffect, useState } from 'react';\n\nimport { createSubscription } from '@dxos/react-client/echo';\nimport { arrayMove, nonNullable } from '@dxos/util';\n\nimport { KanbanCardComponent } from './KanbanCard';\nimport { type ItemsMapper, KanbanColumnComponent, KanbanColumnComponentPlaceholder } from './KanbanColumn';\nimport { findLocation, useSubscription } from './util';\nimport type { KanbanColumnType, KanbanItemType, Location, KanbanModel } from '../types';\n\n// TODO(burdon): Touch sensors.\n// TODO(burdon): Prevent browser nav back when swiping left/right.\n// TODO(burdon): Consistently use FC?\nexport const KanbanBoard: FC<{ model: KanbanModel }> = ({ model }) => {\n  const kanban = model.root;\n  // TODO(wittjosiah): Remove?\n  useSubscription(kanban.columns);\n\n  // TODO(burdon): Remove since now uses ECHO.\n  const [_, setIter] = useState([]);\n\n  useEffect(() => {\n    const handle = createSubscription(() => setIter([]));\n    handle.update([kanban.columns]);\n    return () => handle.unsubscribe();\n  }, []);\n\n  const mouseSensor = useSensor(MouseSensor, {\n    activationConstraint: {\n      distance: 8,\n    },\n  });\n\n  // Dragging column.\n  // TODO(burdon): Dragging column causes flickering when dragging left to first column.\n  const [draggingColumn, setDraggingColumn] = useState<KanbanColumnType | undefined>();\n\n  // Dragging item.\n  const [draggingItem, setDraggingItem] = useState<{ source: Location; target?: Location }>();\n  // While dragging, temporarily remap which items should be visible inside each column.\n  const itemMapper: ItemsMapper = (column: string, items: KanbanItemType[]) => {\n    const { source, target } = draggingItem ?? {};\n    if (source && target) {\n      if (source?.column.id !== target?.column.id && (column === source?.column.id || column === target?.column.id)) {\n        const modified = [...items];\n        if (column === source.column.id) {\n          // Temporarily remove from old column.\n          modified.splice(source.idx!, 1);\n        } else if (column === target.column.id) {\n          // Temporarily insert into new column.\n          // TODO(burdon): Use ref to track item being temporarily moved.\n          modified.splice(target.idx ?? modified.length, 0, source.item!);\n        }\n\n        return modified;\n      }\n    }\n\n    return items;\n  };\n\n  const handleDragStart = ({ active }: DragStartEvent) => {\n    kanban.columns.filter(nonNullable).forEach((column) => {\n      if (column.id === active.id) {\n        setDraggingColumn(column);\n      } else {\n        const idx = column.items.filter(nonNullable).findIndex((item) => item.id === active.id);\n        if (idx !== -1) {\n          setDraggingItem({ source: { column, item: column.items![idx], idx } });\n        }\n      }\n    });\n  };\n\n  const handleDragMove = (event: DragMoveEvent) => {};\n\n  const handleDragOver = ({ active, over }: DragOverEvent) => {\n    if (draggingItem) {\n      const { source } = draggingItem;\n      const target = findLocation(kanban.columns.filter(nonNullable), over?.id as string);\n      if (active.id !== over?.id) {\n        setDraggingItem({ source, target });\n      }\n    }\n  };\n\n  // TODO(burdon): Call model to update.\n  const handleDragEnd = (event: DragEndEvent) => {\n    if (draggingColumn) {\n      const { active, over } = event;\n      const oldIndex = kanban.columns.filter(nonNullable).findIndex((column) => column.id === active.id);\n      const newIndex = kanban.columns.filter(nonNullable).findIndex((column) => column.id === over?.id);\n      arrayMove(kanban.columns, oldIndex, newIndex);\n    } else if (draggingItem) {\n      const { source, target } = draggingItem;\n      if (source.column.id === target!.column.id) {\n        if (target!.idx !== undefined) {\n          arrayMove(source.column.items!, source.idx!, target!.idx);\n        }\n      } else {\n        source.column.items!.splice(source.idx!, 1);\n        // TODO(burdon): Incorrect position when moving to new column.\n        target!.column.items!.splice(target!.idx ?? target!.column.items!.length, 0, source.item!);\n      }\n    }\n\n    setDraggingColumn(undefined);\n    setDraggingItem(undefined);\n  };\n\n  const handleDragCancel = () => {\n    setDraggingColumn(undefined);\n    setDraggingItem(undefined);\n  };\n\n  const handleCreateColumn = () => {\n    const column = model.createColumn();\n    kanban.columns.splice(kanban.columns.length, 0, column);\n  };\n\n  // TODO(burdon): Move to model.\n  const handleDeleteColumn = (id: string) => {\n    const index = kanban.columns.filter(nonNullable).findIndex((column) => column.id === id);\n    if (index >= 0) {\n      kanban.columns.splice(index, 1);\n    }\n  };\n\n  const customModifier: Modifier = ({ transform }) => {\n    if (draggingColumn) {\n      return {\n        ...transform,\n        y: 0,\n      };\n    } else {\n      return transform;\n    }\n  };\n\n  return (\n    <div className='flex overflow-x-scroll'>\n      <div className='flex m-4 space-x-4 snap-x'>\n        <DndContext\n          sensors={[mouseSensor]}\n          modifiers={[customModifier]}\n          onDragStart={handleDragStart}\n          onDragMove={handleDragMove}\n          onDragOver={handleDragOver}\n          onDragEnd={handleDragEnd}\n          onDragCancel={handleDragCancel}\n        >\n          <SortableContext\n            strategy={horizontalListSortingStrategy}\n            items={kanban.columns.filter(nonNullable).map(({ id }) => id!)}\n          >\n            {kanban.columns.filter(nonNullable).map((column) => (\n              <KanbanColumnComponent\n                key={column.id}\n                column={column}\n                itemMapper={itemMapper}\n                onCreate={(column: KanbanColumnType) => model.createItem(column)}\n                onDelete={() => handleDeleteColumn(column.id!)}\n              />\n            ))}\n          </SortableContext>\n\n          {/* Overlay required to drag across columns. */}\n          {draggingItem && (\n            <DragOverlay style={{ margin: 0 }}>\n              <KanbanCardComponent item={draggingItem.source.item!} onDelete={() => {}} />\n            </DragOverlay>\n          )}\n\n          {handleCreateColumn && <KanbanColumnComponentPlaceholder onAdd={handleCreateColumn} />}\n        </DndContext>\n      </div>\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { DotsSixVertical, X } from '@phosphor-icons/react';\nimport React, { type FC } from 'react';\n\nimport { createDocAccessor } from '@dxos/react-client/echo';\nimport { Button, useThemeContext, useTranslation } from '@dxos/react-ui';\nimport {\n  createBasicExtensions,\n  createDataExtensions,\n  createThemeExtensions,\n  useTextEditor,\n} from '@dxos/react-ui-editor';\nimport { getSize, mx, attentionSurface, focusRing } from '@dxos/react-ui-theme';\n\nimport { KANBAN_PLUGIN } from '../meta';\nimport { type KanbanColumnType, type KanbanItemType } from '../types';\n\nconst DeleteItem = ({ onClick }: { onClick: () => void }) => {\n  const { t } = useTranslation(KANBAN_PLUGIN);\n  return (\n    <Button variant='ghost' onClick={onClick} classNames='plb-0 pli-0.5 -mlb-1'>\n      <span className='sr-only'>{t('delete item label')}</span>\n      <X className={getSize(4)} />\n    </Button>\n  );\n};\n\nexport const KanbanCardComponent: FC<{\n  column?: KanbanColumnType;\n  item: KanbanItemType;\n  debug?: boolean;\n  onDelete?: () => void;\n}> = ({ column, item, debug = false, onDelete }) => {\n  const { themeMode } = useThemeContext();\n  const { t } = useTranslation(KANBAN_PLUGIN);\n  const { isDragging, attributes, listeners, transform, transition, setNodeRef } = useSortable({\n    id: item.id,\n    data: { type: 'item', column },\n  });\n  const tx = transform ? Object.assign(transform, { scaleY: 1 }) : null;\n\n  const { parentRef, focusAttributes } = useTextEditor(\n    () => ({\n      initialValue: item.name,\n      extensions: [\n        createDataExtensions({ id: item.id, text: createDocAccessor(item, ['name']) }),\n        createBasicExtensions({ placeholder: t('item title placeholder') }),\n        createThemeExtensions({ themeMode }),\n      ],\n    }),\n    [item, themeMode],\n  );\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={{ transform: CSS.Transform.toString(tx), transition }}\n      className={mx('flex grow', isDragging && 'border border-neutral-400 dark:border-neutral-800')}\n    >\n      <div className={mx('flex items-start grow p-1', attentionSurface, isDragging && 'opacity-10')}>\n        {/* TODO(burdon): Standardize height (and below); e.g., via toolbar. */}\n        <button className='flex h-[40px] items-center' {...attributes} {...listeners}>\n          <DotsSixVertical className={getSize(5)} />\n        </button>\n        <div className='flex flex-col grow pt-1'>\n          <div {...focusAttributes} className={mx(focusRing, 'rounded-sm p-1')} ref={parentRef} />\n          {debug && <div className='text-xs text-red-800'>{item.id.slice(0, 9)}</div>}\n        </div>\n        {onDelete && (\n          <div className='flex h-[40px] items-center'>\n            <DeleteItem onClick={onDelete} />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { useDroppable } from '@dnd-kit/core';\nimport { SortableContext, useSortable, verticalListSortingStrategy } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { DotsSixVertical, X, Plus } from '@phosphor-icons/react';\nimport React, { type FC } from 'react';\n\nimport { Button, Input, useTranslation } from '@dxos/react-ui';\nimport { modalSurface, getSize, groupSurface, mx } from '@dxos/react-ui-theme';\nimport { nonNullable } from '@dxos/util';\n\nimport { KanbanCardComponent } from './KanbanCard';\nimport { useSubscription } from './util';\nimport { KANBAN_PLUGIN } from '../meta';\nimport { type KanbanColumnType, type KanbanItemType } from '../types';\n\nexport type ItemsMapper = (column: string, items: KanbanItemType[]) => KanbanItemType[];\n\nconst DeleteColumn = ({ onClick }: { onClick: () => void }) => {\n  const { t } = useTranslation(KANBAN_PLUGIN);\n  return (\n    <Button variant='ghost' onClick={onClick} classNames='plb-0 pli-0.5 -mlb-1'>\n      <span className='sr-only'>{t('delete column label')}</span>\n      <X className={getSize(4)} />\n    </Button>\n  );\n};\n\nconst AddItem = ({ onClick }: { onClick: () => void }) => {\n  const { t } = useTranslation(KANBAN_PLUGIN);\n  return (\n    <Button variant='ghost' onClick={onClick} classNames='plb-0 pli-0.5 -mlb-1'>\n      <span className='sr-only'>{t('add item label')}</span>\n      <Plus className={getSize(4)} />\n    </Button>\n  );\n};\n\n// TODO(burdon): Factor out container.\nexport const KanbanColumnComponentPlaceholder: FC<{ onAdd: () => void }> = ({ onAdd }) => {\n  const { t } = useTranslation(KANBAN_PLUGIN);\n  return (\n    <div className={mx('flex flex-col justify-center shadow rounded w-[300px] h-[300px]', groupSurface)}>\n      <Button variant='ghost' onClick={onAdd} classNames='plb-0 pli-0.5 -mlb-1'>\n        <span className='sr-only'>{t('add column label')}</span>\n        <Plus className={getSize(6)} />\n      </Button>\n    </div>\n  );\n};\n\nexport const KanbanColumnComponent: FC<{\n  column: KanbanColumnType;\n  itemMapper?: ItemsMapper;\n  debug?: boolean; // TODO(burdon): Context.\n  onCreate?: (column: KanbanColumnType) => KanbanItemType;\n  onDelete?: () => void;\n}> = ({ column, itemMapper, debug = false, onCreate, onDelete }) => {\n  const { t } = useTranslation(KANBAN_PLUGIN);\n\n  // TODO(wittjosiah): Remove?\n  useSubscription([column.items]);\n  const items = itemMapper?.(column.id!, column.items.filter(nonNullable)) ?? column.items!;\n\n  const { setNodeRef: setDroppableNodeRef } = useDroppable({ id: column.id! });\n  const { isDragging, attributes, listeners, transform, transition, setNodeRef } = useSortable({\n    id: column.id!,\n    data: { type: 'column' },\n  });\n  const tx = transform ? Object.assign(transform, { scaleY: 1 }) : null;\n\n  const handleAddItem = onCreate\n    ? () => {\n        const item = onCreate(column);\n        column.items!.splice(column.items!.length, 0, item);\n      }\n    : undefined;\n\n  const handleDeleteItem = (id: string) => {\n    const index = column.items.filter(nonNullable).findIndex((column) => column.id === id);\n    if (index >= 0) {\n      column.items!.splice(index, 1);\n    }\n  };\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={{ transform: CSS.Transform.toString(tx), transition }}\n      className={mx('flex flex-col snap-center overflow-y-hidden', isDragging && 'relative z-10')}\n    >\n      {/* TODO(burdon): Width approx mobile phone width. */}\n      <div\n        className={mx(\n          'flex flex-col py-2 overflow-hidden shadow rounded w-[300px] min-h-[300px]',\n          isDragging ? modalSurface : groupSurface,\n        )}\n      >\n        <div className='flex items-center mb-2 px-2'>\n          <button {...attributes} {...listeners}>\n            <DotsSixVertical className={getSize(5)} />\n          </button>\n\n          <Input.Root>\n            <Input.Label srOnly>{t('column title label')}</Input.Label>\n            <Input.TextInput\n              variant='subdued'\n              classNames='px-2'\n              placeholder={t('column title placeholder')}\n              defaultValue={column.name}\n              onChange={({ target: { value } }) => (column.name = value)}\n            />\n          </Input.Root>\n\n          {/* TODO(burdon): Menu. */}\n          {onDelete && <DeleteColumn onClick={onDelete} />}\n        </div>\n\n        {/* TODO(burdon): Scrolling (radix; see kai/mosaic). */}\n        <SortableContext strategy={verticalListSortingStrategy} items={items.filter(nonNullable).map(({ id }) => id)}>\n          <div ref={setDroppableNodeRef} className='flex flex-col grow overflow-y-scroll space-y-2 pr-4'>\n            {items.filter(nonNullable).map((item) => (\n              <div key={item.id} id={item.id} className='flex pl-2'>\n                <KanbanCardComponent column={column} item={item} onDelete={() => handleDeleteItem(item.id)} />\n              </div>\n            ))}\n          </div>\n        </SortableContext>\n\n        {handleAddItem && (\n          <div className='flex justify-center mt-2'>\n            <AddItem onClick={handleAddItem} />\n          </div>\n        )}\n\n        {debug && <div className='px-2 text-xs text-red-800'>{column.id!.slice(0, 9)}</div>}\n      </div>\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { useEffect, useState } from 'react';\n\nimport { createSubscription } from '@dxos/react-client/echo';\nimport { nonNullable } from '@dxos/util';\n\nimport { type KanbanColumnType, type Location } from '../types';\n\n// TODO(burdon): Factor out.\nexport const useSubscription = (data: any) => {\n  const [_, setIter] = useState([]);\n  useEffect(() => {\n    const handle = createSubscription(() => setIter([]));\n    handle.update(data);\n    return () => handle.unsubscribe();\n  }, []);\n};\n\n/**\n * Find the column or item within the model.\n */\n// TODO(burdon): Move to model.\nexport const findLocation = (columns: KanbanColumnType[], id: string): Location | undefined => {\n  for (const column of columns) {\n    // TODO(burdon): Need transient ID for UX.\n    if (column.id === id) {\n      return { column };\n    } else {\n      const idx = column.items.filter(nonNullable).findIndex((item) => item.id === id);\n      if (idx !== -1) {\n        return { column, item: column.items![idx], idx };\n      }\n    }\n  }\n};\n"],
   "mappings": "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",
   "names": ["React", "create", "getSpace", "Main", "topbarBlockPaddingStart", "fixedInsetFlexLayout", "bottombarBlockPaddingEnd", "DndContext", "DragOverlay", "MouseSensor", "useSensor", "horizontalListSortingStrategy", "SortableContext", "React", "useEffect", "useState", "createSubscription", "arrayMove", "nonNullable", "useSortable", "CSS", "DotsSixVertical", "X", "React", "createDocAccessor", "Button", "useThemeContext", "useTranslation", "createBasicExtensions", "createDataExtensions", "createThemeExtensions", "useTextEditor", "getSize", "mx", "attentionSurface", "focusRing", "DeleteItem", "onClick", "t", "useTranslation", "KANBAN_PLUGIN", "Button", "variant", "classNames", "span", "className", "X", "getSize", "KanbanCardComponent", "column", "item", "debug", "onDelete", "themeMode", "useThemeContext", "isDragging", "attributes", "listeners", "transform", "transition", "setNodeRef", "useSortable", "id", "data", "type", "tx", "Object", "assign", "scaleY", "parentRef", "focusAttributes", "useTextEditor", "initialValue", "name", "extensions", "createDataExtensions", "text", "createDocAccessor", "createBasicExtensions", "placeholder", "createThemeExtensions", "div", "ref", "style", "CSS", "Transform", "toString", "mx", "attentionSurface", "button", "DotsSixVertical", "focusRing", "slice", "useDroppable", "SortableContext", "useSortable", "verticalListSortingStrategy", "CSS", "DotsSixVertical", "X", "Plus", "React", "Button", "Input", "useTranslation", "modalSurface", "getSize", "groupSurface", "mx", "nonNullable", "useEffect", "useState", "createSubscription", "nonNullable", "useSubscription", "data", "_", "setIter", "useState", "useEffect", "handle", "createSubscription", "update", "unsubscribe", "findLocation", "columns", "id", "column", "idx", "items", "filter", "nonNullable", "findIndex", "item", "DeleteColumn", "onClick", "t", "useTranslation", "KANBAN_PLUGIN", "React", "Button", "variant", "classNames", "span", "className", "X", "getSize", "AddItem", "Plus", "KanbanColumnComponentPlaceholder", "onAdd", "div", "mx", "groupSurface", "KanbanColumnComponent", "column", "itemMapper", "debug", "onCreate", "onDelete", "useSubscription", "items", "id", "filter", "nonNullable", "setNodeRef", "setDroppableNodeRef", "useDroppable", "isDragging", "attributes", "listeners", "transform", "transition", "useSortable", "data", "type", "tx", "Object", "assign", "scaleY", "handleAddItem", "item", "splice", "length", "undefined", "handleDeleteItem", "index", "findIndex", "ref", "style", "CSS", "Transform", "toString", "modalSurface", "button", "DotsSixVertical", "Input", "Root", "Label", "srOnly", "TextInput", "placeholder", "defaultValue", "name", "onChange", "target", "value", "SortableContext", "strategy", "verticalListSortingStrategy", "map", "key", "KanbanCardComponent", "slice", "KanbanBoard", "model", "kanban", "root", "useSubscription", "columns", "_", "setIter", "useState", "useEffect", "handle", "createSubscription", "update", "unsubscribe", "mouseSensor", "useSensor", "MouseSensor", "activationConstraint", "distance", "draggingColumn", "setDraggingColumn", "draggingItem", "setDraggingItem", "itemMapper", "column", "items", "source", "target", "id", "modified", "splice", "idx", "length", "item", "handleDragStart", "active", "filter", "nonNullable", "forEach", "findIndex", "handleDragMove", "event", "handleDragOver", "over", "findLocation", "handleDragEnd", "oldIndex", "newIndex", "arrayMove", "undefined", "handleDragCancel", "handleCreateColumn", "createColumn", "handleDeleteColumn", "index", "customModifier", "transform", "y", "React", "div", "className", "DndContext", "sensors", "modifiers", "onDragStart", "onDragMove", "onDragOver", "onDragEnd", "onDragCancel", "SortableContext", "strategy", "horizontalListSortingStrategy", "map", "KanbanColumnComponent", "key", "onCreate", "createItem", "onDelete", "DragOverlay", "style", "margin", "KanbanCardComponent", "KanbanColumnComponentPlaceholder", "onAdd", "KanbanMain", "kanban", "space", "getSpace", "model", "root", "createColumn", "db", "add", "create", "KanbanColumnType", "items", "createItem", "column", "KanbanItemType", "name", "React", "Main", "Content", "classNames", "fixedInsetFlexLayout", "topbarBlockPaddingStart", "bottombarBlockPaddingEnd", "KanbanBoard"]
 }

package/dist/lib/browser/{chunk-65OSXCWL.mjs → chunk-4Y4TZ47E.mjs}

@@ -44,4 +44,4 @@ export {
   KanbanType,
   KanbanAction
 };
-//# sourceMappingURL=chunk-65OSXCWL.mjs.map
+//# sourceMappingURL=chunk-4Y4TZ47E.mjs.map

package/dist/lib/browser/{chunk-65OSXCWL.mjs.map → chunk-4Y4TZ47E.mjs.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/types/kanban.ts", "../../../src/types/types.ts"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { Expando, ref, S, TypedObject } from '@dxos/echo-schema';\n\nexport class KanbanItemType extends TypedObject({ typename: 'dxos.org/type/KanbanItem', version: '0.1.0' })({\n  object: S.optional(ref(Expando)),\n  name: S.optional(S.String),\n  index: S.optional(S.String),\n}) {}\n\nexport class KanbanColumnType extends TypedObject({ typename: 'dxos.org/type/KanbanColumn', version: '0.1.0' })({\n  name: S.optional(S.String),\n  index: S.optional(S.String),\n  items: S.mutable(S.Array(ref(KanbanItemType))),\n}) {}\n\nexport class KanbanType extends TypedObject({ typename: 'dxos.org/type/Kanban', version: '0.1.0' })({\n  name: S.optional(S.String),\n  columns: S.mutable(S.Array(ref(KanbanColumnType))),\n}) {}\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport type {\n  GraphBuilderProvides,\n  IntentResolverProvides,\n  MetadataRecordsProvides,\n  SurfaceProvides,\n  TranslationsProvides,\n} from '@dxos/app-framework';\nimport { type SchemaProvides } from '@dxos/plugin-client';\n\nimport { type KanbanColumnType, type KanbanItemType, type KanbanType } from './kanban';\nimport { KANBAN_PLUGIN } from '../meta';\n\n/**\n * Kanban data model.\n * A Kanban board is a collection of columns, each of which contains a collection of items.\n * The layout of columns and items is controlled by models.\n * The underlying data model may be represented by direct object relationships\n * (e.g., a column object containing an array of ordered items) or projections constructed\n * by the model (e.g., a query of items based on metadata within a column object).\n */\n\nconst KANBAN_ACTION = `${KANBAN_PLUGIN}/action`;\n\nexport enum KanbanAction {\n  CREATE = `${KANBAN_ACTION}/create`,\n}\n\nexport type KanbanPluginProvides = SurfaceProvides &\n  IntentResolverProvides &\n  GraphBuilderProvides &\n  MetadataRecordsProvides &\n  TranslationsProvides &\n  SchemaProvides;\n\n// TODO(burdon): Undo?\n// TODO(burdon): Typescript types (replace proto with annotations?)\n// TODO(burdon): Should pure components depend on ECHO? Relationship between ECHO object/array and Observable.\n// TODO(burdon): Can the plugin configure the object based on the data? E.g., how are the models constructed?\n// TODO(burdon): Create models. Simple first based on actual data.\n//  Model is always a projection since the dragging state is tentative.\n\n// TODO(burdon): Extend model for moving items (in and across columns).\nexport interface KanbanModel {\n  root: KanbanType;\n  createColumn(): KanbanColumnType;\n  createItem(column: KanbanColumnType): KanbanItemType;\n}\n\nexport type Location = {\n  column: KanbanColumnType;\n  item?: KanbanItemType;\n  idx?: number;\n};\n"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { Expando, ref, S, TypedObject } from '@dxos/echo-schema';\n\nexport class KanbanItemType extends TypedObject({ typename: 'dxos.org/type/KanbanItem', version: '0.1.0' })({\n  object: S.optional(ref(Expando)),\n  name: S.optional(S.String),\n  index: S.optional(S.String),\n}) {}\n\nexport class KanbanColumnType extends TypedObject({ typename: 'dxos.org/type/KanbanColumn', version: '0.1.0' })({\n  name: S.optional(S.String),\n  index: S.optional(S.String),\n  items: S.mutable(S.Array(ref(KanbanItemType))),\n}) {}\n\nexport class KanbanType extends TypedObject({ typename: 'dxos.org/type/Kanban', version: '0.1.0' })({\n  name: S.optional(S.String),\n  columns: S.mutable(S.Array(ref(KanbanColumnType))),\n}) {}\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport type {\n  GraphBuilderProvides,\n  IntentResolverProvides,\n  MetadataRecordsProvides,\n  SurfaceProvides,\n  TranslationsProvides,\n} from '@dxos/app-framework';\nimport { type SchemaProvides } from '@dxos/plugin-space';\n\nimport { type KanbanColumnType, type KanbanItemType, type KanbanType } from './kanban';\nimport { KANBAN_PLUGIN } from '../meta';\n\n/**\n * Kanban data model.\n * A Kanban board is a collection of columns, each of which contains a collection of items.\n * The layout of columns and items is controlled by models.\n * The underlying data model may be represented by direct object relationships\n * (e.g., a column object containing an array of ordered items) or projections constructed\n * by the model (e.g., a query of items based on metadata within a column object).\n */\n\nconst KANBAN_ACTION = `${KANBAN_PLUGIN}/action`;\n\nexport enum KanbanAction {\n  CREATE = `${KANBAN_ACTION}/create`,\n}\n\nexport type KanbanPluginProvides = SurfaceProvides &\n  IntentResolverProvides &\n  GraphBuilderProvides &\n  MetadataRecordsProvides &\n  TranslationsProvides &\n  SchemaProvides;\n\n// TODO(burdon): Undo?\n// TODO(burdon): Typescript types (replace proto with annotations?)\n// TODO(burdon): Should pure components depend on ECHO? Relationship between ECHO object/array and Observable.\n// TODO(burdon): Can the plugin configure the object based on the data? E.g., how are the models constructed?\n// TODO(burdon): Create models. Simple first based on actual data.\n//  Model is always a projection since the dragging state is tentative.\n\n// TODO(burdon): Extend model for moving items (in and across columns).\nexport interface KanbanModel {\n  root: KanbanType;\n  createColumn(): KanbanColumnType;\n  createItem(column: KanbanColumnType): KanbanItemType;\n}\n\nexport type Location = {\n  column: KanbanColumnType;\n  item?: KanbanItemType;\n  idx?: number;\n};\n"],
   "mappings": ";;;;;AAIA,SAASA,SAASC,KAAKC,GAAGC,mBAAmB;AAEtC,IAAMC,iBAAN,cAA6BC,YAAY;EAAEC,UAAU;EAA4BC,SAAS;AAAQ,CAAA,EAAG;EAC1GC,QAAQC,EAAEC,SAASC,IAAIC,OAAAA,CAAAA;EACvBC,MAAMJ,EAAEC,SAASD,EAAEK,MAAM;EACzBC,OAAON,EAAEC,SAASD,EAAEK,MAAM;AAC5B,CAAA,EAAA;AAAI;AAEG,IAAME,mBAAN,cAA+BX,YAAY;EAAEC,UAAU;EAA8BC,SAAS;AAAQ,CAAA,EAAG;EAC9GM,MAAMJ,EAAEC,SAASD,EAAEK,MAAM;EACzBC,OAAON,EAAEC,SAASD,EAAEK,MAAM;EAC1BG,OAAOR,EAAES,QAAQT,EAAEU,MAAMR,IAAIP,cAAAA,CAAAA,CAAAA;AAC/B,CAAA,EAAA;AAAI;AAEG,IAAMgB,aAAN,cAAyBf,YAAY;EAAEC,UAAU;EAAwBC,SAAS;AAAQ,CAAA,EAAG;EAClGM,MAAMJ,EAAEC,SAASD,EAAEK,MAAM;EACzBO,SAASZ,EAAES,QAAQT,EAAEU,MAAMR,IAAIK,gBAAAA,CAAAA,CAAAA;AACjC,CAAA,EAAA;AAAI;;;ACIJ,IAAMM,gBAAgB,GAAGC,aAAAA;;UAEbC,eAAAA;0CACD,GAAGF,aAAAA,SAAsB,IAAA;GADxBE,iBAAAA,eAAAA,CAAAA,EAAAA;",
   "names": ["Expando", "ref", "S", "TypedObject", "KanbanItemType", "TypedObject", "typename", "version", "object", "S", "optional", "ref", "Expando", "name", "String", "index", "KanbanColumnType", "items", "mutable", "Array", "KanbanType", "columns", "KANBAN_ACTION", "KANBAN_PLUGIN", "KanbanAction"]
 }

package/dist/lib/browser/index.mjs

@@ -3,7 +3,7 @@ import {
   KanbanColumnType,
   KanbanItemType,
   KanbanType
-} from "./chunk-65OSXCWL.mjs";
+} from "./chunk-4Y4TZ47E.mjs";
 import {
   KANBAN_PLUGIN,
   meta_default
@@ -12,7 +12,7 @@ import {
 // packages/plugins/experimental/plugin-kanban/src/KanbanPlugin.tsx
 import React from "react";
 import { resolvePlugin, parseIntentPlugin, NavigationAction } from "@dxos/app-framework";
-import { create } from "@dxos/echo-schema";
+import { create } from "@dxos/live-object";
 import { parseClientPlugin } from "@dxos/plugin-client";
 import { createExtension, isActionGroup } from "@dxos/plugin-graph";
 import { SpaceAction } from "@dxos/plugin-space";
@@ -20,7 +20,7 @@ import { loadObjectReferences } from "@dxos/react-client/echo";
 
 // packages/plugins/experimental/plugin-kanban/src/components/index.ts
 import { lazy } from "react";
-var KanbanMain = lazy(() => import("./KanbanMain-YZGYGFNW.mjs"));
+var KanbanMain = lazy(() => import("./KanbanMain-I5TMXNIY.mjs"));
 
 // packages/plugins/experimental/plugin-kanban/src/translations.ts
 var translations_default = [
@@ -52,6 +52,7 @@ var KanbanPlugin = () => {
       metadata: {
         records: {
           [KanbanType.typename]: {
+            createObject: KanbanAction.CREATE,
             placeholder: [
               "kanban title placeholder",
               {
@@ -74,7 +75,9 @@ var KanbanPlugin = () => {
       },
       echo: {
         schema: [
-          KanbanType,
+          KanbanType
+        ],
+        system: [
           KanbanColumnType,
           KanbanItemType
         ]

package/dist/lib/browser/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/KanbanPlugin.tsx", "../../../src/components/index.ts", "../../../src/translations.ts", "../../../src/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { resolvePlugin, type PluginDefinition, parseIntentPlugin, NavigationAction } from '@dxos/app-framework';\nimport { create } from '@dxos/echo-schema';\nimport { parseClientPlugin } from '@dxos/plugin-client';\nimport { type ActionGroup, createExtension, isActionGroup } from '@dxos/plugin-graph';\nimport { SpaceAction } from '@dxos/plugin-space';\nimport { loadObjectReferences } from '@dxos/react-client/echo';\n\nimport { KanbanMain } from './components';\nimport meta, { KANBAN_PLUGIN } from './meta';\nimport translations from './translations';\nimport { KanbanColumnType, KanbanItemType, KanbanType } from './types';\nimport { KanbanAction, type KanbanPluginProvides } from './types';\n\nexport const KanbanPlugin = (): PluginDefinition<KanbanPluginProvides> => {\n  return {\n    meta,\n    provides: {\n      metadata: {\n        records: {\n          [KanbanType.typename]: {\n            placeholder: ['kanban title placeholder', { ns: KANBAN_PLUGIN }],\n            icon: 'ph--kanban--regular',\n            // TODO(wittjosiah): Move out of metadata.\n            loadReferences: (kanban: KanbanType) => loadObjectReferences(kanban, (kanban) => kanban.columns),\n          },\n          [KanbanColumnType.typename]: {\n            // TODO(wittjosiah): Move out of metadata.\n            loadReferences: (column: KanbanColumnType) => loadObjectReferences(column, (column) => column.items),\n          },\n          [KanbanItemType.typename]: {\n            // TODO(wittjosiah): Move out of metadata.\n            loadReferences: (item: KanbanItemType) => [], // loadObjectReferences(item, (item) => item.object),\n          },\n        },\n      },\n      echo: {\n        schema: [KanbanType, KanbanColumnType, KanbanItemType],\n      },\n      translations,\n      graph: {\n        builder: (plugins) => {\n          const client = resolvePlugin(plugins, parseClientPlugin)?.provides.client;\n          const dispatch = resolvePlugin(plugins, parseIntentPlugin)?.provides.intent.dispatch;\n          if (!client || !dispatch) {\n            return [];\n          }\n\n          return createExtension({\n            id: KanbanAction.CREATE,\n            filter: (node): node is ActionGroup => isActionGroup(node) && node.id.startsWith(SpaceAction.ADD_OBJECT),\n            actions: ({ node }) => {\n              const id = node.id.split('/').at(-1);\n              const [spaceId, objectId] = id?.split(':') ?? [];\n              const space = client.spaces.get().find((space) => space.id === spaceId);\n              const object = objectId && space?.db.getObjectById(objectId);\n              const target = objectId ? object : space;\n              if (!target) {\n                return;\n              }\n\n              return [\n                {\n                  id: `${KANBAN_PLUGIN}/create/${node.id}`,\n                  data: async () => {\n                    await dispatch([\n                      { plugin: KANBAN_PLUGIN, action: KanbanAction.CREATE },\n                      { action: SpaceAction.ADD_OBJECT, data: { target } },\n                      { action: NavigationAction.OPEN },\n                    ]);\n                  },\n                  properties: {\n                    label: ['create kanban label', { ns: KANBAN_PLUGIN }],\n                    icon: 'ph--kanban--regular',\n                    testId: 'kanbanPlugin.createObject',\n                  },\n                },\n              ];\n            },\n          });\n        },\n      },\n      surface: {\n        component: ({ data, role }) => {\n          switch (role) {\n            case 'main':\n              return data.active instanceof KanbanType ? <KanbanMain kanban={data.active} /> : null;\n            default:\n              return null;\n          }\n        },\n      },\n      intent: {\n        resolver: (intent) => {\n          switch (intent.action) {\n            case KanbanAction.CREATE: {\n              return { data: create(KanbanType, { columns: [] }) };\n            }\n          }\n        },\n      },\n    },\n  };\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { lazy } from 'react';\n\nexport const KanbanMain = lazy(() => import('./KanbanMain'));\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { KANBAN_PLUGIN } from './meta';\n\nexport default [\n  {\n    'en-US': {\n      [KANBAN_PLUGIN]: {\n        'plugin name': 'Kanban',\n        'kanban title label': 'Title',\n        'kanban title placeholder': 'New kanban',\n        'column title label': 'Column title',\n        'column title placeholder': 'New column',\n        'item title label': 'Item title',\n        'item title placeholder': 'New item',\n        'add column label': 'Add column',\n        'add item label': 'Add item',\n        'delete column label': 'Delete column',\n        'delete item label': 'Delete item',\n        'create kanban label': 'Create kanban',\n      },\n    },\n  },\n];\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { KanbanPlugin } from './KanbanPlugin';\n\nexport default KanbanPlugin;\n\nexport * from './KanbanPlugin';\n"],
-  "mappings": "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",
-  "names": ["React", "resolvePlugin", "parseIntentPlugin", "NavigationAction", "create", "parseClientPlugin", "createExtension", "isActionGroup", "SpaceAction", "loadObjectReferences", "lazy", "KanbanMain", "lazy", "KANBAN_PLUGIN", "KanbanPlugin", "meta", "provides", "metadata", "records", "KanbanType", "typename", "placeholder", "ns", "KANBAN_PLUGIN", "icon", "loadReferences", "kanban", "loadObjectReferences", "columns", "KanbanColumnType", "column", "items", "KanbanItemType", "item", "echo", "schema", "translations", "graph", "builder", "plugins", "client", "resolvePlugin", "parseClientPlugin", "dispatch", "parseIntentPlugin", "intent", "createExtension", "id", "KanbanAction", "CREATE", "filter", "node", "isActionGroup", "startsWith", "SpaceAction", "ADD_OBJECT", "actions", "split", "at", "spaceId", "objectId", "space", "spaces", "get", "find", "object", "db", "getObjectById", "target", "data", "plugin", "action", "NavigationAction", "OPEN", "properties", "label", "testId", "surface", "component", "role", "active", "KanbanMain", "resolver", "create", "KanbanPlugin"]
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { resolvePlugin, type PluginDefinition, parseIntentPlugin, NavigationAction } from '@dxos/app-framework';\nimport { create } from '@dxos/live-object';\nimport { parseClientPlugin } from '@dxos/plugin-client';\nimport { type ActionGroup, createExtension, isActionGroup } from '@dxos/plugin-graph';\nimport { SpaceAction } from '@dxos/plugin-space';\nimport { loadObjectReferences } from '@dxos/react-client/echo';\n\nimport { KanbanMain } from './components';\nimport meta, { KANBAN_PLUGIN } from './meta';\nimport translations from './translations';\nimport { KanbanColumnType, KanbanItemType, KanbanType } from './types';\nimport { KanbanAction, type KanbanPluginProvides } from './types';\n\nexport const KanbanPlugin = (): PluginDefinition<KanbanPluginProvides> => {\n  return {\n    meta,\n    provides: {\n      metadata: {\n        records: {\n          [KanbanType.typename]: {\n            createObject: KanbanAction.CREATE,\n            placeholder: ['kanban title placeholder', { ns: KANBAN_PLUGIN }],\n            icon: 'ph--kanban--regular',\n            // TODO(wittjosiah): Move out of metadata.\n            loadReferences: (kanban: KanbanType) => loadObjectReferences(kanban, (kanban) => kanban.columns),\n          },\n          [KanbanColumnType.typename]: {\n            // TODO(wittjosiah): Move out of metadata.\n            loadReferences: (column: KanbanColumnType) => loadObjectReferences(column, (column) => column.items),\n          },\n          [KanbanItemType.typename]: {\n            // TODO(wittjosiah): Move out of metadata.\n            loadReferences: (item: KanbanItemType) => [], // loadObjectReferences(item, (item) => item.object),\n          },\n        },\n      },\n      echo: {\n        schema: [KanbanType],\n        system: [KanbanColumnType, KanbanItemType],\n      },\n      translations,\n      graph: {\n        builder: (plugins) => {\n          const client = resolvePlugin(plugins, parseClientPlugin)?.provides.client;\n          const dispatch = resolvePlugin(plugins, parseIntentPlugin)?.provides.intent.dispatch;\n          if (!client || !dispatch) {\n            return [];\n          }\n\n          return createExtension({\n            id: KanbanAction.CREATE,\n            filter: (node): node is ActionGroup => isActionGroup(node) && node.id.startsWith(SpaceAction.ADD_OBJECT),\n            actions: ({ node }) => {\n              const id = node.id.split('/').at(-1);\n              const [spaceId, objectId] = id?.split(':') ?? [];\n              const space = client.spaces.get().find((space) => space.id === spaceId);\n              const object = objectId && space?.db.getObjectById(objectId);\n              const target = objectId ? object : space;\n              if (!target) {\n                return;\n              }\n\n              return [\n                {\n                  id: `${KANBAN_PLUGIN}/create/${node.id}`,\n                  data: async () => {\n                    await dispatch([\n                      { plugin: KANBAN_PLUGIN, action: KanbanAction.CREATE },\n                      { action: SpaceAction.ADD_OBJECT, data: { target } },\n                      { action: NavigationAction.OPEN },\n                    ]);\n                  },\n                  properties: {\n                    label: ['create kanban label', { ns: KANBAN_PLUGIN }],\n                    icon: 'ph--kanban--regular',\n                    testId: 'kanbanPlugin.createObject',\n                  },\n                },\n              ];\n            },\n          });\n        },\n      },\n      surface: {\n        component: ({ data, role }) => {\n          switch (role) {\n            case 'main':\n              return data.active instanceof KanbanType ? <KanbanMain kanban={data.active} /> : null;\n            default:\n              return null;\n          }\n        },\n      },\n      intent: {\n        resolver: (intent) => {\n          switch (intent.action) {\n            case KanbanAction.CREATE: {\n              return { data: create(KanbanType, { columns: [] }) };\n            }\n          }\n        },\n      },\n    },\n  };\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { lazy } from 'react';\n\nexport const KanbanMain = lazy(() => import('./KanbanMain'));\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { KANBAN_PLUGIN } from './meta';\n\nexport default [\n  {\n    'en-US': {\n      [KANBAN_PLUGIN]: {\n        'plugin name': 'Kanban',\n        'kanban title label': 'Title',\n        'kanban title placeholder': 'New kanban',\n        'column title label': 'Column title',\n        'column title placeholder': 'New column',\n        'item title label': 'Item title',\n        'item title placeholder': 'New item',\n        'add column label': 'Add column',\n        'add item label': 'Add item',\n        'delete column label': 'Delete column',\n        'delete item label': 'Delete item',\n        'create kanban label': 'Create kanban',\n      },\n    },\n  },\n];\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { KanbanPlugin } from './KanbanPlugin';\n\nexport default KanbanPlugin;\n\nexport * from './KanbanPlugin';\n"],
+  "mappings": "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",
+  "names": ["React", "resolvePlugin", "parseIntentPlugin", "NavigationAction", "create", "parseClientPlugin", "createExtension", "isActionGroup", "SpaceAction", "loadObjectReferences", "lazy", "KanbanMain", "lazy", "KANBAN_PLUGIN", "KanbanPlugin", "meta", "provides", "metadata", "records", "KanbanType", "typename", "createObject", "KanbanAction", "CREATE", "placeholder", "ns", "KANBAN_PLUGIN", "icon", "loadReferences", "kanban", "loadObjectReferences", "columns", "KanbanColumnType", "column", "items", "KanbanItemType", "item", "echo", "schema", "system", "translations", "graph", "builder", "plugins", "client", "resolvePlugin", "parseClientPlugin", "dispatch", "parseIntentPlugin", "intent", "createExtension", "id", "filter", "node", "isActionGroup", "startsWith", "SpaceAction", "ADD_OBJECT", "actions", "split", "at", "spaceId", "objectId", "space", "spaces", "get", "find", "object", "db", "getObjectById", "target", "data", "plugin", "action", "NavigationAction", "OPEN", "properties", "label", "testId", "surface", "component", "role", "active", "KanbanMain", "resolver", "create", "KanbanPlugin"]
 }

package/dist/lib/browser/meta.json

@@ -1 +1 @@
-{"inputs":{"packages/plugins/experimental/plugin-kanban/src/meta.ts":{"bytes":1585,"imports":[],"format":"esm"},"packages/plugins/experimental/plugin-kanban/src/components/KanbanCard.tsx":{"bytes":11021,"imports":[{"path":"@dnd-kit/sortable","kind":"import-statement","external":true},{"path":"@dnd-kit/utilities","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-editor","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/experimental/plugin-kanban/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/experimental/plugin-kanban/src/components/util.ts":{"bytes":4112,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/experimental/plugin-kanban/src/components/KanbanColumn.tsx":{"bytes":18468,"imports":[{"path":"@dnd-kit/core","kind":"import-statement","external":true},{"path":"@dnd-kit/sortable","kind":"import-statement","external":true},{"path":"@dnd-kit/utilities","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"packages/plugins/experimental/plugin-kanban/src/components/KanbanCard.tsx","kind":"import-statement","original":"./KanbanCard"},{"path":"packages/plugins/experimental/plugin-kanban/src/components/util.ts","kind":"import-statement","original":"./util"},{"path":"packages/plugins/experimental/plugin-kanban/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/experimental/plugin-kanban/src/components/KanbanBoard.tsx":{"bytes":23457,"imports":[{"path":"@dnd-kit/core","kind":"import-statement","external":true},{"path":"@dnd-kit/sortable","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"packages/plugins/experimental/plugin-kanban/src/components/KanbanCard.tsx","kind":"import-statement","original":"./KanbanCard"},{"path":"packages/plugins/experimental/plugin-kanban/src/components/KanbanColumn.tsx","kind":"import-statement","original":"./KanbanColumn"},{"path":"packages/plugins/experimental/plugin-kanban/src/components/util.ts","kind":"import-statement","original":"./util"}],"format":"esm"},"packages/plugins/experimental/plugin-kanban/src/types/kanban.ts":{"bytes":3260,"imports":[{"path":"@dxos/echo-schema","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/experimental/plugin-kanban/src/types/types.ts":{"bytes":3939,"imports":[{"path":"packages/plugins/experimental/plugin-kanban/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/experimental/plugin-kanban/src/types/index.ts":{"bytes":600,"imports":[{"path":"packages/plugins/experimental/plugin-kanban/src/types/kanban.ts","kind":"import-statement","original":"./kanban"},{"path":"packages/plugins/experimental/plugin-kanban/src/types/types.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"packages/plugins/experimental/plugin-kanban/src/components/KanbanMain.tsx":{"bytes":4739,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/experimental/plugin-kanban/src/components/KanbanBoard.tsx","kind":"import-statement","original":"./KanbanBoard"},{"path":"packages/plugins/experimental/plugin-kanban/src/types/index.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"packages/plugins/experimental/plugin-kanban/src/components/index.ts":{"bytes":784,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"packages/plugins/experimental/plugin-kanban/src/components/KanbanMain.tsx","kind":"dynamic-import","original":"./KanbanMain"}],"format":"esm"},"packages/plugins/experimental/plugin-kanban/src/translations.ts":{"bytes":2509,"imports":[{"path":"packages/plugins/experimental/plugin-kanban/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/experimental/plugin-kanban/src/KanbanPlugin.tsx":{"bytes":16232,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/plugin-space","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"packages/plugins/experimental/plugin-kanban/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/plugins/experimental/plugin-kanban/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/experimental/plugin-kanban/src/translations.ts","kind":"import-statement","original":"./translations"},{"path":"packages/plugins/experimental/plugin-kanban/src/types/index.ts","kind":"import-statement","original":"./types"},{"path":"packages/plugins/experimental/plugin-kanban/src/types/index.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"packages/plugins/experimental/plugin-kanban/src/index.ts":{"bytes":795,"imports":[{"path":"packages/plugins/experimental/plugin-kanban/src/KanbanPlugin.tsx","kind":"import-statement","original":"./KanbanPlugin"},{"path":"packages/plugins/experimental/plugin-kanban/src/KanbanPlugin.tsx","kind":"import-statement","original":"./KanbanPlugin"}],"format":"esm"}},"outputs":{"packages/plugins/experimental/plugin-kanban/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":8771},"packages/plugins/experimental/plugin-kanban/dist/lib/browser/index.mjs":{"imports":[{"path":"packages/plugins/experimental/plugin-kanban/dist/lib/browser/chunk-65OSXCWL.mjs","kind":"import-statement"},{"path":"packages/plugins/experimental/plugin-kanban/dist/lib/browser/chunk-LG4OMN5S.mjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/plugin-space","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"packages/plugins/experimental/plugin-kanban/dist/lib/browser/KanbanMain-YZGYGFNW.mjs","kind":"dynamic-import"}],"exports":["KanbanPlugin","default"],"entryPoint":"packages/plugins/experimental/plugin-kanban/src/index.ts","inputs":{"packages/plugins/experimental/plugin-kanban/src/KanbanPlugin.tsx":{"bytesInOutput":4124},"packages/plugins/experimental/plugin-kanban/src/components/index.ts":{"bytesInOutput":96},"packages/plugins/experimental/plugin-kanban/src/translations.ts":{"bytesInOutput":619},"packages/plugins/experimental/plugin-kanban/src/index.ts":{"bytesInOutput":32}},"bytes":5477},"packages/plugins/experimental/plugin-kanban/dist/lib/browser/meta.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/experimental/plugin-kanban/dist/lib/browser/meta.mjs":{"imports":[{"path":"packages/plugins/experimental/plugin-kanban/dist/lib/browser/chunk-LG4OMN5S.mjs","kind":"import-statement"}],"exports":["KANBAN_PLUGIN","default"],"entryPoint":"packages/plugins/experimental/plugin-kanban/src/meta.ts","inputs":{},"bytes":161},"packages/plugins/experimental/plugin-kanban/dist/lib/browser/types/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/experimental/plugin-kanban/dist/lib/browser/types/index.mjs":{"imports":[{"path":"packages/plugins/experimental/plugin-kanban/dist/lib/browser/chunk-65OSXCWL.mjs","kind":"import-statement"},{"path":"packages/plugins/experimental/plugin-kanban/dist/lib/browser/chunk-LG4OMN5S.mjs","kind":"import-statement"}],"exports":["KanbanAction","KanbanColumnType","KanbanItemType","KanbanType"],"entryPoint":"packages/plugins/experimental/plugin-kanban/src/types/index.ts","inputs":{},"bytes":254},"packages/plugins/experimental/plugin-kanban/dist/lib/browser/KanbanMain-YZGYGFNW.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":31751},"packages/plugins/experimental/plugin-kanban/dist/lib/browser/KanbanMain-YZGYGFNW.mjs":{"imports":[{"path":"packages/plugins/experimental/plugin-kanban/dist/lib/browser/chunk-65OSXCWL.mjs","kind":"import-statement"},{"path":"packages/plugins/experimental/plugin-kanban/dist/lib/browser/chunk-LG4OMN5S.mjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dnd-kit/core","kind":"import-statement","external":true},{"path":"@dnd-kit/sortable","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"@dnd-kit/sortable","kind":"import-statement","external":true},{"path":"@dnd-kit/utilities","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-editor","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dnd-kit/core","kind":"import-statement","external":true},{"path":"@dnd-kit/sortable","kind":"import-statement","external":true},{"path":"@dnd-kit/utilities","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"packages/plugins/experimental/plugin-kanban/src/components/KanbanMain.tsx","inputs":{"packages/plugins/experimental/plugin-kanban/src/components/KanbanMain.tsx":{"bytesInOutput":964},"packages/plugins/experimental/plugin-kanban/src/components/KanbanBoard.tsx":{"bytesInOutput":5200},"packages/plugins/experimental/plugin-kanban/src/components/KanbanCard.tsx":{"bytesInOutput":2924},"packages/plugins/experimental/plugin-kanban/src/components/KanbanColumn.tsx":{"bytesInOutput":5070},"packages/plugins/experimental/plugin-kanban/src/components/util.ts":{"bytesInOutput":755}},"bytes":15762},"packages/plugins/experimental/plugin-kanban/dist/lib/browser/chunk-65OSXCWL.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3910},"packages/plugins/experimental/plugin-kanban/dist/lib/browser/chunk-65OSXCWL.mjs":{"imports":[{"path":"packages/plugins/experimental/plugin-kanban/dist/lib/browser/chunk-LG4OMN5S.mjs","kind":"import-statement"},{"path":"@dxos/echo-schema","kind":"import-statement","external":true}],"exports":["KanbanAction","KanbanColumnType","KanbanItemType","KanbanType"],"inputs":{"packages/plugins/experimental/plugin-kanban/src/types/kanban.ts":{"bytesInOutput":714},"packages/plugins/experimental/plugin-kanban/src/types/index.ts":{"bytesInOutput":0},"packages/plugins/experimental/plugin-kanban/src/types/types.ts":{"bytesInOutput":214}},"bytes":1243},"packages/plugins/experimental/plugin-kanban/dist/lib/browser/chunk-LG4OMN5S.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":746},"packages/plugins/experimental/plugin-kanban/dist/lib/browser/chunk-LG4OMN5S.mjs":{"imports":[],"exports":["KANBAN_PLUGIN","meta_default"],"inputs":{"packages/plugins/experimental/plugin-kanban/src/meta.ts":{"bytesInOutput":320}},"bytes":468}}}
+{"inputs":{"packages/plugins/experimental/plugin-kanban/src/meta.ts":{"bytes":1585,"imports":[],"format":"esm"},"packages/plugins/experimental/plugin-kanban/src/components/KanbanCard.tsx":{"bytes":11021,"imports":[{"path":"@dnd-kit/sortable","kind":"import-statement","external":true},{"path":"@dnd-kit/utilities","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-editor","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/experimental/plugin-kanban/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/experimental/plugin-kanban/src/components/util.ts":{"bytes":4112,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/experimental/plugin-kanban/src/components/KanbanColumn.tsx":{"bytes":18468,"imports":[{"path":"@dnd-kit/core","kind":"import-statement","external":true},{"path":"@dnd-kit/sortable","kind":"import-statement","external":true},{"path":"@dnd-kit/utilities","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"packages/plugins/experimental/plugin-kanban/src/components/KanbanCard.tsx","kind":"import-statement","original":"./KanbanCard"},{"path":"packages/plugins/experimental/plugin-kanban/src/components/util.ts","kind":"import-statement","original":"./util"},{"path":"packages/plugins/experimental/plugin-kanban/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/experimental/plugin-kanban/src/components/KanbanBoard.tsx":{"bytes":23457,"imports":[{"path":"@dnd-kit/core","kind":"import-statement","external":true},{"path":"@dnd-kit/sortable","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"packages/plugins/experimental/plugin-kanban/src/components/KanbanCard.tsx","kind":"import-statement","original":"./KanbanCard"},{"path":"packages/plugins/experimental/plugin-kanban/src/components/KanbanColumn.tsx","kind":"import-statement","original":"./KanbanColumn"},{"path":"packages/plugins/experimental/plugin-kanban/src/components/util.ts","kind":"import-statement","original":"./util"}],"format":"esm"},"packages/plugins/experimental/plugin-kanban/src/types/kanban.ts":{"bytes":3260,"imports":[{"path":"@dxos/echo-schema","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/experimental/plugin-kanban/src/types/types.ts":{"bytes":3935,"imports":[{"path":"packages/plugins/experimental/plugin-kanban/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/experimental/plugin-kanban/src/types/index.ts":{"bytes":600,"imports":[{"path":"packages/plugins/experimental/plugin-kanban/src/types/kanban.ts","kind":"import-statement","original":"./kanban"},{"path":"packages/plugins/experimental/plugin-kanban/src/types/types.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"packages/plugins/experimental/plugin-kanban/src/components/KanbanMain.tsx":{"bytes":4739,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/live-object","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/experimental/plugin-kanban/src/components/KanbanBoard.tsx","kind":"import-statement","original":"./KanbanBoard"},{"path":"packages/plugins/experimental/plugin-kanban/src/types/index.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"packages/plugins/experimental/plugin-kanban/src/components/index.ts":{"bytes":784,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"packages/plugins/experimental/plugin-kanban/src/components/KanbanMain.tsx","kind":"dynamic-import","original":"./KanbanMain"}],"format":"esm"},"packages/plugins/experimental/plugin-kanban/src/translations.ts":{"bytes":2509,"imports":[{"path":"packages/plugins/experimental/plugin-kanban/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/experimental/plugin-kanban/src/KanbanPlugin.tsx":{"bytes":16523,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/live-object","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/plugin-space","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"packages/plugins/experimental/plugin-kanban/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/plugins/experimental/plugin-kanban/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/experimental/plugin-kanban/src/translations.ts","kind":"import-statement","original":"./translations"},{"path":"packages/plugins/experimental/plugin-kanban/src/types/index.ts","kind":"import-statement","original":"./types"},{"path":"packages/plugins/experimental/plugin-kanban/src/types/index.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"packages/plugins/experimental/plugin-kanban/src/index.ts":{"bytes":795,"imports":[{"path":"packages/plugins/experimental/plugin-kanban/src/KanbanPlugin.tsx","kind":"import-statement","original":"./KanbanPlugin"},{"path":"packages/plugins/experimental/plugin-kanban/src/KanbanPlugin.tsx","kind":"import-statement","original":"./KanbanPlugin"}],"format":"esm"}},"outputs":{"packages/plugins/experimental/plugin-kanban/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":8898},"packages/plugins/experimental/plugin-kanban/dist/lib/browser/index.mjs":{"imports":[{"path":"packages/plugins/experimental/plugin-kanban/dist/lib/browser/chunk-4Y4TZ47E.mjs","kind":"import-statement"},{"path":"packages/plugins/experimental/plugin-kanban/dist/lib/browser/chunk-LG4OMN5S.mjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/live-object","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/plugin-space","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"packages/plugins/experimental/plugin-kanban/dist/lib/browser/KanbanMain-I5TMXNIY.mjs","kind":"dynamic-import"}],"exports":["KanbanPlugin","default"],"entryPoint":"packages/plugins/experimental/plugin-kanban/src/index.ts","inputs":{"packages/plugins/experimental/plugin-kanban/src/KanbanPlugin.tsx":{"bytesInOutput":4199},"packages/plugins/experimental/plugin-kanban/src/components/index.ts":{"bytesInOutput":96},"packages/plugins/experimental/plugin-kanban/src/translations.ts":{"bytesInOutput":619},"packages/plugins/experimental/plugin-kanban/src/index.ts":{"bytesInOutput":32}},"bytes":5552},"packages/plugins/experimental/plugin-kanban/dist/lib/browser/meta.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/experimental/plugin-kanban/dist/lib/browser/meta.mjs":{"imports":[{"path":"packages/plugins/experimental/plugin-kanban/dist/lib/browser/chunk-LG4OMN5S.mjs","kind":"import-statement"}],"exports":["KANBAN_PLUGIN","default"],"entryPoint":"packages/plugins/experimental/plugin-kanban/src/meta.ts","inputs":{},"bytes":161},"packages/plugins/experimental/plugin-kanban/dist/lib/browser/types/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/experimental/plugin-kanban/dist/lib/browser/types/index.mjs":{"imports":[{"path":"packages/plugins/experimental/plugin-kanban/dist/lib/browser/chunk-4Y4TZ47E.mjs","kind":"import-statement"},{"path":"packages/plugins/experimental/plugin-kanban/dist/lib/browser/chunk-LG4OMN5S.mjs","kind":"import-statement"}],"exports":["KanbanAction","KanbanColumnType","KanbanItemType","KanbanType"],"entryPoint":"packages/plugins/experimental/plugin-kanban/src/types/index.ts","inputs":{},"bytes":254},"packages/plugins/experimental/plugin-kanban/dist/lib/browser/KanbanMain-I5TMXNIY.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":31751},"packages/plugins/experimental/plugin-kanban/dist/lib/browser/KanbanMain-I5TMXNIY.mjs":{"imports":[{"path":"packages/plugins/experimental/plugin-kanban/dist/lib/browser/chunk-4Y4TZ47E.mjs","kind":"import-statement"},{"path":"packages/plugins/experimental/plugin-kanban/dist/lib/browser/chunk-LG4OMN5S.mjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/live-object","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dnd-kit/core","kind":"import-statement","external":true},{"path":"@dnd-kit/sortable","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"@dnd-kit/sortable","kind":"import-statement","external":true},{"path":"@dnd-kit/utilities","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-editor","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dnd-kit/core","kind":"import-statement","external":true},{"path":"@dnd-kit/sortable","kind":"import-statement","external":true},{"path":"@dnd-kit/utilities","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"packages/plugins/experimental/plugin-kanban/src/components/KanbanMain.tsx","inputs":{"packages/plugins/experimental/plugin-kanban/src/components/KanbanMain.tsx":{"bytesInOutput":964},"packages/plugins/experimental/plugin-kanban/src/components/KanbanBoard.tsx":{"bytesInOutput":5200},"packages/plugins/experimental/plugin-kanban/src/components/KanbanCard.tsx":{"bytesInOutput":2924},"packages/plugins/experimental/plugin-kanban/src/components/KanbanColumn.tsx":{"bytesInOutput":5070},"packages/plugins/experimental/plugin-kanban/src/components/util.ts":{"bytesInOutput":755}},"bytes":15762},"packages/plugins/experimental/plugin-kanban/dist/lib/browser/chunk-4Y4TZ47E.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3909},"packages/plugins/experimental/plugin-kanban/dist/lib/browser/chunk-4Y4TZ47E.mjs":{"imports":[{"path":"packages/plugins/experimental/plugin-kanban/dist/lib/browser/chunk-LG4OMN5S.mjs","kind":"import-statement"},{"path":"@dxos/echo-schema","kind":"import-statement","external":true}],"exports":["KanbanAction","KanbanColumnType","KanbanItemType","KanbanType"],"inputs":{"packages/plugins/experimental/plugin-kanban/src/types/kanban.ts":{"bytesInOutput":714},"packages/plugins/experimental/plugin-kanban/src/types/index.ts":{"bytesInOutput":0},"packages/plugins/experimental/plugin-kanban/src/types/types.ts":{"bytesInOutput":214}},"bytes":1243},"packages/plugins/experimental/plugin-kanban/dist/lib/browser/chunk-LG4OMN5S.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":746},"packages/plugins/experimental/plugin-kanban/dist/lib/browser/chunk-LG4OMN5S.mjs":{"imports":[],"exports":["KANBAN_PLUGIN","meta_default"],"inputs":{"packages/plugins/experimental/plugin-kanban/src/meta.ts":{"bytesInOutput":320}},"bytes":468}}}

package/dist/lib/browser/types/index.mjs

@@ -3,7 +3,7 @@ import {
   KanbanColumnType,
   KanbanItemType,
   KanbanType
-} from "../chunk-65OSXCWL.mjs";
+} from "../chunk-4Y4TZ47E.mjs";
 import "../chunk-LG4OMN5S.mjs";
 export {
   KanbanAction,

package/dist/lib/node/{KanbanMain-O2OG6TKM.cjs → KanbanMain-4OWAWTS4.cjs}

@@ -26,15 +26,15 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var KanbanMain_O2OG6TKM_exports = {};
-__export(KanbanMain_O2OG6TKM_exports, {
+var KanbanMain_4OWAWTS4_exports = {};
+__export(KanbanMain_4OWAWTS4_exports, {
   default: () => KanbanMain_default
 });
-module.exports = __toCommonJS(KanbanMain_O2OG6TKM_exports);
-var import_chunk_O7VZ6HTM = require("./chunk-O7VZ6HTM.cjs");
+module.exports = __toCommonJS(KanbanMain_4OWAWTS4_exports);
+var import_chunk_LTR4WYI2 = require("./chunk-LTR4WYI2.cjs");
 var import_chunk_MBAGHRFM = require("./chunk-MBAGHRFM.cjs");
 var import_react = __toESM(require("react"));
-var import_echo_schema = require("@dxos/echo-schema");
+var import_live_object = require("@dxos/live-object");
 var import_echo = require("@dxos/react-client/echo");
 var import_react_ui = require("@dxos/react-ui");
 var import_react_ui_theme = require("@dxos/react-ui-theme");
@@ -431,11 +431,11 @@ var KanbanMain = ({ kanban }) => {
   }
   const model = {
     root: kanban,
-    createColumn: () => space.db.add((0, import_echo_schema.create)(import_chunk_O7VZ6HTM.KanbanColumnType, {
+    createColumn: () => space.db.add((0, import_live_object.create)(import_chunk_LTR4WYI2.KanbanColumnType, {
       items: []
     })),
     // TODO(burdon): Add metadata from column in the case of projections.
-    createItem: (column) => space.db.add((0, import_echo_schema.create)(import_chunk_O7VZ6HTM.KanbanItemType, {
+    createItem: (column) => space.db.add((0, import_live_object.create)(import_chunk_LTR4WYI2.KanbanItemType, {
       name: ""
     }))
   };
@@ -450,4 +450,4 @@ var KanbanMain = ({ kanban }) => {
   }));
 };
 var KanbanMain_default = KanbanMain;
-//# sourceMappingURL=KanbanMain-O2OG6TKM.cjs.map
+//# sourceMappingURL=KanbanMain-4OWAWTS4.cjs.map

package/dist/lib/node/{KanbanMain-O2OG6TKM.cjs.map → KanbanMain-4OWAWTS4.cjs.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/KanbanMain.tsx", "../../../src/components/KanbanBoard.tsx", "../../../src/components/KanbanCard.tsx", "../../../src/components/KanbanColumn.tsx", "../../../src/components/util.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type FC } from 'react';\n\nimport { create } from '@dxos/echo-schema';\nimport { getSpace } from '@dxos/react-client/echo';\nimport { Main } from '@dxos/react-ui';\nimport { topbarBlockPaddingStart, fixedInsetFlexLayout, bottombarBlockPaddingEnd } from '@dxos/react-ui-theme';\n\nimport { KanbanBoard } from './KanbanBoard';\nimport { type KanbanType, KanbanColumnType, KanbanItemType, type KanbanModel } from '../types';\n\nconst KanbanMain: FC<{ kanban: KanbanType }> = ({ kanban }) => {\n  // const { t } = useTranslation(KANBAN_PLUGIN);\n  const space = getSpace(kanban);\n  if (!space) {\n    return null;\n  }\n\n  // TODO(burdon): Should plugin create and pass in model?\n  const model: KanbanModel = {\n    root: kanban, // TODO(burdon): How to keep pure?\n    createColumn: () => space.db.add(create(KanbanColumnType, { items: [] })),\n    // TODO(burdon): Add metadata from column in the case of projections.\n    createItem: (column) => space.db.add(create(KanbanItemType, { name: '' })),\n  };\n\n  return (\n    <Main.Content classNames={[fixedInsetFlexLayout, topbarBlockPaddingStart, bottombarBlockPaddingEnd]}>\n      <KanbanBoard model={model} />\n    </Main.Content>\n  );\n};\n\nexport default KanbanMain;\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport {\n  DndContext,\n  type DragEndEvent,\n  type DragMoveEvent,\n  type DragOverEvent,\n  DragOverlay,\n  type DragStartEvent,\n  type Modifier,\n  MouseSensor,\n  useSensor,\n} from '@dnd-kit/core';\nimport { horizontalListSortingStrategy, SortableContext } from '@dnd-kit/sortable';\nimport React, { type FC, useEffect, useState } from 'react';\n\nimport { createSubscription } from '@dxos/react-client/echo';\nimport { arrayMove, nonNullable } from '@dxos/util';\n\nimport { KanbanCardComponent } from './KanbanCard';\nimport { type ItemsMapper, KanbanColumnComponent, KanbanColumnComponentPlaceholder } from './KanbanColumn';\nimport { findLocation, useSubscription } from './util';\nimport type { KanbanColumnType, KanbanItemType, Location, KanbanModel } from '../types';\n\n// TODO(burdon): Touch sensors.\n// TODO(burdon): Prevent browser nav back when swiping left/right.\n// TODO(burdon): Consistently use FC?\nexport const KanbanBoard: FC<{ model: KanbanModel }> = ({ model }) => {\n  const kanban = model.root;\n  // TODO(wittjosiah): Remove?\n  useSubscription(kanban.columns);\n\n  // TODO(burdon): Remove since now uses ECHO.\n  const [_, setIter] = useState([]);\n\n  useEffect(() => {\n    const handle = createSubscription(() => setIter([]));\n    handle.update([kanban.columns]);\n    return () => handle.unsubscribe();\n  }, []);\n\n  const mouseSensor = useSensor(MouseSensor, {\n    activationConstraint: {\n      distance: 8,\n    },\n  });\n\n  // Dragging column.\n  // TODO(burdon): Dragging column causes flickering when dragging left to first column.\n  const [draggingColumn, setDraggingColumn] = useState<KanbanColumnType | undefined>();\n\n  // Dragging item.\n  const [draggingItem, setDraggingItem] = useState<{ source: Location; target?: Location }>();\n  // While dragging, temporarily remap which items should be visible inside each column.\n  const itemMapper: ItemsMapper = (column: string, items: KanbanItemType[]) => {\n    const { source, target } = draggingItem ?? {};\n    if (source && target) {\n      if (source?.column.id !== target?.column.id && (column === source?.column.id || column === target?.column.id)) {\n        const modified = [...items];\n        if (column === source.column.id) {\n          // Temporarily remove from old column.\n          modified.splice(source.idx!, 1);\n        } else if (column === target.column.id) {\n          // Temporarily insert into new column.\n          // TODO(burdon): Use ref to track item being temporarily moved.\n          modified.splice(target.idx ?? modified.length, 0, source.item!);\n        }\n\n        return modified;\n      }\n    }\n\n    return items;\n  };\n\n  const handleDragStart = ({ active }: DragStartEvent) => {\n    kanban.columns.filter(nonNullable).forEach((column) => {\n      if (column.id === active.id) {\n        setDraggingColumn(column);\n      } else {\n        const idx = column.items.filter(nonNullable).findIndex((item) => item.id === active.id);\n        if (idx !== -1) {\n          setDraggingItem({ source: { column, item: column.items![idx], idx } });\n        }\n      }\n    });\n  };\n\n  const handleDragMove = (event: DragMoveEvent) => {};\n\n  const handleDragOver = ({ active, over }: DragOverEvent) => {\n    if (draggingItem) {\n      const { source } = draggingItem;\n      const target = findLocation(kanban.columns.filter(nonNullable), over?.id as string);\n      if (active.id !== over?.id) {\n        setDraggingItem({ source, target });\n      }\n    }\n  };\n\n  // TODO(burdon): Call model to update.\n  const handleDragEnd = (event: DragEndEvent) => {\n    if (draggingColumn) {\n      const { active, over } = event;\n      const oldIndex = kanban.columns.filter(nonNullable).findIndex((column) => column.id === active.id);\n      const newIndex = kanban.columns.filter(nonNullable).findIndex((column) => column.id === over?.id);\n      arrayMove(kanban.columns, oldIndex, newIndex);\n    } else if (draggingItem) {\n      const { source, target } = draggingItem;\n      if (source.column.id === target!.column.id) {\n        if (target!.idx !== undefined) {\n          arrayMove(source.column.items!, source.idx!, target!.idx);\n        }\n      } else {\n        source.column.items!.splice(source.idx!, 1);\n        // TODO(burdon): Incorrect position when moving to new column.\n        target!.column.items!.splice(target!.idx ?? target!.column.items!.length, 0, source.item!);\n      }\n    }\n\n    setDraggingColumn(undefined);\n    setDraggingItem(undefined);\n  };\n\n  const handleDragCancel = () => {\n    setDraggingColumn(undefined);\n    setDraggingItem(undefined);\n  };\n\n  const handleCreateColumn = () => {\n    const column = model.createColumn();\n    kanban.columns.splice(kanban.columns.length, 0, column);\n  };\n\n  // TODO(burdon): Move to model.\n  const handleDeleteColumn = (id: string) => {\n    const index = kanban.columns.filter(nonNullable).findIndex((column) => column.id === id);\n    if (index >= 0) {\n      kanban.columns.splice(index, 1);\n    }\n  };\n\n  const customModifier: Modifier = ({ transform }) => {\n    if (draggingColumn) {\n      return {\n        ...transform,\n        y: 0,\n      };\n    } else {\n      return transform;\n    }\n  };\n\n  return (\n    <div className='flex overflow-x-scroll'>\n      <div className='flex m-4 space-x-4 snap-x'>\n        <DndContext\n          sensors={[mouseSensor]}\n          modifiers={[customModifier]}\n          onDragStart={handleDragStart}\n          onDragMove={handleDragMove}\n          onDragOver={handleDragOver}\n          onDragEnd={handleDragEnd}\n          onDragCancel={handleDragCancel}\n        >\n          <SortableContext\n            strategy={horizontalListSortingStrategy}\n            items={kanban.columns.filter(nonNullable).map(({ id }) => id!)}\n          >\n            {kanban.columns.filter(nonNullable).map((column) => (\n              <KanbanColumnComponent\n                key={column.id}\n                column={column}\n                itemMapper={itemMapper}\n                onCreate={(column: KanbanColumnType) => model.createItem(column)}\n                onDelete={() => handleDeleteColumn(column.id!)}\n              />\n            ))}\n          </SortableContext>\n\n          {/* Overlay required to drag across columns. */}\n          {draggingItem && (\n            <DragOverlay style={{ margin: 0 }}>\n              <KanbanCardComponent item={draggingItem.source.item!} onDelete={() => {}} />\n            </DragOverlay>\n          )}\n\n          {handleCreateColumn && <KanbanColumnComponentPlaceholder onAdd={handleCreateColumn} />}\n        </DndContext>\n      </div>\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { DotsSixVertical, X } from '@phosphor-icons/react';\nimport React, { type FC } from 'react';\n\nimport { createDocAccessor } from '@dxos/react-client/echo';\nimport { Button, useThemeContext, useTranslation } from '@dxos/react-ui';\nimport {\n  createBasicExtensions,\n  createDataExtensions,\n  createThemeExtensions,\n  useTextEditor,\n} from '@dxos/react-ui-editor';\nimport { getSize, mx, attentionSurface, focusRing } from '@dxos/react-ui-theme';\n\nimport { KANBAN_PLUGIN } from '../meta';\nimport { type KanbanColumnType, type KanbanItemType } from '../types';\n\nconst DeleteItem = ({ onClick }: { onClick: () => void }) => {\n  const { t } = useTranslation(KANBAN_PLUGIN);\n  return (\n    <Button variant='ghost' onClick={onClick} classNames='plb-0 pli-0.5 -mlb-1'>\n      <span className='sr-only'>{t('delete item label')}</span>\n      <X className={getSize(4)} />\n    </Button>\n  );\n};\n\nexport const KanbanCardComponent: FC<{\n  column?: KanbanColumnType;\n  item: KanbanItemType;\n  debug?: boolean;\n  onDelete?: () => void;\n}> = ({ column, item, debug = false, onDelete }) => {\n  const { themeMode } = useThemeContext();\n  const { t } = useTranslation(KANBAN_PLUGIN);\n  const { isDragging, attributes, listeners, transform, transition, setNodeRef } = useSortable({\n    id: item.id,\n    data: { type: 'item', column },\n  });\n  const tx = transform ? Object.assign(transform, { scaleY: 1 }) : null;\n\n  const { parentRef, focusAttributes } = useTextEditor(\n    () => ({\n      initialValue: item.name,\n      extensions: [\n        createDataExtensions({ id: item.id, text: createDocAccessor(item, ['name']) }),\n        createBasicExtensions({ placeholder: t('item title placeholder') }),\n        createThemeExtensions({ themeMode }),\n      ],\n    }),\n    [item, themeMode],\n  );\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={{ transform: CSS.Transform.toString(tx), transition }}\n      className={mx('flex grow', isDragging && 'border border-neutral-400 dark:border-neutral-800')}\n    >\n      <div className={mx('flex items-start grow p-1', attentionSurface, isDragging && 'opacity-10')}>\n        {/* TODO(burdon): Standardize height (and below); e.g., via toolbar. */}\n        <button className='flex h-[40px] items-center' {...attributes} {...listeners}>\n          <DotsSixVertical className={getSize(5)} />\n        </button>\n        <div className='flex flex-col grow pt-1'>\n          <div {...focusAttributes} className={mx(focusRing, 'rounded-sm p-1')} ref={parentRef} />\n          {debug && <div className='text-xs text-red-800'>{item.id.slice(0, 9)}</div>}\n        </div>\n        {onDelete && (\n          <div className='flex h-[40px] items-center'>\n            <DeleteItem onClick={onDelete} />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { useDroppable } from '@dnd-kit/core';\nimport { SortableContext, useSortable, verticalListSortingStrategy } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { DotsSixVertical, X, Plus } from '@phosphor-icons/react';\nimport React, { type FC } from 'react';\n\nimport { Button, Input, useTranslation } from '@dxos/react-ui';\nimport { modalSurface, getSize, groupSurface, mx } from '@dxos/react-ui-theme';\nimport { nonNullable } from '@dxos/util';\n\nimport { KanbanCardComponent } from './KanbanCard';\nimport { useSubscription } from './util';\nimport { KANBAN_PLUGIN } from '../meta';\nimport { type KanbanColumnType, type KanbanItemType } from '../types';\n\nexport type ItemsMapper = (column: string, items: KanbanItemType[]) => KanbanItemType[];\n\nconst DeleteColumn = ({ onClick }: { onClick: () => void }) => {\n  const { t } = useTranslation(KANBAN_PLUGIN);\n  return (\n    <Button variant='ghost' onClick={onClick} classNames='plb-0 pli-0.5 -mlb-1'>\n      <span className='sr-only'>{t('delete column label')}</span>\n      <X className={getSize(4)} />\n    </Button>\n  );\n};\n\nconst AddItem = ({ onClick }: { onClick: () => void }) => {\n  const { t } = useTranslation(KANBAN_PLUGIN);\n  return (\n    <Button variant='ghost' onClick={onClick} classNames='plb-0 pli-0.5 -mlb-1'>\n      <span className='sr-only'>{t('add item label')}</span>\n      <Plus className={getSize(4)} />\n    </Button>\n  );\n};\n\n// TODO(burdon): Factor out container.\nexport const KanbanColumnComponentPlaceholder: FC<{ onAdd: () => void }> = ({ onAdd }) => {\n  const { t } = useTranslation(KANBAN_PLUGIN);\n  return (\n    <div className={mx('flex flex-col justify-center shadow rounded w-[300px] h-[300px]', groupSurface)}>\n      <Button variant='ghost' onClick={onAdd} classNames='plb-0 pli-0.5 -mlb-1'>\n        <span className='sr-only'>{t('add column label')}</span>\n        <Plus className={getSize(6)} />\n      </Button>\n    </div>\n  );\n};\n\nexport const KanbanColumnComponent: FC<{\n  column: KanbanColumnType;\n  itemMapper?: ItemsMapper;\n  debug?: boolean; // TODO(burdon): Context.\n  onCreate?: (column: KanbanColumnType) => KanbanItemType;\n  onDelete?: () => void;\n}> = ({ column, itemMapper, debug = false, onCreate, onDelete }) => {\n  const { t } = useTranslation(KANBAN_PLUGIN);\n\n  // TODO(wittjosiah): Remove?\n  useSubscription([column.items]);\n  const items = itemMapper?.(column.id!, column.items.filter(nonNullable)) ?? column.items!;\n\n  const { setNodeRef: setDroppableNodeRef } = useDroppable({ id: column.id! });\n  const { isDragging, attributes, listeners, transform, transition, setNodeRef } = useSortable({\n    id: column.id!,\n    data: { type: 'column' },\n  });\n  const tx = transform ? Object.assign(transform, { scaleY: 1 }) : null;\n\n  const handleAddItem = onCreate\n    ? () => {\n        const item = onCreate(column);\n        column.items!.splice(column.items!.length, 0, item);\n      }\n    : undefined;\n\n  const handleDeleteItem = (id: string) => {\n    const index = column.items.filter(nonNullable).findIndex((column) => column.id === id);\n    if (index >= 0) {\n      column.items!.splice(index, 1);\n    }\n  };\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={{ transform: CSS.Transform.toString(tx), transition }}\n      className={mx('flex flex-col snap-center overflow-y-hidden', isDragging && 'relative z-10')}\n    >\n      {/* TODO(burdon): Width approx mobile phone width. */}\n      <div\n        className={mx(\n          'flex flex-col py-2 overflow-hidden shadow rounded w-[300px] min-h-[300px]',\n          isDragging ? modalSurface : groupSurface,\n        )}\n      >\n        <div className='flex items-center mb-2 px-2'>\n          <button {...attributes} {...listeners}>\n            <DotsSixVertical className={getSize(5)} />\n          </button>\n\n          <Input.Root>\n            <Input.Label srOnly>{t('column title label')}</Input.Label>\n            <Input.TextInput\n              variant='subdued'\n              classNames='px-2'\n              placeholder={t('column title placeholder')}\n              defaultValue={column.name}\n              onChange={({ target: { value } }) => (column.name = value)}\n            />\n          </Input.Root>\n\n          {/* TODO(burdon): Menu. */}\n          {onDelete && <DeleteColumn onClick={onDelete} />}\n        </div>\n\n        {/* TODO(burdon): Scrolling (radix; see kai/mosaic). */}\n        <SortableContext strategy={verticalListSortingStrategy} items={items.filter(nonNullable).map(({ id }) => id)}>\n          <div ref={setDroppableNodeRef} className='flex flex-col grow overflow-y-scroll space-y-2 pr-4'>\n            {items.filter(nonNullable).map((item) => (\n              <div key={item.id} id={item.id} className='flex pl-2'>\n                <KanbanCardComponent column={column} item={item} onDelete={() => handleDeleteItem(item.id)} />\n              </div>\n            ))}\n          </div>\n        </SortableContext>\n\n        {handleAddItem && (\n          <div className='flex justify-center mt-2'>\n            <AddItem onClick={handleAddItem} />\n          </div>\n        )}\n\n        {debug && <div className='px-2 text-xs text-red-800'>{column.id!.slice(0, 9)}</div>}\n      </div>\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { useEffect, useState } from 'react';\n\nimport { createSubscription } from '@dxos/react-client/echo';\nimport { nonNullable } from '@dxos/util';\n\nimport { type KanbanColumnType, type Location } from '../types';\n\n// TODO(burdon): Factor out.\nexport const useSubscription = (data: any) => {\n  const [_, setIter] = useState([]);\n  useEffect(() => {\n    const handle = createSubscription(() => setIter([]));\n    handle.update(data);\n    return () => handle.unsubscribe();\n  }, []);\n};\n\n/**\n * Find the column or item within the model.\n */\n// TODO(burdon): Move to model.\nexport const findLocation = (columns: KanbanColumnType[], id: string): Location | undefined => {\n  for (const column of columns) {\n    // TODO(burdon): Need transient ID for UX.\n    if (column.id === id) {\n      return { column };\n    } else {\n      const idx = column.items.filter(nonNullable).findIndex((item) => item.id === id);\n      if (idx !== -1) {\n        return { column, item: column.items![idx], idx };\n      }\n    }\n  }\n};\n"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type FC } from 'react';\n\nimport { create } from '@dxos/live-object';\nimport { getSpace } from '@dxos/react-client/echo';\nimport { Main } from '@dxos/react-ui';\nimport { topbarBlockPaddingStart, fixedInsetFlexLayout, bottombarBlockPaddingEnd } from '@dxos/react-ui-theme';\n\nimport { KanbanBoard } from './KanbanBoard';\nimport { type KanbanType, KanbanColumnType, KanbanItemType, type KanbanModel } from '../types';\n\nconst KanbanMain: FC<{ kanban: KanbanType }> = ({ kanban }) => {\n  // const { t } = useTranslation(KANBAN_PLUGIN);\n  const space = getSpace(kanban);\n  if (!space) {\n    return null;\n  }\n\n  // TODO(burdon): Should plugin create and pass in model?\n  const model: KanbanModel = {\n    root: kanban, // TODO(burdon): How to keep pure?\n    createColumn: () => space.db.add(create(KanbanColumnType, { items: [] })),\n    // TODO(burdon): Add metadata from column in the case of projections.\n    createItem: (column) => space.db.add(create(KanbanItemType, { name: '' })),\n  };\n\n  return (\n    <Main.Content classNames={[fixedInsetFlexLayout, topbarBlockPaddingStart, bottombarBlockPaddingEnd]}>\n      <KanbanBoard model={model} />\n    </Main.Content>\n  );\n};\n\nexport default KanbanMain;\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport {\n  DndContext,\n  type DragEndEvent,\n  type DragMoveEvent,\n  type DragOverEvent,\n  DragOverlay,\n  type DragStartEvent,\n  type Modifier,\n  MouseSensor,\n  useSensor,\n} from '@dnd-kit/core';\nimport { horizontalListSortingStrategy, SortableContext } from '@dnd-kit/sortable';\nimport React, { type FC, useEffect, useState } from 'react';\n\nimport { createSubscription } from '@dxos/react-client/echo';\nimport { arrayMove, nonNullable } from '@dxos/util';\n\nimport { KanbanCardComponent } from './KanbanCard';\nimport { type ItemsMapper, KanbanColumnComponent, KanbanColumnComponentPlaceholder } from './KanbanColumn';\nimport { findLocation, useSubscription } from './util';\nimport type { KanbanColumnType, KanbanItemType, Location, KanbanModel } from '../types';\n\n// TODO(burdon): Touch sensors.\n// TODO(burdon): Prevent browser nav back when swiping left/right.\n// TODO(burdon): Consistently use FC?\nexport const KanbanBoard: FC<{ model: KanbanModel }> = ({ model }) => {\n  const kanban = model.root;\n  // TODO(wittjosiah): Remove?\n  useSubscription(kanban.columns);\n\n  // TODO(burdon): Remove since now uses ECHO.\n  const [_, setIter] = useState([]);\n\n  useEffect(() => {\n    const handle = createSubscription(() => setIter([]));\n    handle.update([kanban.columns]);\n    return () => handle.unsubscribe();\n  }, []);\n\n  const mouseSensor = useSensor(MouseSensor, {\n    activationConstraint: {\n      distance: 8,\n    },\n  });\n\n  // Dragging column.\n  // TODO(burdon): Dragging column causes flickering when dragging left to first column.\n  const [draggingColumn, setDraggingColumn] = useState<KanbanColumnType | undefined>();\n\n  // Dragging item.\n  const [draggingItem, setDraggingItem] = useState<{ source: Location; target?: Location }>();\n  // While dragging, temporarily remap which items should be visible inside each column.\n  const itemMapper: ItemsMapper = (column: string, items: KanbanItemType[]) => {\n    const { source, target } = draggingItem ?? {};\n    if (source && target) {\n      if (source?.column.id !== target?.column.id && (column === source?.column.id || column === target?.column.id)) {\n        const modified = [...items];\n        if (column === source.column.id) {\n          // Temporarily remove from old column.\n          modified.splice(source.idx!, 1);\n        } else if (column === target.column.id) {\n          // Temporarily insert into new column.\n          // TODO(burdon): Use ref to track item being temporarily moved.\n          modified.splice(target.idx ?? modified.length, 0, source.item!);\n        }\n\n        return modified;\n      }\n    }\n\n    return items;\n  };\n\n  const handleDragStart = ({ active }: DragStartEvent) => {\n    kanban.columns.filter(nonNullable).forEach((column) => {\n      if (column.id === active.id) {\n        setDraggingColumn(column);\n      } else {\n        const idx = column.items.filter(nonNullable).findIndex((item) => item.id === active.id);\n        if (idx !== -1) {\n          setDraggingItem({ source: { column, item: column.items![idx], idx } });\n        }\n      }\n    });\n  };\n\n  const handleDragMove = (event: DragMoveEvent) => {};\n\n  const handleDragOver = ({ active, over }: DragOverEvent) => {\n    if (draggingItem) {\n      const { source } = draggingItem;\n      const target = findLocation(kanban.columns.filter(nonNullable), over?.id as string);\n      if (active.id !== over?.id) {\n        setDraggingItem({ source, target });\n      }\n    }\n  };\n\n  // TODO(burdon): Call model to update.\n  const handleDragEnd = (event: DragEndEvent) => {\n    if (draggingColumn) {\n      const { active, over } = event;\n      const oldIndex = kanban.columns.filter(nonNullable).findIndex((column) => column.id === active.id);\n      const newIndex = kanban.columns.filter(nonNullable).findIndex((column) => column.id === over?.id);\n      arrayMove(kanban.columns, oldIndex, newIndex);\n    } else if (draggingItem) {\n      const { source, target } = draggingItem;\n      if (source.column.id === target!.column.id) {\n        if (target!.idx !== undefined) {\n          arrayMove(source.column.items!, source.idx!, target!.idx);\n        }\n      } else {\n        source.column.items!.splice(source.idx!, 1);\n        // TODO(burdon): Incorrect position when moving to new column.\n        target!.column.items!.splice(target!.idx ?? target!.column.items!.length, 0, source.item!);\n      }\n    }\n\n    setDraggingColumn(undefined);\n    setDraggingItem(undefined);\n  };\n\n  const handleDragCancel = () => {\n    setDraggingColumn(undefined);\n    setDraggingItem(undefined);\n  };\n\n  const handleCreateColumn = () => {\n    const column = model.createColumn();\n    kanban.columns.splice(kanban.columns.length, 0, column);\n  };\n\n  // TODO(burdon): Move to model.\n  const handleDeleteColumn = (id: string) => {\n    const index = kanban.columns.filter(nonNullable).findIndex((column) => column.id === id);\n    if (index >= 0) {\n      kanban.columns.splice(index, 1);\n    }\n  };\n\n  const customModifier: Modifier = ({ transform }) => {\n    if (draggingColumn) {\n      return {\n        ...transform,\n        y: 0,\n      };\n    } else {\n      return transform;\n    }\n  };\n\n  return (\n    <div className='flex overflow-x-scroll'>\n      <div className='flex m-4 space-x-4 snap-x'>\n        <DndContext\n          sensors={[mouseSensor]}\n          modifiers={[customModifier]}\n          onDragStart={handleDragStart}\n          onDragMove={handleDragMove}\n          onDragOver={handleDragOver}\n          onDragEnd={handleDragEnd}\n          onDragCancel={handleDragCancel}\n        >\n          <SortableContext\n            strategy={horizontalListSortingStrategy}\n            items={kanban.columns.filter(nonNullable).map(({ id }) => id!)}\n          >\n            {kanban.columns.filter(nonNullable).map((column) => (\n              <KanbanColumnComponent\n                key={column.id}\n                column={column}\n                itemMapper={itemMapper}\n                onCreate={(column: KanbanColumnType) => model.createItem(column)}\n                onDelete={() => handleDeleteColumn(column.id!)}\n              />\n            ))}\n          </SortableContext>\n\n          {/* Overlay required to drag across columns. */}\n          {draggingItem && (\n            <DragOverlay style={{ margin: 0 }}>\n              <KanbanCardComponent item={draggingItem.source.item!} onDelete={() => {}} />\n            </DragOverlay>\n          )}\n\n          {handleCreateColumn && <KanbanColumnComponentPlaceholder onAdd={handleCreateColumn} />}\n        </DndContext>\n      </div>\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { DotsSixVertical, X } from '@phosphor-icons/react';\nimport React, { type FC } from 'react';\n\nimport { createDocAccessor } from '@dxos/react-client/echo';\nimport { Button, useThemeContext, useTranslation } from '@dxos/react-ui';\nimport {\n  createBasicExtensions,\n  createDataExtensions,\n  createThemeExtensions,\n  useTextEditor,\n} from '@dxos/react-ui-editor';\nimport { getSize, mx, attentionSurface, focusRing } from '@dxos/react-ui-theme';\n\nimport { KANBAN_PLUGIN } from '../meta';\nimport { type KanbanColumnType, type KanbanItemType } from '../types';\n\nconst DeleteItem = ({ onClick }: { onClick: () => void }) => {\n  const { t } = useTranslation(KANBAN_PLUGIN);\n  return (\n    <Button variant='ghost' onClick={onClick} classNames='plb-0 pli-0.5 -mlb-1'>\n      <span className='sr-only'>{t('delete item label')}</span>\n      <X className={getSize(4)} />\n    </Button>\n  );\n};\n\nexport const KanbanCardComponent: FC<{\n  column?: KanbanColumnType;\n  item: KanbanItemType;\n  debug?: boolean;\n  onDelete?: () => void;\n}> = ({ column, item, debug = false, onDelete }) => {\n  const { themeMode } = useThemeContext();\n  const { t } = useTranslation(KANBAN_PLUGIN);\n  const { isDragging, attributes, listeners, transform, transition, setNodeRef } = useSortable({\n    id: item.id,\n    data: { type: 'item', column },\n  });\n  const tx = transform ? Object.assign(transform, { scaleY: 1 }) : null;\n\n  const { parentRef, focusAttributes } = useTextEditor(\n    () => ({\n      initialValue: item.name,\n      extensions: [\n        createDataExtensions({ id: item.id, text: createDocAccessor(item, ['name']) }),\n        createBasicExtensions({ placeholder: t('item title placeholder') }),\n        createThemeExtensions({ themeMode }),\n      ],\n    }),\n    [item, themeMode],\n  );\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={{ transform: CSS.Transform.toString(tx), transition }}\n      className={mx('flex grow', isDragging && 'border border-neutral-400 dark:border-neutral-800')}\n    >\n      <div className={mx('flex items-start grow p-1', attentionSurface, isDragging && 'opacity-10')}>\n        {/* TODO(burdon): Standardize height (and below); e.g., via toolbar. */}\n        <button className='flex h-[40px] items-center' {...attributes} {...listeners}>\n          <DotsSixVertical className={getSize(5)} />\n        </button>\n        <div className='flex flex-col grow pt-1'>\n          <div {...focusAttributes} className={mx(focusRing, 'rounded-sm p-1')} ref={parentRef} />\n          {debug && <div className='text-xs text-red-800'>{item.id.slice(0, 9)}</div>}\n        </div>\n        {onDelete && (\n          <div className='flex h-[40px] items-center'>\n            <DeleteItem onClick={onDelete} />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { useDroppable } from '@dnd-kit/core';\nimport { SortableContext, useSortable, verticalListSortingStrategy } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { DotsSixVertical, X, Plus } from '@phosphor-icons/react';\nimport React, { type FC } from 'react';\n\nimport { Button, Input, useTranslation } from '@dxos/react-ui';\nimport { modalSurface, getSize, groupSurface, mx } from '@dxos/react-ui-theme';\nimport { nonNullable } from '@dxos/util';\n\nimport { KanbanCardComponent } from './KanbanCard';\nimport { useSubscription } from './util';\nimport { KANBAN_PLUGIN } from '../meta';\nimport { type KanbanColumnType, type KanbanItemType } from '../types';\n\nexport type ItemsMapper = (column: string, items: KanbanItemType[]) => KanbanItemType[];\n\nconst DeleteColumn = ({ onClick }: { onClick: () => void }) => {\n  const { t } = useTranslation(KANBAN_PLUGIN);\n  return (\n    <Button variant='ghost' onClick={onClick} classNames='plb-0 pli-0.5 -mlb-1'>\n      <span className='sr-only'>{t('delete column label')}</span>\n      <X className={getSize(4)} />\n    </Button>\n  );\n};\n\nconst AddItem = ({ onClick }: { onClick: () => void }) => {\n  const { t } = useTranslation(KANBAN_PLUGIN);\n  return (\n    <Button variant='ghost' onClick={onClick} classNames='plb-0 pli-0.5 -mlb-1'>\n      <span className='sr-only'>{t('add item label')}</span>\n      <Plus className={getSize(4)} />\n    </Button>\n  );\n};\n\n// TODO(burdon): Factor out container.\nexport const KanbanColumnComponentPlaceholder: FC<{ onAdd: () => void }> = ({ onAdd }) => {\n  const { t } = useTranslation(KANBAN_PLUGIN);\n  return (\n    <div className={mx('flex flex-col justify-center shadow rounded w-[300px] h-[300px]', groupSurface)}>\n      <Button variant='ghost' onClick={onAdd} classNames='plb-0 pli-0.5 -mlb-1'>\n        <span className='sr-only'>{t('add column label')}</span>\n        <Plus className={getSize(6)} />\n      </Button>\n    </div>\n  );\n};\n\nexport const KanbanColumnComponent: FC<{\n  column: KanbanColumnType;\n  itemMapper?: ItemsMapper;\n  debug?: boolean; // TODO(burdon): Context.\n  onCreate?: (column: KanbanColumnType) => KanbanItemType;\n  onDelete?: () => void;\n}> = ({ column, itemMapper, debug = false, onCreate, onDelete }) => {\n  const { t } = useTranslation(KANBAN_PLUGIN);\n\n  // TODO(wittjosiah): Remove?\n  useSubscription([column.items]);\n  const items = itemMapper?.(column.id!, column.items.filter(nonNullable)) ?? column.items!;\n\n  const { setNodeRef: setDroppableNodeRef } = useDroppable({ id: column.id! });\n  const { isDragging, attributes, listeners, transform, transition, setNodeRef } = useSortable({\n    id: column.id!,\n    data: { type: 'column' },\n  });\n  const tx = transform ? Object.assign(transform, { scaleY: 1 }) : null;\n\n  const handleAddItem = onCreate\n    ? () => {\n        const item = onCreate(column);\n        column.items!.splice(column.items!.length, 0, item);\n      }\n    : undefined;\n\n  const handleDeleteItem = (id: string) => {\n    const index = column.items.filter(nonNullable).findIndex((column) => column.id === id);\n    if (index >= 0) {\n      column.items!.splice(index, 1);\n    }\n  };\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={{ transform: CSS.Transform.toString(tx), transition }}\n      className={mx('flex flex-col snap-center overflow-y-hidden', isDragging && 'relative z-10')}\n    >\n      {/* TODO(burdon): Width approx mobile phone width. */}\n      <div\n        className={mx(\n          'flex flex-col py-2 overflow-hidden shadow rounded w-[300px] min-h-[300px]',\n          isDragging ? modalSurface : groupSurface,\n        )}\n      >\n        <div className='flex items-center mb-2 px-2'>\n          <button {...attributes} {...listeners}>\n            <DotsSixVertical className={getSize(5)} />\n          </button>\n\n          <Input.Root>\n            <Input.Label srOnly>{t('column title label')}</Input.Label>\n            <Input.TextInput\n              variant='subdued'\n              classNames='px-2'\n              placeholder={t('column title placeholder')}\n              defaultValue={column.name}\n              onChange={({ target: { value } }) => (column.name = value)}\n            />\n          </Input.Root>\n\n          {/* TODO(burdon): Menu. */}\n          {onDelete && <DeleteColumn onClick={onDelete} />}\n        </div>\n\n        {/* TODO(burdon): Scrolling (radix; see kai/mosaic). */}\n        <SortableContext strategy={verticalListSortingStrategy} items={items.filter(nonNullable).map(({ id }) => id)}>\n          <div ref={setDroppableNodeRef} className='flex flex-col grow overflow-y-scroll space-y-2 pr-4'>\n            {items.filter(nonNullable).map((item) => (\n              <div key={item.id} id={item.id} className='flex pl-2'>\n                <KanbanCardComponent column={column} item={item} onDelete={() => handleDeleteItem(item.id)} />\n              </div>\n            ))}\n          </div>\n        </SortableContext>\n\n        {handleAddItem && (\n          <div className='flex justify-center mt-2'>\n            <AddItem onClick={handleAddItem} />\n          </div>\n        )}\n\n        {debug && <div className='px-2 text-xs text-red-800'>{column.id!.slice(0, 9)}</div>}\n      </div>\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { useEffect, useState } from 'react';\n\nimport { createSubscription } from '@dxos/react-client/echo';\nimport { nonNullable } from '@dxos/util';\n\nimport { type KanbanColumnType, type Location } from '../types';\n\n// TODO(burdon): Factor out.\nexport const useSubscription = (data: any) => {\n  const [_, setIter] = useState([]);\n  useEffect(() => {\n    const handle = createSubscription(() => setIter([]));\n    handle.update(data);\n    return () => handle.unsubscribe();\n  }, []);\n};\n\n/**\n * Find the column or item within the model.\n */\n// TODO(burdon): Move to model.\nexport const findLocation = (columns: KanbanColumnType[], id: string): Location | undefined => {\n  for (const column of columns) {\n    // TODO(burdon): Need transient ID for UX.\n    if (column.id === id) {\n      return { column };\n    } else {\n      const idx = column.items.filter(nonNullable).findIndex((item) => item.id === id);\n      if (idx !== -1) {\n        return { column, item: column.items![idx], idx };\n      }\n    }\n  }\n};\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,mBAA+B;AAE/B,yBAAuB;AACvB,kBAAyB;AACzB,sBAAqB;AACrB,4BAAwF;ACLxF,kBAUO;AACP,sBAA+D;AAC/D,IAAAA,gBAAoD;AAEpD,IAAAC,eAAmC;AACnC,kBAAuC;ACfvC,IAAAC,mBAA4B;AAC5B,uBAAoB;AACpB,IAAAF,gBAAmC;AACnC,IAAAA,gBAA+B;AAE/B,IAAAC,eAAkC;AAClC,IAAAE,mBAAwD;AACxD,6BAKO;AACP,IAAAC,yBAAyD;ACbzD,IAAAC,eAA6B;AAC7B,IAAAH,mBAA0E;AAC1E,IAAAI,oBAAoB;AACpB,IAAAN,gBAAyC;AACzC,IAAAA,gBAA+B;AAE/B,IAAAG,mBAA8C;AAC9C,IAAAC,yBAAwD;AACxD,IAAAG,eAA4B;ACR5B,IAAAP,gBAAoC;AAEpC,IAAAC,eAAmC;AACnC,IAAAM,eAA4B;AFe5B,IAAMC,aAAa,CAAC,EAAEC,QAAO,MAA2B;AACtD,QAAM,EAAEC,EAAC,QAAKC,iCAAeC,mCAAAA;AAC7B,SACE,8BAAAC,QAAA,cAACC,yBAAAA;IAAOC,SAAQ;IAAQN;IAAkBO,YAAW;KACnD,8BAAAH,QAAA,cAACI,QAAAA;IAAKC,WAAU;KAAWR,EAAE,mBAAA,CAAA,GAC7B,8BAAAG,QAAA,cAACM,iBAAAA;IAAED,eAAWE,gCAAQ,CAAA;;AAG5B;AAEO,IAAMC,sBAKR,CAAC,EAAEC,QAAQC,MAAMC,QAAQ,OAAOC,SAAQ,MAAE;AAC7C,QAAM,EAAEC,UAAS,QAAKC,kCAAAA;AACtB,QAAM,EAAEjB,EAAC,QAAKC,iCAAeC,mCAAAA;AAC7B,QAAM,EAAEgB,YAAYC,YAAYC,WAAWC,WAAWC,YAAYC,WAAU,QAAKC,8BAAY;IAC3FC,IAAIZ,KAAKY;IACTC,MAAM;MAAEC,MAAM;MAAQf;IAAO;EAC/B,CAAA;AACA,QAAMgB,KAAKP,YAAYQ,OAAOC,OAAOT,WAAW;IAAEU,QAAQ;EAAE,CAAA,IAAK;AAEjE,QAAM,EAAEC,WAAWC,gBAAe,QAAKC,sCACrC,OAAO;IACLC,cAActB,KAAKuB;IACnBC,YAAY;UACVC,6CAAqB;QAAEb,IAAIZ,KAAKY;QAAIc,UAAMC,gCAAkB3B,MAAM;UAAC;SAAO;MAAE,CAAA;UAC5E4B,8CAAsB;QAAEC,aAAa1C,EAAE,wBAAA;MAA0B,CAAA;UACjE2C,8CAAsB;QAAE3B;MAAU,CAAA;;EAEtC,IACA;IAACH;IAAMG;GAAU;AAGnB,SACE,8BAAAb,QAAA,cAACyC,OAAAA;IACCC,KAAKtB;IACLuB,OAAO;MAAEzB,WAAW0B,qBAAIC,UAAUC,SAASrB,EAAAA;MAAKN;IAAW;IAC3Dd,eAAW0C,2BAAG,aAAahC,cAAc,mDAAA;KAEzC,8BAAAf,QAAA,cAACyC,OAAAA;IAAIpC,eAAW0C,2BAAG,6BAA6BC,yCAAkBjC,cAAc,YAAA;KAE9E,8BAAAf,QAAA,cAACiD,UAAAA;IAAO5C,WAAU;IAA8B,GAAGW;IAAa,GAAGC;KACjE,8BAAAjB,QAAA,cAACkD,+BAAAA;IAAgB7C,eAAWE,gCAAQ,CAAA;OAEtC,8BAAAP,QAAA,cAACyC,OAAAA;IAAIpC,WAAU;KACb,8BAAAL,QAAA,cAACyC,OAAAA;IAAK,GAAGX;IAAiBzB,eAAW0C,2BAAGI,kCAAW,gBAAA;IAAmBT,KAAKb;MAC1ElB,SAAS,8BAAAX,QAAA,cAACyC,OAAAA;IAAIpC,WAAU;KAAwBK,KAAKY,GAAG8B,MAAM,GAAG,CAAA,CAAA,CAAA,GAEnExC,YACC,8BAAAZ,QAAA,cAACyC,OAAAA;IAAIpC,WAAU;KACb,8BAAAL,QAAA,cAACL,YAAAA;IAAWC,SAASgB;;AAMjC;AErEO,IAAMyC,kBAAkB,CAAC9B,SAAAA;AAC9B,QAAM,CAAC+B,GAAGC,OAAAA,QAAWC,wBAAS,CAAA,CAAE;AAChCC,+BAAU,MAAA;AACR,UAAMC,aAASC,iCAAmB,MAAMJ,QAAQ,CAAA,CAAE,CAAA;AAClDG,WAAOE,OAAOrC,IAAAA;AACd,WAAO,MAAMmC,OAAOG,YAAW;EACjC,GAAG,CAAA,CAAE;AACP;AAMO,IAAMC,eAAe,CAACC,SAA6BzC,OAAAA;AACxD,aAAWb,UAAUsD,SAAS;AAE5B,QAAItD,OAAOa,OAAOA,IAAI;AACpB,aAAO;QAAEb;MAAO;IAClB,OAAO;AACL,YAAMuD,MAAMvD,OAAOwD,MAAMC,OAAOC,wBAAAA,EAAaC,UAAU,CAAC1D,SAASA,KAAKY,OAAOA,EAAAA;AAC7E,UAAI0C,QAAQ,IAAI;AACd,eAAO;UAAEvD;UAAQC,MAAMD,OAAOwD,MAAOD,GAAAA;UAAMA;QAAI;MACjD;IACF;EACF;AACF;ADhBA,IAAMK,eAAe,CAAC,EAAEzE,QAAO,MAA2B;AACxD,QAAM,EAAEC,EAAC,QAAKC,iBAAAA,gBAAeC,mCAAAA;AAC7B,SACEC,8BAAAA,QAAA,cAACC,iBAAAA,QAAAA;IAAOC,SAAQ;IAAQN;IAAkBO,YAAW;KACnDH,8BAAAA,QAAA,cAACI,QAAAA;IAAKC,WAAU;KAAWR,EAAE,qBAAA,CAAA,GAC7BG,8BAAAA,QAAA,cAACM,cAAAA,GAAAA;IAAED,eAAWE,uBAAAA,SAAQ,CAAA;;AAG5B;AAEA,IAAM+D,UAAU,CAAC,EAAE1E,QAAO,MAA2B;AACnD,QAAM,EAAEC,EAAC,QAAKC,iBAAAA,gBAAeC,mCAAAA;AAC7B,SACEC,8BAAAA,QAAA,cAACC,iBAAAA,QAAAA;IAAOC,SAAQ;IAAQN;IAAkBO,YAAW;KACnDH,8BAAAA,QAAA,cAACI,QAAAA;IAAKC,WAAU;KAAWR,EAAE,gBAAA,CAAA,GAC7BG,8BAAAA,QAAA,cAACuE,oBAAAA;IAAKlE,eAAWE,uBAAAA,SAAQ,CAAA;;AAG/B;AAGO,IAAMiE,mCAA8D,CAAC,EAAEC,MAAK,MAAE;AACnF,QAAM,EAAE5E,EAAC,QAAKC,iBAAAA,gBAAeC,mCAAAA;AAC7B,SACEC,8BAAAA,QAAA,cAACyC,OAAAA;IAAIpC,eAAW0C,uBAAAA,IAAG,mEAAmE2B,mCAAAA;KACpF1E,8BAAAA,QAAA,cAACC,iBAAAA,QAAAA;IAAOC,SAAQ;IAAQN,SAAS6E;IAAOtE,YAAW;KACjDH,8BAAAA,QAAA,cAACI,QAAAA;IAAKC,WAAU;KAAWR,EAAE,kBAAA,CAAA,GAC7BG,8BAAAA,QAAA,cAACuE,oBAAAA;IAAKlE,eAAWE,uBAAAA,SAAQ,CAAA;;AAIjC;AAEO,IAAMoE,wBAMR,CAAC,EAAElE,QAAQmE,YAAYjE,QAAQ,OAAOkE,UAAUjE,SAAQ,MAAE;AAC7D,QAAM,EAAEf,EAAC,QAAKC,iBAAAA,gBAAeC,mCAAAA;AAG7BsD,kBAAgB;IAAC5C,OAAOwD;GAAM;AAC9B,QAAMA,QAAQW,aAAanE,OAAOa,IAAKb,OAAOwD,MAAMC,OAAOC,aAAAA,WAAAA,CAAAA,KAAiB1D,OAAOwD;AAEnF,QAAM,EAAE7C,YAAY0D,oBAAmB,QAAKC,2BAAa;IAAEzD,IAAIb,OAAOa;EAAI,CAAA;AAC1E,QAAM,EAAEP,YAAYC,YAAYC,WAAWC,WAAWC,YAAYC,WAAU,QAAKC,iBAAAA,aAAY;IAC3FC,IAAIb,OAAOa;IACXC,MAAM;MAAEC,MAAM;IAAS;EACzB,CAAA;AACA,QAAMC,KAAKP,YAAYQ,OAAOC,OAAOT,WAAW;IAAEU,QAAQ;EAAE,CAAA,IAAK;AAEjE,QAAMoD,gBAAgBH,WAClB,MAAA;AACE,UAAMnE,OAAOmE,SAASpE,MAAAA;AACtBA,WAAOwD,MAAOgB,OAAOxE,OAAOwD,MAAOiB,QAAQ,GAAGxE,IAAAA;EAChD,IACAyE;AAEJ,QAAMC,mBAAmB,CAAC9D,OAAAA;AACxB,UAAM+D,QAAQ5E,OAAOwD,MAAMC,OAAOC,aAAAA,WAAAA,EAAaC,UAAU,CAAC3D,YAAWA,QAAOa,OAAOA,EAAAA;AACnF,QAAI+D,SAAS,GAAG;AACd5E,aAAOwD,MAAOgB,OAAOI,OAAO,CAAA;IAC9B;EACF;AAEA,SACErF,8BAAAA,QAAA,cAACyC,OAAAA;IACCC,KAAKtB;IACLuB,OAAO;MAAEzB,WAAW0B,kBAAAA,IAAIC,UAAUC,SAASrB,EAAAA;MAAKN;IAAW;IAC3Dd,eAAW0C,uBAAAA,IAAG,+CAA+ChC,cAAc,eAAA;KAG3Ef,8BAAAA,QAAA,cAACyC,OAAAA;IACCpC,eAAW0C,uBAAAA,IACT,6EACAhC,aAAauE,sCAAeZ,mCAAAA;KAG9B1E,8BAAAA,QAAA,cAACyC,OAAAA;IAAIpC,WAAU;KACbL,8BAAAA,QAAA,cAACiD,UAAAA;IAAQ,GAAGjC;IAAa,GAAGC;KAC1BjB,8BAAAA,QAAA,cAACkD,cAAAA,iBAAAA;IAAgB7C,eAAWE,uBAAAA,SAAQ,CAAA;OAGtCP,8BAAAA,QAAA,cAACuF,uBAAMC,MAAI,MACTxF,8BAAAA,QAAA,cAACuF,uBAAME,OAAK;IAACC,QAAAA;KAAQ7F,EAAE,oBAAA,CAAA,GACvBG,8BAAAA,QAAA,cAACuF,uBAAMI,WAAS;IACdzF,SAAQ;IACRC,YAAW;IACXoC,aAAa1C,EAAE,0BAAA;IACf+F,cAAcnF,OAAOwB;IACrB4D,UAAU,CAAC,EAAEC,QAAQ,EAAEC,MAAK,EAAE,MAAQtF,OAAOwB,OAAO8D;OAKvDnF,YAAYZ,8BAAAA,QAAA,cAACqE,cAAAA;IAAazE,SAASgB;OAItCZ,8BAAAA,QAAA,cAACgG,kCAAAA;IAAgBC,UAAUC;IAA6BjC,OAAOA,MAAMC,OAAOC,aAAAA,WAAAA,EAAagC,IAAI,CAAC,EAAE7E,GAAE,MAAOA,EAAAA;KACvGtB,8BAAAA,QAAA,cAACyC,OAAAA;IAAIC,KAAKoC;IAAqBzE,WAAU;KACtC4D,MAAMC,OAAOC,aAAAA,WAAAA,EAAagC,IAAI,CAACzF,SAC9BV,8BAAAA,QAAA,cAACyC,OAAAA;IAAI2D,KAAK1F,KAAKY;IAAIA,IAAIZ,KAAKY;IAAIjB,WAAU;KACxCL,8BAAAA,QAAA,cAACQ,qBAAAA;IAAoBC;IAAgBC;IAAYE,UAAU,MAAMwE,iBAAiB1E,KAAKY,EAAE;UAMhG0D,iBACChF,8BAAAA,QAAA,cAACyC,OAAAA;IAAIpC,WAAU;KACbL,8BAAAA,QAAA,cAACsE,SAAAA;IAAQ1E,SAASoF;OAIrBrE,SAASX,8BAAAA,QAAA,cAACyC,OAAAA;IAAIpC,WAAU;KAA6BI,OAAOa,GAAI8B,MAAM,GAAG,CAAA,CAAA,CAAA,CAAA;AAIlF;AFjHO,IAAMiD,cAA0C,CAAC,EAAEC,MAAK,MAAE;AAC/D,QAAMC,SAASD,MAAME;AAErBnD,kBAAgBkD,OAAOxC,OAAO;AAG9B,QAAM,CAACT,GAAGC,OAAAA,QAAWC,cAAAA,UAAS,CAAA,CAAE;AAEhCC,oBAAAA,WAAU,MAAA;AACR,UAAMC,aAASC,aAAAA,oBAAmB,MAAMJ,QAAQ,CAAA,CAAE,CAAA;AAClDG,WAAOE,OAAO;MAAC2C,OAAOxC;KAAQ;AAC9B,WAAO,MAAML,OAAOG,YAAW;EACjC,GAAG,CAAA,CAAE;AAEL,QAAM4C,kBAAcC,uBAAUC,yBAAa;IACzCC,sBAAsB;MACpBC,UAAU;IACZ;EACF,CAAA;AAIA,QAAM,CAACC,gBAAgBC,iBAAAA,QAAqBvD,cAAAA,UAAAA;AAG5C,QAAM,CAACwD,cAAcC,eAAAA,QAAmBzD,cAAAA,UAAAA;AAExC,QAAMoB,aAA0B,CAACnE,QAAgBwD,UAAAA;AAC/C,UAAM,EAAEiD,QAAQpB,OAAM,IAAKkB,gBAAgB,CAAC;AAC5C,QAAIE,UAAUpB,QAAQ;AACpB,UAAIoB,QAAQzG,OAAOa,OAAOwE,QAAQrF,OAAOa,OAAOb,WAAWyG,QAAQzG,OAAOa,MAAMb,WAAWqF,QAAQrF,OAAOa,KAAK;AAC7G,cAAM6F,WAAW;aAAIlD;;AACrB,YAAIxD,WAAWyG,OAAOzG,OAAOa,IAAI;AAE/B6F,mBAASlC,OAAOiC,OAAOlD,KAAM,CAAA;QAC/B,WAAWvD,WAAWqF,OAAOrF,OAAOa,IAAI;AAGtC6F,mBAASlC,OAAOa,OAAO9B,OAAOmD,SAASjC,QAAQ,GAAGgC,OAAOxG,IAAI;QAC/D;AAEA,eAAOyG;MACT;IACF;AAEA,WAAOlD;EACT;AAEA,QAAMmD,kBAAkB,CAAC,EAAEC,OAAM,MAAkB;AACjDd,WAAOxC,QAAQG,OAAOC,YAAAA,WAAAA,EAAamD,QAAQ,CAAC7G,WAAAA;AAC1C,UAAIA,OAAOa,OAAO+F,OAAO/F,IAAI;AAC3ByF,0BAAkBtG,MAAAA;MACpB,OAAO;AACL,cAAMuD,MAAMvD,OAAOwD,MAAMC,OAAOC,YAAAA,WAAAA,EAAaC,UAAU,CAAC1D,SAASA,KAAKY,OAAO+F,OAAO/F,EAAE;AACtF,YAAI0C,QAAQ,IAAI;AACdiD,0BAAgB;YAAEC,QAAQ;cAAEzG;cAAQC,MAAMD,OAAOwD,MAAOD,GAAAA;cAAMA;YAAI;UAAE,CAAA;QACtE;MACF;IACF,CAAA;EACF;AAEA,QAAMuD,iBAAiB,CAACC,UAAAA;EAA0B;AAElD,QAAMC,iBAAiB,CAAC,EAAEJ,QAAQK,KAAI,MAAiB;AACrD,QAAIV,cAAc;AAChB,YAAM,EAAEE,OAAM,IAAKF;AACnB,YAAMlB,SAAShC,aAAayC,OAAOxC,QAAQG,OAAOC,YAAAA,WAAAA,GAAcuD,MAAMpG,EAAAA;AACtE,UAAI+F,OAAO/F,OAAOoG,MAAMpG,IAAI;AAC1B2F,wBAAgB;UAAEC;UAAQpB;QAAO,CAAA;MACnC;IACF;EACF;AAGA,QAAM6B,gBAAgB,CAACH,UAAAA;AACrB,QAAIV,gBAAgB;AAClB,YAAM,EAAEO,QAAQK,KAAI,IAAKF;AACzB,YAAMI,WAAWrB,OAAOxC,QAAQG,OAAOC,YAAAA,WAAAA,EAAaC,UAAU,CAAC3D,WAAWA,OAAOa,OAAO+F,OAAO/F,EAAE;AACjG,YAAMuG,WAAWtB,OAAOxC,QAAQG,OAAOC,YAAAA,WAAAA,EAAaC,UAAU,CAAC3D,WAAWA,OAAOa,OAAOoG,MAAMpG,EAAAA;AAC9FwG,iCAAUvB,OAAOxC,SAAS6D,UAAUC,QAAAA;IACtC,WAAWb,cAAc;AACvB,YAAM,EAAEE,QAAQpB,OAAM,IAAKkB;AAC3B,UAAIE,OAAOzG,OAAOa,OAAOwE,OAAQrF,OAAOa,IAAI;AAC1C,YAAIwE,OAAQ9B,QAAQmB,QAAW;AAC7B2C,qCAAUZ,OAAOzG,OAAOwD,OAAQiD,OAAOlD,KAAM8B,OAAQ9B,GAAG;QAC1D;MACF,OAAO;AACLkD,eAAOzG,OAAOwD,MAAOgB,OAAOiC,OAAOlD,KAAM,CAAA;AAEzC8B,eAAQrF,OAAOwD,MAAOgB,OAAOa,OAAQ9B,OAAO8B,OAAQrF,OAAOwD,MAAOiB,QAAQ,GAAGgC,OAAOxG,IAAI;MAC1F;IACF;AAEAqG,sBAAkB5B,MAAAA;AAClB8B,oBAAgB9B,MAAAA;EAClB;AAEA,QAAM4C,mBAAmB,MAAA;AACvBhB,sBAAkB5B,MAAAA;AAClB8B,oBAAgB9B,MAAAA;EAClB;AAEA,QAAM6C,qBAAqB,MAAA;AACzB,UAAMvH,SAAS6F,MAAM2B,aAAY;AACjC1B,WAAOxC,QAAQkB,OAAOsB,OAAOxC,QAAQmB,QAAQ,GAAGzE,MAAAA;EAClD;AAGA,QAAMyH,qBAAqB,CAAC5G,OAAAA;AAC1B,UAAM+D,QAAQkB,OAAOxC,QAAQG,OAAOC,YAAAA,WAAAA,EAAaC,UAAU,CAAC3D,WAAWA,OAAOa,OAAOA,EAAAA;AACrF,QAAI+D,SAAS,GAAG;AACdkB,aAAOxC,QAAQkB,OAAOI,OAAO,CAAA;IAC/B;EACF;AAEA,QAAM8C,iBAA2B,CAAC,EAAEjH,UAAS,MAAE;AAC7C,QAAI4F,gBAAgB;AAClB,aAAO;QACL,GAAG5F;QACHkH,GAAG;MACL;IACF,OAAO;AACL,aAAOlH;IACT;EACF;AAEA,SACElB,8BAAAA,QAAA,cAACyC,OAAAA;IAAIpC,WAAU;KACbL,8BAAAA,QAAA,cAACyC,OAAAA;IAAIpC,WAAU;KACbL,8BAAAA,QAAA,cAACqI,wBAAAA;IACCC,SAAS;MAAC7B;;IACV8B,WAAW;MAACJ;;IACZK,aAAapB;IACbqB,YAAYlB;IACZmB,YAAYjB;IACZkB,WAAWhB;IACXiB,cAAcb;KAEd/H,8BAAAA,QAAA,cAACgG,gBAAAA,iBAAAA;IACCC,UAAU4C;IACV5E,OAAOsC,OAAOxC,QAAQG,OAAOC,YAAAA,WAAAA,EAAagC,IAAI,CAAC,EAAE7E,GAAE,MAAOA,EAAAA;KAEzDiF,OAAOxC,QAAQG,OAAOC,YAAAA,WAAAA,EAAagC,IAAI,CAAC1F,WACvCT,8BAAAA,QAAA,cAAC2E,uBAAAA;IACCyB,KAAK3F,OAAOa;IACZb;IACAmE;IACAC,UAAU,CAACpE,YAA6B6F,MAAMwC,WAAWrI,OAAAA;IACzDG,UAAU,MAAMsH,mBAAmBzH,OAAOa,EAAE;QAMjD0F,gBACChH,8BAAAA,QAAA,cAAC+I,yBAAAA;IAAYpG,OAAO;MAAEqG,QAAQ;IAAE;KAC9BhJ,8BAAAA,QAAA,cAACQ,qBAAAA;IAAoBE,MAAMsG,aAAaE,OAAOxG;IAAOE,UAAU,MAAA;IAAO;OAI1EoH,sBAAsBhI,8BAAAA,QAAA,cAACwE,kCAAAA;IAAiCC,OAAOuD;;AAK1E;ADpLA,IAAMiB,aAAyC,CAAC,EAAE1C,OAAM,MAAE;AAExD,QAAM2C,YAAQC,sBAAS5C,MAAAA;AACvB,MAAI,CAAC2C,OAAO;AACV,WAAO;EACT;AAGA,QAAM5C,QAAqB;IACzBE,MAAMD;IACN0B,cAAc,MAAMiB,MAAME,GAAGC,QAAIC,2BAAOC,wCAAkB;MAAEtF,OAAO,CAAA;IAAG,CAAA,CAAA;;IAEtE6E,YAAY,CAACrI,WAAWyI,MAAME,GAAGC,QAAIC,2BAAOE,sCAAgB;MAAEvH,MAAM;IAAG,CAAA,CAAA;EACzE;AAEA,SACEjC,6BAAAA,QAAA,cAACyJ,qBAAKC,SAAO;IAACvJ,YAAY;MAACwJ;MAAsBC;MAAyBC;;KACxE7J,6BAAAA,QAAA,cAACqG,aAAAA;IAAYC;;AAGnB;AAEA,IAAA,qBAAe2C;",
   "names": ["import_react", "import_echo", "import_sortable", "import_react_ui", "import_react_ui_theme", "import_core", "import_utilities", "import_util", "DeleteItem", "onClick", "t", "useTranslation", "KANBAN_PLUGIN", "React", "Button", "variant", "classNames", "span", "className", "X", "getSize", "KanbanCardComponent", "column", "item", "debug", "onDelete", "themeMode", "useThemeContext", "isDragging", "attributes", "listeners", "transform", "transition", "setNodeRef", "useSortable", "id", "data", "type", "tx", "Object", "assign", "scaleY", "parentRef", "focusAttributes", "useTextEditor", "initialValue", "name", "extensions", "createDataExtensions", "text", "createDocAccessor", "createBasicExtensions", "placeholder", "createThemeExtensions", "div", "ref", "style", "CSS", "Transform", "toString", "mx", "attentionSurface", "button", "DotsSixVertical", "focusRing", "slice", "useSubscription", "_", "setIter", "useState", "useEffect", "handle", "createSubscription", "update", "unsubscribe", "findLocation", "columns", "idx", "items", "filter", "nonNullable", "findIndex", "DeleteColumn", "AddItem", "Plus", "KanbanColumnComponentPlaceholder", "onAdd", "groupSurface", "KanbanColumnComponent", "itemMapper", "onCreate", "setDroppableNodeRef", "useDroppable", "handleAddItem", "splice", "length", "undefined", "handleDeleteItem", "index", "modalSurface", "Input", "Root", "Label", "srOnly", "TextInput", "defaultValue", "onChange", "target", "value", "SortableContext", "strategy", "verticalListSortingStrategy", "map", "key", "KanbanBoard", "model", "kanban", "root", "mouseSensor", "useSensor", "MouseSensor", "activationConstraint", "distance", "draggingColumn", "setDraggingColumn", "draggingItem", "setDraggingItem", "source", "modified", "handleDragStart", "active", "forEach", "handleDragMove", "event", "handleDragOver", "over", "handleDragEnd", "oldIndex", "newIndex", "arrayMove", "handleDragCancel", "handleCreateColumn", "createColumn", "handleDeleteColumn", "customModifier", "y", "DndContext", "sensors", "modifiers", "onDragStart", "onDragMove", "onDragOver", "onDragEnd", "onDragCancel", "horizontalListSortingStrategy", "createItem", "DragOverlay", "margin", "KanbanMain", "space", "getSpace", "db", "add", "create", "KanbanColumnType", "KanbanItemType", "Main", "Content", "fixedInsetFlexLayout", "topbarBlockPaddingStart", "bottombarBlockPaddingEnd"]
 }