@dxos/plugin-space 0.8.2-staging.7ac8446 → 0.8.2

package/src/capabilities/react-surface.tsx

@@ -2,20 +2,27 @@
 // Copyright 2025 DXOS.org
 //
 
-import React from 'react';
+import { type Schema } from 'effect';
+import React, { useCallback } from 'react';
 
-import { Capabilities, contributes, createSurface, Surface, useCapability } from '@dxos/app-framework';
+import { Capabilities, contributes, createSurface, Surface, useCapability, useLayout } from '@dxos/app-framework';
 import { isInstanceOf } from '@dxos/echo-schema';
+import { findAnnotation } from '@dxos/effect';
 import { SettingsStore } from '@dxos/local-storage';
 import {
   getSpace,
   isEchoObject,
-  isReactiveObject,
+  isLiveObject,
   isSpace,
+  parseId,
   SpaceState,
-  type ReactiveEchoObject,
+  useSpace,
+  type AnyLiveObject,
   type Space,
 } from '@dxos/react-client/echo';
+import { Input } from '@dxos/react-ui';
+import { type InputProps } from '@dxos/react-ui-form';
+import { HuePicker, IconPicker } from '@dxos/react-ui-pickers';
 import { type JoinPanelProps } from '@dxos/shell/react';
 
 import { SpaceCapabilities } from './capabilities';
@@ -29,25 +36,23 @@ import {
   InlineSyncStatus,
   JOIN_DIALOG,
   JoinDialog,
+  MembersContainer,
   MenuFooter,
+  ObjectSettingsContainer,
   POPOVER_RENAME_OBJECT,
   POPOVER_RENAME_SPACE,
   PopoverRenameObject,
   PopoverRenameSpace,
+  SchemaContainer,
   SmallPresenceLive,
   SpacePluginSettings,
   SpacePresence,
+  SpaceSettingsContainer,
   SyncStatus,
   type CreateObjectDialogProps,
-  POPOVER_ADD_SPACE,
-  PopoverAddSpace,
-  SpaceSettingsContainer,
-  SpacePropertiesForm,
-  MembersContainer,
-  ObjectSettingsContainer,
 } from '../components';
 import { SPACE_PLUGIN } from '../meta';
-import { CollectionType, type SpaceSettingsProps } from '../types';
+import { CollectionType, HueAnnotationId, IconAnnotationId, type SpaceSettingsProps } from '../types';
 
 type ReactSurfaceOptions = {
   createInvitationUrl: (invitationCode: string) => string;
@@ -77,33 +82,64 @@ export default ({ createInvitationUrl }: ReactSurfaceOptions) =>
       component: ({ data }) => <CollectionMain collection={data.subject} />,
     }),
     createSurface({
-      id: `${SPACE_PLUGIN}/members`,
-      role: 'article',
-      position: 'hoist',
-      filter: (data): data is { subject: Space; variant: 'members' } =>
-        isSpace(data.subject) && data.variant === 'members',
-      component: ({ data }) => <MembersContainer space={data.subject} createInvitationUrl={createInvitationUrl} />,
-    }),
-    createSurface({
-      id: `${SPACE_PLUGIN}/settings`,
+      id: `${SPACE_PLUGIN}/plugin-settings`,
       role: 'article',
-      position: 'hoist',
-      filter: (data): data is { subject: Space; variant: 'settings' } =>
-        isSpace(data.subject) && data.variant === 'settings',
-      component: ({ data }) => <SpaceSettingsContainer space={data.subject} />,
+      filter: (data): data is { subject: SettingsStore<SpaceSettingsProps> } =>
+        data.subject instanceof SettingsStore && data.subject.prefix === SPACE_PLUGIN,
+      component: ({ data: { subject } }) => <SpacePluginSettings settings={subject.value} />,
     }),
     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} />,
     }),
     createSurface({
-      id: `${SPACE_PLUGIN}/space-settings--properties`,
-      role: 'space-settings--properties',
-      filter: (data): data is { subject: Space } => isSpace(data.subject),
-      component: ({ data }) => <SpacePropertiesForm space={data.subject} />,
+      id: `${SPACE_PLUGIN}/space-settings-properties`,
+      role: 'article',
+      filter: (data): data is { subject: string } => data.subject === `${SPACE_PLUGIN}/properties`,
+      component: () => {
+        const layout = useLayout();
+        const { spaceId } = parseId(layout.workspace);
+        const space = useSpace(spaceId);
+        if (!space || !spaceId) {
+          return null;
+        }
+
+        return <SpaceSettingsContainer space={space} />;
+      },
+    }),
+    createSurface({
+      id: `${SPACE_PLUGIN}/space-settings-members`,
+      role: 'article',
+      position: 'hoist',
+      filter: (data): data is { subject: string } => data.subject === `${SPACE_PLUGIN}/members`,
+      component: () => {
+        const layout = useLayout();
+        const { spaceId } = parseId(layout.workspace);
+        const space = useSpace(spaceId);
+        if (!space || !spaceId) {
+          return null;
+        }
+
+        return <MembersContainer space={space} createInvitationUrl={createInvitationUrl} />;
+      },
+    }),
+    createSurface({
+      id: `${SPACE_PLUGIN}/space-settings-schema`,
+      role: 'article',
+      filter: (data): data is { subject: string } => data.subject === `${SPACE_PLUGIN}/schema`,
+      component: () => {
+        const layout = useLayout();
+        const { spaceId } = parseId(layout.workspace);
+        const space = useSpace(spaceId);
+        if (!space || !spaceId) {
+          return null;
+        }
+
+        return <SchemaContainer space={space} />;
+      },
     }),
     createSurface({
       id: JOIN_DIALOG,
@@ -123,6 +159,44 @@ export default ({ createInvitationUrl }: ReactSurfaceOptions) =>
       filter: (data): data is { props: CreateObjectDialogProps } => data.component === CREATE_OBJECT_DIALOG,
       component: ({ data }) => <CreateObjectDialog {...data.props} />,
     }),
