@dxos/plugin-space 0.7.5-labs.ea4b4c2 → 0.7.5-labs.f400bbc

package/src/capabilities/react-surface.tsx

@@ -2,19 +2,10 @@
 // Copyright 2025 DXOS.org
 //
 
-import React, { useCallback } from 'react';
+import React from 'react';
 
-import {
-  Capabilities,
-  contributes,
-  createSurface,
-  Surface,
-  useCapability,
-  useCapabilities,
-  usePluginManager,
-} from '@dxos/app-framework';
+import { Capabilities, contributes, createSurface, Surface, useCapability } from '@dxos/app-framework';
 import { SettingsStore } from '@dxos/local-storage';
-import { ClientCapabilities } from '@dxos/plugin-client';
 import {
   getSpace,
   isEchoObject,
@@ -53,6 +44,8 @@ import {
   SyncStatus,
   type CreateObjectDialogProps,
   type SpaceSettingsDialogProps,
+  POPOVER_ADD_SPACE,
+  PopoverAddSpace,
 } from '../components';
 import { SPACE_PLUGIN } from '../meta';
 import { CollectionType, type SpaceSettingsProps } from '../types';
@@ -126,23 +119,8 @@ export default ({ createInvitationUrl }: ReactSurfaceOptions) =>
     createSurface({
       id: CREATE_OBJECT_DIALOG,
       role: 'dialog',
-      filter: (data): data is { props: Partial<CreateObjectDialogProps> } => data.component === CREATE_OBJECT_DIALOG,
-      component: ({ data }) => {
-        const schemas = useCapabilities(ClientCapabilities.Schema).flat();
-        const manager = usePluginManager();
-
-        const resolve = useCallback(
-          (typename: string) => {
-            return (
-              manager.context.requestCapabilities(Capabilities.Metadata).find(({ id }) => id === typename)?.metadata ??
-              {}
-            );
-          },
-          [manager],
-        );
-
-        return <CreateObjectDialog schemas={schemas} resolve={resolve} {...data.props} />;
-      },
+      filter: (data): data is { props: CreateObjectDialogProps } => data.component === CREATE_OBJECT_DIALOG,
+      component: ({ data }) => <CreateObjectDialog {...data.props} />,
     }),
     createSurface({
       id: POPOVER_RENAME_SPACE,
@@ -157,6 +135,12 @@ export default ({ createInvitationUrl }: ReactSurfaceOptions) =>
         data.component === POPOVER_RENAME_OBJECT && isReactiveObject(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}/navtree-presence`,
       role: 'navtree-item-end',

package/src/capabilities/schema.ts

@@ -0,0 +1,27 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { effect } from '@preact/signals-core';
+
+import { Capabilities, contributes, type PluginsContext } from '@dxos/app-framework';
+import { ClientCapabilities } from '@dxos/plugin-client';
+
+import { SpaceCapabilities } from './capabilities';
+import { type ObjectForm } from '../types';
+
+export default (context: PluginsContext) => {
+  const client = context.requestCapability(ClientCapabilities.Client);
+
+  // TODO(wittjosiah): Unregister schemas when they are disabled.
+  let previous: ObjectForm[] = [];
+  const unsubscribe = effect(() => {
+    const forms = Array.from(new Set(context.requestCapabilities(SpaceCapabilities.ObjectForm)));
+    // 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);
+  });
+
+  return contributes(Capabilities.Null, null, () => unsubscribe());
+};

package/src/components/BaseObjectSettings.tsx

@@ -15,17 +15,24 @@ export type BaseObjectSettingsProps = {
 
 export const BaseObjectSettings = ({ object }: BaseObjectSettingsProps) => {
   const { t } = useTranslation(SPACE_PLUGIN);
+  const inputRef = React.useRef<HTMLInputElement>(null);
   // TODO(burdon): Standardize forms.
   return (
     <div role='form' className='flex flex-col w-full p-2 gap-1'>
       <Input.Root>
         <Input.Label>{t('name label')}</Input.Label>
         <Input.TextInput
+          ref={inputRef}
           placeholder={t('name placeholder')}
           value={object.name ?? ''}
           onChange={(event) => {
             object.name = event.target.value;
           }}
+          onKeyDown={(event) => {
+            if (event.key === 'Enter') {
+              inputRef.current?.blur();
+            }
+          }}
         />
       </Input.Root>
     </div>

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

@@ -40,9 +40,7 @@ const meta: Meta<typeof CreateObjectDialog> = {
   parameters: {
     translations: [...translations, osTranslations],
   },
-  args: {
-    schemas: [CollectionType],
-  },
+  args: {},
 };
 
 export default meta;

package/src/components/CreateDialog/CreateObjectDialog.tsx

@@ -5,58 +5,65 @@
 import { pipe } from 'effect';
 import React, { useCallback, useRef } from 'react';
 
-import { chain, createIntent, LayoutAction, useIntentDispatcher } from '@dxos/app-framework';
-import { useClient } from '@dxos/react-client';
 import {
-  getSpace,
-  isReactiveObject,
-  isSpace,
-  type ReactiveObject,
-  type TypedObject,
-  useSpaces,
-} from '@dxos/react-client/echo';
+  Capabilities,
+  chain,
+  createIntent,
+  LayoutAction,
+  useCapabilities,
+  useIntentDispatcher,
+  usePluginManager,
+} 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 { Button, Dialog, Icon, useTranslation } from '@dxos/react-ui';
 
 import { CreateObjectPanel, type CreateObjectPanelProps } from './CreateObjectPanel';
+import { SpaceCapabilities } from '../../capabilities';
 import { SPACE_PLUGIN } from '../../meta';
-import { CollectionType, SpaceAction } from '../../types';
+import { CollectionType, type ObjectForm, SpaceAction } from '../../types';
 
 export const CREATE_OBJECT_DIALOG = `${SPACE_PLUGIN}/CreateObjectDialog`;
 
-export type CreateObjectDialogProps = Pick<CreateObjectPanelProps, 'schemas' | 'target' | 'typename' | 'name'> & {
-  resolve?: (typename: string) => Record<string, any>;
+export type CreateObjectDialogProps = Pick<CreateObjectPanelProps, 'target' | 'typename' | 'name'> & {
   shouldNavigate?: (object: ReactiveObject<any>) => boolean;
 };
 
 export const CreateObjectDialog = ({
-  schemas,
   target,
   typename,
   name,
   shouldNavigate: _shouldNavigate,
-  resolve,
 }: CreateObjectDialogProps) => {
   const closeRef = useRef<HTMLButtonElement | null>(null);
+  const manager = usePluginManager();
   const { t } = useTranslation(SPACE_PLUGIN);
   const client = useClient();
   const spaces = useSpaces();
   const { dispatchPromise: dispatch } = useIntentDispatcher();
+  const forms = useCapabilities(SpaceCapabilities.ObjectForm);
+
+  const resolve = useCallback(
+    (typename: string) =>
+      manager.context.requestCapabilities(Capabilities.Metadata).find(({ id }) => id === typename)?.metadata ?? {},
+    [manager],
+  );
 
   const handleCreateObject = useCallback(
     async ({
-      schema,
+      form,
       target: _target,
-      data,
+      data = {},
     }: {
-      schema: TypedObject;
+      form: ObjectForm;
       target: CreateObjectPanelProps['target'];
       data?: Record<string, any>;
     }) => {
       const target = isSpace(_target)
         ? (_target.properties[CollectionType.typename]?.target as CollectionType | undefined)
         : _target;
-      const createObjectIntent = resolve?.(schema.typename)?.createObject;
-      if (!createObjectIntent || !target) {
+      if (!target) {
         // TODO(wittjosiah): UI feedback.
         return;
       }
@@ -65,7 +72,8 @@ export const CreateObjectDialog = ({
       closeRef.current?.click();
 
       const space = isSpace(target) ? target : getSpace(target);
-      const result = await dispatch(createObjectIntent(data, { space }));
+      invariant(space, 'Missing space');
+      const result = await dispatch(form.getIntent(data, { space }));
       const object = result.data?.object;
       if (isReactiveObject(object)) {
         const addObjectIntent = createIntent(SpaceAction.AddObject, { target, object });
@@ -95,7 +103,7 @@ export const CreateObjectDialog = ({
 
       <CreateObjectPanel
         classNames='p-4'
-        schemas={schemas}
+        forms={forms}
         spaces={spaces}
         target={target}
         typename={typename}

package/src/components/CreateDialog/CreateObjectPanel.tsx

@@ -2,19 +2,20 @@
 // Copyright 2024 DXOS.org
 //
 
-import React, { useCallback, useMemo, useState } from 'react';
+import React, { useCallback, useState } from 'react';
 
 import { Surface, isSurfaceAvailable, usePluginManager } from '@dxos/app-framework';
-import { type TypedObject, getObjectAnnotation, type ObjectAnnotation, S } from '@dxos/echo-schema';
+import { getObjectAnnotation, type ObjectAnnotation, type S } from '@dxos/echo-schema';
+import { invariant } from '@dxos/invariant';
 import { type SpaceId, type Space } from '@dxos/react-client/echo';
 import { Icon, type ThemedClassName, toLocalizedString, useTranslation } from '@dxos/react-ui';
 import { Form, type InputProps } from '@dxos/react-ui-form';
 import { SearchList } from '@dxos/react-ui-searchlist';
 import { mx } from '@dxos/react-ui-theme';
-import { nonNullable, type MaybePromise } from '@dxos/util';
+import { isNonNullable, type MaybePromise } from '@dxos/util';
 
 import { SPACE_PLUGIN } from '../../meta';
-import { type CollectionType } from '../../types';
+import { type ObjectForm, type CollectionType } from '../../types';
 import { getSpaceDisplayName } from '../../util';
 
 // TODO(ZaymonFC): Move this if you find yourself needing it elsewhere.
@@ -40,7 +41,7 @@ const useInputSurfaceLookup = (baseData?: Record<string, any>) => {
 };
 
 export type CreateObjectPanelProps = ThemedClassName<{
-  schemas: TypedObject[];
+  forms: ObjectForm[];
   spaces: Space[];
   typename?: string;
   target?: Space | CollectionType;
@@ -48,15 +49,15 @@ export type CreateObjectPanelProps = ThemedClassName<{
   defaultSpaceId?: SpaceId;
   resolve?: (typename: string) => Record<string, any>;
   onCreateObject?: (params: {
-    schema: TypedObject;
+    form: ObjectForm;
     target: Space | CollectionType;
-    data: Record<string, any>;
+    data?: Record<string, any>;
   }) => MaybePromise<void>;
 }>;
 
 export const CreateObjectPanel = ({
   classNames,
-  schemas,
+  forms,
   spaces,
   typename: initialTypename,
   target: initialTarget,
@@ -68,10 +69,10 @@ export const CreateObjectPanel = ({
   const { t } = useTranslation(SPACE_PLUGIN);
   const [typename, setTypename] = useState<string | undefined>(initialTypename);
   const [target, setTarget] = useState<Space | CollectionType | undefined>(initialTarget);
-  const schema = schemas.find((schema) => getObjectAnnotation(schema)?.typename === typename);
-  const options: ObjectAnnotation[] = schemas
-    .map(getObjectAnnotation)
-    .filter(nonNullable)
+  const form = forms.find((form) => getObjectAnnotation(form.objectSchema)?.typename === typename);
+  const options: ObjectAnnotation[] = forms
+    .map((form) => getObjectAnnotation(form.objectSchema))
+    .filter(isNonNullable)
     .sort((a, b) => {
       const nameA = t('typename label', { ns: a.typename, defaultValue: a.typename });
       const nameB = t('typename label', { ns: b.typename, defaultValue: b.typename });
@@ -80,50 +81,47 @@ export const CreateObjectPanel = ({
 
   const handleCreateObject = useCallback(
     async (props: Record<string, any>) => {
-      if (!schema || !target) {
+      if (!form || !target) {
         return;
       }
-      await onCreateObject?.({ schema, target, data: props });
+      await onCreateObject?.({ form, target, data: props });
     },
-    [onCreateObject, schema, target],
+    [onCreateObject, form, target],
   );
 
-  const metadata = useMemo(() => {
-    if (!typename) {
-      return;
-    }
-    return resolve?.(typename);
-  }, [resolve, typename]);
+  const handleSetTypename = useCallback(
+    async (typename: string) => {
+      invariant(target, 'target is required');
+      const form = forms.find((form) => getObjectAnnotation(form.objectSchema)?.typename === typename);
+      if (form && !form.formSchema) {
+        await onCreateObject?.({ form, target });
+      } else {
+        setTypename(typename);
+      }
+    },
+    [forms, onCreateObject, target],
+  );
 
   const inputSurfaceLookup = useInputSurfaceLookup({ target });
 
-  const form = useMemo(() => {
-    // TODO(ZaymonFC): Move this default object creation schema somewhere?
-    const schema = (metadata?.creationSchema ?? S.Struct({ name: S.optional(S.String) })) as S.Schema<any>;
-
-    return (
-      <Form
-        classNames='!p-0'
-        autoFocus
-        values={{ name: initialName }}
-        schema={schema}
-        testId='create-object-form'
-        onSave={handleCreateObject}
-        lookupComponent={inputSurfaceLookup}
-      />
-    );
-  }, [initialName, handleCreateObject, metadata]);
-
   // TODO(wittjosiah): These inputs should be rolled into a `Form` once it supports the necessary variants.
   return (
     <div role='form' className={mx('flex flex-col gap-2', classNames)}>
-      {!schema ? (
-        <SelectSchema options={options} resolve={resolve} onChange={setTypename} />
+      {!form ? (
+        <SelectSchema options={options} resolve={resolve} onChange={handleSetTypename} />
       ) : !target ? (
         <SelectSpace spaces={spaces} defaultSpaceId={defaultSpaceId} onChange={setTarget} />
-      ) : (
-        form
-      )}
+      ) : form.formSchema ? (
+        <Form
+          classNames='!p-0'
+          autoFocus
+          values={{ name: initialName }}
+          schema={form.formSchema}
+          testId='create-object-form'
+          onSave={handleCreateObject}
+          lookupComponent={inputSurfaceLookup}
+        />
+      ) : undefined}
     </div>
   );
 };

package/src/components/PopoverAddSpace.tsx

@@ -0,0 +1,46 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import React from 'react';
+
+import { createIntent, LayoutAction, useIntentDispatcher } from '@dxos/app-framework';
+import { IconButton, useTranslation } from '@dxos/react-ui';
+
+import { SPACE_PLUGIN } from '../meta';
+import { SpaceAction } from '../types';
+
+export const POPOVER_ADD_SPACE = `${SPACE_PLUGIN}/PopoverRenameSpace`;
+
+export const PopoverAddSpace = () => {
+  const { t } = useTranslation(SPACE_PLUGIN);
+  const { dispatchPromise: dispatch } = useIntentDispatcher();
+  return (
+    <div role='none' className='grid grid-cols-1 gap-1 [&>button]:justify-start'>
+      <IconButton
+        variant='ghost'
+        label={t('create space label')}
+        icon='ph--plus--regular'
+        onClick={() => {
+          void dispatch(createIntent(SpaceAction.OpenCreateSpace));
+          void dispatch(
+            createIntent(LayoutAction.UpdatePopover, { part: 'popover', options: { anchorId: '', state: false } }),
+          );
+        }}
+        data-testid='spacePlugin.createSpace'
+      />
+      <IconButton
+        variant='ghost'
+        label={t('join space label')}
+        icon='ph--sign-in--regular'
+        onClick={() => {
+          void dispatch(createIntent(SpaceAction.Join));
+          void dispatch(
+            createIntent(LayoutAction.UpdatePopover, { part: 'popover', options: { anchorId: '', state: false } }),
+          );
+        }}
+        data-testid='spacePlugin.joinSpace'
+      />
+    </div>
+  );
+};

package/src/components/SpaceSettings/SpaceSettingsPanel.stories.tsx

@@ -15,7 +15,11 @@ import translations from '../../translations';
 
 const Story = (args: Partial<SpaceSettingsPanelProps>) => {
   const { space } = useClientProvider();
-  return <SpaceSettingsPanel {...args} space={space!} classNames='p-2 border border-primary-500 rounded' />;
+  return (
+    <div role='none' className='p-2 border border-primary-500 rounded'>
+      <SpaceSettingsPanel {...args} space={space!} />
+    </div>
+  );
 };
 
 const meta: Meta = {

package/src/components/SpaceSettings/SpaceSettingsPanel.tsx

@@ -8,16 +8,17 @@ import { log } from '@dxos/log';
 import { EdgeReplicationSetting } from '@dxos/protocols/proto/dxos/echo/metadata';
 import { useClient } from '@dxos/react-client';
 import { type Space } from '@dxos/react-client/echo';
-import { type ThemedClassName, Input, useTranslation } from '@dxos/react-ui';
+import { Input, Toolbar, useTranslation } from '@dxos/react-ui';
 import { DeprecatedFormContainer, DeprecatedFormInput } from '@dxos/react-ui-form';
+import { HuePicker, IconPicker } from '@dxos/react-ui-pickers';
 
 import { SPACE_PLUGIN } from '../../meta';
 
-export type SpaceSettingsPanelProps = ThemedClassName<{
+export type SpaceSettingsPanelProps = {
   space: Space;
-}>;
+};
 
-export const SpaceSettingsPanel = ({ classNames, space }: SpaceSettingsPanelProps) => {
+export const SpaceSettingsPanel = ({ space }: SpaceSettingsPanelProps) => {
   const { t } = useTranslation(SPACE_PLUGIN);
 
   const client = useClient();
@@ -50,6 +51,28 @@ export const SpaceSettingsPanel = ({ classNames, space }: SpaceSettingsPanelProp
           }}
         />
       </DeprecatedFormInput>
+      <DeprecatedFormInput label={t('icon label')}>
+        <Toolbar.Root>
+          <IconPicker
+            value={space.properties.icon}
+            onChange={(nextIcon) => (space.properties.icon = nextIcon)}
+            onReset={() => {
+              space.properties.icon = undefined;
+            }}
+          />
+        </Toolbar.Root>
+      </DeprecatedFormInput>
+      <DeprecatedFormInput label={t('hue label')}>
+        <Toolbar.Root>
+          <HuePicker
+            value={space.properties.hue}
+            onChange={(nextHue) => (space.properties.hue = nextHue)}
+            onReset={() => {
+              space.properties.hue = undefined;
+            }}
+          />
+        </Toolbar.Root>
+      </DeprecatedFormInput>
       {edgeEnabled && (
         <DeprecatedFormInput label={t('edge replication label')}>
           <Input.Switch checked={edgeReplication} onCheckedChange={toggleEdgeReplication} />

package/src/components/index.ts

@@ -11,6 +11,7 @@ export * from './CollectionSection';
 export * from './JoinDialog';
 export * from './MenuFooter';
 export * from './PersistenceStatus';
+export * from './PopoverAddSpace';
 export * from './PopoverRenameObject';
 export * from './PopoverRenameSpace';
 export * from './ShareSpaceButton';

package/src/events.ts

@@ -7,6 +7,12 @@ import { defineEvent } from '@dxos/app-framework';
 import { SPACE_PLUGIN } from './meta';
 
 export namespace SpaceEvents {
+  export const SetupSettingsPanel = defineEvent(`${SPACE_PLUGIN}/event/setup-settings-panel`);
   export const StateReady = defineEvent(`${SPACE_PLUGIN}/event/state-ready`);
   export const DefaultSpaceReady = defineEvent(`${SPACE_PLUGIN}/event/default-space-ready`);
 }
+
+// TODO(wittjosiah): Factor out.
+export namespace ThreadEvents {
+  export const SetupThread = defineEvent(`${SPACE_PLUGIN}/event/setup-thread`);
+}

package/src/index.ts

@@ -3,7 +3,7 @@
 //
 
 export { SpaceCapabilities, ThreadCapabilities } from './capabilities';
-export { SpaceEvents } from './events';
+export { SpaceEvents, ThreadEvents } from './events';
 
 export * from './components';
 export * from './meta';

package/src/translations.ts

@@ -14,6 +14,7 @@ export default [
       [SPACE_PLUGIN]: {
         'plugin name': 'Spaces',
         'first run message': 'Nothing selected.',
+        'add space label': 'Create or join a space',
         'create space label': 'Create space',
         'join space label': 'Join space',
         'empty space message': 'No documents',
@@ -124,6 +125,8 @@ export default [
         'advanced settings label': 'Advanced',
         'foreign keys': 'Foreign Keys',
         'add key': 'Add Key',
+        'icon label': 'Icon',
+        'hue label': 'Color',
       },
     },
   },

package/src/types/types.ts

@@ -2,19 +2,16 @@
 // Copyright 2023 DXOS.org
 //
 
-import { AST, S, type Expando } from '@dxos/echo-schema';
+import { type AnyIntentChain } from '@dxos/app-framework';
+import { AST, S, type Expando, type BaseObject, type TypedObject } from '@dxos/echo-schema';
 import { type PublicKey } from '@dxos/react-client';
+// TODO(wittjosiah): This pulls in full client.
 import { EchoObjectSchema, ReactiveObjectSchema, type Space, SpaceSchema } from '@dxos/react-client/echo';
 import { type ComplexMap } from '@dxos/util';
 
 import { CollectionType } from './collection';
 import { SPACE_PLUGIN } from '../meta';
 
-// I've copy pasted this here to not depend on the whole @dxos/app-framework package in types entrypoint.
-/** @deprecated */
-export const ActiveParts = S.Record({ key: S.String, value: S.Union(S.String, S.mutable(S.Array(S.String))) });
-export type ActiveParts = S.Schema.Type<typeof ActiveParts>;
-
 export const SPACE_DIRECTORY_HANDLE = 'dxos.org/plugin/space/directory';
 
 export type ObjectViewerProps = {
@@ -96,6 +93,14 @@ export const SpaceForm = S.Struct({
   edgeReplication: S.Boolean.annotations({ [AST.TitleAnnotationId]: 'Enable EDGE Replication' }),
 });
 
+export type ObjectForm<T extends BaseObject = BaseObject> = {
+  objectSchema: TypedObject;
+  formSchema?: S.Schema<T, any>;
+  getIntent: (props: T, options: { space: Space }) => AnyIntentChain;
+};
+
+export const defineObjectForm = <T extends BaseObject>(form: ObjectForm<T>) => form;
+
 export const SPACE_ACTION = `${SPACE_PLUGIN}/action`;
 
 export namespace SpaceAction {
@@ -150,6 +155,16 @@ export namespace SpaceAction {
     output: S.Void,
   }) {}
 
+  export class AddSpace extends S.TaggedClass<AddSpace>()(`${SPACE_ACTION}/add-space`, {
+    input: S.Void,
+    output: S.Void,
+  }) {}
+
+  export class AddSpaceMenuGroup extends S.TaggedClass<AddSpaceMenuGroup>()(`${SPACE_ACTION}/add-space-menu-group`, {
+    input: S.Void,
+    output: S.Void,
+  }) {}
+
   export class OpenSettings extends S.TaggedClass<OpenSettings>()(`${SPACE_ACTION}/open-settings`, {
     input: S.Struct({
       space: SpaceSchema,

package/src/util.tsx

@@ -205,7 +205,11 @@ export const constructSpaceNode = ({
       ...partials,
       label: getSpaceDisplayName(space, { personal, namesCache }),
       description: space.state.get() === SpaceState.SPACE_READY && space.properties.description,
-      icon: 'ph--planet--regular',
+      hue: space.state.get() === SpaceState.SPACE_READY && space.properties.hue,
+      icon:
+        space.state.get() === SpaceState.SPACE_READY && space.properties.icon
+          ? `ph--${space.properties.icon}--regular`
+          : undefined,
       disabled: !navigable || space.state.get() !== SpaceState.SPACE_READY || hasPendingMigration,
       testId: 'spacePlugin.space',
     },
@@ -415,6 +419,8 @@ export const constructObjectActions = ({
   navigable?: boolean;
 }) => {
   const object = node.data;
+  const space = getSpace(object);
+  invariant(space, 'Space not found');
   const getId = (id: string) => `${id}/${fullyQualifiedId(object)}`;
   const actions: NodeArg<ActionData>[] = [
     ...(object instanceof CollectionType
@@ -477,7 +483,7 @@ export const constructObjectActions = ({
             id: getId('copy-link'),
             type: ACTION_TYPE,
             data: async () => {
-              const url = `${window.location.origin}/${fullyQualifiedId(object)}`;
+              const url = `${window.location.origin}/${space.id}/${fullyQualifiedId(object)}`;
               await navigator.clipboard.writeText(url);
             },
             properties: {