@dxos/plugin-kanban 0.8.4-main.f9ba587 → 0.8.4-main.fcfe5033a5

package/dist/lib/node-esm/react-surface-JKYB6SAC.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/react-surface.tsx", "../../../src/components/KanbanContainer.tsx", "../../../src/components/KanbanViewEditor.tsx"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Schema } from 'effect';\nimport React, { useMemo } from 'react';\n\nimport { Capabilities, contributes, createSurface, useCapabilities } from '@dxos/app-framework';\nimport { Type } from '@dxos/echo';\nimport { findAnnotation } from '@dxos/effect';\nimport { ClientCapabilities } from '@dxos/plugin-client';\nimport { getSpace, isSpace, type Space } from '@dxos/react-client/echo';\nimport { type InputProps, SelectInput, useFormValues } from '@dxos/react-ui-form';\nimport { type KanbanType } from '@dxos/react-ui-kanban';\nimport { type DataType } from '@dxos/schema';\n\nimport { KanbanContainer, KanbanViewEditor } from '../components';\nimport { meta } from '../meta';\nimport { isKanban, PivotColumnAnnotationId } from '../types';\n\nexport default () =>\n  contributes(Capabilities.ReactSurface, [\n    createSurface({\n      id: meta.id,\n      role: ['article', 'section'],\n      filter: (data): data is { subject: KanbanType } => isKanban(data.subject),\n      component: ({ data, role }) => <KanbanContainer kanban={data.subject} role={role} />,\n    }),\n    createSurface({\n      id: `${meta.id}/object-settings`,\n      role: 'object-settings',\n      filter: (data): data is { subject: KanbanType } => isKanban(data.subject),\n      component: ({ data }) => <KanbanViewEditor kanban={data.subject} />,\n    }),\n    createSurface({\n      id: `${meta.id}/create-initial-schema-form-[pivot-column]`,\n      role: 'form-input',\n      filter: (\n        data,\n      ): data is { prop: string; schema: Schema.Schema<any>; target: Space | DataType.Collection | undefined } => {\n        const annotation = findAnnotation<boolean>((data.schema as Schema.Schema.All).ast, PivotColumnAnnotationId);\n        return !!annotation;\n      },\n      component: ({ data: { target }, ...inputProps }) => {\n        const props = inputProps as any as InputProps;\n        const space = isSpace(target) ? target : getSpace(target);\n        if (!space) {\n          return null;\n        }\n        const { typename } = useFormValues();\n        // TODO(wittjosiah): Unify this schema lookup.\n        const schemaWhitelists = useCapabilities(ClientCapabilities.SchemaWhiteList);\n        const staticSchema = schemaWhitelists.flat().find((schema) => Type.getTypename(schema) === typename);\n        const [selectedSchema] = space?.db.schemaRegistry.query({ typename }).runSync();\n\n        const singleSelectColumns = useMemo(() => {\n          const properties = staticSchema\n            ? Type.toJsonSchema(staticSchema).properties\n            : selectedSchema?.jsonSchema?.properties;\n          if (!properties) {\n            return [];\n          }\n\n          const columns = Object.entries(properties).reduce<string[]>((acc, [key, value]) => {\n            if (typeof value === 'object' && value?.format === 'single-select') {\n              acc.push(key);\n            }\n            return acc;\n          }, []);\n\n          return columns;\n        }, [selectedSchema?.jsonSchema, staticSchema]);\n\n        if (!typename) {\n          return null;\n        }\n\n        return <SelectInput {...props} options={singleSelectColumns.map((column) => ({ value: column }))} />;\n      },\n    }),\n  ]);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { createIntent, useIntentDispatcher } from '@dxos/app-framework';\nimport { Filter, Obj, Type } from '@dxos/echo';\nimport { EchoSchema, type TypedObject } from '@dxos/echo-schema';\nimport { useGlobalFilteredObjects } from '@dxos/plugin-search';\nimport { useClient } from '@dxos/react-client';\nimport { useQuery, getSpace } from '@dxos/react-client/echo';\nimport { type KanbanType, useKanbanModel, Kanban } from '@dxos/react-ui-kanban';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { ViewProjection } from '@dxos/schema';\n\nimport { KanbanAction } from '../types';\n\nexport const KanbanContainer = ({ kanban }: { kanban: KanbanType; role: string }) => {\n  const client = useClient();\n  const [cardSchema, setCardSchema] = useState<TypedObject<any, any>>();\n  const [projection, setProjection] = useState<ViewProjection>();\n  const space = getSpace(kanban);\n  const { dispatchPromise: dispatch } = useIntentDispatcher();\n\n  const jsonSchema = useMemo(() => {\n    if (!cardSchema) {\n      return undefined;\n    }\n    return cardSchema instanceof EchoSchema ? cardSchema.jsonSchema : Type.toJsonSchema(cardSchema);\n  }, [cardSchema]);\n\n  useEffect(() => {\n    const typename = kanban.cardView?.target?.query?.typename;\n    const staticSchema = client.graph.schemaRegistry.schemas.find((schema) => Type.getTypename(schema) === typename);\n    if (staticSchema) {\n      setCardSchema(() => staticSchema as TypedObject<any, any>);\n    }\n    if (!staticSchema && typename && space) {\n      const query = space.db.schemaRegistry.query({ typename });\n      const unsubscribe = query.subscribe(\n        () => {\n          const [schema] = query.results;\n          if (schema) {\n            setCardSchema(schema);\n          }\n        },\n        { fire: true },\n      );\n      return unsubscribe;\n    }\n  }, [kanban.cardView?.target?.query, space]);\n\n  useEffect(() => {\n    if (kanban.cardView?.target && jsonSchema) {\n      setProjection(new ViewProjection(jsonSchema, kanban.cardView.target));\n    }\n    // TODO(ZaymonFC): Is there a better way to get notified about deep changes in the json schema?\n  }, [kanban.cardView?.target, JSON.stringify(jsonSchema)]);\n\n  const objects = useQuery(space, cardSchema ? Filter.type(cardSchema) : Filter.nothing());\n  const filteredObjects = useGlobalFilteredObjects(objects);\n\n  const model = useKanbanModel({\n    kanban,\n    schema: cardSchema,\n    projection,\n    items: filteredObjects,\n  });\n\n  const handleAddCard = useCallback(\n    (columnValue: string | undefined) => {\n      const path = model?.columnFieldPath;\n      if (space && cardSchema && path) {\n        const card = Obj.make(cardSchema, { [path]: columnValue });\n        space.db.add(card);\n        return card.id;\n      }\n    },\n    [space, cardSchema, model],\n  );\n\n  const handleRemoveCard = useCallback(\n    (card: { id: string }) => {\n      void dispatch(createIntent(KanbanAction.DeleteCard, { card }));\n    },\n    [dispatch],\n  );\n\n  return (\n    <StackItem.Content>\n      {model && <Kanban model={model} onAddCard={handleAddCard} onRemoveCard={handleRemoveCard} />}\n    </StackItem.Content>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback, useMemo } from 'react';\n\nimport { createIntent, useIntentDispatcher } from '@dxos/app-framework';\nimport { Type } from '@dxos/echo';\nimport { EchoSchema, FormatEnum } from '@dxos/echo-schema';\nimport { invariant } from '@dxos/invariant';\nimport { useClient } from '@dxos/react-client';\nimport { Filter, getSpace, useQuery, useSchema } from '@dxos/react-client/echo';\nimport { ViewEditor, Form, SelectInput, type CustomInputMap } from '@dxos/react-ui-form';\nimport { type KanbanType, KanbanSettingsSchema } from '@dxos/react-ui-kanban';\nimport { ViewType, ViewProjection } from '@dxos/schema';\n\nimport { KanbanAction } from '../types';\n\ntype KanbanViewEditorProps = { kanban: KanbanType };\n\nexport const KanbanViewEditor = ({ kanban }: KanbanViewEditorProps) => {\n  const { dispatchPromise: dispatch } = useIntentDispatcher();\n  const client = useClient();\n  const space = getSpace(kanban);\n  const currentTypename = useMemo(\n    () => kanban?.cardView?.target?.query?.typename,\n    [kanban?.cardView?.target?.query?.typename],\n  );\n  const schema = useSchema(client, space, currentTypename);\n  const views = useQuery(space, Filter.type(ViewType));\n\n  const handleUpdateTypename = useCallback(\n    (newTypename: string) => {\n      invariant(schema);\n      invariant(Type.isMutable(schema));\n\n      const matchingViews = views.filter((view) => view.query.typename === currentTypename);\n      for (const view of matchingViews) {\n        view.query.typename = newTypename;\n      }\n\n      schema.updateTypename(newTypename);\n    },\n    [views, schema],\n  );\n\n  const handleDelete = useCallback(\n    (fieldId: string) => {\n      void dispatch?.(createIntent(KanbanAction.DeleteCardField, { kanban, fieldId }));\n    },\n    [dispatch, kanban],\n  );\n\n  const projection = useMemo(() => {\n    if (kanban?.cardView?.target && schema) {\n      const jsonSchema = schema instanceof EchoSchema ? schema.jsonSchema : Type.toJsonSchema(schema);\n      return new ViewProjection(jsonSchema, kanban.cardView.target);\n    }\n  }, [kanban?.cardView?.target, JSON.stringify(schema)]);\n\n  const fieldProjections = projection?.getFieldProjections() || [];\n  const selectFields = fieldProjections\n    .filter((field) => field.props.format === FormatEnum.SingleSelect)\n    .map(({ field }) => ({ value: field.id, label: field.path }));\n\n  const handleSave = useCallback(\n    (values: Partial<{ columnFieldId: string }>) => {\n      kanban.columnFieldId = values.columnFieldId;\n    },\n    [kanban],\n  );\n\n  const initialValues = useMemo(() => ({ columnFieldId: kanban.columnFieldId }), [kanban.columnFieldId]);\n  const custom: CustomInputMap = useMemo(\n    () => ({ columnFieldId: (props) => <SelectInput {...props} options={selectFields} /> }),\n    [selectFields],\n  );\n\n  if (!space || !schema || !kanban.cardView?.target) {\n    return null;\n  }\n\n  return (\n    <>\n      <Form\n        Custom={custom}\n        schema={KanbanSettingsSchema}\n        values={initialValues}\n        onSave={handleSave}\n        autoSave\n        outerSpacing={false}\n        classNames='pbs-inputSpacingBlock'\n      />\n      <ViewEditor\n        registry={space.db.schemaRegistry}\n        schema={schema}\n        view={kanban.cardView.target}\n        onTypenameChanged={Type.isMutable(schema) ? handleUpdateTypename : undefined}\n        onDelete={Type.isMutable(schema) ? handleDelete : undefined}\n        outerSpacing={false}\n      />\n    </>\n  );\n};\n"],
-  "mappings": "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",
-  "names": ["React", "useMemo", "Capabilities", "contributes", "createSurface", "useCapabilities", "Type", "findAnnotation", "ClientCapabilities", "getSpace", "isSpace", "SelectInput", "useFormValues", "React", "useCallback", "useEffect", "useMemo", "useState", "createIntent", "useIntentDispatcher", "Filter", "Obj", "Type", "EchoSchema", "useGlobalFilteredObjects", "useClient", "useQuery", "getSpace", "useKanbanModel", "Kanban", "StackItem", "ViewProjection", "KanbanContainer", "kanban", "client", "useClient", "cardSchema", "setCardSchema", "useState", "projection", "setProjection", "space", "getSpace", "dispatchPromise", "dispatch", "useIntentDispatcher", "jsonSchema", "useMemo", "undefined", "EchoSchema", "Type", "toJsonSchema", "useEffect", "typename", "cardView", "target", "query", "staticSchema", "graph", "schemaRegistry", "schemas", "find", "schema", "getTypename", "db", "unsubscribe", "subscribe", "results", "fire", "ViewProjection", "JSON", "stringify", "objects", "useQuery", "Filter", "type", "nothing", "filteredObjects", "useGlobalFilteredObjects", "model", "useKanbanModel", "items", "handleAddCard", "useCallback", "columnValue", "path", "columnFieldPath", "card", "Obj", "make", "add", "id", "handleRemoveCard", "createIntent", "KanbanAction", "DeleteCard", "StackItem", "Content", "Kanban", "onAddCard", "onRemoveCard", "React", "useCallback", "useMemo", "createIntent", "useIntentDispatcher", "Type", "EchoSchema", "FormatEnum", "invariant", "useClient", "Filter", "getSpace", "useQuery", "useSchema", "ViewEditor", "Form", "SelectInput", "KanbanSettingsSchema", "ViewType", "ViewProjection", "KanbanViewEditor", "kanban", "dispatchPromise", "dispatch", "useIntentDispatcher", "client", "useClient", "space", "getSpace", "currentTypename", "useMemo", "cardView", "target", "query", "typename", "schema", "useSchema", "views", "useQuery", "Filter", "type", "ViewType", "handleUpdateTypename", "useCallback", "newTypename", "invariant", "Type", "isMutable", "matchingViews", "filter", "view", "updateTypename", "handleDelete", "fieldId", "createIntent", "KanbanAction", "DeleteCardField", "projection", "jsonSchema", "EchoSchema", "toJsonSchema", "ViewProjection", "JSON", "stringify", "fieldProjections", "getFieldProjections", "selectFields", "field", "props", "format", "FormatEnum", "SingleSelect", "map", "value", "id", "label", "path", "handleSave", "values", "columnFieldId", "initialValues", "custom", "React", "SelectInput", "options", "Form", "Custom", "KanbanSettingsSchema", "onSave", "autoSave", "outerSpacing", "classNames", "ViewEditor", "registry", "db", "schemaRegistry", "onTypenameChanged", "undefined", "onDelete", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "meta", "role", "filter", "data", "isKanban", "subject", "component", "React", "KanbanContainer", "kanban", "KanbanViewEditor", "annotation", "findAnnotation", "schema", "ast", "PivotColumnAnnotationId", "target", "inputProps", "props", "space", "isSpace", "getSpace", "typename", "useFormValues", "schemaWhitelists", "useCapabilities", "ClientCapabilities", "SchemaWhiteList", "staticSchema", "flat", "find", "Type", "getTypename", "selectedSchema", "db", "schemaRegistry", "query", "runSync", "singleSelectColumns", "useMemo", "properties", "toJsonSchema", "jsonSchema", "columns", "Object", "entries", "reduce", "acc", "key", "value", "format", "push", "SelectInput", "options", "map", "column"]
-}

