@dxos/plugin-space 0.8.2-main.12df754 → 0.8.2-main.30e4dbb

package/src/SpacePlugin.tsx

@@ -2,6 +2,8 @@
 // Copyright 2025 DXOS.org
 //
 
+import { Schema } from 'effect';
+
 import {
   allOf,
   Capabilities,
@@ -12,10 +14,9 @@ import {
   Events,
   oneOf,
 } from '@dxos/app-framework';
-import { S } from '@dxos/echo-schema';
-import { RefArray } from '@dxos/live-object';
 import { AttentionEvents } from '@dxos/plugin-attention';
 import { ClientEvents } from '@dxos/plugin-client';
+import { RefArray } from '@dxos/react-client/echo';
 import { osTranslations } from '@dxos/shell/react';
 
 import {
@@ -25,8 +26,8 @@ import {
   IntentResolver,
   ReactRoot,
   ReactSurface,
-  Schema,
-  Tools,
+  SchemaDefs,
+  SchemaTools,
   SpaceCapabilities,
   SpaceSettings,
   SpacesReady,
@@ -107,7 +108,7 @@ export const SpacePlugin = ({
           SpaceCapabilities.ObjectForm,
           defineObjectForm({
             objectSchema: CollectionType,
-            formSchema: S.Struct({ name: S.optional(S.String) }),
+            formSchema: Schema.Struct({ name: Schema.optional(Schema.String) }),
             getIntent: (props) => createIntent(CollectionAction.Create, props),
           }),
         ),
@@ -116,7 +117,7 @@ export const SpacePlugin = ({
       id: `${meta.id}/module/schema`,
       activatesOn: ClientEvents.ClientReady,
       activatesBefore: [ClientEvents.SetupSchema],
-      activate: Schema,
+      activate: SchemaDefs,
     }),
     defineModule({
       id: `${meta.id}/module/react-root`,
@@ -133,7 +134,7 @@ export const SpacePlugin = ({
     defineModule({
       id: `${meta.id}/module/intent-resolver`,
       activatesOn: Events.SetupIntentResolver,
-      activate: (context) => IntentResolver({ context, observability }),
+      activate: (context) => IntentResolver({ context, createInvitationUrl, observability }),
     }),
     defineModule({
       id: `${meta.id}/module/app-graph-builder`,
@@ -167,7 +168,7 @@ export const SpacePlugin = ({
     defineModule({
       id: `${meta.id}/module/tools`,
       activatesOn: Events.SetupArtifactDefinition,
-      activate: Tools,
+      activate: SchemaTools,
     }),
   ]);
 };

package/src/capabilities/app-graph-builder.ts

@@ -10,7 +10,7 @@ import {
   getSpace,
   isEchoObject,
   OBJECT_ID_LENGTH,
-  type ReactiveEchoObject,
+  type AnyLiveObject,
   SPACE_ID_LENGTH,
   SpaceState,
   type Space,
@@ -20,7 +20,7 @@ import { isDeleted } from '@dxos/live-object';
 import { log } from '@dxos/log';
 import { ClientCapabilities } from '@dxos/plugin-client';
 import { PLANK_COMPANION_TYPE, ATTENDABLE_PATH_SEPARATOR } from '@dxos/plugin-deck/types';
-import { createExtension, toSignal, type Node, type InvokeParams } from '@dxos/plugin-graph';
+import { createExtension, toSignal, type Node } from '@dxos/plugin-graph';
 import { isNonNullable } from '@dxos/util';
 
 import { SpaceCapabilities } from './capabilities';
@@ -85,28 +85,40 @@ export default (context: PluginsContext) => {
       filter: (node): node is Node<null> => node.id === 'root',
       actions: () => [
         {
-          id: SpaceAction.AddSpace._tag,
-          data: async (params: InvokeParams) => {
+          id: SpaceAction.OpenCreateSpace._tag,
+          data: async () => {
             const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);
-            await dispatch(createIntent(SpaceAction.AddSpace));
+            await dispatch(createIntent(SpaceAction.OpenCreateSpace));
           },
           properties: {
-            label: ['add space label', { ns: SPACE_PLUGIN }],
+            label: ['create space label', { ns: SPACE_PLUGIN }],
             icon: 'ph--plus--regular',
-            testId: 'spacePlugin.addSpace',
-            disposition: 'item',
-            position: 'fallback',
+            testId: 'spacePlugin.createSpace',
+            disposition: 'menu',
+          },
+        },
+        {
+          id: SpaceAction.Join._tag,
+          data: async () => {
+            const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);
+            await dispatch(createIntent(SpaceAction.Join));
+          },
+          properties: {
+            label: ['join space label', { ns: SPACE_PLUGIN }],
+            icon: 'ph--sign-in--regular',
+            testId: 'spacePlugin.joinSpace',
+            disposition: 'menu',
           },
         },
         {
-          id: SpaceAction.Share._tag,
+          id: SpaceAction.OpenMembers._tag,
           data: async () => {
             const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);
             const layout = context.requestCapability(Capabilities.Layout);
             const client = context.requestCapability(ClientCapabilities.Client);
             const { spaceId } = parseId(layout.workspace);
             const space = (spaceId && client.spaces.get(spaceId)) ?? client.spaces.default;
-            await dispatch(createIntent(SpaceAction.Share, { space }));
+            await dispatch(createIntent(SpaceAction.OpenMembers, { space }));
           },
           properties: {
             label: ['share space label', { ns: SPACE_PLUGIN }],
@@ -348,7 +360,7 @@ export default (context: PluginsContext) => {
     // Create collection actions and action groups.
     createExtension({
       id: `${SPACE_PLUGIN}/object-actions`,
-      filter: (node): node is Node<ReactiveEchoObject<any>> => isEchoObject(node.data),
+      filter: (node): node is Node<AnyLiveObject<any>> => isEchoObject(node.data),
       actions: ({ node }) => {
         const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);
         const state = context.requestCapability(SpaceCapabilities.State);
@@ -359,7 +371,7 @@ export default (context: PluginsContext) => {
     // Object settings plank companion.
     createExtension({
       id: `${SPACE_PLUGIN}/settings`,
-      filter: (node): node is Node<ReactiveEchoObject<any>> => isEchoObject(node.data),
+      filter: (node): node is Node<AnyLiveObject<any>> => isEchoObject(node.data),
       connector: ({ node }) => [
         {
           id: [node.id, 'settings'].join(ATTENDABLE_PATH_SEPARATOR),
@@ -369,7 +381,7 @@ export default (context: PluginsContext) => {
             label: ['object settings label', { ns: SPACE_PLUGIN }],
             icon: 'ph--sliders--regular',
             disposition: 'hidden',
-            position: 'hoist',
+            position: 'fallback',
           },
         },
       ],

package/src/capabilities/index.ts

@@ -10,8 +10,8 @@ export const IdentityCreated = lazy(() => import('./identity-created'));
 export const IntentResolver = lazy(() => import('./intent-resolver'));
 export const ReactRoot = lazy(() => import('./react-root'));
 export const ReactSurface = lazy(() => import('./react-surface'));
-export const Schema = lazy(() => import('./schema'));
-export const Tools = lazy(() => import('./schema-tools'));
+export const SchemaDefs = lazy(() => import('./schema-defs'));
+export const SchemaTools = lazy(() => import('./schema-tools'));
 export const SpaceSettings = lazy(() => import('./settings'));
 export const SpaceState = lazy(() => import('./state'));
 export const SpacesReady = lazy(() => import('./spaces-ready'));

package/src/capabilities/intent-resolver.ts

@@ -2,11 +2,10 @@
 // Copyright 2025 DXOS.org
 //
 
-import { pipe } from 'effect';
+import { Effect } from 'effect';
 
 import {
   Capabilities,
-  chain,
   contributes,
   createIntent,
   createResolver,
@@ -21,6 +20,7 @@ import { ClientCapabilities } from '@dxos/plugin-client';
 import { ObservabilityAction } from '@dxos/plugin-observability/types';
 import { EdgeReplicationSetting } from '@dxos/protocols/proto/dxos/echo/metadata';
 import { isSpace, getSpace, SpaceState, fullyQualifiedId, isEchoObject } from '@dxos/react-client/echo';
+import { Invitation, InvitationEncoder } from '@dxos/react-client/invitations';
 import { ATTENDABLE_PATH_SEPARATOR } from '@dxos/react-ui-attention';
 
 import { SpaceCapabilities } from './capabilities';
@@ -32,7 +32,6 @@ import {
   CREATE_OBJECT_DIALOG,
   type CreateObjectDialogProps,
   POPOVER_RENAME_OBJECT,
-  POPOVER_ADD_SPACE,
 } from '../components';
 import { SPACE_PLUGIN } from '../meta';
 import { CollectionAction, CollectionType, SpaceAction } from '../types';
@@ -43,10 +42,11 @@ const SPACE_MAX_OBJECTS = 500;
 
 type IntentResolverOptions = {
   context: PluginsContext;
+  createInvitationUrl: (invitationCode: string) => string;
   observability?: boolean;
 };
 
-export default ({ context, observability }: IntentResolverOptions) => {
+export default ({ context, observability, createInvitationUrl }: IntentResolverOptions) => {
   const resolve = (typename: string) =>
     context.requestCapabilities(Capabilities.Metadata).find(({ id }) => id === typename)?.metadata ?? {};
 
@@ -120,48 +120,74 @@ export default ({ context, observability }: IntentResolverOptions) => {
         ],
       }),
     }),
+    createResolver({
+      intent: SpaceAction.OpenMembers,
+      resolve: ({ space }) => ({
+        intents: [
+          createIntent(LayoutAction.Open, {
+            part: 'main',
+            subject: [`members-settings${ATTENDABLE_PATH_SEPARATOR}${space.id}`],
+            options: {
+              workspace: space.id,
+            },
+          }),
+        ],
+      }),
+    }),
     createResolver({
       intent: SpaceAction.Share,
-      resolve: ({ space }) => {
-        const layout = context.requestCapability(Capabilities.Layout);
-        const id = `members-settings${ATTENDABLE_PATH_SEPARATOR}${space.id}`;
-        if (layout.active.includes(id)) {
-          return {
-            intents: [
-              createIntent(LayoutAction.ScrollIntoView, {
-                part: 'current',
-                subject: id,
-              }),
-            ],
-          };
-        }
-
+      resolve: ({ space, type, authMethod, multiUse, target }) => {
+        const invitation = space.share({ type, authMethod, multiUse, target });
         return {
-          intents: [
-            pipe(
-              createIntent(LayoutAction.SwitchWorkspace, {
-                part: 'workspace',
-                subject: space.id,
-              }),
-              chain(LayoutAction.Open, {
-                part: 'main',
-                subject: [id],
-              }),
-            ),
-            ...(observability
-              ? [
-                  createIntent(ObservabilityAction.SendEvent, {
-                    name: 'space.share',
-                    properties: {
-                      spaceId: space.id,
-                    },
-                  }),
-                ]
-              : []),
-          ],
+          data: invitation,
+          intents: observability
+            ? [
+                createIntent(ObservabilityAction.SendEvent, {
+                  name: 'space.share',
+                  properties: {
+                    spaceId: space.id,
+                  },
+                }),
+              ]
+            : [],
         };
       },
     }),
+    createResolver({
+      intent: SpaceAction.GetShareLink,
+      resolve: ({ space, target, copyToClipboard }) =>
+        Effect.gen(function* () {
+          const { dispatch } = context.requestCapability(Capabilities.IntentDispatcher);
+          const invitation = yield* dispatch(
+            createIntent(SpaceAction.Share, {
+              space,
+              type: Invitation.Type.DELEGATED,
+              authMethod: Invitation.AuthMethod.KNOWN_PUBLIC_KEY,
+              multiUse: true,
+              target,
+            }),
+          );
+
+          // TODO(wittjosiah): Better api to for this.
+          // NOTE: Delegated invitations are invalid until the connecting state when keys are filled in.
+          const invitationCode = yield* Effect.tryPromise(
+            () =>
+              new Promise<string>((resolve) => {
+                invitation.subscribe((invitation) => {
+                  if (invitation.state === Invitation.State.CONNECTING) {
+                    resolve(InvitationEncoder.encode(invitation));
+                  }
+                });
+              }),
+          );
+          const url = createInvitationUrl(invitationCode);
+          if (copyToClipboard) {
+            yield* Effect.tryPromise(() => navigator.clipboard.writeText(url));
+          }
+
+          return { data: url };
+        }),
+    }),
     createResolver({
       intent: SpaceAction.Lock,
       resolve: ({ space }) => {
@@ -219,55 +245,19 @@ export default ({ context, observability }: IntentResolverOptions) => {
         };
       },
     }),
-    createResolver({
-      intent: SpaceAction.AddSpace,
-      resolve: () => {
-        return {
-          intents: [
-            createIntent(LayoutAction.UpdatePopover, {
-              part: 'popover',
-              subject: POPOVER_ADD_SPACE,
-              options: {
-                variant: 'react',
-                anchorId: SpaceAction.AddSpace._tag,
-                side: 'right',
-              },
-            }),
-          ],
-        };
-      },
-    }),
     createResolver({
       intent: SpaceAction.OpenSettings,
-      resolve: ({ space }) => {
-        const layout = context.requestCapability(Capabilities.Layout);
-        const id = `properties-settings${ATTENDABLE_PATH_SEPARATOR}${space.id}`;
-        if (layout.active.includes(id)) {
-          return {
-            intents: [
-              createIntent(LayoutAction.ScrollIntoView, {
-                part: 'current',
-                subject: id,
-              }),
-            ],
-          };
-        }
-
-        return {
-          intents: [
-            pipe(
-              createIntent(LayoutAction.SwitchWorkspace, {
-                part: 'workspace',
-                subject: space.id,
-              }),
-              chain(LayoutAction.Open, {
-                part: 'main',
-                subject: [id],
-              }),
-            ),
-          ],
-        };
-      },
+      resolve: ({ space }) => ({
+        intents: [
+          createIntent(LayoutAction.Open, {
+            part: 'main',
+            subject: [`properties-settings${ATTENDABLE_PATH_SEPARATOR}${space.id}`],
+            options: {
+              workspace: space.id,
+            },
+          }),
+        ],
+      }),
     }),
     createResolver({
       intent: SpaceAction.Open,

package/src/capabilities/react-surface.tsx

@@ -2,11 +2,11 @@
 // Copyright 2025 DXOS.org
 //
 
-import { type Schema as S } from 'effect';
+import { type Schema } from 'effect';
 import React, { useCallback } from 'react';
 
 import { Capabilities, contributes, createSurface, Surface, useCapability, useLayout } from '@dxos/app-framework';
-import { getSchema, isInstanceOf } from '@dxos/echo-schema';
+import { isInstanceOf } from '@dxos/echo-schema';
 import { findAnnotation } from '@dxos/effect';
 import { SettingsStore } from '@dxos/local-storage';
 import {
@@ -17,11 +17,11 @@ import {
   parseId,
   SpaceState,
   useSpace,
-  type ReactiveEchoObject,
+  type AnyLiveObject,
   type Space,
 } from '@dxos/react-client/echo';
 import { Input } from '@dxos/react-ui';
-import { Form, type InputProps } from '@dxos/react-ui-form';
+import { type InputProps } from '@dxos/react-ui-form';
 import { HuePicker, IconPicker } from '@dxos/react-ui-pickers';
 import { type JoinPanelProps } from '@dxos/shell/react';
 
@@ -46,8 +46,6 @@ import {
   SpacePresence,
   SyncStatus,
   type CreateObjectDialogProps,
-  POPOVER_ADD_SPACE,
-  PopoverAddSpace,
   MembersContainer,
   ObjectSettingsContainer,
   SpaceSettingsContainer,
@@ -93,7 +91,7 @@ export default ({ createInvitationUrl }: ReactSurfaceOptions) =>
     createSurface({
       id: `${SPACE_PLUGIN}/companion/object-settings`,
       role: 'article',
-      filter: (data): data is { companionTo: ReactiveEchoObject<any> } =>
+      filter: (data): data is { companionTo: AnyLiveObject<any> } =>
         isEchoObject(data.companionTo) && data.subject === 'settings',
       component: ({ data, role }) => <ObjectSettingsContainer object={data.companionTo} role={role} />,
     }),
@@ -164,8 +162,8 @@ export default ({ createInvitationUrl }: ReactSurfaceOptions) =>
     createSurface({
       id: `${SPACE_PLUGIN}/create-initial-space-form-[hue]`,
       role: 'form-input',
-      filter: (data): data is { prop: string; schema: S.Schema<any> } => {
-        const annotation = findAnnotation<boolean>((data.schema as S.Schema.All).ast, HueAnnotationId);
+      filter: (data): data is { prop: string; schema: Schema.Schema<any> } => {
+        const annotation = findAnnotation<boolean>((data.schema as Schema.Schema.All).ast, HueAnnotationId);
         return !!annotation;
       },
       component: ({ data: _, ...inputProps }) => {
@@ -183,8 +181,8 @@ export default ({ createInvitationUrl }: ReactSurfaceOptions) =>
     createSurface({
       id: `${SPACE_PLUGIN}/create-initial-space-form-[icon]`,
       role: 'form-input',
-      filter: (data): data is { prop: string; schema: S.Schema<any> } => {
-        const annotation = findAnnotation<boolean>((data.schema as S.Schema.All).ast, IconAnnotationId);
+      filter: (data): data is { prop: string; schema: Schema.Schema<any> } => {
+        const annotation = findAnnotation<boolean>((data.schema as Schema.Schema.All).ast, IconAnnotationId);
         return !!annotation;
       },
       component: ({ data: _, ...inputProps }) => {
@@ -199,19 +197,6 @@ export default ({ createInvitationUrl }: ReactSurfaceOptions) =>
         );
       },
     }),
-    createSurface({
-      id: `${SPACE_PLUGIN}/preview-popover`,
-      role: 'popover',
-      filter: (data): data is { subject: ReactiveEchoObject<any> } => isEchoObject(data.subject),
-      component: ({ data }) => {
-        const schema = getSchema(data.subject);
-        if (!schema) {
-          return null;
-        }
-
-        return <Form schema={schema} values={data.subject} readonly />;
-      },
-    }),
     createSurface({
       id: POPOVER_RENAME_SPACE,
       role: 'popover',
@@ -221,26 +206,20 @@ export default ({ createInvitationUrl }: ReactSurfaceOptions) =>
     createSurface({
       id: POPOVER_RENAME_OBJECT,
       role: 'popover',
-      filter: (data): data is { props: ReactiveEchoObject<any> } =>
+      filter: (data): data is { props: AnyLiveObject<any> } =>
         data.component === POPOVER_RENAME_OBJECT && isLiveObject(data.props),
       component: ({ data }) => <PopoverRenameObject object={data.props} />,
     }),
-    createSurface({
-      id: POPOVER_ADD_SPACE,
-      role: 'popover',
-      filter: (data): data is any => data.component === POPOVER_ADD_SPACE,
-      component: () => <PopoverAddSpace />,
-    }),
     createSurface({
       id: `${SPACE_PLUGIN}/menu-footer`,
       role: 'menu-footer',
-      filter: (data): data is { subject: ReactiveEchoObject<any> } => isEchoObject(data.subject),
+      filter: (data): data is { subject: AnyLiveObject<any> } => isEchoObject(data.subject),
       component: ({ data }) => <MenuFooter object={data.subject} />,
     }),
     createSurface({
       id: `${SPACE_PLUGIN}/navtree-presence`,
       role: 'navtree-item-end',
-      filter: (data): data is { id: string; subject: ReactiveEchoObject<any>; open?: boolean } =>
+      filter: (data): data is { id: string; subject: AnyLiveObject<any>; open?: boolean } =>
         typeof data.id === 'string' && isEchoObject(data.subject),
       component: ({ data }) => {
         // TODO(wittjosiah): Doesn't need to be mutable but readonly type messes with ComplexMap.
@@ -267,7 +246,7 @@ export default ({ createInvitationUrl }: ReactSurfaceOptions) =>
       id: `${SPACE_PLUGIN}/navbar-presence`,
       role: 'navbar-end',
       position: 'hoist',
-      filter: (data): data is { subject: Space | ReactiveEchoObject<any> } =>
+      filter: (data): data is { subject: Space | AnyLiveObject<any> } =>
         isSpace(data.subject) || isEchoObject(data.subject),
       component: ({ data }) => {
         const space = isSpace(data.subject) ? data.subject : getSpace(data.subject);

package/src/capabilities/schema-tool.test.ts

@@ -2,10 +2,9 @@
 // Copyright 2025 DXOS.org
 //
 
+import { Schema } from 'effect';
 import { describe, it, expect } from 'vitest';
 
-import { S } from '@dxos/echo-schema';
-
 import { TypeNameSchema } from './schema-tools';
 
 describe('TypeNameSchema format', () => {
@@ -29,7 +28,7 @@ describe('TypeNameSchema format', () => {
     '.org/Type', // Must have domain
   ];
 
-  const validate = S.validateSync(TypeNameSchema);
+  const validate = Schema.validateSync(TypeNameSchema);
 
   valid.forEach((typename) => {
     it(`should accept valid typename: ${typename}`, () => {

package/src/capabilities/schema-tools.ts

@@ -2,12 +2,12 @@
 // Copyright 2025 DXOS.org
 //
 
-import { DescriptionAnnotationId, ExamplesAnnotationId, TitleAnnotationId } from 'effect/SchemaAST';
+import { Schema, SchemaAST } from 'effect';
 
 import { Capabilities, contributes, type PromiseIntentDispatcher } from '@dxos/app-framework';
 import { defineTool, ToolResult } from '@dxos/artifact';
 import { type Space } from '@dxos/client/echo';
-import { FormatEnum, FormatEnums, S, SelectOptionSchema, GeoPoint, toJsonSchema } from '@dxos/echo-schema';
+import { FormatEnum, FormatEnums, SelectOptionSchema, GeoPoint, toJsonSchema } from '@dxos/echo-schema';
 import { invariant } from '@dxos/invariant';
 import { hues } from '@dxos/react-ui-theme';
 import { getSchemaFromPropertyDefinitions } from '@dxos/schema';
@@ -21,13 +21,13 @@ declare global {
 }
 
 // TODO(ZaymonFC): Move this somewhere common.
-export const TypeNameSchema = S.String.pipe(
-  S.pattern(/^\w+\.\w{2,}\/[\w/]+$/i),
-  S.annotations({
-    [TitleAnnotationId]: 'TypeName',
-    [DescriptionAnnotationId]:
+export const TypeNameSchema = Schema.String.pipe(
+  Schema.pattern(/^\w+\.\w{2,}\/[\w/]+$/i),
+  Schema.annotations({
+    [SchemaAST.TitleAnnotationId]: 'TypeName',
+    [SchemaAST.DescriptionAnnotationId]:
       'Domain-style type name path. Dashes are not allowed. Use camel case for the final component of the type name.',
-    [ExamplesAnnotationId]: ['example.com/type/Document', 'example.com/type/FlightList'],
+    [SchemaAST.ExamplesAnnotationId]: ['example.com/type/Document', 'example.com/type/FlightList'],
   }),
 );
 
@@ -36,23 +36,23 @@ const formatDescription = `The format of the property. Additional information:
   This tuple is GeoJSON. You must specify \`${FormatEnum.GeoPoint}\` as [Longitude, Latitude]`;
 
 // TODO(ZaymonFC): All properties are default optional, but maybe we should allow for required properties.
-const PropertyDefinitionSchema = S.Struct({
-  name: S.String.annotations({ [DescriptionAnnotationId]: 'The name of the property.' }),
-  format: S.Union(...FormatEnums.map((format) => S.Literal(format))).annotations({
-    [DescriptionAnnotationId]: formatDescription,
+const PropertyDefinitionSchema = Schema.Struct({
+  name: Schema.String.annotations({ [SchemaAST.DescriptionAnnotationId]: 'The name of the property.' }),
+  format: Schema.Union(...FormatEnums.map((format) => Schema.Literal(format))).annotations({
+    [SchemaAST.DescriptionAnnotationId]: formatDescription,
   }),
-  config: S.optional(
-    S.Struct({
-      options: S.optional(
-        S.Array(SelectOptionSchema)
+  config: Schema.optional(
+    Schema.Struct({
+      options: Schema.optional(
+        Schema.Array(SelectOptionSchema)
           .annotations({
             description: `Options for SingleSelect/MultiSelect formats. Available colors: ${hues.join(', ')}`,
           })
-          .pipe(S.mutable),
+          .pipe(Schema.mutable),
       ),
     }),
   ),
-}).pipe(S.mutable);
+}).pipe(Schema.mutable);
 
 const SYSTEM_NAMESPACE = 'dxos.org/echo/schema';
 
@@ -62,7 +62,7 @@ export default () =>
       name: 'list',
       description: 'List registered schemas in the space.',
       caption: 'Listing registered schemas...',
-      schema: S.Struct({}),
+      schema: Schema.Struct({}),
       execute: async (_input, { extensions }) => {
         invariant(extensions?.space, 'No space.');
         const space = extensions.space;
@@ -80,8 +80,8 @@ export default () =>
       name: 'get',
       description: 'Get a specific schema by its typename.',
       caption: 'Getting schema...',
-      schema: S.Struct({
-        typename: S.String.annotations({
+      schema: Schema.Struct({
+        typename: Schema.String.annotations({
           description: 'The fully qualified typename of the schema.',
         }),
       }),
@@ -101,14 +101,14 @@ export default () =>
       name: 'create',
       description: 'Create a new schema with the provided definition.',
       caption: 'Creating schema...',
-      schema: S.Struct({
+      schema: Schema.Struct({
         typename: TypeNameSchema.annotations({
           description:
             'The fully qualified schema typename. Must start with a domain, and then one or more path components (e.g., "example.com/type/TypeName").',
         }),
-        properties: S.Array(PropertyDefinitionSchema).pipe(
-          S.annotations({ description: 'Array of property definitions for the schema.' }),
-          S.mutable,
+        properties: Schema.Array(PropertyDefinitionSchema).pipe(
+          Schema.annotations({ description: 'Array of property definitions for the schema.' }),
+          Schema.mutable,
         ),
       }),
       execute: async ({ typename, properties }, { extensions }) => {

package/src/components/CollectionMain.tsx

@@ -5,7 +5,7 @@
 import React from 'react';
 
 import { useTranslation } from '@dxos/react-ui';
-import { baseSurface, descriptionText, mx } from '@dxos/react-ui-theme';
+import { baseSurface, descriptionMessage, mx } from '@dxos/react-ui-theme';
 
 import { SPACE_PLUGIN } from '../meta';
 import type { CollectionType } from '../types';
@@ -21,10 +21,7 @@ export const CollectionMain = ({ collection }: { collection: CollectionType }) =
     >
       <p
         role='alert'
-        className={mx(
-          descriptionText,
-          'border border-dashed border-neutral-400/50 rounded-lg p-8 font-normal text-lg max-is-[24rem] break-words',
-        )}
+        className={mx(descriptionMessage, 'rounded-lg p-8 font-normal text-lg max-is-[24rem] break-words')}
       >
         {collection.name ?? t('unnamed collection label')}
       </p>

package/src/components/CreateDialog/CreateObjectDialog.stories.tsx

@@ -35,7 +35,7 @@ const meta: Meta<typeof CreateObjectDialog> = {
   decorators: [
     withClientProvider({ createIdentity: true, createSpace: true, types: [CollectionType] }),
     withTheme,
-    withLayout({ tooltips: true }),
+    withLayout(),
   ],
   parameters: {
     translations: [...translations, osTranslations],