@dxos/plugin-kanban 0.7.4 → 0.7.5-labs.071a3e2

package/dist/lib/node-esm/chunk-OTZHYV3S.mjs

@@ -1,20 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-
-// packages/plugins/experimental/plugin-kanban/src/meta.ts
-var KANBAN_PLUGIN = "dxos.org/plugin/kanban";
-var meta_default = {
-  id: KANBAN_PLUGIN,
-  name: "Kanban",
-  description: "Kanban board for managing tasks.",
-  icon: "ph--kanban--regular",
-  source: "https://github.com/dxos/dxos/tree/main/packages/plugins/experimental/plugin-kanban",
-  tags: [
-    "experimental"
-  ]
-};
-
-export {
-  KANBAN_PLUGIN,
-  meta_default
-};
-//# sourceMappingURL=chunk-OTZHYV3S.mjs.map

package/dist/lib/node-esm/chunk-OTZHYV3S.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/meta.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const KANBAN_PLUGIN = 'dxos.org/plugin/kanban';\n\nexport default {\n  id: KANBAN_PLUGIN,\n  name: 'Kanban',\n  description: 'Kanban board for managing tasks.',\n  icon: 'ph--kanban--regular',\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/experimental/plugin-kanban',\n  tags: ['experimental'],\n} satisfies PluginMeta;\n"],
-  "mappings": ";;;AAMO,IAAMA,gBAAgB;AAE7B,IAAA,eAAe;EACbC,IAAID;EACJE,MAAM;EACNC,aAAa;EACbC,MAAM;EACNC,QAAQ;EACRC,MAAM;IAAC;;AACT;",
-  "names": ["KANBAN_PLUGIN", "id", "name", "description", "icon", "source", "tags"]
-}

package/dist/lib/node-esm/meta.mjs

@@ -1,10 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-import {
-  KANBAN_PLUGIN,
-  meta_default
-} from "./chunk-OTZHYV3S.mjs";
-export {
-  KANBAN_PLUGIN,
-  meta_default as default
-};
-//# sourceMappingURL=meta.mjs.map

package/dist/lib/node-esm/meta.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
-}

package/dist/lib/node-esm/types/index.mjs

@@ -1,15 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-import {
-  KanbanAction,
-  KanbanColumnType,
-  KanbanItemType,
-  KanbanType
-} from "../chunk-2ZBX5F7L.mjs";
-import "../chunk-OTZHYV3S.mjs";
-export {
-  KanbanAction,
-  KanbanColumnType,
-  KanbanItemType,
-  KanbanType
-};
-//# sourceMappingURL=index.mjs.map

package/dist/lib/node-esm/types/index.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
-}

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

@@ -1,6 +0,0 @@
-import { type FC } from 'react';
-import type { KanbanModel } from '../types';
-export declare const KanbanBoard: FC<{
-    model: KanbanModel;
-}>;
-//# sourceMappingURL=KanbanBoard.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"KanbanBoard.d.ts","sourceRoot":"","sources":["../../../../src/components/KanbanBoard.tsx"],"names":[],"mappings":"AAgBA,OAAc,EAAE,KAAK,EAAE,EAAuB,MAAM,OAAO,CAAC;AAQ5D,OAAO,KAAK,EAA8C,WAAW,EAAE,MAAM,UAAU,CAAC;AAKxF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC;IAAE,KAAK,EAAE,WAAW,CAAA;CAAE,CAqKlD,CAAC"}

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

@@ -1,9 +0,0 @@
-import { type FC } from 'react';
-import { type KanbanColumnType, type KanbanItemType } from '../types';
-export declare const KanbanCardComponent: FC<{
-    column?: KanbanColumnType;
-    item: KanbanItemType;
-    debug?: boolean;
-    onDelete?: () => void;
-}>;
-//# sourceMappingURL=KanbanCard.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"KanbanCard.d.ts","sourceRoot":"","sources":["../../../../src/components/KanbanCard.tsx"],"names":[],"mappings":"AAOA,OAAc,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAavC,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAE,MAAM,UAAU,CAAC;AAYtE,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC;IACnC,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CA4CA,CAAC"}

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