package/dist/types/src/capabilities/intent-resolver.d.ts

@@ -1,4 +0,0 @@
-import { Capabilities, type PluginContext } from '@dxos/app-framework';
-declare const _default: (context: PluginContext) => import("@dxos/app-framework").Capability<Capabilities.IntentResolver>;
-export default _default;
-//# sourceMappingURL=intent-resolver.d.ts.map

package/dist/types/src/capabilities/intent-resolver.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"intent-resolver.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/intent-resolver.ts"],"names":[],"mappings":"AAIA,OAAO,EAAe,YAAY,EAAkB,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;yBAUpF,SAAS,aAAa;AAAtC,wBAwDK"}

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

@@ -1,7 +0,0 @@
-import React from 'react';
-import { type KanbanType } from '@dxos/react-ui-kanban';
-export declare const KanbanContainer: ({ kanban }: {
-    kanban: KanbanType;
-    role: string;
-}) => React.JSX.Element;
-//# sourceMappingURL=KanbanContainer.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"KanbanContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/KanbanContainer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAQzE,OAAO,EAAE,KAAK,UAAU,EAA0B,MAAM,uBAAuB,CAAC;AAMhF,eAAO,MAAM,eAAe,GAAI,YAAY;IAAE,MAAM,EAAE,UAAU,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,sBA4E/E,CAAC"}

