@dxos/plugin-space 0.9.1-main.c7dcc2e112 → 0.9.1-staging.ee54ba693a

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

@@ -0,0 +1,116 @@
+//
+// 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,
+  },
+};

package/src/containers/TypeCollectionArticle/TypeCollectionArticle.tsx

@@ -0,0 +1,162 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import * as Option from 'effect/Option';
+import React, { useCallback, useMemo } from 'react';
+
+import { Surface, useOperationInvoker } from '@dxos/app-framework/ui';
+import { AppAnnotation, LayoutOperation, Paths } from '@dxos/app-toolkit';
+import { AppSurface } from '@dxos/app-toolkit/ui';
+import { Filter, Obj, Type } from '@dxos/echo';
+import { type URI } from '@dxos/keys';
+import { type Space, useObject, useQuery } from '@dxos/react-client/echo';
+import { Card, Focus, Icon, Panel, useTranslation } from '@dxos/react-ui';
+import { useSelection } from '@dxos/react-ui-attention';
+import { Empty } from '@dxos/react-ui-list';
+import { Masonry } from '@dxos/react-ui-masonry';
+import { getStyles } from '@dxos/ui-theme';
+
+import { meta } from '#meta';
+
+export type TypeCollectionArticleProps = {
+  role?: string;
+  space: Space;
+  typeUri: URI.URI;
+  attendableId: string;
+};
+
+/**
+ * List view rendered when a type node is selected: a masonry grid of header-only cards, one per object
+ * of the type. Selecting a card navigates to that object, opening it as a sibling plank. Objects are not
+ * enumerated in the nav tree; each navigated object becomes a hidden child of the type node resolved on demand.
+ */
+export const TypeCollectionArticle = ({ role, space, typeUri, attendableId }: TypeCollectionArticleProps) => {
+  const { t } = useTranslation(meta.profile.key);
+  const { invokePromise } = useOperationInvoker();
+  const currentId = useSelection(attendableId, 'single');
+
+  const objects = useQuery(space.db, Filter.type(typeUri));
+
+  const handleOpen = useCallback(
+    (object: Obj.Unknown) => {
+      const id = Obj.getURI(object);
+      void invokePromise(LayoutOperation.Select, { contextId: attendableId, subject: { mode: 'single', id } });
+      void invokePromise(LayoutOperation.Open, {
+        subject: [Paths.getObjectPathFromObject(object)],
+        pivotId: attendableId,
+        navigation: 'immediate',
+      });
+    },
+    [attendableId, invokePromise],
+  );
+
+  const handleDelete = useCallback((object: Obj.Unknown) => {
+    Obj.getDatabase(object)?.remove(object);
+  }, []);
+
+  const tileItems = useMemo<TileData[]>(
+    () =>
+      objects.map((object) => ({
+        object,
+        current: Obj.getURI(object) === currentId,
+        onOpen: handleOpen,
+        onDelete: Obj.getParent(object) ? undefined : handleDelete,
+      })),
+    [objects, currentId, handleOpen, handleDelete],
+  );
+
+  return (
+    <Panel.Root role={role}>
+      <Panel.Toolbar />
+      <Panel.Content>
+        {objects.length === 0 ? (
+          <Empty classNames='bs-full' label={t('type-collection-empty.message')} />
+        ) : (
+          <Masonry.Root Tile={TileAdapter}>
+            <Masonry.Content classNames='p-trim-md'>
+              <Masonry.Viewport getId={(data) => Obj.getURI(data.object)} items={tileItems} />
+            </Masonry.Content>
+          </Masonry.Root>
+        )}
+      </Panel.Content>
+    </Panel.Root>
+  );
+};
+
+type TileData = {
+  object: Obj.Unknown;
+  current: boolean;
+  onOpen: (object: Obj.Unknown) => void;
+  onDelete?: (object: Obj.Unknown) => void;
+};
+
+const TileAdapter = ({ data }: { data: TileData | undefined; index: number }) => {
+  if (!data?.object) {
+    return null;
+  }
+
+  return (
+    <TypeCollectionTile object={data.object} current={data.current} onOpen={data.onOpen} onDelete={data.onDelete} />
+  );
+};
+
+type TypeCollectionTileProps = TileData;
+
+/** Selectable header-only card for a single object. */
+const TypeCollectionTile = ({ object, current, onOpen, onDelete }: TypeCollectionTileProps) => {
+  const { t } = useTranslation(meta.profile.key);
+  // Subscribe so the label re-renders when the object changes.
+  const [live] = useObject(object);
+  // Mirror the app-graph label: the object's own label, else the type-scoped placeholder
+  // (e.g. "New video" lives in the type's namespace, not the space plugin's).
+  const typename = Obj.getTypename(live);
+  const label =
+    Obj.getLabel(live) ||
+    t('object-name.placeholder', { ns: typename ?? meta.profile.key, defaultValue: t('object-name.placeholder') });
+
+  const iconAnnotation = Obj.getIcon(live);
+  const icon = iconAnnotation?.icon ?? 'ph--circle-dashed--regular';
+  const iconStyles = iconAnnotation?.hue ? getStyles(iconAnnotation.hue) : undefined;
+
+  // Render a content preview body only for types that opt in via `CardAnnotation`.
+  const type = Obj.getType(object);
+  const showCardContent =
+    !!type && Option.getOrElse(AppAnnotation.CardAnnotation.get(Type.getSchema(type)), () => false);
+  const cardData = useMemo<AppSurface.ObjectCardData>(() => ({ subject: object }), [object]);
+
+  // `Focus.Item` calls `onCurrentChange` on click and on Enter.
+  const handleCurrentChange = useCallback(() => onOpen(object), [onOpen, object]);
+
+  const menuItems = useMemo(
+    () => [
+      ...(onDelete
+        ? [
+            {
+              label: t('delete-object.label', {
+                ns: typename ?? meta.profile.key,
+                defaultValue: t('delete-object.label'),
+              }),
+              onClick: () => onDelete?.(object),
+            },
+          ]
+        : []),
+    ],
+    [t, typename, onDelete, object],
+  );
+
+  return (
+    <Focus.Item asChild current={current} onCurrentChange={handleCurrentChange}>
+      <Card.Root fullWidth classNames={['dx-hover cursor-pointer', current && 'dx-current']}>
+        <Card.Header>
+          <Card.Block>
+            <Icon icon={icon} classNames={iconStyles?.text} />
+          </Card.Block>
+          <Card.Title>{label}</Card.Title>
+          {menuItems.length > 0 && <Card.Menu items={menuItems} />}
+        </Card.Header>
+        {showCardContent && <Surface.Surface type={AppSurface.CardContent} data={cardData} limit={1} />}
+      </Card.Root>
+    </Focus.Item>
+  );
+};