@@ -1,14 +0,0 @@
-import { type FC } from 'react';
-import { type KanbanColumnType, type KanbanItemType } from '../types';
-export type ItemsMapper = (column: string, items: KanbanItemType[]) => KanbanItemType[];
-export declare const KanbanColumnComponentPlaceholder: FC<{
-    onAdd: () => void;
-}>;
-export declare const KanbanColumnComponent: FC<{
-    column: KanbanColumnType;
-    itemMapper?: ItemsMapper;
-    debug?: boolean;
-    onCreate?: (column: KanbanColumnType) => KanbanItemType;
-    onDelete?: () => void;
-}>;
-//# sourceMappingURL=KanbanColumn.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"KanbanColumn.d.ts","sourceRoot":"","sources":["../../../../src/components/KanbanColumn.tsx"],"names":[],"mappings":"AAQA,OAAc,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AASvC,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAE,MAAM,UAAU,CAAC;AAEtE,MAAM,MAAM,WAAW,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,cAAc,EAAE,CAAC;AAuBxF,eAAO,MAAM,gCAAgC,EAAE,EAAE,CAAC;IAAE,KAAK,EAAE,MAAM,IAAI,CAAA;CAAE,CAUtE,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC;IACrC,MAAM,EAAE,gBAAgB,CAAC;IACzB,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,cAAc,CAAC;IACxD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAkFA,CAAC"}

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

@@ -1,7 +0,0 @@
-import { type FC } from 'react';
-import { type KanbanType } from '../types';
-declare const KanbanMain: FC<{
-    kanban: KanbanType;
-}>;
-export default KanbanMain;
-//# sourceMappingURL=KanbanMain.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"KanbanMain.d.ts","sourceRoot":"","sources":["../../../../src/components/KanbanMain.tsx"],"names":[],"mappings":"AAIA,OAAc,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAQvC,OAAO,EAAE,KAAK,UAAU,EAAsD,MAAM,UAAU,CAAC;AAE/F,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC;IAAE,MAAM,EAAE,UAAU,CAAA;CAAE,CAoB1C,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -1,7 +0,0 @@
-import { type KanbanColumnType, type Location } from '../types';
-export declare const useSubscription: (data: any) => void;
-/**
- * Find the column or item within the model.
- */
-export declare const findLocation: (columns: KanbanColumnType[], id: string) => Location | undefined;
-//# sourceMappingURL=util.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../../src/components/util.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAGhE,eAAO,MAAM,eAAe,SAAU,GAAG,SAOxC,CAAC;AAEF;;GAEG;AAEH,eAAO,MAAM,YAAY,YAAa,gBAAgB,EAAE,MAAM,MAAM,KAAG,QAAQ,GAAG,SAYjF,CAAC"}

package/dist/types/src/stories/testing.d.ts

@@ -1,19 +0,0 @@
-export declare const createKanban: () => import("@dxos/live-object").ReactiveObject<{
-    name?: string | undefined;
-    columns: import("packages/core/echo/echo-schema/dist/types/src").Ref<{
-        name?: string | undefined;
-        index?: string | undefined;
-        items: import("packages/core/echo/echo-schema/dist/types/src").Ref<{
-            object?: import("packages/core/echo/echo-schema/dist/types/src").Ref<import("packages/core/echo/echo-schema/dist/types/src").Expando>;
-            name?: string | undefined;
-            index?: string | undefined;
-        } & {
-            id: string;
-        }>[];
-    } & {
-        id: string;
-    }>[];
-} & {
-    id: string;
-}>;
-//# sourceMappingURL=testing.d.ts.map

package/dist/types/src/stories/testing.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"testing.d.ts","sourceRoot":"","sources":["../../../../src/stories/testing.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;EAkBxB,CAAC"}