package/dist/types/src/components/KanbanContainer.stories.d.ts

@@ -1,10 +0,0 @@
-import '@dxos-theme';
-import { type StoryObj, type Meta } from '@storybook/react-vite';
-type StoryProps = {
-    rows?: number;
-};
-declare const meta: Meta<StoryProps>;
-export default meta;
-type Story = StoryObj<StoryProps>;
-export declare const Default: Story;
-//# sourceMappingURL=KanbanContainer.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"KanbanContainer.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/KanbanContainer.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAkIjE,KAAK,UAAU,GAAG;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAMF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,UAAU,CAwC1B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC;AAElC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import { type KanbanType } from '@dxos/react-ui-kanban';
-type KanbanViewEditorProps = {
-    kanban: KanbanType;
-};
-export declare const KanbanViewEditor: ({ kanban }: KanbanViewEditorProps) => React.JSX.Element | null;
-export {};
-//# sourceMappingURL=KanbanViewEditor.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"KanbanViewEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/KanbanViewEditor.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA+B,MAAM,OAAO,CAAC;AASpD,OAAO,EAAE,KAAK,UAAU,EAAwB,MAAM,uBAAuB,CAAC;AAK9E,KAAK,qBAAqB,GAAG;IAAE,MAAM,EAAE,UAAU,CAAA;CAAE,CAAC;AAEpD,eAAO,MAAM,gBAAgB,GAAI,YAAY,qBAAqB,6BAmFjE,CAAC"}