+    createSurface({
+      id: `${SPACE_PLUGIN}/create-initial-space-form-[hue]`,
+      role: 'form-input',
+      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 }) => {
+        const { label, disabled, type, getValue, onValueChange } = inputProps as any as InputProps;
+        const handleChange = useCallback((nextHue: string) => onValueChange(type, nextHue), [onValueChange]);
+        const handleReset = useCallback(() => onValueChange(type, undefined), [onValueChange]);
+        return (
+          <Input.Root>
+            <Input.Label>{label}</Input.Label>
+            <HuePicker disabled={disabled} value={getValue() ?? ''} onChange={handleChange} onReset={handleReset} />
+          </Input.Root>
+        );
+      },
+    }),
+    createSurface({
+      id: `${SPACE_PLUGIN}/create-initial-space-form-[icon]`,
+      role: 'form-input',
+      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 }) => {
+        const { label, disabled, type, getValue, onValueChange } = inputProps as any as InputProps;
+        const handleChange = useCallback((nextIcon: string) => onValueChange(type, nextIcon), [onValueChange]);
+        const handleReset = useCallback(() => onValueChange(type, undefined), [onValueChange]);
+        return (
+          <Input.Root>
+            <Input.Label>{label}</Input.Label>
+            <IconPicker disabled={disabled} value={getValue() ?? ''} onChange={handleChange} onReset={handleReset} />
+          </Input.Root>
+        );
+      },
+    }),
     createSurface({
       id: POPOVER_RENAME_SPACE,
       role: 'popover',
@@ -132,20 +206,20 @@ export default ({ createInvitationUrl }: ReactSurfaceOptions) =>
     createSurface({
       id: POPOVER_RENAME_OBJECT,
       role: 'popover',
-      filter: (data): data is { props: ReactiveEchoObject<any> } =>
-        data.component === POPOVER_RENAME_OBJECT && isReactiveObject(data.props),
+      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 />,
+      id: `${SPACE_PLUGIN}/menu-footer`,
+      role: 'menu-footer',
+      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.
@@ -172,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);
@@ -191,19 +265,6 @@ export default ({ createInvitationUrl }: ReactSurfaceOptions) =>
       filter: (data): data is { subject: CollectionType } => isInstanceOf(CollectionType, data.subject),
       component: ({ data }) => <CollectionSection collection={data.subject} />,
     }),
-    createSurface({
-      id: `${SPACE_PLUGIN}/plugin-settings`,
-      role: 'article',
-      filter: (data): data is { subject: SettingsStore<SpaceSettingsProps> } =>
-        data.subject instanceof SettingsStore && data.subject.prefix === SPACE_PLUGIN,
-      component: ({ data: { subject } }) => <SpacePluginSettings settings={subject.value} />,
-    }),
-    createSurface({
-      id: `${SPACE_PLUGIN}/menu-footer`,
-      role: 'menu-footer',
-      filter: (data): data is { subject: ReactiveEchoObject<any> } => isEchoObject(data.subject),
-      component: ({ data }) => <MenuFooter object={data.subject} />,
-    }),
     createSurface({
       id: `${SPACE_PLUGIN}/status`,
       role: 'status',

package/src/capabilities/schema-defs.ts

@@ -0,0 +1,30 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { Capabilities, contributes, type PluginContext } from '@dxos/app-framework';
+import { ClientCapabilities } from '@dxos/plugin-client';
+
+import { SpaceCapabilities } from './capabilities';
+import { type ObjectForm } from '../types';
+
+export default (context: PluginContext) => {
+  const registry = context.getCapability(Capabilities.RxRegistry);
+  const client = context.getCapability(ClientCapabilities.Client);
+
+  // TODO(wittjosiah): Unregister schemas when they are disabled.
+  let previous: ObjectForm[] = [];
+  const cancel = registry.subscribe(
+    context.capabilities(SpaceCapabilities.ObjectForm),
+    (_forms) => {
+      const forms = Array.from(new Set(_forms));
+      // TODO(wittjosiah): Filter out schemas which the client has already registered.
+      const newSchemas = forms.filter((form) => !previous.includes(form)).map((form) => form.objectSchema);
+      previous = forms;
+      client.addTypes(newSchemas);
+    },
+    { immediate: true },
+  );
+
+  return contributes(Capabilities.Null, null, () => cancel());
+};

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 { createTool, ToolResult } from '@dxos/ai';
 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({
+    title: 'TypeName',
+    description:
       '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,33 +36,33 @@ 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({ description: 'The name of the property.' }),
+  format: Schema.Union(...FormatEnums.map((format) => Schema.Literal(format))).annotations({
+    description: 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';
 
 export default () =>
   contributes(Capabilities.Tools, [
-    defineTool(SYSTEM_NAMESPACE, {
+    createTool(SYSTEM_NAMESPACE, {
       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;
@@ -76,12 +76,12 @@ export default () =>
         );
       },
     }),
-    defineTool(SYSTEM_NAMESPACE, {
+    createTool(SYSTEM_NAMESPACE, {
       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.',
         }),
       }),
@@ -97,18 +97,18 @@ export default () =>
         return ToolResult.Success(schema);
       },
     }),
-    defineTool(SYSTEM_NAMESPACE, {
+    createTool(SYSTEM_NAMESPACE, {
       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/capabilities/settings.ts

@@ -3,13 +3,13 @@
 //
 
 import { Capabilities, contributes } from '@dxos/app-framework';
-import { create } from '@dxos/live-object';
+import { live } from '@dxos/live-object';
 
 import { SPACE_PLUGIN } from '../meta';
 import { type SpaceSettingsProps, SpaceSettingsSchema } from '../types';
 
 export default () => {
-  const settings = create<SpaceSettingsProps>({
+  const settings = live<SpaceSettingsProps>({
     showHidden: false,
   });
 

package/src/capabilities/spaces-ready.ts

@@ -2,11 +2,13 @@
 // Copyright 2025 DXOS.org
 //
 
-import { contributes, createIntent, type PluginsContext, Capabilities, LayoutAction } from '@dxos/app-framework';
+import { Option } from 'effect';
+
+import { contributes, createIntent, type PluginContext, Capabilities, LayoutAction } from '@dxos/app-framework';
 import { SubscriptionList } from '@dxos/async';
 import { Expando } from '@dxos/echo-schema';
 import { scheduledEffect } from '@dxos/echo-signals/core';
-import { create } from '@dxos/live-object';
+import { live } from '@dxos/live-object';
 import { log } from '@dxos/log';
 import { AttentionCapabilities } from '@dxos/plugin-attention';
 import { ClientCapabilities } from '@dxos/plugin-client';
@@ -21,19 +23,19 @@ import { SpaceAction } from '../types';
 import { COMPOSER_SPACE_LOCK, SHARED } from '../util';
 
 const ACTIVE_NODE_BROADCAST_INTERVAL = 30_000;
-const WAIT_FOR_OBJECT_TIMEOUT = 1000;
+const WAIT_FOR_OBJECT_TIMEOUT = 5_000;
 
-export default async (context: PluginsContext) => {
+export default async (context: PluginContext) => {
   const subscriptions = new SubscriptionList();
   const spaceSubscriptions = new SubscriptionList();
 
-  const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);
-  const { graph } = context.requestCapability(Capabilities.AppGraph);
-  const layout = context.requestCapability(Capabilities.Layout);
-  const deck = context.requestCapability(DeckCapabilities.DeckState);
-  const attention = context.requestCapability(AttentionCapabilities.Attention);
-  const state = context.requestCapability(SpaceCapabilities.MutableState);
-  const client = context.requestCapability(ClientCapabilities.Client);
+  const { dispatchPromise: dispatch } = context.getCapability(Capabilities.IntentDispatcher);
+  const { graph } = context.getCapability(Capabilities.AppGraph);
+  const layout = context.getCapability(Capabilities.Layout);
+  const deck = context.getCapability(DeckCapabilities.DeckState);
+  const attention = context.getCapability(AttentionCapabilities.Attention);
+  const state = context.getCapability(SpaceCapabilities.MutableState);
+  const client = context.getCapability(ClientCapabilities.Client);
 
   const defaultSpace = client.spaces.default;
   await defaultSpace.waitUntilReady();
@@ -49,11 +51,11 @@ export default async (context: PluginsContext) => {
 
   const {
     objects: [spacesOrder],
-  } = await defaultSpace.db.query(Filter.schema(Expando, { key: SHARED })).run();
+  } = await defaultSpace.db.query(Filter.type(Expando, { key: SHARED })).run();
   if (!spacesOrder) {
     // TODO(wittjosiah): Cannot be a Folder because Spaces are not TypedObjects so can't be saved in the database.
     //  Instead, we store order as an array of space ids.
-    defaultSpace.db.add(create({ key: SHARED, order: [] }));
+    defaultSpace.db.add(live({ key: SHARED, order: [] }));
   }
 
   // Await missing objects.
@@ -65,10 +67,10 @@ export default async (context: PluginsContext) => {
           return;
         }
 
-        const node = graph.findNode(active[0]);
+        const node = graph.getNode(active[0]).pipe(Option.getOrNull);
         if (!node && active[0].length === FQ_ID_LENGTH) {
           const timeout = setTimeout(async () => {
-            const node = graph.findNode(active[0]);
+            const node = graph.getNode(active[0]).pipe(Option.getOrNull);
             if (!node) {
               await dispatch(createIntent(SpaceAction.WaitForObject, { id: active[0] }));
             }

package/src/capabilities/state.ts

@@ -4,7 +4,7 @@
 
 import { effect } from '@preact/signals-core';
 
-import { Capabilities, contributes, type PluginsContext } from '@dxos/app-framework';
+import { Capabilities, contributes, type PluginContext } from '@dxos/app-framework';
 import { PublicKey } from '@dxos/keys';
 import { LocalStorageStore } from '@dxos/local-storage';
 import { ComplexMap } from '@dxos/util';
@@ -13,12 +13,10 @@ import { SpaceCapabilities } from './capabilities';
 import { SPACE_PLUGIN } from '../meta';
 import { type PluginState } from '../types';
 
-export default (context: PluginsContext) => {
-  const sections = context.requestCapabilities(SpaceCapabilities.SettingsSection);
+export default (context: PluginContext) => {
   const state = new LocalStorageStore<PluginState>(SPACE_PLUGIN, {
     awaiting: undefined,
     spaceNames: {},
-    spaceSettingsOpenSections: sections.map((section) => section.id),
     viewersByObject: {},
     // TODO(wittjosiah): Stop using (Complex)Map inside reactive object.
     viewersByIdentity: new ComplexMap(PublicKey.hash),
@@ -31,7 +29,7 @@ export default (context: PluginsContext) => {
     .prop({ key: 'spaceNames', type: LocalStorageStore.json<Record<string, string>>() })
     .prop({ key: 'enabledEdgeReplication', type: LocalStorageStore.bool() });
 
-  const manager = context.requestCapability(Capabilities.PluginManager);
+  const manager = context.getCapability(Capabilities.PluginManager);
   const unsubscribe = effect(() => {
     // TODO(wittjosiah): Find a way to make this capability-based.
     const enabled = manager.enabled.includes('dxos.org/plugin/stack');

package/src/components/AwaitingObject.tsx

@@ -26,7 +26,7 @@ export const AwaitingObject = ({ id }: { id: string }) => {
   const layout = useLayout();
 
   const client = useClient();
-  const objects = useQuery(client.spaces, Filter.all());
+  const objects = useQuery(client.spaces, Filter.everything());
 
   useEffect(() => {
     if (!id) {

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

@@ -7,7 +7,7 @@ import '@dxos-theme';
 import { type Meta, type StoryObj } from '@storybook/react';
 import React, { useEffect } from 'react';
 
-import { create, Filter, useQuery, useSpace } from '@dxos/react-client/echo';
+import { live, Filter, useQuery, useSpace } from '@dxos/react-client/echo';
 import { withClientProvider } from '@dxos/react-client/testing';
 import { Dialog } from '@dxos/react-ui';
 import { osTranslations } from '@dxos/shell/react';
@@ -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],
@@ -66,11 +66,11 @@ export const TargetSpace: StoryObj<typeof CreateObjectDialog> = {
 export const TargetCollection: StoryObj<typeof CreateObjectDialog> = {
   render: (args) => {
     const space = useSpace();
-    const [collection] = useQuery(space, Filter.schema(CollectionType));
+    const [collection] = useQuery(space, Filter.type(CollectionType));
 
     useEffect(() => {
       if (space) {
-        space.db.add(create(CollectionType, { name: 'My Collection', objects: [], views: {} }));
+        space.db.add(live(CollectionType, { name: 'My Collection', objects: [], views: {} }));
       }
     }, [space]);
 

package/src/components/CreateDialog/CreateObjectDialog.tsx

@@ -16,7 +16,7 @@ import {
 } from '@dxos/app-framework';
 import { invariant } from '@dxos/invariant';
 import { useClient } from '@dxos/react-client';
-import { getSpace, isReactiveObject, isSpace, type ReactiveObject, useSpaces } from '@dxos/react-client/echo';
+import { getSpace, isLiveObject, isSpace, type Live, useSpaces } from '@dxos/react-client/echo';
 import { Button, Dialog, Icon, useTranslation } from '@dxos/react-ui';
 
 import { CreateObjectPanel, type CreateObjectPanelProps } from './CreateObjectPanel';
@@ -27,7 +27,7 @@ import { type ObjectForm, SpaceAction } from '../../types';
 export const CREATE_OBJECT_DIALOG = `${SPACE_PLUGIN}/CreateObjectDialog`;
 
 export type CreateObjectDialogProps = Pick<CreateObjectPanelProps, 'target' | 'typename' | 'name'> & {
-  shouldNavigate?: (object: ReactiveObject<any>) => boolean;
+  shouldNavigate?: (object: Live<any>) => boolean;
 };
 
 export const CreateObjectDialog = ({
@@ -46,7 +46,7 @@ export const CreateObjectDialog = ({
 
   const resolve = useCallback(
     (typename: string) =>
-      manager.context.requestCapabilities(Capabilities.Metadata).find(({ id }) => id === typename)?.metadata ?? {},
+      manager.context.getCapabilities(Capabilities.Metadata).find(({ id }) => id === typename)?.metadata ?? {},
     [manager],
   );
 
@@ -72,7 +72,7 @@ export const CreateObjectDialog = ({
       invariant(space, 'Missing space');
       const result = await dispatch(form.getIntent(data, { space }));
       const object = result.data?.object;
-      if (isReactiveObject(object)) {
+      if (isLiveObject(object)) {
         const addObjectIntent = createIntent(SpaceAction.AddObject, { target, object, hidden: form.hidden });
         const shouldNavigate = _shouldNavigate ?? (() => true);
         if (shouldNavigate(object)) {