package/dist/types/src/types/index.d.ts

@@ -1,3 +0,0 @@
-export * from './kanban';
-export * from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/types/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/types/index.ts"],"names":[],"mappings":"AAIA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}

package/dist/types/src/types/kanban.d.ts

@@ -1,76 +0,0 @@
-import { Expando, ref, S } from '@dxos/echo-schema';
-declare const KanbanItemType_base: import("@dxos/echo-schema").AbstractTypedObject<{
-    object?: import("@dxos/echo-schema").Ref<Expando>;
-    name?: string | undefined;
-    index?: string | undefined;
-} & {
-    id: string;
-}, S.Struct.Encoded<{
-    object: S.optional<ref<Expando>>;
-    name: S.optional<typeof S.String>;
-    index: S.optional<typeof S.String>;
-}>>;
-export declare class KanbanItemType extends KanbanItemType_base {
-}
-declare const KanbanColumnType_base: import("@dxos/echo-schema").AbstractTypedObject<{
-    name?: string | undefined;
-    index?: string | undefined;
-    items: import("@dxos/echo-schema").Ref<{
-        object?: import("@dxos/echo-schema").Ref<Expando>;
-        name?: string | undefined;
-        index?: string | undefined;
-    } & {
-        id: string;
-    }>[];
-} & {
-    id: string;
-}, S.Struct.Encoded<{
-    name: S.optional<typeof S.String>;
-    index: S.optional<typeof S.String>;
-    items: S.mutable<S.Array$<ref<{
-        object?: import("@dxos/echo-schema").Ref<Expando>;
-        name?: string | undefined;
-        index?: string | undefined;
-    } & {
-        id: string;
-    }>>>;
-}>>;
-export declare class KanbanColumnType extends KanbanColumnType_base {
-}
-declare const KanbanType_base: import("@dxos/echo-schema").AbstractTypedObject<{
-    name?: string | undefined;
-    columns: import("@dxos/echo-schema").Ref<{
-        name?: string | undefined;
-        index?: string | undefined;
-        items: import("@dxos/echo-schema").Ref<{
-            object?: import("@dxos/echo-schema").Ref<Expando>;
-            name?: string | undefined;
-            index?: string | undefined;
-        } & {
-            id: string;
-        }>[];
-    } & {
-        id: string;
-    }>[];
-} & {
-    id: string;
-}, S.Struct.Encoded<{
-    name: S.optional<typeof S.String>;
-    columns: S.mutable<S.Array$<ref<{
-        name?: string | undefined;
-        index?: string | undefined;
-        items: import("@dxos/echo-schema").Ref<{
-            object?: import("@dxos/echo-schema").Ref<Expando>;
-            name?: string | undefined;
-            index?: string | undefined;
-        } & {
-            id: string;
-        }>[];
-    } & {
-        id: string;
-    }>>>;
-}>>;
-export declare class KanbanType extends KanbanType_base {
-}
-export {};
-//# sourceMappingURL=kanban.d.ts.map

package/dist/types/src/types/kanban.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"kanban.d.ts","sourceRoot":"","sources":["../../../../src/types/kanban.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAe,MAAM,mBAAmB,CAAC;;;;;;;;;;;;AAEjE,qBAAa,cAAe,SAAQ,mBAIlC;CAAG;;;;;;;;;;;;;;;;;;;;;;;;AAEL,qBAAa,gBAAiB,SAAQ,qBAIpC;CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEL,qBAAa,UAAW,SAAQ,eAG9B;CAAG"}

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