package/dist/types/src/testing/initialize-kanban.d.ts

@@ -1,17 +0,0 @@
-import { Type } from '@dxos/echo';
-import { type Client } from '@dxos/react-client';
-import { type Space } from '@dxos/react-client/echo';
-import { KanbanType } from '@dxos/react-ui-kanban';
-type InitializeKanbanProps = {
-    client: Client;
-    space: Space;
-    name?: string;
-    typename?: string;
-    initialPivotColumn?: string;
-};
-export declare const initializeKanban: ({ client, space, name, typename, initialPivotColumn, }: InitializeKanbanProps) => Promise<{
-    kanban: KanbanType;
-    schema?: Type.Schema;
-}>;
-export {};
-//# sourceMappingURL=initialize-kanban.d.ts.map

package/dist/types/src/testing/initialize-kanban.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"initialize-kanban.d.ts","sourceRoot":"","sources":["../../../../src/testing/initialize-kanban.ts"],"names":[],"mappings":"AAMA,OAAO,EAAY,IAAI,EAAE,MAAM,YAAY,CAAC;AAG5C,OAAO,EAAE,KAAK,MAAM,EAAa,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAMnD,KAAK,qBAAqB,GAAG;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAqBF,eAAO,MAAM,gBAAgB,GAAU,wDAMpC,qBAAqB,KAAG,OAAO,CAAC;IAAE,MAAM,EAAE,UAAU,CAAC;IAAC,MAAM,CAAC,EAAE,IAAI,CAAC,MAAM,CAAA;CAAE,CA6E9E,CAAC"}