package/src/containers/TypeCollectionArticle/index.ts

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

package/src/containers/index.ts

@@ -5,18 +5,19 @@
 import { type ComponentType, lazy } from 'react';
 
 export type { CreateObjectDialogProps } from './CreateObjectDialog';
+export type { RenameSubject } from './RenamePopover';
 
 export const CollectionArticle: ComponentType<any> = lazy(() => import('./CollectionArticle'));
 export const CollectionSection: ComponentType<any> = lazy(() => import('./CollectionSection'));
 export const CreateObjectDialog: ComponentType<any> = lazy(() => import('./CreateObjectDialog'));
 export const CreateSpaceDialog: ComponentType<any> = lazy(() => import('./CreateSpaceDialog'));
+export const DefaultProperties: ComponentType<any> = lazy(() => import('./DefaultProperties'));
 export const ImportSpaceDialog: ComponentType<any> = lazy(() => import('./ImportSpaceDialog'));
 export const InlineSyncStatus: ComponentType<any> = lazy(() => import('./InlineSyncStatus'));
 export const JoinDialog: ComponentType<any> = lazy(() => import('./JoinDialog'));
 export const MembersContainer: ComponentType<any> = lazy(() => import('./MembersContainer'));
 export const MenuFooter: ComponentType<any> = lazy(() => import('./MenuFooter'));
 export const ObjectCardStack: ComponentType<any> = lazy(() => import('./ObjectCardStack'));
-export const ObjectProperties: ComponentType<any> = lazy(() => import('./ObjectProperties'));
 export const RecordArticle: ComponentType<any> = lazy(() => import('./RecordArticle'));
 export const RelatedArticle: ComponentType<any> = lazy(() => import('./RelatedArticle'));
 export const RenamePopover: ComponentType<any> = lazy(() => import('./RenamePopover'));
