@dxos/plugin-space 0.10.0 → 0.11.1

package/dist/types/src/containers/TypeCollectionArticle/TypeCollectionArticle.stories.d.ts

@@ -1,21 +0,0 @@
-import { type StoryObj } from '@storybook/react-vite';
-import React from 'react';
-import { Type } from '@dxos/echo';
-type StoryArgs = {
-    type: Type.AnyObj;
-};
-declare const meta: {
-    title: string;
-    render: ({ type }: StoryArgs) => React.JSX.Element;
-    decorators: import("@storybook/react").Decorator[];
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-/** Collection of objects without the annotation — header-only tiles. */
-export declare const Default: Story;
-/** Collection of objects whose type carries `CardAnnotation` — tiles render a preview body. */
-export declare const WithCardContent: Story;
-//# sourceMappingURL=TypeCollectionArticle.stories.d.ts.map

package/dist/types/src/containers/TypeCollectionArticle/TypeCollectionArticle.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TypeCollectionArticle.stories.d.ts","sourceRoot":"","sources":["../../../../../src/containers/TypeCollectionArticle/TypeCollectionArticle.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAwB,IAAI,EAAE,MAAM,YAAY,CAAC;AAsCxD,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC;CACnB,CAAC;AAYF,QAAA,MAAM,IAAI;;uBAVsB,SAAS;;;QAyCrC,MAAM;;CAE2B,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,wEAAwE;AACxE,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,+FAA+F;AAC/F,eAAO,MAAM,eAAe,EAAE,KAI7B,CAAC"}

package/dist/types/src/containers/TypeCollectionArticle/index.d.ts

@@ -1,2 +0,0 @@
-export { TypeCollectionArticle as default } from './TypeCollectionArticle';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/containers/TypeCollectionArticle/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/containers/TypeCollectionArticle/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,qBAAqB,IAAI,OAAO,EAAE,MAAM,yBAAyB,CAAC"}

package/src/capabilities/navigation-resolver.ts

@@ -1,94 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import * as Effect from 'effect/Effect';
-import * as Option from 'effect/Option';
-
-import { Capability } from '@dxos/app-framework';
-import { AppCapabilities, type AppCapabilities as AppCaps, AppSpace, Paths } from '@dxos/app-toolkit';
-import { Database, Entity, Key } from '@dxos/echo';
-import { EID } from '@dxos/keys';
-import { ClientCapabilities } from '@dxos/plugin-client';
-import { getPluginSettingsSectionPath } from '@dxos/plugin-settings';
-
-import { meta } from '#meta';
-
-export default Capability.makeModule(
-  Effect.fnUntraced(function* () {
-    const client = yield* Capability.get(ClientCapabilities.Client);
-    const capabilities = yield* Capability.Service;
-
-    // TODO(wittjosiah): Remove cast once NavigationTargetResolver type includes Database.Service.
-    const resolver: AppCaps.NavigationTargetResolver = ((query) =>
-      Effect.gen(function* () {
-        if (!query?.uri) {
-          return [
-            {
-              path: getPluginSettingsSectionPath(meta.profile.key),
-              label: 'Spaces settings',
-              type: 'settings',
-            },
-          ];
-        }
-
-        const eid = EID.tryParse(query.uri);
-        if (!eid) {
-          return [];
-        }
-
-        const { db } = yield* Database.Service;
-        const ref = db.makeRef(eid);
-        const object = yield* Database.load(ref).pipe(Effect.catchAll(() => Effect.succeed(null)));
-        if (!object) {
-          return [];
-        }
-
-        const typename = Entity.getTypename(object);
-        if (!typename) {
-          return [];
-        }
-
-        return [
-          {
-            path: Paths.getObjectPath(db.spaceId, typename, object.id),
-            label: Entity.getLabel(object) ?? '',
-            type: typename,
-          },
-        ];
-      })) as AppCaps.NavigationTargetResolver;
-
-    // Parse object paths into EIDs (structure only; existence is checked by the caller).
-    // Handles canonical database paths (root/<spaceId>/system/database/<typeSlug>/<objectId>)
-    // and collection paths (root/<spaceId>/content/collections/<collectionId>/<objectId>): the space
-    // id is the first segment and the object id the last, regardless of intervening group segments.
-    const pathResolver: AppCaps.NavigationPathResolver = (qualifiedPath) => {
-      const segments = qualifiedPath.split('/');
-      const spaceId = Paths.getSpaceIdFromPath(qualifiedPath);
-      const objectId = segments[segments.length - 1];
-      if (!spaceId || !objectId || !Key.EntityId.isValid(objectId)) {
-        return Effect.succeed(Option.none());
-      }
-      return Effect.succeed(Option.some(EID.make({ spaceId, entityId: objectId as Key.EntityId })));
-    };
-
-    // Resolve a bare entity ID (no path separators) against the current space.
-    // Agents sometimes pass raw entity IDs from object creation results instead of full paths.
-    const bareEntityPathResolver: AppCaps.NavigationPathResolver = (path) => {
-      if (path.includes('/') || !Key.EntityId.isValid(path)) {
-        return Effect.succeed(Option.none());
-      }
-      const space = AppSpace.getActiveSpace(client, capabilities);
-      if (!space) {
-        return Effect.succeed(Option.none());
-      }
-      return Effect.succeed(Option.some(EID.make({ spaceId: space.id, entityId: path as Key.EntityId })));
-    };
-
-    return [
-      Capability.contributes(AppCapabilities.NavigationTargetResolver, resolver),
-      Capability.contributes(AppCapabilities.NavigationPathResolver, pathResolver),
-      Capability.contributes(AppCapabilities.NavigationPathResolver, bareEntityPathResolver),
-    ];
-  }),
-);

package/src/capabilities/react-surface.tsx

@@ -1,395 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import * as Effect from 'effect/Effect';
-import * as Option from 'effect/Option';
-import React, { type ComponentProps, useCallback } from 'react';
-
-import { Capabilities, Capability } from '@dxos/app-framework';
-import { Surface, useAtomCapability, useOperationInvoker, useSettingsState } from '@dxos/app-framework/ui';
-import { AppAnnotation } from '@dxos/app-toolkit';
-import { AppSurface, useActiveSpace, useTypeOptions } from '@dxos/app-toolkit/ui';
-import { Annotation, Collection, Database, Obj, Type } from '@dxos/echo';
-import { SchemaEx } from '@dxos/effect';
-import { type Space, SpaceState, getSpace, isSpace, useSpaces } from '@dxos/react-client/echo';
-import { Input } from '@dxos/react-ui';
-import { type FormFieldRendererProps, SelectField } from '@dxos/react-ui-form';
-import { HuePicker, IconPicker } from '@dxos/react-ui-pickers';
-import { ViewAnnotation } from '@dxos/schema';
-import { Position } from '@dxos/util';
-
-import {
-  CollectionArticle,
-  CollectionSection,
-  CreateObjectDialog,
-  CreateSpaceDialog,
-  DefaultProperties,
-  ImportSpaceDialog,
-  InlineSyncStatus,
-  JoinDialog,
-  MembersContainer,
-  MenuFooter,
-  ObjectCardStack,
-  RecordArticle,
-  RelatedArticle,
-  RenamePopover,
-  type RenameSubject,
-  SchemaContainer,
-  SmallPresenceLive,
-  SpaceHomeArticle,
-  SpaceHomeRecent,
-  SpacePresence,
-  SpaceSettings,
-  SpaceSettingsContainer,
-  SyncStatus,
-  TypeCollectionArticle,
-  ViewEditor,
-} from '#containers';
-import { meta } from '#meta';
-import { SpaceOperation } from '#operations';
-import {
-  HueAnnotationId,
-  IconAnnotationId,
-  Settings,
-  SPACE_HOME_NODE_TYPE,
-  SpaceCapabilities,
-  SpaceHomeContent,
-  type TypeInputOptions,
-  TypeInputOptionsAnnotationId,
-} from '#types';
-
-import {
-  CREATE_OBJECT_DIALOG,
-  CREATE_SPACE_DIALOG,
-  IMPORT_SPACE_DIALOG,
-  JOIN_DIALOG,
-  RENAME_POPOVER,
-} from '../constants';
-
-type ReactSurfaceOptions = {
-  createInvitationUrl: (invitationCode: string) => string;
-};
-
-export default Capability.makeModule(
-  Effect.fnUntraced(function* ({ createInvitationUrl }: ReactSurfaceOptions) {
-    return Capability.contributes(Capabilities.ReactSurface, [
-      Surface.create({
-        id: 'spaceHome',
-        filter: AppSurface.literal(AppSurface.Article, SPACE_HOME_NODE_TYPE),
-        component: ({ data, role }) => (
-          <SpaceHomeArticle role={role} attendableId={data.attendableId} space={data.properties?.space} />
-        ),
-      }),
-      Surface.create({
-        id: 'spaceHomeRecent',
-        filter: Surface.makeFilter(SpaceHomeContent),
-        component: ({ data }) => <SpaceHomeRecent space={data.space} />,
-      }),
-      Surface.create({
-        id: 'collectionFallback',
-        position: Position.last,
-        filter: AppSurface.object(AppSurface.Article, Collection.Collection),
-        component: ({ data }) => <CollectionArticle attendableId={data.attendableId} subject={data.subject} />,
-      }),
-      Surface.create({
-        id: 'recordArticle',
-        position: Position.last,
-        filter: AppSurface.subject(AppSurface.Article, Obj.isObject),
-        component: ({ data }) => <RecordArticle subject={data.subject} />,
-      }),
-      Surface.create({
-        id: 'typeCollection',
-        filter: AppSurface.subject(AppSurface.Article, Type.isType),
-        component: ({ data, role }) => {
-          const space = isSpace(data.properties?.space) ? data.properties.space : undefined;
-          if (!space) {
-            return null;
-          }
-
-          return (
-            <TypeCollectionArticle
-              role={role}
-              space={space}
-              typeUri={Type.getURI(data.subject)}
-              attendableId={data.attendableId}
-            />
-          );
-        },
-      }),
-      Surface.create({
-        id: 'pluginSettings',
-        filter: AppSurface.settings(AppSurface.Article, meta.profile.key),
-        component: ({ data: { subject } }) => {
-          const spaces = useSpaces();
-          const { invokePromise } = useOperationInvoker();
-          const { settings, updateSettings } = useSettingsState<Settings.Settings>(subject.atom);
-          return (
-            <SpaceSettings
-              spaces={spaces}
-              onOpenSpaceSettings={(space: Space) => invokePromise(SpaceOperation.OpenSettings, { space })}
-              settings={settings}
-              onSettingsChange={updateSettings}
-            />
-          );
-        },
-      }),
-      Surface.create({
-        id: 'companion.objectProperties',
-        filter: AppSurface.allOf(
-          AppSurface.literal(AppSurface.Article, 'settings'),
-          AppSurface.companion(AppSurface.Article),
-        ),
-        component: ({ ref, data, role }) => <DefaultProperties role={role} subject={data.companionTo} ref={ref} />,
-      }),
-      Surface.create({
-        id: 'companion.related',
-        filter: AppSurface.allOf(
-          AppSurface.literal(AppSurface.Article, 'related'),
-          AppSurface.companion(AppSurface.Article),
-        ),
-        component: ({ data, role }) => <RelatedArticle role={role} companionTo={data.companionTo} />,
-      }),
-      Surface.create({
-        id: 'spaceSettingsProperties',
-        filter: AppSurface.literal(AppSurface.Article, `${meta.profile.key}.general`),
-        component: ({ ref }) => {
-          const space = useActiveSpace();
-          if (!space) {
-            return null;
-          }
-
-          return <SpaceSettingsContainer space={space} />;
-        },
-      }),
-      Surface.create({
-        id: 'spaceSettingsMembers',
-        position: Position.first,
-        filter: AppSurface.literal(AppSurface.Article, `${meta.profile.key}.members`),
-        component: () => {
-          const space = useActiveSpace();
-          if (!space) {
-            return null;
-          }
-
-          return <MembersContainer space={space} createInvitationUrl={createInvitationUrl} />;
-        },
-      }),
-      Surface.create({
-        id: 'spaceSettingsSchema',
-        filter: AppSurface.literal(AppSurface.Article, `${meta.profile.key}.schema`),
-        component: () => {
-          const space = useActiveSpace();
-          if (!space) {
-            return null;
-          }
-
-          return <SchemaContainer space={space} />;
-        },
-      }),
-      Surface.create({
-        id: 'selectedObjects',
-        filter: AppSurface.allOf(
-          AppSurface.literal(AppSurface.Article, 'selected-objects'),
-          AppSurface.companion(AppSurface.Article, Obj.isObject),
-        ),
-        // TODO(burdon): Replace with mosaic.
-        component: ({ data, ref }) => {
-          const type = Obj.getType(data.companionTo);
-          const path = type
-            ? Option.getOrElse(ViewAnnotation.get(Type.getSchema(type)), () => [] as readonly string[])
-            : [];
-          const view = path.length > 0 ? ViewAnnotation.tryGetTargetAlongPath(data.companionTo, path) : undefined;
-          if (!view) {
-            return null;
-          }
-
-          return (
-            <ObjectCardStack
-              key={Obj.getURI(data.companionTo)}
-              objectId={Obj.getURI(data.companionTo)}
-              view={view}
-              ref={ref}
-            />
-          );
-        },
-      }),
-      Surface.create({
-        id: JOIN_DIALOG,
-        filter: AppSurface.component<ComponentProps<typeof JoinDialog>>(AppSurface.Dialog, JOIN_DIALOG),
-        component: ({ data }) => <JoinDialog {...data.props} />,
-      }),
-      Surface.create({
-        id: CREATE_SPACE_DIALOG,
-        filter: AppSurface.component(AppSurface.Dialog, CREATE_SPACE_DIALOG),
-        component: () => <CreateSpaceDialog />,
-      }),
-      Surface.create({
-        id: IMPORT_SPACE_DIALOG,
-        filter: AppSurface.component(AppSurface.Dialog, IMPORT_SPACE_DIALOG),
-        component: () => <ImportSpaceDialog />,
-      }),
-      Surface.create({
-        id: CREATE_OBJECT_DIALOG,
-        filter: AppSurface.component<ComponentProps<typeof CreateObjectDialog>>(
-          AppSurface.Dialog,
-          CREATE_OBJECT_DIALOG,
-        ),
-        component: ({ data }) => <CreateObjectDialog {...data.props} />,
-      }),
-      Surface.create({
-        id: 'createInitialSpaceFormHue',
-        filter: AppSurface.formInputBySchema((ast) => !!SchemaEx.findAnnotation<boolean>(ast, HueAnnotationId)),
-        component: ({ data, ...inputProps }) => {
-          const ast = data.fieldPropertyAst;
-          if (!ast) {
-            return null;
-          }
-
-          const { label, readonly, getValue, onValueChange } = inputProps as any as FormFieldRendererProps;
-          const handleChange = useCallback((nextHue: string) => onValueChange(ast, nextHue), [ast, onValueChange]);
-          const handleReset = useCallback(() => onValueChange(ast, undefined), [ast, onValueChange]);
-          return (
-            <Input.Root>
-              <Input.Label>{label}</Input.Label>
-              <HuePicker disabled={!!readonly} value={getValue() ?? ''} onChange={handleChange} onReset={handleReset} />
-            </Input.Root>
-          );
-        },
-      }),
-      Surface.create({
-        id: 'createInitialSpaceFormIcon',
-        filter: AppSurface.formInputBySchema((ast) => !!SchemaEx.findAnnotation<boolean>(ast, IconAnnotationId)),
-        component: ({ data, ...inputProps }) => {
-          const ast = data.fieldPropertyAst;
-          if (!ast) {
-            return null;
-          }
-
-          const { label, readonly, getValue, onValueChange } = inputProps as any as FormFieldRendererProps;
-          const handleChange = useCallback((nextIcon: string) => onValueChange(ast, nextIcon), [ast, onValueChange]);
-          const handleReset = useCallback(() => onValueChange(ast, undefined), [ast, onValueChange]);
-          return (
-            <Input.Root>
-              <Input.Label>{label}</Input.Label>
-              <IconPicker
-                disabled={!!readonly}
-                value={getValue() ?? ''}
-                onChange={handleChange}
-                onReset={handleReset}
-              />
-            </Input.Root>
-          );
-        },
-      }),
-      Surface.create({
-        id: 'typenameFormInput',
-        filter: AppSurface.formInput(
-          (data) =>
-            data.prop === 'typename' && !!SchemaEx.findAnnotation(data.schema.ast, TypeInputOptionsAnnotationId),
-        ),
-        component: ({ data, ...inputProps }) => {
-          const ast = data.fieldPropertyAst;
-          if (!ast) {
-            return null;
-          }
-
-          const props = { ...inputProps, type: ast } as any as FormFieldRendererProps;
-          const target = data.target;
-          const db = Database.isDatabase(target) ? target : Obj.isObject(target) ? Obj.getDatabase(target) : undefined;
-          const annotation = SchemaEx.findAnnotation<TypeInputOptions>(data.schema.ast, TypeInputOptionsAnnotationId)!;
-          const options = useTypeOptions({ db, annotation });
-
-          return <SelectField {...props} options={options} />;
-        },
-      }),
-      Surface.create({
-        id: 'objectProperties',
-        filter: Surface.makeFilter(AppSurface.ObjectProperties, (data) => {
-          if (!Obj.isObject(data.subject)) {
-            return false;
-          }
-          const type = Obj.getType(data.subject);
-          const path = type
-            ? Option.getOrElse(ViewAnnotation.get(Type.getSchema(type)), () => [] as readonly string[])
-            : [];
-          const viewTarget = path.length > 0 ? ViewAnnotation.tryGetTargetAlongPath(data.subject, path) : undefined;
-          return !!viewTarget;
-        }),
-        component: ({ data }) => {
-          const type = Obj.getType(data.subject);
-          const path = type
-            ? Option.getOrElse(ViewAnnotation.get(Type.getSchema(type)), () => [] as readonly string[])
-            : [];
-          const view = path.length > 0 ? ViewAnnotation.tryGetTargetAlongPath(data.subject, path) : undefined;
-          if (!view) {
-            return null;
-          }
-
-          return <ViewEditor view={view} />;
-        },
-      }),
-      Surface.create({
-        id: RENAME_POPOVER,
-        filter: AppSurface.component<RenameSubject>(AppSurface.Popover, RENAME_POPOVER),
-        component: ({ data }) => <RenamePopover subject={data.props} />,
-      }),
-      Surface.create({
-        id: 'menuFooter',
-        filter: AppSurface.subject(AppSurface.MenuFooter, Obj.isObject),
-        component: ({ data }) => <MenuFooter object={data.subject} />,
-      }),
-      Surface.create({
-        id: 'navtreePresence',
-        filter: AppSurface.subject(AppSurface.NavtreeItemEnd, Obj.isObject),
-        component: ({ data }) => {
-          const ephemeral = useAtomCapability(SpaceCapabilities.EphemeralState);
-          return <SmallPresenceLive id={data.id} open={data.open} viewers={ephemeral.viewersByObject[data.id]} />;
-        },
-      }),
-      // TODO(wittjosiah): Attention glyph for non-echo items should be handled elsewhere.
-      Surface.create({
-        id: 'navtreePresenceFallback',
-        position: Position.last,
-        filter: Surface.makeFilter(AppSurface.NavtreeItemEnd),
-        component: ({ data }) => <SmallPresenceLive id={data.id} open={data.open} />,
-      }),
-      // TODO(wittjosiah): Broken?
-      Surface.create({
-        id: 'navtreeSyncStatus',
-        filter: AppSurface.subject(AppSurface.NavtreeItemEnd, isSpace),
-        component: ({ data }) => <InlineSyncStatus space={data.subject} open={data.open} />,
-      }),
-      Surface.create({
-        id: 'navbarPresence',
-        position: Position.first,
-        filter: AppSurface.subject(
-          AppSurface.NavbarEnd,
-          (value): value is Space | Obj.Unknown => isSpace(value) || Obj.isObject(value),
-        ),
-        component: ({ data }) => {
-          const space = isSpace(data.subject) ? data.subject : getSpace(data.subject);
-          const object = isSpace(data.subject)
-            ? data.subject.state.get() === SpaceState.SPACE_READY
-              ? space &&
-                Annotation.get(space.properties, AppAnnotation.RootCollectionAnnotation).pipe(Option.getOrUndefined)
-                  ?.target
-              : undefined
-            : data.subject;
-
-          return object ? <SpacePresence object={object} /> : null;
-        },
-      }),
-      Surface.create({
-        id: 'collectionSection',
-        filter: AppSurface.object(AppSurface.Section, Collection.Collection),
-        component: ({ data }) => <CollectionSection subject={data.subject} />,
-      }),
-      Surface.create({
-        id: 'syncStatus',
-        filter: Surface.makeFilter(AppSurface.StatusIndicator),
-        component: () => <SyncStatus />,
-      }),
-    ]);
-  }),
-);

package/src/containers/MenuFooter/MenuFooter.tsx

@@ -1,33 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import React from 'react';
-
-import { AppSpace } from '@dxos/app-toolkit';
-import { getSpace } from '@dxos/client/echo';
-import { type Obj } from '@dxos/echo';
-import { DropdownMenu, Icon, toLocalizedString, useTranslation } from '@dxos/react-ui';
-
-import { meta } from '#meta';
-
-import { getSpaceDisplayName } from '../../util';
-
-export const MenuFooter = ({ object }: { object: Obj.Unknown }) => {
-  const { t } = useTranslation(meta.profile.key);
-  const space = getSpace(object);
-  const spaceName = space ? getSpaceDisplayName(space, { personal: AppSpace.isPersonalSpace(space) }) : '';
-  return space ? (
-    <>
-      <DropdownMenu.Separator />
-      <DropdownMenu.GroupLabel>{t('menu-footer.label')}</DropdownMenu.GroupLabel>
-      <dl className='ps-2 mb-2 text-xs grid grid-cols-[max-content_1fr] gap-2'>
-        <dt className='uppercase text-[.75em] tracking-wide font-medium mt-px self-start'>{t('location.label')}</dt>
-        <dd className='line-clamp-3'>
-          <Icon icon='ph--planet--regular' classNames='inline-block me-1' />
-          {toLocalizedString(spaceName, t)}
-        </dd>
-      </dl>
-    </>
-  ) : null;
-};

package/src/containers/MenuFooter/index.ts

@@ -1,5 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-export { MenuFooter as default } from './MenuFooter';

package/src/containers/TypeCollectionArticle/TypeCollectionArticle.stories.tsx

@@ -1,116 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { type Meta, type StoryObj } from '@storybook/react-vite';
-import * as Effect from 'effect/Effect';
-import * as Schema from 'effect/Schema';
-import React from 'react';
-
-import { Capability } from '@dxos/app-framework';
-import { withPluginManager } from '@dxos/app-framework/testing';
-import { AppAnnotation, AppCapabilities } from '@dxos/app-toolkit';
-import { Annotation, DXN, Obj, Type } from '@dxos/echo';
-import { LabelAnnotation } from '@dxos/echo/Annotation';
-import { ClientPlugin } from '@dxos/plugin-client/testing';
-import { PreviewPlugin } from '@dxos/plugin-preview/testing';
-import { StorybookPlugin, corePlugins } from '@dxos/plugin-testing';
-import { useSpaces } from '@dxos/react-client/echo';
-import { Loading, withLayout } from '@dxos/react-ui/testing';
-
-import { translations } from '#translations';
-
-import { TypeCollectionArticle } from './TypeCollectionArticle';
-
-/**
- * Type that opts in to a content preview card via `CardAnnotation`.
- */
-class CardType extends Type.makeObject<CardType>(DXN.make('org.dxos.type.test.cardType', '0.1.0'))(
-  Schema.Struct({
-    name: Schema.optional(Schema.String),
-    description: Schema.optional(Schema.String),
-  }).pipe(
-    LabelAnnotation.set(['name']),
-    Annotation.IconAnnotation.set({ icon: 'ph--cards--regular', hue: 'emerald' }),
-    AppAnnotation.CardAnnotation.set(true),
-  ),
-) {}
-
-/**
- * Type without the annotation; renders as a header-only tile.
- */
-class PlainType extends Type.makeObject<PlainType>(DXN.make('org.dxos.type.test.plainType', '0.1.0'))(
-  Schema.Struct({
-    name: Schema.optional(Schema.String),
-    description: Schema.optional(Schema.String),
-  }).pipe(LabelAnnotation.set(['name']), Annotation.IconAnnotation.set({ icon: 'ph--circle--regular', hue: 'indigo' })),
-) {}
-
-const OBJECT_COUNT = 6;
-
-type StoryArgs = {
-  type: Type.AnyObj;
-};
-
-const DefaultStory = ({ type }: StoryArgs) => {
-  const spaces = useSpaces();
-  const space = spaces[spaces.length - 1];
-  if (!space) {
-    return <Loading />;
-  }
-
-  return <TypeCollectionArticle role='article' space={space} typeUri={Type.getURI(type)} attendableId='story' />;
-};
-
-const meta = {
-  title: 'plugins/plugin-space/containers/TypeCollectionArticle',
-  render: DefaultStory,
-  decorators: [
-    withLayout({ layout: 'fullscreen' }),
-    withPluginManager({
-      capabilities: [Capability.contributes(AppCapabilities.Translations, translations)],
-      plugins: [
-        ...corePlugins(),
-        StorybookPlugin({}),
-        PreviewPlugin(),
-        ClientPlugin({
-          types: [CardType, PlainType],
-          onClientInitialized: ({ client }) =>
-            Effect.gen(function* () {
-              yield* Effect.promise(() => client.halo.createIdentity());
-              const space = yield* Effect.promise(() => client.spaces.create());
-              yield* Effect.promise(() => space.waitUntilReady());
-
-              for (let i = 0; i < OBJECT_COUNT; i++) {
-                space.db.add(
-                  Obj.make(CardType, { name: `Card ${i + 1}`, description: `Preview body for card ${i + 1}.` }),
-                );
-                space.db.add(Obj.make(PlainType, { name: `Plain ${i + 1}`, description: `Plain object ${i + 1}.` }));
-              }
-            }),
-        }),
-      ],
-    }),
-  ],
-  parameters: {
-    layout: 'fullscreen',
-  },
-} satisfies Meta<typeof DefaultStory>;
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-/** Collection of objects without the annotation — header-only tiles. */
-export const Default: Story = {
-  args: {
-    type: PlainType,
-  },
-};
-
-/** Collection of objects whose type carries `CardAnnotation` — tiles render a preview body. */
-export const WithCardContent: Story = {
-  args: {
-    type: CardType,
-  },
-};