package/dist/types/src/testing/kanban-manager.d.ts

@@ -1,7 +0,0 @@
-import type { Locator } from '@playwright/test';
-export declare class KanbanManager {
-    readonly locator: Locator;
-    private readonly _page;
-    constructor(locator: Locator);
-}
-//# sourceMappingURL=kanban-manager.d.ts.map

package/dist/types/src/testing/kanban-manager.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"kanban-manager.d.ts","sourceRoot":"","sources":["../../../../src/testing/kanban-manager.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAQ,MAAM,kBAAkB,CAAC;AAEtD,qBAAa,aAAa;IAGZ,QAAQ,CAAC,OAAO,EAAE,OAAO;IAFrC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAO;gBAER,OAAO,EAAE,OAAO;CAGtC"}

package/src/capabilities/intent-resolver.ts

@@ -1,71 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { contributes, Capabilities, createResolver, type PluginContext } from '@dxos/app-framework';
-import { invariant } from '@dxos/invariant';
-import { ClientCapabilities } from '@dxos/plugin-client';
-import { getSpace } from '@dxos/react-client/echo';
-import { ViewProjection } from '@dxos/schema';
-
-import { KANBAN_PLUGIN } from '../meta';
-import { initializeKanban } from '../testing';
-import { KanbanAction } from '../types';
-
-export default (context: PluginContext) =>
-  contributes(Capabilities.IntentResolver, [
-    createResolver({
-      intent: KanbanAction.Create,
-      resolve: async ({ space, name, typename, initialPivotColumn }) => {
-        const client = context.getCapability(ClientCapabilities.Client);
-        const { kanban } = await initializeKanban({ client, space, name, typename, initialPivotColumn });
-        return { data: { object: kanban } };
-      },
-    }),
-    createResolver({
-      intent: KanbanAction.DeleteCardField,
-      resolve: ({ kanban, fieldId, deletionData }, undo) => {
-        invariant(kanban.cardView);
-        invariant(kanban.cardView.target?.query.typename);
-
-        const schema =
-          kanban.cardView.target &&
-          getSpace(kanban)?.db.schemaRegistry.getSchema(kanban.cardView.target.query.typename);
-        invariant(schema);
-        invariant(kanban.cardView.target);
-        const projection = new ViewProjection(schema.jsonSchema, kanban.cardView.target);
-
-        if (!undo) {
-          const { deleted, index } = projection.deleteFieldProjection(fieldId);
-          return {
-            undoable: {
-              message: ['card field deleted label', { ns: KANBAN_PLUGIN }],
-              data: { deletionData: { ...deleted, index } },
-            },
-          };
-        } else if (undo && deletionData) {
-          const { field, props, index } = deletionData;
-          projection.setFieldProjection({ field, props }, index);
-        }
-      },
-    }),
-    createResolver({
-      intent: KanbanAction.DeleteCard,
-      resolve: ({ card }, undo) => {
-        const space = getSpace(card);
-        invariant(space);
-
-        if (!undo) {
-          space.db.remove(card);
-          return {
-            undoable: {
-              message: ['card deleted label', { ns: KANBAN_PLUGIN }],
-              data: { card },
-            },
-          };
-        } else {
-          space.db.add(card);
-        }
-      },
-    }),
-  ]);

package/src/components/KanbanContainer.stories.tsx