@@ -1,18 +0,0 @@
-import type { GraphBuilderProvides, IntentResolverProvides, MetadataRecordsProvides, SurfaceProvides, TranslationsProvides } from '@dxos/app-framework';
-import { type SchemaProvides } from '@dxos/plugin-space';
-import { type KanbanColumnType, type KanbanItemType, type KanbanType } from './kanban';
-export declare enum KanbanAction {
-    CREATE = "dxos.org/plugin/kanban/action/create"
-}
-export type KanbanPluginProvides = SurfaceProvides & IntentResolverProvides & GraphBuilderProvides & MetadataRecordsProvides & TranslationsProvides & SchemaProvides;
-export interface KanbanModel {
-    root: KanbanType;
-    createColumn(): KanbanColumnType;
-    createItem(column: KanbanColumnType): KanbanItemType;
-}
-export type Location = {
-    column: KanbanColumnType;
-    item?: KanbanItemType;
-    idx?: number;
-};
-//# sourceMappingURL=types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/types/types.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,oBAAoB,EACpB,sBAAsB,EACtB,uBAAuB,EACvB,eAAe,EACf,oBAAoB,EACrB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEzD,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAE,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAcvF,oBAAY,YAAY;IACtB,MAAM,yCAA4B;CACnC;AAED,MAAM,MAAM,oBAAoB,GAAG,eAAe,GAChD,sBAAsB,GACtB,oBAAoB,GACpB,uBAAuB,GACvB,oBAAoB,GACpB,cAAc,CAAC;AAUjB,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,UAAU,CAAC;IACjB,YAAY,IAAI,gBAAgB,CAAC;IACjC,UAAU,CAAC,MAAM,EAAE,gBAAgB,GAAG,cAAc,CAAC;CACtD;AAED,MAAM,MAAM,QAAQ,GAAG;IACrB,MAAM,EAAE,gBAAgB,CAAC;IACzB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC"}

package/src/components/KanbanBoard.tsx

