@dxos/plugin-kanban 0.8.2-main.f11618f → 0.8.2-staging.42af850

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

@@ -1,4 +1,4 @@
-import { S } from '@dxos/echo-schema';
+import { Schema } from 'effect';
 import { KanbanType } from '@dxos/react-ui-kanban';
 /**
  * Kanban data model.
@@ -10,58 +10,58 @@ import { KanbanType } from '@dxos/react-ui-kanban';
  */
 export declare const TypenameAnnotationId: unique symbol;
 export declare const PivotColumnAnnotationId: unique symbol;
-export declare const CreateKanbanSchema: S.Struct<{
-    name: S.optional<typeof S.String>;
-    typename: S.optional<S.SchemaClass<string, string, never>>;
-    initialPivotColumn: S.optional<S.SchemaClass<string, string, never>>;
+export declare const CreateKanbanSchema: Schema.Struct<{
+    name: Schema.optional<typeof Schema.String>;
+    typename: Schema.optional<Schema.SchemaClass<string, string, never>>;
+    initialPivotColumn: Schema.optional<Schema.SchemaClass<string, string, never>>;
 }>;
-export type CreateKanbanType = S.Schema.Type<typeof CreateKanbanSchema>;
+export type CreateKanbanType = Schema.Schema.Type<typeof CreateKanbanSchema>;
 export declare namespace KanbanAction {
-    const Create_base: S.TaggedClass<Create, "dxos.org/plugin/kanban/action/create", {
-        readonly _tag: S.tag<"dxos.org/plugin/kanban/action/create">;
+    const Create_base: Schema.TaggedClass<Create, "dxos.org/plugin/kanban/action/create", {
+        readonly _tag: Schema.tag<"dxos.org/plugin/kanban/action/create">;
     } & {
-        input: S.extend<S.Struct<{
-            space: S.Schema<import("@dxos/client-protocol").Space, import("@dxos/client-protocol").Space, never>;
-        }>, S.Struct<{
-            name: S.optional<typeof S.String>;
-            typename: S.optional<S.SchemaClass<string, string, never>>;
-            initialPivotColumn: S.optional<S.SchemaClass<string, string, never>>;
+        input: Schema.extend<Schema.Struct<{
+            space: Schema.Schema<import("@dxos/client-protocol").Space, import("@dxos/client-protocol").Space, never>;
+        }>, Schema.Struct<{
+            name: Schema.optional<typeof Schema.String>;
+            typename: Schema.optional<Schema.SchemaClass<string, string, never>>;
+            initialPivotColumn: Schema.optional<Schema.SchemaClass<string, string, never>>;
         }>>;
-        output: S.Struct<{
+        output: Schema.Struct<{
             object: typeof KanbanType;
         }>;
     }>;
     export class Create extends Create_base {
     }
-    const DeleteCardField_base: S.TaggedClass<DeleteCardField, "dxos.org/plugin/kanban/action/delete-card-field", {
-        readonly _tag: S.tag<"dxos.org/plugin/kanban/action/delete-card-field">;
+    const DeleteCardField_base: Schema.TaggedClass<DeleteCardField, "dxos.org/plugin/kanban/action/delete-card-field", {
+        readonly _tag: Schema.tag<"dxos.org/plugin/kanban/action/delete-card-field">;
     } & {
-        input: S.Struct<{
+        input: Schema.Struct<{
             kanban: typeof KanbanType;
-            fieldId: typeof S.String;
-            deletionData: S.optional<S.Struct<{
-                field: S.mutable<S.Struct<{
-                    id: typeof S.String;
-                    path: S.Schema<import("@dxos/effect").JsonPath, import("@dxos/effect").JsonPath, never>;
-                    visible: S.optional<typeof S.Boolean>;
-                    size: S.optional<typeof S.Number>;
-                    referencePath: S.optional<S.Schema<import("@dxos/effect").JsonPath, import("@dxos/effect").JsonPath, never>>;
+            fieldId: typeof Schema.String;
+            deletionData: Schema.optional<Schema.Struct<{
+                field: Schema.mutable<Schema.Struct<{
+                    id: typeof Schema.String;
+                    path: Schema.Schema<import("@dxos/effect").JsonPath, import("@dxos/effect").JsonPath, never>;
+                    visible: Schema.optional<typeof Schema.Boolean>;
+                    size: Schema.optional<typeof Schema.Number>;
+                    referencePath: Schema.optional<Schema.Schema<import("@dxos/effect").JsonPath, import("@dxos/effect").JsonPath, never>>;
                 }>>;
-                props: typeof S.Any;
-                index: typeof S.Number;
+                props: typeof Schema.Any;
+                index: typeof Schema.Number;
             }>>;
         }>;
-        output: typeof S.Void;
+        output: typeof Schema.Void;
     }>;
     export class DeleteCardField extends DeleteCardField_base {
     }
-    const DeleteCard_base: S.TaggedClass<DeleteCard, "dxos.org/plugin/kanban/action/delete-card", {
-        readonly _tag: S.tag<"dxos.org/plugin/kanban/action/delete-card">;
+    const DeleteCard_base: Schema.TaggedClass<DeleteCard, "dxos.org/plugin/kanban/action/delete-card", {
+        readonly _tag: Schema.tag<"dxos.org/plugin/kanban/action/delete-card">;
     } & {
-        input: S.Struct<{
-            card: typeof S.Any;
+        input: Schema.Struct<{
+            card: typeof Schema.Any;
         }>;
-        output: typeof S.Void;
+        output: typeof Schema.Void;
     }>;
     export class DeleteCard extends DeleteCard_base {
     }

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,CAAC,EAAE,MAAM,mBAAmB,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAKnD;;;;;;;GAOG;AAGH,eAAO,MAAM,oBAAoB,eAAwD,CAAC;AAC1F,eAAO,MAAM,uBAAuB,eAA2D,CAAC;AAEhG,eAAO,MAAM,kBAAkB;;;;EAc7B,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAExE,yBAAiB,YAAY,CAAC;;;;;;;;;;;;;;;IAG5B,MAAM,OAAO,MAAO,SAAQ,WAK1B;KAAG;;;;;;;;;+BA3Cc,EAAG,MAAM;0BAAW,EAEzC,MAAK;6BAGJ,EAAG,QAAQ,QAAO,EAClB,OAAM;0BAAY,EAAI,QAAO,QAAO,EAAG,MAAM;mCAAqB,EAAI,QAAO,CAAC,EAAG,MAAK;;;;;;;;IAuCrF,MAAM,OAAO,eAAgB,SAAQ,oBAgBnC;KAAG;;;;;;;;;IAEL,MAAM,OAAO,UAAW,SAAQ,eAK9B;KAAG;;CACN;AAUD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,UAAU,CAAC;CAClB;AAED,MAAM,MAAM,QAAQ,GAAG;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,QAAQ,WAAY,OAAO,KAAG,MAAM,IAAI,UAA4D,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAGhC,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAKnD;;;;;;;GAOG;AAGH,eAAO,MAAM,oBAAoB,eAAwD,CAAC;AAC1F,eAAO,MAAM,uBAAuB,eAA2D,CAAC;AAEhG,eAAO,MAAM,kBAAkB;;;;EAc7B,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAE7E,yBAAiB,YAAY,CAAC;;;;;;;;;;;;;;;IAG5B,MAAM,OAAO,MAAO,SAAQ,WAK1B;KAAG;;;;;;;;;;;;;;;;;;;;;IAEL,MAAM,OAAO,eAAgB,SAAQ,oBAgBnC;KAAG;;;;;;;;;IAEL,MAAM,OAAO,UAAW,SAAQ,eAK9B;KAAG;;CACN;AAUD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,UAAU,CAAC;CAClB;AAED,MAAM,MAAM,QAAQ,GAAG;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,QAAQ,OAAO,KAAG,MAAM,IAAI,UAA4D,CAAC"}

package/dist/types/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"version":"5.7.3"}
+{"version":"5.8.3"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-kanban",
-  "version": "0.8.2-main.f11618f",
+  "version": "0.8.2-staging.42af850",
   "description": "Kanban DXOS Surface plugin",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -33,25 +33,29 @@
     "src"
   ],
   "dependencies": {
-    "@preact/signals-core": "^1.6.0",
-    "@dxos/app-framework": "0.8.2-main.f11618f",
-    "@dxos/artifact": "0.8.2-main.f11618f",
-    "@dxos/assistant": "0.8.2-main.f11618f",
-    "@dxos/async": "0.8.2-main.f11618f",
-    "@dxos/echo-schema": "0.8.2-main.f11618f",
-    "@dxos/effect": "0.8.2-main.f11618f",
-    "@dxos/invariant": "0.8.2-main.f11618f",
-    "@dxos/plugin-client": "0.8.2-main.f11618f",
-    "@dxos/plugin-graph": "0.8.2-main.f11618f",
-    "@dxos/plugin-space": "0.8.2-main.f11618f",
-    "@dxos/react-client": "0.8.2-main.f11618f",
-    "@dxos/random": "0.8.2-main.f11618f",
-    "@dxos/plugin-search": "0.8.2-main.f11618f",
-    "@dxos/react-ui-form": "0.8.2-main.f11618f",
-    "@dxos/react-ui-stack": "0.8.2-main.f11618f",
-    "@dxos/schema": "0.8.2-main.f11618f",
-    "@dxos/util": "0.8.2-main.f11618f",
-    "@dxos/react-ui-kanban": "0.8.2-main.f11618f"
+    "@preact-signals/safe-react": "^0.9.0",
+    "@preact/signals-core": "^1.9.0",
+    "effect": "3.14.21",
+    "@dxos/ai": "0.8.2-staging.42af850",
+    "@dxos/app-framework": "0.8.2-staging.42af850",
+    "@dxos/artifact": "0.8.2-staging.42af850",
+    "@dxos/assistant": "0.8.2-staging.42af850",
+    "@dxos/async": "0.8.2-staging.42af850",
+    "@dxos/echo": "0.8.2-staging.42af850",
+    "@dxos/echo-schema": "0.8.2-staging.42af850",
+    "@dxos/effect": "0.8.2-staging.42af850",
+    "@dxos/invariant": "0.8.2-staging.42af850",
+    "@dxos/plugin-graph": "0.8.2-staging.42af850",
+    "@dxos/plugin-client": "0.8.2-staging.42af850",
+    "@dxos/plugin-space": "0.8.2-staging.42af850",
+    "@dxos/plugin-search": "0.8.2-staging.42af850",
+    "@dxos/random": "0.8.2-staging.42af850",
+    "@dxos/react-ui-form": "0.8.2-staging.42af850",
+    "@dxos/react-client": "0.8.2-staging.42af850",
+    "@dxos/react-ui-kanban": "0.8.2-staging.42af850",
+    "@dxos/schema": "0.8.2-staging.42af850",
+    "@dxos/react-ui-stack": "0.8.2-staging.42af850",
+    "@dxos/util": "0.8.2-staging.42af850"
   },
   "devDependencies": {
     "@types/react": "~18.2.0",
@@ -59,19 +63,19 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/plugin-preview": "0.8.2-main.f11618f",
-    "@dxos/plugin-theme": "0.8.2-main.f11618f",
-    "@dxos/react-ui": "0.8.2-main.f11618f",
-    "@dxos/react-ui-syntax-highlighter": "0.8.2-main.f11618f",
-    "@dxos/react-ui-theme": "0.8.2-main.f11618f",
-    "@dxos/storybook-utils": "0.8.2-main.f11618f"
+    "@dxos/plugin-preview": "0.8.2-staging.42af850",
+    "@dxos/plugin-theme": "0.8.2-staging.42af850",
+    "@dxos/react-ui": "0.8.2-staging.42af850",
+    "@dxos/react-ui-syntax-highlighter": "0.8.2-staging.42af850",
+    "@dxos/react-ui-theme": "0.8.2-staging.42af850",
+    "@dxos/storybook-utils": "0.8.2-staging.42af850"
   },
   "peerDependencies": {
-    "effect": "3.13.3",
+    "effect": "^3.13.3",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-ui": "0.8.2-main.f11618f",
-    "@dxos/react-ui-theme": "0.8.2-main.f11618f"
+    "@dxos/react-ui": "0.8.2-staging.42af850",
+    "@dxos/react-ui-theme": "0.8.2-staging.42af850"
   },
   "publishConfig": {
     "access": "public"

package/src/capabilities/artifact-definition.ts

@@ -2,12 +2,13 @@
 // Copyright 2025 DXOS.org
 //
 
-import { pipe } from 'effect';
+import { Schema, pipe } from 'effect';
 
+import { createTool, ToolResult } from '@dxos/ai';
 import { Capabilities, chain, contributes, createIntent, type PromiseIntentDispatcher } from '@dxos/app-framework';
-import { defineArtifact, defineTool, ToolResult } from '@dxos/artifact';
+import { defineArtifact } from '@dxos/artifact';
 import { createArtifactElement } from '@dxos/assistant';
-import { isInstanceOf, S } from '@dxos/echo-schema';
+import { isInstanceOf } from '@dxos/echo-schema';
 import { invariant } from '@dxos/invariant';
 import { SpaceAction } from '@dxos/plugin-space/types';
 import { Filter, fullyQualifiedId, type Space } from '@dxos/react-client/echo';
@@ -16,7 +17,7 @@ import { KanbanType } from '@dxos/react-ui-kanban';
 import { meta } from '../meta';
 import { KanbanAction } from '../types';
 
-const QualifiedId = S.String.annotations({
+const QualifiedId = Schema.String.annotations({
   description: 'The fully qualified ID of the kanban `spaceID:objectID`',
 });
 
@@ -38,17 +39,17 @@ export default () => {
     `,
     schema: KanbanType,
     tools: [
-      defineTool(meta.id, {
+      createTool(meta.id, {
         name: 'create',
         description: `
             Create a new kanban board using an existing schema.
             Use schema_create first to create a schema, or schema_list to choose an existing one.`,
         caption: 'Creating kanban board...',
-        schema: S.Struct({
-          typename: S.String.annotations({
+        schema: Schema.Struct({
+          typename: Schema.String.annotations({
             description: 'The fully qualified typename of the schema to use for the kanban cards.',
           }),
-          pivotColumn: S.optional(S.String).annotations({
+          pivotColumn: Schema.optional(Schema.String).annotations({
             description: 'Optional field name to use as the column pivot.',
           }),
         }),
@@ -79,15 +80,15 @@ export default () => {
           return ToolResult.Success(createArtifactElement(data.id));
         },
       }),
-      defineTool(meta.id, {
+      createTool(meta.id, {
         name: 'list',
         description: 'List all kanban boards in the current space.',
         caption: 'Listing kanban boards...',
-        schema: S.Struct({}),
+        schema: Schema.Struct({}),
         execute: async (_input, { extensions }) => {
           invariant(extensions?.space, 'No space');
           const space = extensions.space;
-          const { objects: boards } = await space.db.query(Filter.schema(KanbanType)).run();
+          const { objects: boards } = await space.db.query(Filter.type(KanbanType)).run();
 
           const boardInfo = await Promise.all(
             boards.map(async (board: KanbanType) => {
@@ -102,15 +103,15 @@ export default () => {
           return ToolResult.Success(boardInfo);
         },
       }),
-      defineTool(meta.id, {
+      createTool(meta.id, {
         name: 'inspect',
         description: 'Get details about a specific kanban board.',
         caption: 'Inspecting kanban board...',
-        schema: S.Struct({ id: QualifiedId }),
+        schema: Schema.Struct({ id: QualifiedId }),
         execute: async ({ id }, { extensions }) => {
           invariant(extensions?.space, 'No space');
           const space = extensions.space;
-          const { objects: boards } = await space.db.query(Filter.schema(KanbanType)).run();
+          const { objects: boards } = await space.db.query(Filter.type(KanbanType)).run();
           const board = boards.find((board: KanbanType) => fullyQualifiedId(board) === id);
           invariant(isInstanceOf(KanbanType, board));
 

package/src/capabilities/intent-resolver.ts

@@ -2,7 +2,7 @@
 // Copyright 2025 DXOS.org
 //
 
-import { contributes, Capabilities, createResolver, type PluginsContext } from '@dxos/app-framework';
+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';
@@ -12,12 +12,12 @@ import { KANBAN_PLUGIN } from '../meta';
 import { initializeKanban } from '../testing';
 import { KanbanAction } from '../types';
 
-export default (context: PluginsContext) =>
+export default (context: PluginContext) =>
   contributes(Capabilities.IntentResolver, [
     createResolver({
       intent: KanbanAction.Create,
       resolve: async ({ space, name, typename, initialPivotColumn }) => {
-        const client = context.requestCapability(ClientCapabilities.Client);
+        const client = context.getCapability(ClientCapabilities.Client);
         const { kanban } = await initializeKanban({ client, space, name, typename, initialPivotColumn });
         return { data: { object: kanban } };
       },

package/src/capabilities/react-surface.tsx

@@ -2,10 +2,11 @@
 // Copyright 2025 DXOS.org
 //
 
+import { type Schema } from 'effect';
 import React, { useMemo } from 'react';
 
 import { Capabilities, contributes, createSurface, useCapabilities } from '@dxos/app-framework';
-import { getTypenameOrThrow, toJsonSchema, type S } from '@dxos/echo-schema';
+import { getTypenameOrThrow, toJsonSchema } from '@dxos/echo-schema';
 import { findAnnotation } from '@dxos/effect';
 import { ClientCapabilities } from '@dxos/plugin-client';
 import { type CollectionType } from '@dxos/plugin-space/types';
@@ -35,12 +36,14 @@ export default () =>
     createSurface({
       id: `${KANBAN_PLUGIN}/create-initial-schema-form`,
       role: 'form-input',
-      filter: (data): data is { prop: string; schema: S.Schema<any>; target: Space | CollectionType | undefined } => {
+      filter: (
+        data,
+      ): data is { prop: string; schema: Schema.Schema<any>; target: Space | CollectionType | undefined } => {
         if (data.prop !== 'typename') {
           return false;
         }
 
-        const annotation = findAnnotation<boolean>((data.schema as S.Schema.All).ast, TypenameAnnotationId);
+        const annotation = findAnnotation<boolean>((data.schema as Schema.Schema.All).ast, TypenameAnnotationId);
         return !!annotation;
       },
       component: ({ data: { target }, ...inputProps }) => {
@@ -74,8 +77,10 @@ export default () =>
     createSurface({
       id: `${KANBAN_PLUGIN}/create-initial-schema-form-[pivot-column]`,
       role: 'form-input',
-      filter: (data): data is { prop: string; schema: S.Schema<any>; target: Space | CollectionType | undefined } => {
-        const annotation = findAnnotation<boolean>((data.schema as S.Schema.All).ast, PivotColumnAnnotationId);
+      filter: (
+        data,
+      ): data is { prop: string; schema: Schema.Schema<any>; target: Space | CollectionType | undefined } => {
+        const annotation = findAnnotation<boolean>((data.schema as Schema.Schema.All).ast, PivotColumnAnnotationId);
         return !!annotation;
       },
       component: ({ data: { target }, ...inputProps }) => {

package/src/components/KanbanContainer.stories.tsx

@@ -8,6 +8,9 @@ import React, { useCallback, useEffect, useState } from 'react';
 
 import { IntentPlugin, SettingsPlugin } from '@dxos/app-framework';
 import { withPluginManager } from '@dxos/app-framework/testing';
+import { Type } from '@dxos/echo';
+import { assertEchoSchema } from '@dxos/echo-schema';
+import { invariant } from '@dxos/invariant';
 import { ClientPlugin } from '@dxos/plugin-client';
 import { PreviewPlugin } from '@dxos/plugin-preview';
 import { useGlobalFilteredObjects } from '@dxos/plugin-search';
@@ -21,7 +24,7 @@ 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 { defaultTx } from '@dxos/react-ui-theme';
-import { ViewProjection, Contact, Organization, organizationStatusOptions } from '@dxos/schema';
+import { DataType, ViewProjection } from '@dxos/schema';
 import { withLayout } from '@dxos/storybook-utils';
 
 import { initializeKanban } from '../testing';
@@ -38,14 +41,14 @@ const rollOrg = () => ({
   description: faker.lorem.paragraph(),
   image: faker.image.url(),
   website: faker.internet.url(),
-  status: faker.helpers.arrayElement(organizationStatusOptions).id,
+  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.schema(KanbanType));
+  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);
@@ -59,12 +62,14 @@ const StorybookKanban = () => {
 
   useEffect(() => {
     if (kanban?.cardView?.target && schema) {
-      setProjection(new ViewProjection(schema.jsonSchema, kanban.cardView.target));
+      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?
-  }, [kanban?.cardView?.target, schema, JSON.stringify(schema?.jsonSchema)]);
+    //  @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.schema(schema) : Filter.nothing());
+  const objects = useQuery(space, schema ? Filter.type(schema) : Filter.nothing());
   const filteredObjects = useGlobalFilteredObjects(objects);
 
   const model = useKanbanModel({
@@ -94,10 +99,10 @@ const StorybookKanban = () => {
 
   const handleTypenameChanged = useCallback(
     (typename: string) => {
-      if (kanban?.cardView?.target) {
-        schema?.mutable.updateTypename(typename);
-        kanban.cardView.target.query.typename = typename;
-      }
+      invariant(schema);
+      invariant(kanban?.cardView?.target);
+      assertEchoSchema(schema).updateTypename(typename);
+      kanban.cardView.target.query.typename = typename;
     },
     [kanban?.cardView?.target, schema],
   );
@@ -138,7 +143,7 @@ type StoryProps = {
 //
 
 const meta: Meta<StoryProps> = {
-  title: 'ui/plugin-kanban/Kanban',
+  title: 'plugins/plugin-kanban/Kanban',
   component: StorybookKanban,
   render: () => <StorybookKanban />,
   parameters: { translations },
@@ -148,7 +153,7 @@ const meta: Meta<StoryProps> = {
       plugins: [
         ThemePlugin({ tx: defaultTx }),
         ClientPlugin({
-          types: [Organization, Contact, KanbanType],
+          types: [DataType.Organization, DataType.Person, KanbanType],
           onClientInitialized: async (_, client) => {
             await client.halo.createIdentity();
             const space = await client.spaces.create();
@@ -156,7 +161,7 @@ const meta: Meta<StoryProps> = {
             const { schema, kanban } = await initializeKanban({
               space,
               client,
-              typename: Organization.typename,
+              typename: DataType.Organization.typename,
               initialPivotColumn: 'status',
             });
             space.db.add(kanban);

package/src/components/KanbanContainer.tsx

@@ -56,7 +56,7 @@ export const KanbanContainer = ({ kanban }: { kanban: KanbanType; role: string }
     // 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.schema(cardSchema) : Filter.nothing());
+  const objects = useQuery(space, cardSchema ? Filter.type(cardSchema) : Filter.nothing());
   const filteredObjects = useGlobalFilteredObjects(objects);
 
   const model = useKanbanModel({

package/src/components/KanbanViewEditor.tsx

@@ -5,7 +5,8 @@
 import React, { useCallback, useMemo } from 'react';
 
 import { createIntent, useIntentDispatcher } from '@dxos/app-framework';
-import { FormatEnum } from '@dxos/echo-schema';
+import { Type } from '@dxos/echo';
+import { assertEchoSchema, FormatEnum, isMutable } 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';
@@ -26,7 +27,7 @@ export const KanbanViewEditor = ({ kanban }: KanbanViewEditorProps) => {
     [kanban?.cardView?.target?.query?.typename],
   );
   const schema = useSchema(client, space, currentTypename);
-  const views = useQuery(space, Filter.schema(ViewType));
+  const views = useQuery(space, Filter.type(ViewType));
 
   const handleUpdateTypename = useCallback(
     (newTypename: string) => {
@@ -36,7 +37,7 @@ export const KanbanViewEditor = ({ kanban }: KanbanViewEditorProps) => {
         view.query.typename = newTypename;
       }
 
-      schema.mutable.updateTypename(newTypename);
+      assertEchoSchema(schema).updateTypename(newTypename);
     },
     [views, schema],
   );
@@ -50,9 +51,10 @@ export const KanbanViewEditor = ({ kanban }: KanbanViewEditorProps) => {
 
   const projection = useMemo(() => {
     if (kanban?.cardView?.target && schema) {
-      return new ViewProjection(schema.jsonSchema, kanban.cardView.target);
+      const jsonSchema = Type.toJsonSchema(schema);
+      return new ViewProjection(jsonSchema, kanban.cardView.target);
     }
-  }, [kanban?.cardView?.target, schema, JSON.stringify(schema)]);
+  }, [kanban?.cardView?.target, schema, JSON.stringify(schema ? Type.toJsonSchema(schema) : {})]);
 
   const fieldProjections = projection?.getFieldProjections() || [];
   const selectFields = fieldProjections
@@ -78,13 +80,15 @@ export const KanbanViewEditor = ({ kanban }: KanbanViewEditorProps) => {
 
   return (
     <>
-      <Form schema={KanbanSettingsSchema} values={initialValues} onSave={onSave} autoSave Custom={custom} />
+      <div role='none' className='p-2'>
+        <Form schema={KanbanSettingsSchema} values={initialValues} onSave={onSave} autoSave Custom={custom} />
+      </div>
       <ViewEditor
         registry={space.db.schemaRegistry}
         schema={schema}
         view={kanban.cardView.target}
-        onTypenameChanged={schema.readonly ? undefined : handleUpdateTypename}
-        onDelete={schema.readonly ? undefined : handleDelete}
+        onTypenameChanged={isMutable(schema) ? handleUpdateTypename : undefined}
+        onDelete={isMutable(schema) ? handleDelete : undefined}
       />
     </>
   );

package/src/meta.ts

@@ -12,7 +12,6 @@ export const meta: PluginMeta = {
   description:
     'Kanban allows you to explore Table data in sorted columns defined by your custom schema. You can use Kanbans to track progress or trigger custom automations when cards are moved from one state to another.',
   icon: 'ph--kanban--regular',
-  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/experimental/plugin-kanban',
-  tags: ['experimental'],
+  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-kanban',
   screenshots: ['https://dxos.network/plugin-details-kanban-dark.png'],
 };

package/src/testing/initialize-kanban.ts

@@ -2,9 +2,9 @@
 // Copyright 2024 DXOS.org
 //
 
+import { Schema } from 'effect';
+
 import {
-  AST,
-  S,
   TypedObject,
   FormatEnum,
   TypeEnum,
@@ -41,13 +41,13 @@ const createDefaultTaskSchema = () => {
     typename: `example.com/type/${PublicKey.random().truncate()}`,
     version: '0.1.0',
   })({
-    title: S.optional(S.String).annotations({
-      [AST.TitleAnnotationId]: 'Title',
+    title: Schema.optional(Schema.String).annotations({
+      title: 'Title',
     }),
-    description: S.optional(S.String).annotations({
-      [AST.TitleAnnotationId]: 'Description',
+    description: Schema.optional(Schema.String).annotations({
+      title: 'Description',
     }),
-    state: S.optional(S.String),
+    state: Schema.optional(Schema.String),
   });
 
   return { schema, stateOptions };