@@ -25,6 +26,8 @@ export const SmallPresenceLive: ComponentType<any> = lazy(() => import('./SmallP
 export const SpacePresence: ComponentType<any> = lazy(() => import('./SpacePresence'));
 export const SpaceHomeArticle: ComponentType<any> = lazy(() => import('./SpaceHomeArticle'));
 export const SpaceHomeRecent: ComponentType<any> = lazy(() => import('./SpaceHomeRecent'));
+export const SpaceSettings: ComponentType<any> = lazy(() => import('./SpaceSettings'));
 export const SpaceSettingsContainer: ComponentType<any> = lazy(() => import('./SpaceSettingsContainer'));
 export const SyncStatus: ComponentType<any> = lazy(() => import('./SyncStatus'));
+export const TypeCollectionArticle: ComponentType<any> = lazy(() => import('./TypeCollectionArticle'));
 export const ViewEditor: ComponentType<any> = lazy(() => import('./ViewEditor'));

package/src/errors.ts

@@ -0,0 +1,11 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+import { BaseError } from '@dxos/errors';
+
+/** Space invitations authenticate against a local HALO identity; there is nothing to redeem without one. */
+export class NoIdentityError extends BaseError.extend(
+  'NoIdentityError',
+  'A local identity is required to accept a space invitation.',
+) {}

package/src/index.ts

@@ -2,6 +2,7 @@
 // Copyright 2023 DXOS.org
 //
 
+export * from './errors';
 export * from './meta';
 export * from './types';
 export * from './util';

package/src/operations/add-object.ts

@@ -3,9 +3,9 @@
 import * as Effect from 'effect/Effect';
 import * as Option from 'effect/Option';
 
-import { CollectionModel, Paths } from '@dxos/app-toolkit';
+import { AppNode, CollectionModel, Paths } from '@dxos/app-toolkit';
 import { Operation } from '@dxos/compute';
-import { Collection, Database, Filter, Obj, Query, Scope, Type } from '@dxos/echo';
+import { Database, Filter, Obj, Query, Scope, Type } from '@dxos/echo';
 import { invariant } from '@dxos/invariant';
 import { ObservabilityOperation } from '@dxos/plugin-observability';
 import { ViewAnnotation, getTypeURIFromQuery } from '@dxos/schema';
@@ -23,7 +23,6 @@ const handler: Operation.WithHandler<typeof SpaceOperation.AddObject> = SpaceOpe
       yield* CollectionModel.add({
         object,
         target: Database.isDatabase(target) ? undefined : target,
-        hidden: input.hidden,
       }).pipe(Effect.provide(Database.layer(db)));
 
       const typename = Obj.getTypename(object)!;
@@ -60,6 +59,7 @@ const handler: Operation.WithHandler<typeof SpaceOperation.AddObject> = SpaceOpe
         spaceId: db.spaceId,
         objectId: object.id,
         nodeId: input.targetNodeId,
+        object,
         typename,
         typeSlug,
         viewTargetSlug: viewTargetUri ? Paths.getTypeSlugFromUri(viewTargetUri) : undefined,
@@ -79,17 +79,18 @@ const getSubjectPathForNewObject = (props: {
   spaceId: string;
   objectId: string;
   nodeId?: string;
+  object: Obj.Unknown;
   typename: string;
   /** Slug of the object's own type ({@link getTypeSlug}) — keys the `types/<slug>` node it files under. */
   typeSlug: string;
   /** Slug of the view holder's target type, when the object is a view holder. */
   viewTargetSlug?: string;
 }): string => {
-  const { nodeId, typename, typeSlug, viewTargetSlug, spaceId, objectId } = props;
+  const { nodeId, object, typeSlug, viewTargetSlug, spaceId, objectId } = props;
   if (typeof nodeId === 'string') {
     return Paths.getCollectionObjectPath(nodeId, objectId);
   }
-  if (typename === Type.getTypename(Collection.Collection)) {
+  if (AppNode.isCollectionItem(object)) {
     return Paths.getCollectionsPath(spaceId, objectId);
   }
   if (viewTargetSlug) {

package/src/operations/add-type.ts

@@ -7,7 +7,7 @@ import { Operation } from '@dxos/compute';
 import { Type } from '@dxos/echo';
 import { ObservabilityOperation } from '@dxos/plugin-observability';
 
-import { SpaceEvents, SpaceCapabilities } from '../types';
+import { SpaceCapabilities, SpaceEvents } from '../types';
 import { SpaceOperation } from './definitions';
 
 const handler: Operation.WithHandler<typeof SpaceOperation.AddType> = SpaceOperation.AddType.pipe(

package/src/operations/create.ts

@@ -6,14 +6,14 @@ import { Capability, Plugin } from '@dxos/app-framework';
 import { AppAnnotation } from '@dxos/app-toolkit';
 import { Operation } from '@dxos/compute';
 import { Annotation, Collection, Obj, Ref } from '@dxos/echo';
-import { MigrationVersionAnnotation, Migrations } from '@dxos/migrations';
+import { Migrations, MigrationVersionAnnotation } from '@dxos/migrations';
 import { ClientCapabilities } from '@dxos/plugin-client';
 import { ObservabilityOperation } from '@dxos/plugin-observability';
 import { EdgeReplicationSetting } from '@dxos/protocols/proto/dxos/echo/metadata';
 import { iconValues } from '@dxos/react-ui-pickers/icons';
 import { hues } from '@dxos/ui-theme';
 
-import { SpaceEvents, SpaceCapabilities } from '../types';
+import { SpaceCapabilities, SpaceEvents } from '../types';
 import { SpaceOperation } from './definitions';
 import { SpaceOperationConfig } from './helpers';
 

package/src/operations/definitions.ts

@@ -8,7 +8,7 @@ import { Capability, Plugin } from '@dxos/app-framework';
 import { SpaceSchema } from '@dxos/client/echo';
 import { CancellableInvitationObservable, Invitation } from '@dxos/client/invitations';
 import { Operation } from '@dxos/compute';
-import { Collection, Database, Entity, Obj, QueryAST, Type, View, DXN } from '@dxos/echo';
+import { Collection, Database, DXN, Entity, Obj, QueryAST, Type, View } from '@dxos/echo';
 import { SpaceArchive } from '@dxos/protocols/proto/dxos/client/services';
 
 import { meta } from '#meta';
@@ -168,7 +168,6 @@ export namespace SpaceOperation {
       target: Schema.Union(Database.Database, Type.getSchema(Collection.Collection)).annotations({
         description: 'The database or collection to add to.',
       }),
-      hidden: Schema.optional(Schema.Boolean),
       targetNodeId: Schema.optional(
         Schema.String.annotations({ description: 'Qualified graph node ID of the target collection.' }),
       ),

package/src/operations/join.ts

@@ -2,16 +2,35 @@
 
 import * as Effect from 'effect/Effect';
 
+import { Capability } from '@dxos/app-framework';
 import { LayoutOperation } from '@dxos/app-toolkit';
 import { Operation } from '@dxos/compute';
+import { ClientCapabilities } from '@dxos/plugin-client';
+
+import { meta } from '#meta';
 
 import { JOIN_DIALOG } from '../constants';
 import { type JoinDialogProps } from '../containers/JoinDialog';
+import { NoIdentityError } from '../errors';
 import { SpaceOperation } from './definitions';
 
 const handler: Operation.WithHandler<typeof SpaceOperation.Join> = SpaceOperation.Join.pipe(
   Operation.withHandler(
     Effect.fnUntraced(function* (input) {
+      const client = yield* Capability.get(ClientCapabilities.Client);
+      if (!client.halo.identity.get()) {
+        // Space invitations authenticate against a local identity; there is nothing to redeem without one.
+        yield* Effect.ignore(
+          Operation.invoke(LayoutOperation.AddToast, {
+            id: `${meta.profile.key}.join-no-identity`,
+            icon: 'ph--warning--regular',
+            title: ['join-no-identity-toast.title', { ns: meta.profile.key }],
+            closeLabel: ['dismiss.label', { ns: meta.profile.key }],
+          }),
+        );
+        return yield* Effect.fail(new NoIdentityError());
+      }
+
       yield* Operation.invoke(LayoutOperation.UpdateDialog, {
         subject: JOIN_DIALOG,
         blockAlign: 'start',

package/src/operations/migrate.ts

@@ -7,7 +7,7 @@ import { Capabilities } from '@dxos/app-framework';
 import { SpaceState } from '@dxos/client/echo';
 import { Operation } from '@dxos/compute';
 import { Annotation } from '@dxos/echo';
-import { MigrationVersionAnnotation, Migrations } from '@dxos/migrations';
+import { Migrations, MigrationVersionAnnotation } from '@dxos/migrations';
 import { ObservabilityOperation } from '@dxos/plugin-observability';
 
 import { SpaceCapabilities } from '../types';

package/src/translations.ts

@@ -148,7 +148,7 @@ export const translations = [
         'object.placeholder': 'Type a title here…',
         'personal-space.label': 'Personal Space',
         'spaces.label': 'Spaces',
-        'space-settings.label': 'Spaces',
+        'space-settings.label': 'Your spaces',
         'space-settings.description':
           'Per-space settings for properties, membership, integrations, and other space-specific objects.',
         'save-files-to-directory.label': 'Save files to disk',
@@ -156,6 +156,7 @@ export const translations = [
         'snapshot-by-schema.label': 'Snapshot of objects',
         'rename-collection.label': 'Rename collection',
         'rename-object.label': 'Rename object',
+        'delete-object.label': 'Delete object',
         'duplicate-object.label': 'Duplicate object',
         'object-deleted.label': 'Object deleted',
         'objects-deleted.label': 'Objects deleted',
@@ -203,6 +204,7 @@ export const translations = [
         'sync-status.title': 'Sync status',
         'dismiss.label': 'Dismiss',
         'join-success.label': 'Successfully joined space',
+        'join-no-identity-toast.title': 'Log in to accept this invitation',
         'name.label': 'Name',
         'name.placeholder': 'Name',
         'object-properties.label': 'Properties',
@@ -227,7 +229,11 @@ export const translations = [
         'expose-object.label': 'Expose in navtree',
         'add-tag.label': 'Add tag',
         'advanced-settings.label': 'Advanced',
+        'settings.show-hidden.label': 'Show hidden types',
+        'settings.show-hidden.description':
+          'Include types annotated as hidden (e.g. Tag, View, Feed) in the database section.',
         'settings.space-list.label': 'Spaces',
+        'settings.space-list.description': 'Settings for each space you belong to.',
         'settings.open-settings.label': 'Open settings',
         'settings-panel.label': 'Open settings',
         'related-actions.label': 'Related Actions',
@@ -264,9 +270,9 @@ export const translations = [
         'hue.description': 'Color used to represent the space in the app.',
         'edge-replication.description':
           "Only change this if you know what you're doing. Disabling this will prevent the space from replicating through Composer's EDGE services, and relies solely on peer-to-peer sync.",
-        'space-key.title': 'Space Key',
-        'space-key.description': 'The unique identifier for this space. Use this to connect external services.',
-        'copy-space-key.label': 'Copy space key',
+        'space-id.title': 'Space ID',
+        'space-id.description': 'The unique identifier for this space. Use this to connect external services.',
+        'copy-space-id.label': 'Copy space ID',
 
         'space-controls.title': 'Space Controls',
         'space-controls.description': 'Advanced controls for this space.',
@@ -299,9 +305,12 @@ export const translations = [
         'sync-upload.label': 'Upload',
         'sync-download.label': 'Download',
 
-        'types-section.label': 'Database',
+        'nav-tree-group-content.label': 'Content',
+        'nav-tree-group-comm.label': 'Communications',
+        'nav-tree-group-system.label': 'System',
+        'database-section.label': 'Database',
         'collections-section.label': 'Collections',
-        'type-collection-all.label': 'All',
+        'type-collection-empty.message': 'No objects of this type yet.',
 
         'search.placeholder': 'Search…',
         'auth-code.message': 'Authorization code',

package/src/types/Settings.ts

@@ -6,6 +6,15 @@
 
 import * as Schema from 'effect/Schema';
 
-export const Settings = Schema.mutable(Schema.Struct({}));
+export const Settings = Schema.mutable(
+  Schema.Struct({
+    showHidden: Schema.optional(
+      Schema.Boolean.annotations({
+        title: 'Show hidden types',
+        description: 'Include types annotated as hidden (e.g. Tag, View, Feed) in the database section.',
+      }),
+    ),
+  }),
+);
 
 export interface Settings extends Schema.Schema.Type<typeof Settings> {}

package/src/types/capabilities.ts

@@ -50,7 +50,7 @@ export namespace SpaceCapabilities {
     `${meta.profile.key}.capability.ephemeral-state`,
   );
 
-  export type SettingsSection = { id: string; label: Label; position?: Position };
+  export type SettingsSection = { id: string; label: Label; position?: Position.Position };
   export const SettingsSection = Capability.make<SettingsSection>(`${meta.profile.key}.capability.settings-section`);
 
   export type OnCreateSpace = (params: {

package/src/util.ts

@@ -40,7 +40,6 @@ export const makeCreateObjectEntryForDatabaseType = (type: Type.AnyObj): SpaceCa
       return yield* Operation.invoke(SpaceOperation.AddObject, {
         object,
         target: options.target,
-        hidden: true,
       });
     }),
 });

package/dist/lib/neutral/CreateObjectDialog-4VMOUKM7.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/containers/CreateObjectDialog/CreateObjectDialog.tsx"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { useAtomValue } from '@effect-atom/atom-react';\nimport * as Effect from 'effect/Effect';\nimport * as Option from 'effect/Option';\nimport React, { useCallback, useMemo, useRef, useState } from 'react';\n\nimport { Capability } from '@dxos/app-framework';\nimport { useOperationInvoker, usePluginManager } from '@dxos/app-framework/ui';\nimport { AppSpace, LayoutOperation, TypeOptions } from '@dxos/app-toolkit';\nimport { PluginRegistryButton, useLayout } from '@dxos/app-toolkit/ui';\nimport { Operation } from '@dxos/compute';\nimport { Annotation, Collection, Database, Obj, Type } from '@dxos/echo';\nimport { EffectEx } from '@dxos/effect';\nimport { invariant } from '@dxos/invariant';\nimport { useClient } from '@dxos/react-client';\nimport { useQuery, useSpaces } from '@dxos/react-client/echo';\nimport { Dialog, toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { ViewAnnotation } from '@dxos/schema';\n\nimport { makeCreateObjectEntryForDatabaseType } from '#capabilities';\nimport { type CreateObjectOption, CreateObjectPanel, type CreateObjectPanelProps } from '#components';\nimport { meta } from '#meta';\nimport { SpaceCapabilities } from '#types';\n\nimport { getSpaceDisplayName } from '../../util';\n\nexport const CREATE_OBJECT_DIALOG = `${meta.profile.key}.CreateObjectDialog`;\n\nexport type CreateObjectDialogProps = Pick<CreateObjectPanelProps, 'target' | 'typename' | 'initialFormValues'> & {\n  views?: boolean;\n  onCreateObject?: (object: Obj.Unknown) => void;\n  shouldNavigate?: (object: Obj.Unknown) => boolean;\n  targetNodeId?: string;\n};\n\nexport const CreateObjectDialog = ({\n  target: initialTarget,\n  typename: initialTypename,\n  views,\n  initialFormValues,\n  onCreateObject,\n  shouldNavigate: _shouldNavigate,\n  targetNodeId,\n}: CreateObjectDialogProps) => {\n  const { t } = useTranslation(meta.profile.key);\n  const manager = usePluginManager();\n  const operationInvoker = useOperationInvoker();\n  const { invoke } = operationInvoker;\n  const [target, setTarget] = useState<Database.Database | Collection.Collection | undefined>(initialTarget);\n  const [typename, setTypename] = useState<string | undefined>(initialTypename);\n  const client = useClient();\n  const spaces = useSpaces();\n  const layout = useLayout();\n  const closeRef = useRef<HTMLButtonElement | null>(null);\n\n  const db = Database.isDatabase(target) ? target : target && Obj.getDatabase(target);\n  const allTypes = useQuery(db, TypeOptions.allTypesQuery);\n  const space = useMemo(() => spaces.find((s) => s.db === db), [spaces, db]);\n  const spaceLabel = useMemo(\n    () =>\n      space &&\n      toLocalizedString(\n        getSpaceDisplayName(space, { personal: space.id === AppSpace.getPersonalSpace(client)?.id }),\n        t,\n      ),\n    [space, client, t],\n  );\n\n  // Index all types by typename for label/icon lookups.\n  const typeByTypename = useMemo(() => {\n    const map = new Map<string, Type.AnyEntity>();\n    for (const type of allTypes) {\n      map.set(Type.getTypename(type), type);\n    }\n    return map;\n  }, [allTypes]);\n\n  const entriesByModule = useAtomValue(manager.capabilities.atomByModule(SpaceCapabilities.CreateObjectEntry));\n\n  const { capabilityEntries, pluginNameByEntryId } = useMemo(() => {\n    const entries: SpaceCapabilities.CreateObjectEntry[] = [];\n    const pluginByEntryId = new Map<string, string>();\n    const plugins = manager.getPlugins();\n    for (const [moduleId, contributions] of Object.entries(entriesByModule)) {\n      const owningPlugin = plugins.find((plugin) => plugin.modules.some((module) => module.id === moduleId));\n      for (const entry of contributions) {\n        entries.push(entry);\n        if (owningPlugin) {\n          pluginByEntryId.set(entry.id, owningPlugin.meta.profile.name);\n        }\n      }\n    }\n    return { capabilityEntries: entries, pluginNameByEntryId: pluginByEntryId };\n  }, [entriesByModule, manager]);\n\n  // Synthesize entries for database-persisted object schemas that have no registered capability.\n  const createObjectEntries = useMemo(() => {\n    const registeredIds = new Set(capabilityEntries.map((e) => e.id));\n    // allTypesQuery returns meta-schema entities which may be any entity kind at runtime,\n    // but the query's TypeScript type is conservatively AnyType[]; widen to enable kind narrowing below.\n    const dbEntries = (allTypes as Type.AnyEntity[])\n      .filter((type): type is Type.AnyObj => Type.isObject(type) && Type.getDatabase(type) != null)\n      .filter((type) => !registeredIds.has(Type.getTypename(type)))\n      .map((type) => makeCreateObjectEntryForDatabaseType(type));\n    return [...capabilityEntries, ...dbEntries];\n  }, [capabilityEntries, allTypes]);\n\n  const resolve = useCallback<NonNullable<CreateObjectPanelProps['resolve']>>(\n    (id) => createObjectEntries.find((entry) => entry.id === id),\n    [createObjectEntries],\n  );\n\n  // The type selector is shown while no type has been resolved; the registry button is only relevant then.\n  const showTypeSelector = !(typename && resolve(typename));\n\n  const viewTypenames = useMemo(() => {\n    const set = new Set<string>();\n    for (const [name, type] of typeByTypename) {\n      if (ViewAnnotation.has(type)) {\n        set.add(name);\n      }\n    }\n    return set;\n  }, [typeByTypename]);\n\n  const options = useMemo<CreateObjectOption[]>(\n    () =>\n      createObjectEntries\n        .filter((entry) => (views === true ? viewTypenames.has(entry.id) : true))\n        .map((entry) => {\n          const type = typeByTypename.get(entry.id);\n          const schema = type && Type.getSchema(type);\n          const iconAnnotation = schema ? Annotation.IconAnnotation.get(schema).pipe(Option.getOrUndefined) : undefined;\n          const isDatabase = type ? Type.getDatabase(type) != null : false;\n          return {\n            id: entry.id,\n            label:\n              (isDatabase && type ? Type.getLabel(type) : undefined) ??\n              t('typename.label', { ns: entry.id, defaultValue: entry.id }),\n            icon: iconAnnotation?.icon,\n            iconHue: iconAnnotation?.hue,\n            plugin: pluginNameByEntryId.get(entry.id),\n            description: isDatabase ? spaceLabel : undefined,\n          };\n        }),\n    [createObjectEntries, views, viewTypenames, typeByTypename, t, pluginNameByEntryId, spaceLabel],\n  );\n\n  const handleCreateObject = useCallback<NonNullable<CreateObjectPanelProps['onCreateObject']>>(\n    ({ metadata, data = {} }) =>\n      Effect.gen(function* () {\n        if (!target) {\n          // TODO(wittjosiah): UI feedback.\n          return;\n        }\n\n        // NOTE: Must close before navigating or attention won't follow object.\n        closeRef.current?.click();\n\n        const db = Database.isDatabase(target) ? target : target && Obj.getDatabase(target);\n        invariant(db, 'Missing database');\n        const result = yield* metadata.createObject(data, { db, target, targetNodeId });\n        const shouldNavigate = _shouldNavigate ?? (() => true);\n        if (result.subject.length > 0 && shouldNavigate(result.object)) {\n          if (layout.mode === 'multi') {\n            yield* invoke(LayoutOperation.Set, {\n              subject: [...result.subject],\n            });\n            yield* invoke(LayoutOperation.Expose, {\n              subject: result.subject[0],\n            });\n          } else {\n            yield* invoke(LayoutOperation.Open, {\n              subject: [...result.subject],\n              navigation: 'immediate',\n            });\n          }\n        }\n\n        onCreateObject?.(result.object);\n      }).pipe(\n        Effect.provideService(Capability.Service, manager.capabilities),\n        Effect.provideService(Operation.Service, operationInvoker),\n        EffectEx.runAndForwardErrors,\n      ),\n    [target, _shouldNavigate, onCreateObject, manager.capabilities, invoke, layout.mode],\n  );\n\n  return (\n    <Dialog.Content>\n      <Dialog.Header>\n        <Dialog.Title>\n          {t('create-object-dialog.title', {\n            object: t('typename.label', { ns: typename, defaultValue: views ? 'View' : 'Object' }),\n          })}\n        </Dialog.Title>\n        <Dialog.Close asChild>\n          <Dialog.ActionIconButton action='close' ref={closeRef} />\n        </Dialog.Close>\n      </Dialog.Header>\n      <Dialog.Body>\n        <CreateObjectPanel\n          options={options}\n          spaces={spaces}\n          target={target}\n          typename={typename}\n          initialFormValues={initialFormValues}\n          defaultSpaceId={AppSpace.getPersonalSpace(client)?.id ?? client.spaces.get()[0]?.id}\n          resolve={resolve}\n          onCreateObject={handleCreateObject}\n          onTargetChange={setTarget}\n          onTypenameChange={setTypename}\n        />\n      </Dialog.Body>\n      {showTypeSelector && (\n        <Dialog.ActionBar>\n          <Dialog.Close asChild>\n            <PluginRegistryButton />\n          </Dialog.Close>\n        </Dialog.ActionBar>\n      )}\n    </Dialog.Content>\n  );\n};\n"],
-  "mappings": "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",
-  "names": ["useAtomValue", "Effect", "Option", "React", "useCallback", "useMemo", "useRef", "useState", "Capability", "useOperationInvoker", "usePluginManager", "AppSpace", "LayoutOperation", "TypeOptions", "PluginRegistryButton", "useLayout", "Operation", "Annotation", "Database", "Obj", "Type", "EffectEx", "invariant", "useClient", "useQuery", "useSpaces", "Dialog", "toLocalizedString", "useTranslation", "ViewAnnotation", "makeCreateObjectEntryForDatabaseType", "CreateObjectPanel", "meta", "SpaceCapabilities", "CREATE_OBJECT_DIALOG", "meta", "profile", "manager", "usePluginManager", "operationInvoker", "useOperationInvoker", "initialTarget", "typename", "setTypename", "client", "useClient", "spaces", "useSpaces", "layout", "useLayout", "closeRef", "db", "Database", "isDatabase", "allTypes", "useQuery", "space", "useMemo", "s", "t", "map", "Type", "getTypename", "pluginByEntryId", "Map", "plugins", "contributions", "owningPlugin", "find", "entry", "entries", "pluginNameByEntryId", "entriesByModule", "capabilityEntries", "dbEntries", "Set", "type", "typeByTypename", "ViewAnnotation", "set", "add", "name", "schema", "iconAnnotation", "Annotation", "getDatabase", "id", "label", "ns", "defaultValue", "icon", "iconHue", "plugin", "description", "createObjectEntries", "views", "viewTypenames", "spaceLabel", "invariant", "result", "createObject", "target", "targetNodeId", "invoke", "LayoutOperation", "subject", "navigation", "onCreateObject", "pipe", "_shouldNavigate", "mode", "Dialog", "asChild", "ActionIconButton", "action", "options", "initialFormValues", "defaultSpaceId", "resolve", "handleCreateObject", "onTargetChange", "onTypenameChange", "showTypeSelector", "PluginRegistryButton"]
-}

package/dist/lib/neutral/JoinDialog-QZGNRJ4P.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/containers/JoinDialog/JoinDialog.tsx"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useCallback } from 'react';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { LayoutOperation, Paths } from '@dxos/app-toolkit';\nimport { useAppGraph } from '@dxos/app-toolkit/ui';\nimport { Trigger } from '@dxos/async';\nimport { Graph } from '@dxos/plugin-graph';\nimport { ObservabilityOperation } from '@dxos/plugin-observability';\nimport { useClient } from '@dxos/react-client';\nimport { type Space } from '@dxos/react-client/echo';\nimport { type InvitationResult } from '@dxos/react-client/invitations';\nimport { Dialog, useTranslation } from '@dxos/react-ui';\nimport { JoinPanel, type JoinPanelProps } from '@dxos/shell/react';\nimport { osTranslations } from '@dxos/ui-theme';\n\nimport { meta } from '#meta';\n\nexport const JOIN_DIALOG = `${meta.profile.key}.JoinDialog`;\n\nexport type JoinDialogProps = JoinPanelProps & {\n  navigableCollections?: boolean;\n};\n\nexport const JoinDialog = ({ navigableCollections, onDone, ...props }: JoinDialogProps) => {\n  const { invokePromise } = useOperationInvoker();\n  const client = useClient();\n  const { graph } = useAppGraph();\n  const { t } = useTranslation(meta.profile.key);\n\n  const handleDone = useCallback(\n    async (result: InvitationResult | null) => {\n      const spaceKey = result?.spaceKey;\n      if (!spaceKey) {\n        return;\n      }\n\n      await Promise.all([\n        invokePromise(LayoutOperation.AddToast, {\n          id: `${meta.profile.key}.join-success`,\n          duration: 5_000,\n          title: ['join-success.label', { ns: meta.profile.key }],\n          closeLabel: ['dismiss.label', { ns: meta.profile.key }],\n        }),\n        invokePromise(LayoutOperation.UpdateDialog, { state: false }),\n      ]);\n\n      let space = client.spaces.get(spaceKey);\n      if (!space) {\n        // TODO(wittjosiah): Add api to wait for a space.\n        const trigger = new Trigger<Space>();\n        client.spaces.subscribe(() => {\n          const space = client.spaces.get(spaceKey);\n          if (space) {\n            trigger.wake(space);\n          }\n        });\n        space = await trigger.wait();\n      }\n\n      await invokePromise(LayoutOperation.SwitchWorkspace, { subject: Paths.getSpacePath(space.id) });\n\n      const target = result?.target;\n      if (target) {\n        // Wait before navigating to the target node.\n        // If the target has not yet replicated, this will trigger a loading toast.\n        await Graph.waitForPath(graph, { target }).catch(() => {});\n        await Promise.all([\n          invokePromise(LayoutOperation.Open, { subject: [target] }),\n          invokePromise(LayoutOperation.Expose, { subject: target }),\n        ]);\n      } else {\n        await invokePromise(LayoutOperation.Open, {\n          subject: [Paths.getSpaceHomePath(space.id)],\n          workspace: Paths.getSpacePath(space.id),\n        });\n      }\n\n      onDone?.(result);\n\n      if (space) {\n        await invokePromise(ObservabilityOperation.SendEvent, {\n          name: 'space.join',\n          properties: {\n            spaceId: space.id,\n          },\n        });\n      }\n    },\n    [invokePromise, client, graph, navigableCollections, onDone],\n  );\n\n  // TODO(burdon): Move JoinHeading into Dialog.Heading.\n  return (\n    <Dialog.Content>\n      <Dialog.Title classNames='sr-only'>{t('join-space.label', { ns: osTranslations })}</Dialog.Title>\n      <Dialog.Body>\n        <JoinPanel\n          {...props}\n          exitActionParent={<Dialog.Close asChild />}\n          doneActionParent={<Dialog.Close asChild />}\n          onDone={handleDone}\n        />\n      </Dialog.Body>\n    </Dialog.Content>\n  );\n};\n"],
-  "mappings": "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",
-  "names": ["React", "useCallback", "useOperationInvoker", "LayoutOperation", "Paths", "useAppGraph", "Trigger", "Graph", "ObservabilityOperation", "useClient", "Dialog", "useTranslation", "JoinPanel", "osTranslations", "meta", "JOIN_DIALOG", "profile", "key", "JoinDialog", "navigableCollections", "onDone", "props", "invokePromise", "client", "graph", "t", "handleDone", "result", "spaceKey", "Promise", "all", "AddToast", "id", "duration", "title", "ns", "closeLabel", "UpdateDialog", "state", "space", "spaces", "get", "trigger", "subscribe", "wake", "wait", "SwitchWorkspace", "subject", "getSpacePath", "target", "waitForPath", "catch", "Open", "Expose", "getSpaceHomePath", "workspace", "SendEvent", "name", "properties", "spaceId", "Content", "Title", "classNames", "Body", "exitActionParent", "Close", "asChild", "doneActionParent"]
-}