@@ -1,191 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import '@dxos-theme';
-
-import { type StoryObj, type Meta } from '@storybook/react-vite';
-import React, { useCallback, useEffect, useState } from 'react';
-
-import { IntentPlugin, SettingsPlugin } from '@dxos/app-framework';
-import { withPluginManager } from '@dxos/app-framework/testing';
-import { Obj, Type } from '@dxos/echo';
-import { invariant } from '@dxos/invariant';
-import { ClientPlugin } from '@dxos/plugin-client';
-import { PreviewPlugin } from '@dxos/plugin-preview';
-import { useGlobalFilteredObjects } from '@dxos/plugin-search';
-import { SpacePlugin } from '@dxos/plugin-space';
-import { StorybookLayoutPlugin } from '@dxos/plugin-storybook-layout';
-import { faker } from '@dxos/random';
-import { useClient } from '@dxos/react-client';
-import { Filter, useSpaces, useQuery, useSchema } from '@dxos/react-client/echo';
-import { ViewEditor } from '@dxos/react-ui-form';
-import { Kanban, KanbanType, useKanbanModel } from '@dxos/react-ui-kanban';
-import { SyntaxHighlighter } from '@dxos/react-ui-syntax-highlighter';
-import { DataType, ViewProjection } from '@dxos/schema';
-import { withLayout, withTheme } from '@dxos/storybook-utils';
-
-import { initializeKanban } from '../testing';
-import { translations } from '../translations';
-
-faker.seed(0);
-
-//
-// Story components.
-//
-
-const rollOrg = () => ({
-  name: faker.commerce.productName(),
-  description: faker.lorem.paragraph(),
-  image: faker.image.url(),
-  website: faker.internet.url(),
-  status: faker.helpers.arrayElement(DataType.OrganizationStatusOptions).id,
-});
-
-const StorybookKanban = () => {
-  const client = useClient();
-  const spaces = useSpaces();
-  const space = spaces[spaces.length - 1];
-  const kanbans = useQuery(space, Filter.type(KanbanType));
-  const [kanban, setKanban] = useState<KanbanType>();
-  const [projection, setProjection] = useState<ViewProjection>();
-  const schema = useSchema(client, space, kanban?.cardView?.target?.query.typename);
-
-  useEffect(() => {
-    if (kanbans.length && !kanban) {
-      const kanban = kanbans[0];
-      setKanban(kanban);
-    }
-  }, [kanbans]);
-
-  useEffect(() => {
-    if (kanban?.cardView?.target && schema) {
-      const jsonSchema = Type.toJsonSchema(schema);
-      setProjection(new ViewProjection(jsonSchema, kanban.cardView.target));
-    }
-    // TODO(ZaymonFC): Is there a better way to get notified about deep changes in the json schema?
-    //  @dmaretskyi? Once resolved, update in multiple places (e.g., storybooks).
-  }, [kanban?.cardView?.target, schema, JSON.stringify(schema ? Type.toJsonSchema(schema) : {})]);
-
-  const objects = useQuery(space, schema ? Filter.type(schema) : Filter.nothing());
-  const filteredObjects = useGlobalFilteredObjects(objects);
-
-  const model = useKanbanModel({
-    kanban,
-    schema,
-    projection,
-    items: filteredObjects,
-  });
-
-  const handleAddCard = useCallback(
-    (columnValue: string | undefined) => {
-      const path = model?.columnFieldPath;
-      if (space && schema && path) {
-        const card = Obj.make(schema, {
-          ...rollOrg(),
-          [path]: columnValue,
-        });
-
-        space.db.add(card);
-        return card.id;
-      }
-    },
-    [space, schema, model],
-  );
-
-  const handleRemoveCard = useCallback((card: { id: string }) => space.db.remove(card), [space]);
-
-  const handleTypenameChanged = useCallback(
-    (typename: string) => {
-      invariant(schema);
-      invariant(Type.isMutable(schema));
-      invariant(kanban?.cardView?.target);
-
-      schema.updateTypename(typename);
-      kanban.cardView.target.query.typename = typename;
-    },
-    [kanban?.cardView?.target, schema],
-  );
-
-  if (!schema || !kanban) {
-    return null;
-  }
-
-  return (
-    <div className='grow grid grid-cols-[1fr_350px]'>
-      {model ? <Kanban model={model} onAddCard={handleAddCard} onRemoveCard={handleRemoveCard} /> : <div />}
-      <div className='flex flex-col bs-full border-is border-separator overflow-y-auto'>
-        {kanban.cardView && (
-          <ViewEditor
-            registry={space?.db.schemaRegistry}
-            schema={schema}
-            view={kanban.cardView.target!}
-            onTypenameChanged={handleTypenameChanged}
-            onDelete={(fieldId: string) => {
-              console.log('[ViewEditor]', 'onDelete', fieldId);
-            }}
-          />
-        )}
-        <SyntaxHighlighter language='json' className='w-full text-xs'>
-          {JSON.stringify({ cardView: kanban.cardView?.target, cardSchema: schema }, null, 2)}
-        </SyntaxHighlighter>
-      </div>
-    </div>
-  );
-};
-
-type StoryProps = {
-  rows?: number;
-};
-
-//
-// Story definitions.
-//
-
-const meta: Meta<StoryProps> = {
-  title: 'plugins/plugin-kanban/Kanban',
-  component: StorybookKanban,
-  render: () => <StorybookKanban />,
-  parameters: { translations },
-  decorators: [
-    withTheme,
-    withLayout({ fullscreen: true }),
-    withPluginManager({
-      plugins: [
-        ClientPlugin({
-          types: [DataType.Organization, DataType.Person, KanbanType],
-          onClientInitialized: async (_, client) => {
-            await client.halo.createIdentity();
-            const space = await client.spaces.create();
-            await space.waitUntilReady();
-            const { schema, kanban } = await initializeKanban({
-              space,
-              client,
-              typename: DataType.Organization.typename,
-              initialPivotColumn: 'status',
-            });
-            space.db.add(kanban);
-
-            if (schema) {
-              // TODO(burdon): Replace with sdk/schema/testing.
-              Array.from({ length: 80 }).map(() => {
-                return space.db.add(Obj.make(schema, rollOrg()));
-              });
-            }
-          },
-        }),
-        StorybookLayoutPlugin(),
-        PreviewPlugin(),
-        SpacePlugin(),
-        IntentPlugin(),
-        SettingsPlugin(),
-      ],
-    }),
-  ],
-};
-
-export default meta;
-
-type Story = StoryObj<StoryProps>;
-
-export const Default: Story = {};

