@dxos/plugin-space 0.9.0 → 0.9.1-staging.ee54ba693a

package/dx.config.ts

@@ -0,0 +1,35 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { Config2 } from '@dxos/app-framework/config';
+import { trim } from '@dxos/util';
+
+export default Config2.make({
+  plugin: {
+    key: 'org.dxos.plugin.space',
+    name: 'Spaces',
+    author: 'DXOS',
+    description: trim`
+      SpacePlugin is the core workspace container for DXOS Composer. It owns the full lifecycle of
+      collaborative spaces — creating, joining, opening, closing, and resetting them — and manages
+      the membership and invitation system that controls who can access each space.
+
+      The plugin maintains an ordered app-graph of every space and its collections, wires navigation
+      so that opening a space or object updates the layout, and tracks real-time peer presence so
+      that the UI can show which collaborators are viewing each object.
+
+      Object and schema management sit at the heart of SpacePlugin: it registers the canonical DXOS
+      schema types (Person, Task, Project, Event, …), provides the create-object dialog that all
+      other plugins populate with their own types, and exposes operations for adding, removing,
+      restoring, duplicating, and serialising objects. Import/export of space archives and schema
+      migrations are also handled here.
+
+      A full set of undo-aware operations (RemoveObjects/RestoreObjects, DeleteField/RestoreField)
+      integrates with the process manager so that destructive edits can be reversed in one step.
+    `,
+    icon: { key: 'ph--planet--regular' },
+    spec: 'PLUGIN.mdl',
+    tags: ['system'],
+  },
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-space",
-  "version": "0.9.0",
+  "version": "0.9.1-staging.ee54ba693a",
   "description": "DXOS Surface plugin for DXOS ECHO Spaces",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -86,6 +86,16 @@
       "types": "./dist/types/src/plugin.d.ts",
       "default": "./dist/lib/neutral/plugin.mjs"
     },
+    "./components": {
+      "source": "./src/components/index.ts",
+      "types": "./dist/types/src/components/index.d.ts",
+      "default": "./dist/lib/neutral/components/index.mjs"
+    },
+    "./constants": {
+      "source": "./src/constants.ts",
+      "types": "./dist/types/src/constants.d.ts",
+      "default": "./dist/lib/neutral/constants.mjs"
+    },
     "./testing": {
       "source": "./src/testing.ts",
       "types": "./dist/types/src/testing.d.ts",
@@ -105,6 +115,7 @@
   "types": "dist/types/src/index.d.ts",
   "files": [
     "dist",
+    "dx.config.ts",
     "src",
     "PLUGIN.mdl"
   ],
@@ -114,74 +125,75 @@
     "@effect/cli": "0.75.2",
     "react-drag-drop-files": "^2.3.8",
     "react-qr-rounded": "^1.0.0",
-    "@dxos/app-framework": "0.9.0",
-    "@dxos/app-toolkit": "0.9.0",
-    "@dxos/async": "0.9.0",
-    "@dxos/cli-util": "0.9.0",
-    "@dxos/client": "0.9.0",
-    "@dxos/client-protocol": "0.9.0",
-    "@dxos/compute": "0.9.0",
-    "@dxos/context": "0.9.0",
-    "@dxos/echo": "0.9.0",
-    "@dxos/display-name": "0.9.0",
-    "@dxos/echo-client": "0.9.0",
-    "@dxos/effect": "0.9.0",
-    "@dxos/keys": "0.9.0",
-    "@dxos/log": "0.9.0",
-    "@dxos/invariant": "0.9.0",
-    "@dxos/plugin-client": "0.9.0",
-    "@dxos/migrations": "0.9.0",
-    "@dxos/plugin-attention": "0.9.0",
-    "@dxos/plugin-settings": "0.9.0",
-    "@dxos/plugin-graph": "0.9.0",
-    "@dxos/plugin-status-bar": "0.9.0",
-    "@dxos/plugin-observability": "0.9.0",
-    "@dxos/protocols": "0.9.0",
-    "@dxos/react-client": "0.9.0",
-    "@dxos/react-ui-attention": "0.9.0",
-    "@dxos/react-ui-components": "0.9.0",
-    "@dxos/react-ui-list": "0.9.0",
-    "@dxos/react-ui-form": "0.9.0",
-    "@dxos/react-ui": "0.9.0",
-    "@dxos/react-ui-masonry": "0.9.0",
-    "@dxos/react-ui-menu": "0.9.0",
-    "@dxos/react-ui-mosaic": "0.9.0",
-    "@dxos/schema": "0.9.0",
-    "@dxos/react-ui-pickers": "0.9.0",
-    "@dxos/shell": "0.9.0",
-    "@dxos/types": "0.9.0",
-    "@dxos/react-ui-search": "0.9.0",
-    "@dxos/ui-types": "0.9.0",
-    "@dxos/util": "0.9.0",
-    "@dxos/ui-theme": "0.9.0"
+    "@dxos/client-protocol": "0.9.1-staging.ee54ba693a",
+    "@dxos/async": "0.9.1-staging.ee54ba693a",
+    "@dxos/cli-util": "0.9.1-staging.ee54ba693a",
+    "@dxos/app-framework": "0.9.1-staging.ee54ba693a",
+    "@dxos/client": "0.9.1-staging.ee54ba693a",
+    "@dxos/compute": "0.9.1-staging.ee54ba693a",
+    "@dxos/context": "0.9.1-staging.ee54ba693a",
+    "@dxos/app-toolkit": "0.9.1-staging.ee54ba693a",
+    "@dxos/display-name": "0.9.1-staging.ee54ba693a",
+    "@dxos/echo": "0.9.1-staging.ee54ba693a",
+    "@dxos/echo-client": "0.9.1-staging.ee54ba693a",
+    "@dxos/effect": "0.9.1-staging.ee54ba693a",
+    "@dxos/errors": "0.9.1-staging.ee54ba693a",
+    "@dxos/keys": "0.9.1-staging.ee54ba693a",
+    "@dxos/migrations": "0.9.1-staging.ee54ba693a",
+    "@dxos/log": "0.9.1-staging.ee54ba693a",
+    "@dxos/plugin-attention": "0.9.1-staging.ee54ba693a",
+    "@dxos/plugin-graph": "0.9.1-staging.ee54ba693a",
+    "@dxos/invariant": "0.9.1-staging.ee54ba693a",
+    "@dxos/plugin-settings": "0.9.1-staging.ee54ba693a",
+    "@dxos/plugin-client": "0.9.1-staging.ee54ba693a",
+    "@dxos/plugin-observability": "0.9.1-staging.ee54ba693a",
+    "@dxos/protocols": "0.9.1-staging.ee54ba693a",
+    "@dxos/react-ui": "0.9.1-staging.ee54ba693a",
+    "@dxos/react-client": "0.9.1-staging.ee54ba693a",
+    "@dxos/react-ui-attention": "0.9.1-staging.ee54ba693a",
+    "@dxos/react-ui-form": "0.9.1-staging.ee54ba693a",
+    "@dxos/react-ui-components": "0.9.1-staging.ee54ba693a",
+    "@dxos/react-ui-list": "0.9.1-staging.ee54ba693a",
+    "@dxos/react-ui-masonry": "0.9.1-staging.ee54ba693a",
+    "@dxos/react-ui-menu": "0.9.1-staging.ee54ba693a",
+    "@dxos/react-ui-mosaic": "0.9.1-staging.ee54ba693a",
+    "@dxos/react-ui-pickers": "0.9.1-staging.ee54ba693a",
+    "@dxos/plugin-status-bar": "0.9.1-staging.ee54ba693a",
+    "@dxos/react-ui-search": "0.9.1-staging.ee54ba693a",
+    "@dxos/shell": "0.9.1-staging.ee54ba693a",
+    "@dxos/ui-types": "0.9.1-staging.ee54ba693a",
+    "@dxos/schema": "0.9.1-staging.ee54ba693a",
+    "@dxos/ui-theme": "0.9.1-staging.ee54ba693a",
+    "@dxos/util": "0.9.1-staging.ee54ba693a",
+    "@dxos/types": "0.9.1-staging.ee54ba693a"
   },
   "devDependencies": {
     "@atlaskit/pragmatic-drag-and-drop-hitbox": "1.1.0",
     "@babel/core": "^7.18.13",
     "@effect-atom/atom-react": "^0.5.0",
-    "@effect/platform": "0.96.1",
-    "@types/react": "~19.2.7",
+    "@effect/platform": "0.96.2",
+    "@types/react": "~19.2.17",
     "@types/react-dom": "~19.2.3",
-    "effect": "3.21.3",
-    "react": "~19.2.3",
-    "react-dom": "~19.2.3",
+    "effect": "3.21.4",
+    "react": "~19.2.7",
+    "react-dom": "~19.2.7",
     "vite": "^8.0.16",
-    "@dxos/plugin-preview": "0.9.0",
-    "@dxos/lit-ui": "0.9.0",
-    "@dxos/plugin-testing": "0.9.0",
-    "@dxos/storybook-utils": "0.9.0",
-    "@dxos/ui-theme": "0.9.0",
-    "@dxos/react-ui": "0.9.0",
-    "@dxos/random": "0.9.0"
+    "@dxos/plugin-preview": "0.9.1-staging.ee54ba693a",
+    "@dxos/plugin-testing": "0.9.1-staging.ee54ba693a",
+    "@dxos/lit-ui": "0.9.1-staging.ee54ba693a",
+    "@dxos/random": "0.9.1-staging.ee54ba693a",
+    "@dxos/storybook-utils": "0.9.1-staging.ee54ba693a",
+    "@dxos/react-ui": "0.9.1-staging.ee54ba693a",
+    "@dxos/ui-theme": "0.9.1-staging.ee54ba693a"
   },
   "peerDependencies": {
     "@effect-atom/atom-react": "^0.5.0",
-    "@effect/platform": "0.96.1",
-    "effect": "3.21.3",
-    "react": "~19.2.3",
-    "react-dom": "~19.2.3",
-    "@dxos/react-ui": "0.9.0",
-    "@dxos/ui-theme": "0.9.0"
+    "@effect/platform": "0.96.2",
+    "effect": "3.21.4",
+    "react": "~19.2.7",
+    "react-dom": "~19.2.7",
+    "@dxos/react-ui": "0.9.1-staging.ee54ba693a",
+    "@dxos/ui-theme": "0.9.1-staging.ee54ba693a"
   },
   "publishConfig": {
     "access": "public"

package/src/SpacePlugin.test.ts

@@ -11,7 +11,7 @@ import { SpacePlugin } from '#plugin';
 
 import { meta } from './meta';
 
-const moduleId = (name: string) => `${meta.id}.module.${name}`;
+const moduleId = (name: string) => `${meta.profile.key}.module.${name}`;
 
 describe('SpacePlugin', () => {
   test('modules activate on the expected events', async ({ expect }) => {

package/src/SpacePlugin.ts

@@ -26,20 +26,19 @@ import {
 } from '@dxos/types';
 
 import {
-  AppGraphSerializer,
+  AppGraphBuilder,
   CreateObject,
   IdentityCreated,
   NavigationHandler,
   NavigationResolver,
   OperationHandler,
-  UndoMappings,
   ReactRoot,
   ReactSurface,
   Repair,
   SpaceSettings,
-  SpaceState,
   SpacesReady,
-  AppGraphBuilder,
+  SpaceState,
+  UndoMappings,
 } from '#capabilities';
 import { meta } from '#meta';
 import { translations } from '#translations';
@@ -134,11 +133,6 @@ export const SpacePlugin = Plugin.define<SpacePluginOptions>(meta).pipe(
       };
     },
   ),
-  // TODO(wittjosiah): This could probably be deferred.
-  Plugin.addModule({
-    activatesOn: AppActivationEvents.AppGraphReady,
-    activate: AppGraphSerializer,
-  }),
   Plugin.addModule({
     activatesOn: ClientEvents.IdentityCreated,
     firesAfterActivation: [SpaceEvents.PersonalSpaceReady],
@@ -160,7 +154,7 @@ export const SpacePlugin = Plugin.define<SpacePluginOptions>(meta).pipe(
     activate: Repair,
   }),
   AppPlugin.addPluginAssetModule({
-    asset: { pluginId: meta.id, path: 'PLUGIN.mdl', content: pluginSpec, mimeType: 'application/x-mdl' },
+    asset: { pluginId: meta.profile.key, path: 'PLUGIN.mdl', content: pluginSpec, mimeType: 'application/x-mdl' },
   }),
   Plugin.make,
 );

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

@@ -5,21 +5,13 @@
 import * as Effect from 'effect/Effect';
 import * as Option from 'effect/Option';
 
-import { Capabilities, Capability } from '@dxos/app-framework';
-import {
-  AppCapabilities,
-  AppNodeMatcher,
-  LayoutOperation,
-  RootCollectionAnnotation,
-  Segments,
-  getObjectPathFromObject,
-  toUrlPath,
-} from '@dxos/app-toolkit';
-import { SpaceState, isSpace } from '@dxos/client/echo';
+import { Capability } from '@dxos/app-framework';
+import { AppAnnotation, AppCapabilities, AppNode, AppNodeMatcher, LayoutOperation, Paths } from '@dxos/app-toolkit';
+import { isSpace } from '@dxos/client/echo';
 import { Operation } from '@dxos/compute';
 import { Annotation, Collection, Obj, Type } from '@dxos/echo';
 import { invariant } from '@dxos/invariant';
-import { CreateAtom, Graph, GraphBuilder, Node } from '@dxos/plugin-graph';
+import { Graph, GraphBuilder, Node } from '@dxos/plugin-graph';
 import { isNonNullable } from '@dxos/util';
 
 import { meta } from '#meta';
@@ -31,10 +23,6 @@ import {
   COPY_LINK_LABEL,
   CREATE_OBJECT_IN_COLLECTION_LABEL,
   EXPOSE_OBJECT_LABEL,
-  REMOVE_FROM_COLLECTION_LABEL,
-  createObjectNode,
-  getCollectionGraphNodePartials,
-  getDynamicLabel,
 } from './shared';
 
 //
@@ -50,37 +38,50 @@ export const createCollectionExtensions = Effect.fnUntraced(function* ({
   const capabilities = yield* Capability.Service;
 
   return yield* Effect.all([
-    // Collections section virtual node under each space.
+    // Content section group — created alongside collections so the group always
+    // appears when the space plugin is active and hides when there are no children.
     GraphBuilder.createExtension({
-      id: 'collectionsSection',
+      id: Paths.GroupSegments.content,
       match: AppNodeMatcher.whenSpace,
-      connector: (space, get) => {
-        const spaceState = get(CreateAtom.fromObservable(space.state));
-        if (spaceState !== SpaceState.SPACE_READY) {
-          return Effect.succeed([]);
-        }
+      connector: (space) =>
+        Effect.succeed([
+          AppNode.makeGroup({
+            id: Paths.GroupSegments.content,
+            type: Paths.GroupTypes.content,
+            label: ['nav-tree-group-content.label', { ns: meta.profile.key }],
+            space,
+            position: 200,
+          }),
+        ]),
+    }),
 
+    // Collections section virtual node under the content group.
+    GraphBuilder.createExtension({
+      id: 'collectionsSection',
+      match: AppNodeMatcher.whenNavTreeGroup(Paths.GroupTypes.content),
+      connector: (space, get) => {
         get(Obj.atom(space.properties));
-        const collectionRef = Annotation.get(space.properties, RootCollectionAnnotation).pipe(Option.getOrUndefined);
+        const collectionRef = Annotation.get(space.properties, AppAnnotation.RootCollectionAnnotation).pipe(
+          Option.getOrUndefined,
+        );
         if (collectionRef) {
           get(Obj.atom(collectionRef));
         }
         const rootCollection = collectionRef?.target;
         const collectionPartials = rootCollection
-          ? getCollectionGraphNodePartials({ db: space.db, collection: rootCollection })
+          ? AppNode.getCollectionGraphNodePartials({ db: space.db, collection: rootCollection })
           : undefined;
 
         return Effect.succeed([
           Node.make({
-            id: Segments.collections,
+            id: Paths.Segments.collections,
             type: COLLECTIONS_SECTION_TYPE,
             data: null,
             properties: {
-              label: ['collections-section.label', { ns: meta.id }],
+              label: ['collections-section.label', { ns: meta.profile.key }],
               icon: 'ph--folder--regular',
-              iconHue: 'amber',
+              iconHue: 'indigo',
               role: 'branch',
-              position: 'first',
               testId: 'spacePlugin.collectionsSection',
               draggable: false,
               droppable: false,
@@ -104,7 +105,9 @@ export const createCollectionExtensions = Effect.fnUntraced(function* ({
         const ephemeralState = get(ephemeralAtom);
 
         get(Obj.atom(space.properties));
-        const collectionRef = Annotation.get(space.properties, RootCollectionAnnotation).pipe(Option.getOrUndefined);
+        const collectionRef = Annotation.get(space.properties, AppAnnotation.RootCollectionAnnotation).pipe(
+          Option.getOrUndefined,
+        );
         const collection = collectionRef ? get(Obj.atom(collectionRef)) : undefined;
         if (!collection) {
           return Effect.succeed([]);
@@ -122,11 +125,15 @@ export const createCollectionExtensions = Effect.fnUntraced(function* ({
         return Effect.succeed(
           objects
             .map((object: Obj.Unknown) =>
-              createObjectNode({
+              AppNode.makeObject({
+                get,
                 db: space.db,
                 object,
                 navigable: ephemeralState.navigableCollections,
-                parentCollection: collectionRef?.target,
+                canDrop: AppNode.CAN_DROP_COLLECTION_ITEM,
+                onRearrange: collectionRef?.target
+                  ? AppNode.makeCollectionRearrangeCallback(collectionRef.target)
+                  : undefined,
               }),
             )
             .filter(isNonNullable),
@@ -158,11 +165,13 @@ export const createCollectionExtensions = Effect.fnUntraced(function* ({
             .map(
               (object: Obj.Unknown) =>
                 db &&
-                createObjectNode({
+                AppNode.makeObject({
+                  get,
                   object,
                   db,
                   navigable: ephemeralState.navigableCollections,
-                  parentCollection: collection,
+                  canDrop: AppNode.CAN_DROP_COLLECTION_ITEM,
+                  onRearrange: AppNode.makeCollectionRearrangeCallback(collection),
                 }),
             )
             .filter(isNonNullable),
@@ -211,6 +220,41 @@ export const createCollectionExtensions = Effect.fnUntraced(function* ({
         );
       },
     }),
+
+    // Action on the collections section header to add an object to the space's root collection.
+    GraphBuilder.createExtension({
+      id: 'collectionsSectionActions',
+      match: (node) => {
+        const space = isSpace(node.properties.space) ? node.properties.space : undefined;
+        return node.type === COLLECTIONS_SECTION_TYPE && space ? Option.some(space) : Option.none();
+      },
+      actions: (space) =>
+        Effect.succeed([
+          Node.makeAction({
+            id: SpaceOperation.OpenCreateObject.meta.key,
+            data: () =>
+              Effect.gen(function* () {
+                // Target the root collection so the create dialog offers collection-eligible types, like
+                // any other collection; fall back to the space db if it hasn't been created yet.
+                const rootCollection = Annotation.get(space.properties, AppAnnotation.RootCollectionAnnotation).pipe(
+                  Option.getOrUndefined,
+                )?.target;
+                yield* Operation.invoke(SpaceOperation.OpenCreateObject, {
+                  // Qualified id of the collections section node (root/<spaceId>/collections), so the new
+                  // object's navigation path resolves under the section — the bare segment would not.
+                  target: rootCollection ?? space.db,
+                  targetNodeId: Paths.getCollectionsPath(space.id),
+                });
+              }),
+            properties: {
+              label: CREATE_OBJECT_IN_COLLECTION_LABEL,
+              icon: 'ph--plus--regular',
+              disposition: 'list-item-primary',
+              testId: 'spacePlugin.createObject',
+            },
+          }),
+        ]),
+    }),
   ]);
 });
 
@@ -259,43 +303,12 @@ const constructObjectActions = ({
       data: (params?: Node.InvokeProps) =>
         Operation.invoke(SpaceOperation.RenameObject, { object, caller: `${params?.caller}:${params?.parent?.id}` }),
       properties: {
-        label: getDynamicLabel('rename-object.label', typename, { defaultValue: 'Rename' }),
+        label: AppNode.getDynamicLabel('rename-object.label', typename, { defaultValue: 'Rename' }),
         icon: 'ph--pencil-simple-line--regular',
         disposition: 'list-item',
         testId: 'spacePlugin.renameObject',
       },
     }),
-    ...(parentCollection && !Obj.instanceOf(Collection.Collection, object)
-      ? [
-          Node.makeAction({
-            id: 'removeFromCollection',
-            data: () =>
-              Effect.gen(function* () {
-                const index = parentCollection.objects.findIndex((ref: any) => ref.target === object);
-                if (index !== -1) {
-                  const layout = yield* Capabilities.getAtomValue(AppCapabilities.Layout);
-                  const isActive = layout.active.includes(nodeId);
-
-                  Obj.update(parentCollection, (parentCollection) => {
-                    parentCollection.objects.splice(index, 1);
-                  });
-
-                  if (isActive) {
-                    yield* Operation.invoke(LayoutOperation.Open, {
-                      subject: [getObjectPathFromObject(object)],
-                    });
-                  }
-                }
-              }),
-            properties: {
-              label: REMOVE_FROM_COLLECTION_LABEL,
-              icon: 'ph--minus-circle--regular',
-              disposition: 'list-item',
-              testId: 'spacePlugin.removeFromCollection',
-            },
-          }),
-        ]
-      : []),
     Node.makeAction({
       id: SpaceOperation.RemoveObjects.meta.key,
       data: () =>
@@ -304,7 +317,7 @@ const constructObjectActions = ({
           target: parentCollection,
         }),
       properties: {
-        label: getDynamicLabel('delete-object.label', typename, { defaultValue: 'Delete' }),
+        label: AppNode.getDynamicLabel('delete-object.label', typename, { defaultValue: 'Delete' }),
         icon: 'ph--trash--regular',
         disposition: 'list-item',
         disabled: !deletable,
@@ -317,7 +330,7 @@ const constructObjectActions = ({
             id: 'copyLink',
             data: () =>
               Effect.promise(async () => {
-                const url = new URL(toUrlPath(nodeId), shareableLinkOrigin);
+                const url = new URL(Paths.toUrlPath(nodeId), shareableLinkOrigin);
                 await navigator.clipboard.writeText(url.toString());
               }),
             properties: {
@@ -331,7 +344,7 @@ const constructObjectActions = ({
       : []),
     Node.makeAction({
       id: LayoutOperation.Expose.meta.key,
-      data: () => Operation.invoke(LayoutOperation.Expose, { subject: getObjectPathFromObject(object) }),
+      data: () => Operation.invoke(LayoutOperation.Expose, { subject: Paths.getObjectPathFromObject(object) }),
       properties: {
         label: EXPOSE_OBJECT_LABEL,
         icon: 'ph--eye--regular',

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

@@ -11,6 +11,7 @@ import { GraphBuilder, NodeMatcher } from '@dxos/plugin-graph';
 import { linkedSegment } from '@dxos/react-ui-attention';
 import type { EchoViewRefPath } from '@dxos/schema';
 import { ViewAnnotation } from '@dxos/schema';
+import { Position } from '@dxos/util';
 
 import { meta } from '#meta';
 
@@ -31,10 +32,10 @@ export const createCompanionExtensions: () => Effect.Effect<GraphBuilder.Builder
           Effect.succeed([
             AppNode.makeCompanion({
               id: linkedSegment('settings'),
-              label: ['object-properties.label', { ns: meta.id }],
+              label: ['object-properties.label', { ns: meta.profile.key }],
               icon: 'ph--sliders--regular',
               data: 'settings', // TODO(burdon): Change to 'object-properties'.
-              position: 'last',
+              position: Position.last,
             }),
           ]),
       }),
@@ -47,10 +48,10 @@ export const createCompanionExtensions: () => Effect.Effect<GraphBuilder.Builder
           Effect.succeed([
             AppNode.makeCompanion({
               id: linkedSegment('related'),
-              label: ['companion-related.label', { ns: meta.id }],
+              label: ['companion-related.label', { ns: meta.profile.key }],
               icon: 'ph--graph--regular',
               data: 'related',
-              position: 'last',
+              position: Position.last,
             }),
           ]),
       }),
@@ -79,7 +80,7 @@ export const createCompanionExtensions: () => Effect.Effect<GraphBuilder.Builder
           Effect.succeed([
             AppNode.makeCompanion({
               id: linkedSegment('selected-objects'),
-              label: ['companion-selected-objects.label', { ns: meta.id }],
+              label: ['companion-selected-objects.label', { ns: meta.profile.key }],
               icon: 'ph--tree-view--regular',
               data: 'selected-objects',
             }),