@@ -1,195 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import {
-  DndContext,
-  type DragEndEvent,
-  type DragMoveEvent,
-  type DragOverEvent,
-  DragOverlay,
-  type DragStartEvent,
-  type Modifier,
-  MouseSensor,
-  useSensor,
-} from '@dnd-kit/core';
-import { horizontalListSortingStrategy, SortableContext } from '@dnd-kit/sortable';
-import React, { type FC, useEffect, useState } from 'react';
-
-import { createSubscription } from '@dxos/react-client/echo';
-import { arrayMove, nonNullable } from '@dxos/util';
-
-import { KanbanCardComponent } from './KanbanCard';
-import { type ItemsMapper, KanbanColumnComponent, KanbanColumnComponentPlaceholder } from './KanbanColumn';
-import { findLocation, useSubscription } from './util';
-import type { KanbanColumnType, KanbanItemType, Location, KanbanModel } from '../types';
-
-// TODO(burdon): Touch sensors.
-// TODO(burdon): Prevent browser nav back when swiping left/right.
-// TODO(burdon): Consistently use FC?
-export const KanbanBoard: FC<{ model: KanbanModel }> = ({ model }) => {
-  const kanban = model.root;
-  // TODO(wittjosiah): Remove?
-  useSubscription(kanban.columns);
-
-  // TODO(burdon): Remove since now uses ECHO.
-  const [_, setIter] = useState([]);
-
-  useEffect(() => {
-    const handle = createSubscription(() => setIter([]));
-    handle.update([kanban.columns]);
-    return () => handle.unsubscribe();
-  }, []);
-
-  const mouseSensor = useSensor(MouseSensor, {
-    activationConstraint: {
-      distance: 8,
-    },
-  });
-
-  // Dragging column.
-  // TODO(burdon): Dragging column causes flickering when dragging left to first column.
-  const [draggingColumn, setDraggingColumn] = useState<KanbanColumnType | undefined>();
-
-  // Dragging item.
-  const [draggingItem, setDraggingItem] = useState<{ source: Location; target?: Location }>();
-  // While dragging, temporarily remap which items should be visible inside each column.
-  const itemMapper: ItemsMapper = (column: string, items: KanbanItemType[]) => {
-    const { source, target } = draggingItem ?? {};
-    if (source && target) {
-      if (source?.column.id !== target?.column.id && (column === source?.column.id || column === target?.column.id)) {
-        const modified = [...items];
-        if (column === source.column.id) {
-          // Temporarily remove from old column.
-          modified.splice(source.idx!, 1);
-        } else if (column === target.column.id) {
-          // Temporarily insert into new column.
-          // TODO(burdon): Use ref to track item being temporarily moved.
-          modified.splice(target.idx ?? modified.length, 0, source.item!);
-        }
-
-        return modified;
-      }
-    }
-
-    return items;
-  };
-
-  const handleDragStart = ({ active }: DragStartEvent) => {
-    kanban.columns.filter(nonNullable).forEach((column) => {
-      if (column.id === active.id) {
-        setDraggingColumn(column);
-      } else {
-        const idx = column.items.filter(nonNullable).findIndex((item) => item.id === active.id);
-        if (idx !== -1) {
-          setDraggingItem({ source: { column, item: column.items![idx], idx } });
-        }
-      }
-    });
-  };
-
-  const handleDragMove = (event: DragMoveEvent) => {};
-
-  const handleDragOver = ({ active, over }: DragOverEvent) => {
-    if (draggingItem) {
-      const { source } = draggingItem;
-      const target = findLocation(kanban.columns.filter(nonNullable), over?.id as string);
-      if (active.id !== over?.id) {
-        setDraggingItem({ source, target });
-      }
-    }
-  };
-
-  // TODO(burdon): Call model to update.
-  const handleDragEnd = (event: DragEndEvent) => {
-    if (draggingColumn) {
-      const { active, over } = event;
-      const oldIndex = kanban.columns.filter(nonNullable).findIndex((column) => column.id === active.id);
-      const newIndex = kanban.columns.filter(nonNullable).findIndex((column) => column.id === over?.id);
-      arrayMove(kanban.columns, oldIndex, newIndex);
-    } else if (draggingItem) {
-      const { source, target } = draggingItem;
-      if (source.column.id === target!.column.id) {
-        if (target!.idx !== undefined) {
-          arrayMove(source.column.items!, source.idx!, target!.idx);
-        }
-      } else {
-        source.column.items!.splice(source.idx!, 1);
-        // TODO(burdon): Incorrect position when moving to new column.
-        target!.column.items!.splice(target!.idx ?? target!.column.items!.length, 0, source.item!);
-      }
-    }
-
-    setDraggingColumn(undefined);
-    setDraggingItem(undefined);
-  };
-
-  const handleDragCancel = () => {
-    setDraggingColumn(undefined);
-    setDraggingItem(undefined);
-  };
-
-  const handleCreateColumn = () => {
-    const column = model.createColumn();
-    kanban.columns.splice(kanban.columns.length, 0, column);
-  };
-
-  // TODO(burdon): Move to model.
-  const handleDeleteColumn = (id: string) => {
-    const index = kanban.columns.filter(nonNullable).findIndex((column) => column.id === id);
-    if (index >= 0) {
-      kanban.columns.splice(index, 1);
-    }
-  };
-
-  const customModifier: Modifier = ({ transform }) => {
-    if (draggingColumn) {
-      return {
-        ...transform,
-        y: 0,
-      };
-    } else {
-      return transform;
-    }
-  };
-
-  return (
-    <div className='flex overflow-x-scroll'>
-      <div className='flex m-4 space-x-4 snap-x'>
-        <DndContext
-          sensors={[mouseSensor]}
-          modifiers={[customModifier]}
-          onDragStart={handleDragStart}
-          onDragMove={handleDragMove}
-          onDragOver={handleDragOver}
-          onDragEnd={handleDragEnd}
-          onDragCancel={handleDragCancel}
-        >
-          <SortableContext
-            strategy={horizontalListSortingStrategy}
-            items={kanban.columns.filter(nonNullable).map(({ id }) => id!)}
-          >
-            {kanban.columns.filter(nonNullable).map((column) => (
-              <KanbanColumnComponent
-                key={column.id}
-                column={column}
-                itemMapper={itemMapper}
-                onCreate={(column: KanbanColumnType) => model.createItem(column)}
-                onDelete={() => handleDeleteColumn(column.id!)}
-              />
-            ))}
-          </SortableContext>
-
-          {/* Overlay required to drag across columns. */}
-          {draggingItem && (
-            <DragOverlay style={{ margin: 0 }}>
-              <KanbanCardComponent item={draggingItem.source.item!} onDelete={() => {}} />
-            </DragOverlay>
-          )}
-
-          {handleCreateColumn && <KanbanColumnComponentPlaceholder onAdd={handleCreateColumn} />}
-        </DndContext>
-      </div>
-    </div>
-  );
-};