package/src/components/KanbanContainer.tsx

@@ -1,95 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
-
-import { createIntent, useIntentDispatcher } from '@dxos/app-framework';
-import { Filter, Obj, Type } from '@dxos/echo';
-import { EchoSchema, type TypedObject } from '@dxos/echo-schema';
-import { useGlobalFilteredObjects } from '@dxos/plugin-search';
-import { useClient } from '@dxos/react-client';
-import { useQuery, getSpace } from '@dxos/react-client/echo';
-import { type KanbanType, useKanbanModel, Kanban } from '@dxos/react-ui-kanban';
-import { StackItem } from '@dxos/react-ui-stack';
-import { ViewProjection } from '@dxos/schema';
-
-import { KanbanAction } from '../types';
-
-export const KanbanContainer = ({ kanban }: { kanban: KanbanType; role: string }) => {
-  const client = useClient();
-  const [cardSchema, setCardSchema] = useState<TypedObject<any, any>>();
-  const [projection, setProjection] = useState<ViewProjection>();
-  const space = getSpace(kanban);
-  const { dispatchPromise: dispatch } = useIntentDispatcher();
-
-  const jsonSchema = useMemo(() => {
-    if (!cardSchema) {
-      return undefined;
-    }
-    return cardSchema instanceof EchoSchema ? cardSchema.jsonSchema : Type.toJsonSchema(cardSchema);
-  }, [cardSchema]);
-
-  useEffect(() => {
-    const typename = kanban.cardView?.target?.query?.typename;
-    const staticSchema = client.graph.schemaRegistry.schemas.find((schema) => Type.getTypename(schema) === typename);
-    if (staticSchema) {
-      setCardSchema(() => staticSchema as TypedObject<any, any>);
-    }
-    if (!staticSchema && typename && space) {
-      const query = space.db.schemaRegistry.query({ typename });
-      const unsubscribe = query.subscribe(
-        () => {
-          const [schema] = query.results;
-          if (schema) {
-            setCardSchema(schema);
-          }
-        },
-        { fire: true },
-      );
-      return unsubscribe;
-    }
-  }, [kanban.cardView?.target?.query, space]);
-
-  useEffect(() => {
-    if (kanban.cardView?.target && jsonSchema) {
-      setProjection(new ViewProjection(jsonSchema, kanban.cardView.target));
-    }
-    // TODO(ZaymonFC): Is there a better way to get notified about deep changes in the json schema?
-  }, [kanban.cardView?.target, JSON.stringify(jsonSchema)]);
-
-  const objects = useQuery(space, cardSchema ? Filter.type(cardSchema) : Filter.nothing());
-  const filteredObjects = useGlobalFilteredObjects(objects);
-
-  const model = useKanbanModel({
-    kanban,
-    schema: cardSchema,
-    projection,
-    items: filteredObjects,
-  });
-
-  const handleAddCard = useCallback(
-    (columnValue: string | undefined) => {
-      const path = model?.columnFieldPath;
-      if (space && cardSchema && path) {
-        const card = Obj.make(cardSchema, { [path]: columnValue });
-        space.db.add(card);
-        return card.id;
-      }
-    },
-    [space, cardSchema, model],
-  );
-
-  const handleRemoveCard = useCallback(
-    (card: { id: string }) => {
-      void dispatch(createIntent(KanbanAction.DeleteCard, { card }));
-    },
-    [dispatch],
-  );
-
-  return (
-    <StackItem.Content>
-      {model && <Kanban model={model} onAddCard={handleAddCard} onRemoveCard={handleRemoveCard} />}
-    </StackItem.Content>
-  );
-};