package/src/components/KanbanCard.tsx

@@ -1,82 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import { useSortable } from '@dnd-kit/sortable';
-import { CSS } from '@dnd-kit/utilities';
-import { DotsSixVertical, X } from '@phosphor-icons/react';
-import React, { type FC } from 'react';
-
-import { createDocAccessor } from '@dxos/react-client/echo';
-import { Button, useThemeContext, useTranslation } from '@dxos/react-ui';
-import {
-  createBasicExtensions,
-  createDataExtensions,
-  createThemeExtensions,
-  useTextEditor,
-} from '@dxos/react-ui-editor';
-import { getSize, mx, attentionSurface, focusRing } from '@dxos/react-ui-theme';
-
-import { KANBAN_PLUGIN } from '../meta';
-import { type KanbanColumnType, type KanbanItemType } from '../types';
-
-const DeleteItem = ({ onClick }: { onClick: () => void }) => {
-  const { t } = useTranslation(KANBAN_PLUGIN);
-  return (
-    <Button variant='ghost' onClick={onClick} classNames='plb-0 pli-0.5 -mlb-1'>
-      <span className='sr-only'>{t('delete item label')}</span>
-      <X className={getSize(4)} />
-    </Button>
-  );
-};
-
-export const KanbanCardComponent: FC<{
-  column?: KanbanColumnType;
-  item: KanbanItemType;
-  debug?: boolean;
-  onDelete?: () => void;
-}> = ({ column, item, debug = false, onDelete }) => {
-  const { themeMode } = useThemeContext();
-  const { t } = useTranslation(KANBAN_PLUGIN);
-  const { isDragging, attributes, listeners, transform, transition, setNodeRef } = useSortable({
-    id: item.id,
-    data: { type: 'item', column },
-  });
-  const tx = transform ? Object.assign(transform, { scaleY: 1 }) : null;
-
-  const { parentRef, focusAttributes } = useTextEditor(
-    () => ({
-      initialValue: item.name,
-      extensions: [
-        createDataExtensions({ id: item.id, text: createDocAccessor(item, ['name']) }),
-        createBasicExtensions({ placeholder: t('item title placeholder') }),
-        createThemeExtensions({ themeMode }),
-      ],
-    }),
-    [item, themeMode],
-  );
-
-  return (
-    <div
-      ref={setNodeRef}
-      style={{ transform: CSS.Transform.toString(tx), transition }}
-      className={mx('flex grow', isDragging && 'border border-neutral-400 dark:border-neutral-800')}
-    >
-      <div className={mx('flex items-start grow p-1', attentionSurface, isDragging && 'opacity-10')}>
-        {/* TODO(burdon): Standardize height (and below); e.g., via toolbar. */}
-        <button className='flex h-[40px] items-center' {...attributes} {...listeners}>
-          <DotsSixVertical className={getSize(5)} />
-        </button>
-        <div className='flex flex-col grow pt-1'>
-          <div {...focusAttributes} className={mx(focusRing, 'rounded-sm p-1')} ref={parentRef} />
-          {debug && <div className='text-xs text-red-800'>{item.id.slice(0, 9)}</div>}
-        </div>
-        {onDelete && (
-          <div className='flex h-[40px] items-center'>
-            <DeleteItem onClick={onDelete} />
-          </div>
-        )}
-      </div>
-    </div>
-  );
-};