package/src/components/KanbanViewEditor.tsx

@@ -1,104 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import React, { useCallback, useMemo } from 'react';
-
-import { createIntent, useIntentDispatcher } from '@dxos/app-framework';
-import { Type } from '@dxos/echo';
-import { EchoSchema, FormatEnum } from '@dxos/echo-schema';
-import { invariant } from '@dxos/invariant';
-import { useClient } from '@dxos/react-client';
-import { Filter, getSpace, useQuery, useSchema } from '@dxos/react-client/echo';
-import { ViewEditor, Form, SelectInput, type CustomInputMap } from '@dxos/react-ui-form';
-import { type KanbanType, KanbanSettingsSchema } from '@dxos/react-ui-kanban';
-import { ViewType, ViewProjection } from '@dxos/schema';
-
-import { KanbanAction } from '../types';
-
-type KanbanViewEditorProps = { kanban: KanbanType };
-
-export const KanbanViewEditor = ({ kanban }: KanbanViewEditorProps) => {
-  const { dispatchPromise: dispatch } = useIntentDispatcher();
-  const client = useClient();
-  const space = getSpace(kanban);
-  const currentTypename = useMemo(
-    () => kanban?.cardView?.target?.query?.typename,
-    [kanban?.cardView?.target?.query?.typename],
-  );
-  const schema = useSchema(client, space, currentTypename);
-  const views = useQuery(space, Filter.type(ViewType));
-
-  const handleUpdateTypename = useCallback(
-    (newTypename: string) => {
-      invariant(schema);
-      invariant(Type.isMutable(schema));
-
-      const matchingViews = views.filter((view) => view.query.typename === currentTypename);
-      for (const view of matchingViews) {
-        view.query.typename = newTypename;
-      }
-
-      schema.updateTypename(newTypename);
-    },
-    [views, schema],
-  );
-
-  const handleDelete = useCallback(
-    (fieldId: string) => {
-      void dispatch?.(createIntent(KanbanAction.DeleteCardField, { kanban, fieldId }));
-    },
-    [dispatch, kanban],
-  );
-
-  const projection = useMemo(() => {
-    if (kanban?.cardView?.target && schema) {
-      const jsonSchema = schema instanceof EchoSchema ? schema.jsonSchema : Type.toJsonSchema(schema);
-      return new ViewProjection(jsonSchema, kanban.cardView.target);
-    }
-  }, [kanban?.cardView?.target, JSON.stringify(schema)]);
-
-  const fieldProjections = projection?.getFieldProjections() || [];
-  const selectFields = fieldProjections
-    .filter((field) => field.props.format === FormatEnum.SingleSelect)
-    .map(({ field }) => ({ value: field.id, label: field.path }));
-
-  const handleSave = useCallback(
-    (values: Partial<{ columnFieldId: string }>) => {
-      kanban.columnFieldId = values.columnFieldId;
-    },
-    [kanban],
-  );
-
-  const initialValues = useMemo(() => ({ columnFieldId: kanban.columnFieldId }), [kanban.columnFieldId]);
-  const custom: CustomInputMap = useMemo(
-    () => ({ columnFieldId: (props) => <SelectInput {...props} options={selectFields} /> }),
-    [selectFields],
-  );
-
-  if (!space || !schema || !kanban.cardView?.target) {
-    return null;
-  }
-
-  return (
-    <>
-      <Form
-        Custom={custom}
-        schema={KanbanSettingsSchema}
-        values={initialValues}
-        onSave={handleSave}
-        autoSave
-        outerSpacing={false}
-        classNames='pbs-inputSpacingBlock'
-      />
-      <ViewEditor
-        registry={space.db.schemaRegistry}
-        schema={schema}
-        view={kanban.cardView.target}
-        onTypenameChanged={Type.isMutable(schema) ? handleUpdateTypename : undefined}
-        onDelete={Type.isMutable(schema) ? handleDelete : undefined}
-        outerSpacing={false}
-      />
-    </>
-  );
-};