@dxos/plugin-space 0.13.0 → 0.14.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-space",
-  "version": "0.13.0",
+  "version": "0.14.0",
   "description": "DXOS Surface plugin for DXOS ECHO Spaces",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -208,58 +208,58 @@
   "dependencies": {
     "@effect/atom-react": "4.0.0",
     "react-drag-drop-files": "^2.3.8",
-    "@dxos/app-framework": "0.13.0",
-    "@dxos/app-toolkit": "0.13.0",
-    "@dxos/app-graph": "0.13.0",
-    "@dxos/async": "0.13.0",
-    "@dxos/cli-util": "0.13.0",
-    "@dxos/client": "0.13.0",
-    "@dxos/client-protocol": "0.13.0",
-    "@dxos/compute": "0.13.0",
-    "@dxos/display-name": "0.13.0",
-    "@dxos/echo": "0.13.0",
-    "@dxos/echo-client": "0.13.0",
-    "@dxos/echo-react": "0.13.0",
-    "@dxos/echo-protocol": "0.13.0",
-    "@dxos/context": "0.13.0",
-    "@dxos/errors": "0.13.0",
-    "@dxos/effect": "0.13.0",
-    "@dxos/extractor": "0.13.0",
-    "@dxos/graph": "0.13.0",
-    "@dxos/halo": "0.13.0",
-    "@dxos/invariant": "0.13.0",
-    "@dxos/keys": "0.13.0",
-    "@dxos/migrations": "0.13.0",
-    "@dxos/plugin-attention": "0.13.0",
-    "@dxos/halo-react": "0.13.0",
-    "@dxos/log": "0.13.0",
-    "@dxos/plugin-client": "0.13.0",
-    "@dxos/plugin-settings": "0.13.0",
-    "@dxos/plugin-status-bar": "0.13.0",
-    "@dxos/plugin-graph": "0.13.0",
-    "@dxos/progress": "0.13.0",
-    "@dxos/protocols": "0.13.0",
-    "@dxos/react-client": "0.13.0",
-    "@dxos/react-ui": "0.13.0",
-    "@dxos/react-ui-attention": "0.13.0",
-    "@dxos/react-ui-components": "0.13.0",
-    "@dxos/react-ui-dashboard": "0.13.0",
-    "@dxos/react-ui-dnd": "0.13.0",
-    "@dxos/react-ui-form": "0.13.0",
-    "@dxos/react-ui-list": "0.13.0",
-    "@dxos/react-ui-masonry": "0.13.0",
-    "@dxos/react-ui-mosaic": "0.13.0",
-    "@dxos/react-ui-menu": "0.13.0",
-    "@dxos/react-ui-pickers": "0.13.0",
-    "@dxos/react-ui-query": "0.13.0",
-    "@dxos/react-ui-search": "0.13.0",
-    "@dxos/react-ui-table": "0.13.0",
-    "@dxos/types": "0.13.0",
-    "@dxos/schema": "0.13.0",
-    "@dxos/ui-theme": "0.13.0",
-    "@dxos/util": "0.13.0",
-    "@dxos/ui-types": "0.13.0",
-    "@dxos/shell": "0.13.0"
+    "@dxos/app-graph": "0.14.0",
+    "@dxos/app-toolkit": "0.14.0",
+    "@dxos/app-framework": "0.14.0",
+    "@dxos/async": "0.14.0",
+    "@dxos/cli-util": "0.14.0",
+    "@dxos/client": "0.14.0",
+    "@dxos/client-protocol": "0.14.0",
+    "@dxos/context": "0.14.0",
+    "@dxos/compute": "0.14.0",
+    "@dxos/display-name": "0.14.0",
+    "@dxos/echo-client": "0.14.0",
+    "@dxos/echo": "0.14.0",
+    "@dxos/echo-protocol": "0.14.0",
+    "@dxos/echo-react": "0.14.0",
+    "@dxos/effect": "0.14.0",
+    "@dxos/errors": "0.14.0",
+    "@dxos/extractor": "0.14.0",
+    "@dxos/halo": "0.14.0",
+    "@dxos/halo-react": "0.14.0",
+    "@dxos/log": "0.14.0",
+    "@dxos/keys": "0.14.0",
+    "@dxos/graph": "0.14.0",
+    "@dxos/migrations": "0.14.0",
+    "@dxos/plugin-attention": "0.14.0",
+    "@dxos/plugin-client": "0.14.0",
+    "@dxos/plugin-graph": "0.14.0",
+    "@dxos/plugin-settings": "0.14.0",
+    "@dxos/progress": "0.14.0",
+    "@dxos/invariant": "0.14.0",
+    "@dxos/plugin-status-bar": "0.14.0",
+    "@dxos/react-client": "0.14.0",
+    "@dxos/protocols": "0.14.0",
+    "@dxos/react-ui": "0.14.0",
+    "@dxos/react-ui-attention": "0.14.0",
+    "@dxos/react-ui-components": "0.14.0",
+    "@dxos/react-ui-dashboard": "0.14.0",
+    "@dxos/react-ui-dnd": "0.14.0",
+    "@dxos/react-ui-form": "0.14.0",
+    "@dxos/react-ui-list": "0.14.0",
+    "@dxos/react-ui-masonry": "0.14.0",
+    "@dxos/react-ui-mosaic": "0.14.0",
+    "@dxos/react-ui-pickers": "0.14.0",
+    "@dxos/react-ui-query": "0.14.0",
+    "@dxos/react-ui-search": "0.14.0",
+    "@dxos/react-ui-menu": "0.14.0",
+    "@dxos/react-ui-table": "0.14.0",
+    "@dxos/types": "0.14.0",
+    "@dxos/schema": "0.14.0",
+    "@dxos/ui-theme": "0.14.0",
+    "@dxos/util": "0.14.0",
+    "@dxos/ui-types": "0.14.0",
+    "@dxos/shell": "0.14.0"
   },
   "devDependencies": {
     "@effect/atom-react": "4.0.0",
@@ -271,21 +271,21 @@
     "react": "~19.2.7",
     "react-dom": "~19.2.7",
     "vite": "^8.2.2",
-    "@dxos/extractor-lib": "0.13.0",
-    "@dxos/agent-runtime": "0.13.0",
-    "@dxos/plugin-testing": "0.13.0",
-    "@dxos/react-ui": "0.13.0",
-    "@dxos/plugin-preview": "0.13.0",
-    "@dxos/ui-theme": "0.13.0",
-    "@dxos/random": "0.13.0"
+    "@dxos/agent-runtime": "0.14.0",
+    "@dxos/extractor-lib": "0.14.0",
+    "@dxos/plugin-preview": "0.14.0",
+    "@dxos/plugin-testing": "0.14.0",
+    "@dxos/random": "0.14.0",
+    "@dxos/react-ui": "0.14.0",
+    "@dxos/ui-theme": "0.14.0"
   },
   "peerDependencies": {
     "@effect/atom-react": "4.0.0",
     "effect": "4.0.0",
     "react": "~19.2.7",
     "react-dom": "~19.2.7",
-    "@dxos/react-ui": "^0.13.0",
-    "@dxos/ui-theme": "^0.13.0"
+    "@dxos/react-ui": "^0.14.0",
+    "@dxos/ui-theme": "^0.14.0"
   },
   "publishConfig": {
     "access": "public"

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

@@ -28,6 +28,7 @@ import { ViewAnnotation } from '@dxos/schema';
 import { isLabel, toLocalizedString } from '@dxos/ui-types/translations';
 import { createFilename, downloadBlob, isNonNullable } from '@dxos/util';
 
+import { SPACE_STATS_QUERY, typeUrisWithObjects } from '#dashboard';
 import { meta } from '#meta';
 import { SpaceCapabilities, SpaceEvents, SpaceOperation } from '#types';
 
@@ -121,17 +122,18 @@ export const createDatabaseExtensions = Effect.fnUntraced(function* () {
         });
 
         const viewIndex = buildViewIndex(get, space, allSchemas);
+        // Index-only per-type counts; the same query as the space dashboard, so both share one result.
+        const withObjects = typeUrisWithObjects(get(space.db.query(SPACE_STATS_QUERY).atom));
 
         const visibleSchemas = userSchemas.filter((schema) => {
           if (Type.getDatabase(schema) != null) {
             return true;
           }
           const typeUri = Type.getURI(schema);
-          const objects = get(space.db.query(Filter.type(typeUri)).atom);
           if (ViewAnnotation.has(schema)) {
-            return objects.some((obj) => !viewIndex.isView(obj));
+            return viewIndex.typeUrisWithNonViewObjects.has(typeUri);
           }
-          return objects.length > 0 || viewIndex.typeUrisWithViews.has(typeUri);
+          return withObjects.has(typeUri) || viewIndex.typeUrisWithViews.has(typeUri);
         });
 
         // Sort alphabetically by display name. Static types' labels are `typename.label` translation

package/src/capabilities/app-graph-builder/extensions/shared.test.ts

@@ -28,6 +28,12 @@ const TestViewWrapper = Type.makeObject(DXN.make('com.example.type.viewWrapper',
   }).pipe(ViewAnnotation.set(['view'])),
 );
 
+const TestOptionalViewWrapper = Type.makeObject(DXN.make('com.example.type.optionalViewWrapper', '0.1.0'))(
+  Schema.Struct({
+    view: Schema.optional(Ref.Ref(View.View)),
+  }).pipe(ViewAnnotation.set(['view'])),
+);
+
 describe('buildViewIndex', () => {
   let testBuilder: EchoTestBuilder;
   let db: EchoDatabase;
@@ -35,7 +41,9 @@ describe('buildViewIndex', () => {
 
   beforeEach(async () => {
     testBuilder = await new EchoTestBuilder().open();
-    const result = await testBuilder.createDatabase({ types: [TestContact, TestViewWrapper, View.View] });
+    const result = await testBuilder.createDatabase({
+      types: [TestContact, TestViewWrapper, TestOptionalViewWrapper, View.View],
+    });
     db = result.db;
     registry = AtomRegistry.make();
   });
@@ -101,6 +109,22 @@ describe('buildViewIndex', () => {
     expect(views[0].id).toBe(tableView.id);
   });
 
+  test('typeUrisWithNonViewObjects lists view types with an instance that is not a view', async ({ expect }) => {
+    const viewObj = db.add(View.make({ query: { ast: Query.select(Filter.type(TestContact)).ast } }));
+    db.add(Obj.make(TestViewWrapper, { view: Ref.make(viewObj) }));
+    db.add(Obj.make(TestOptionalViewWrapper, {}));
+    await db.flush();
+
+    const allSchemas = db.graph.registry
+      .list()
+      .filter(Type.isType)
+      .filter((t) => !Type.isTypeKind(t));
+    const viewIndex = buildViewIndex(registry.get.bind(registry) as any, { db } as any, allSchemas);
+
+    expect(viewIndex.typeUrisWithNonViewObjects.has(Type.getURI(TestOptionalViewWrapper))).toBe(true);
+    expect(viewIndex.typeUrisWithNonViewObjects.has(Type.getURI(TestViewWrapper))).toBe(false);
+  });
+
   test('returns empty index when no view schemas exist', async ({ expect }) => {
     await db.flush();
 

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

@@ -104,6 +104,8 @@ export type ViewIndex = {
   getViewsForTypeUri: (typeUri: string) => Obj.Any[];
   /** True when the schema has `ViewAnnotation` and that path resolves non-null on `object`; false otherwise (no annotation, or null/undefined path — e.g. Kanban with unset `view`). */
   isView: (object: Obj.Any) => boolean;
+  /** View-annotated type URIs with at least one instance that is not a view. */
+  typeUrisWithNonViewObjects: Set<string>;
 };
 
 /**
@@ -120,6 +122,7 @@ export const buildViewIndex = (get: Atom.AtomContext, space: Space, schemas: Typ
   // Used by `isView` to distinguish view instances from regular instances of
   // the same schema (e.g. items-variant Kanban vs view-variant Kanban).
   const viewObjectIds = new Set<string>();
+  const typeUrisWithNonViewObjects = new Set<string>();
 
   if (viewSchemas.length > 0) {
     const filter = Filter.or(...viewSchemas.map((schema) => Filter.type(schema)));
@@ -149,6 +152,8 @@ export const buildViewIndex = (get: Atom.AtomContext, space: Space, schemas: Typ
       // be of a view-annotated schema.
       if (holder != null) {
         viewObjectIds.add(viewObject.id);
+      } else if (holderType) {
+        typeUrisWithNonViewObjects.add(Type.getURI(holderType));
       }
 
       const viewTarget = holder != null ? get(Obj.atom(holder as Obj.Any)) : undefined;
@@ -165,5 +170,6 @@ export const buildViewIndex = (get: Atom.AtomContext, space: Space, schemas: Typ
     typeUrisWithViews: new Set(viewsByTypeUri.keys()),
     getViewsForTypeUri: (typeUri) => viewsByTypeUri.get(typeUri) ?? [],
     isView: (object) => viewObjectIds.has(object.id),
+    typeUrisWithNonViewObjects,
   };
 };

package/src/components/CreateObjectPanel/CreateObjectPanel.tsx

@@ -274,14 +274,14 @@ const SelectType = ({ options, onChange }: SelectTypeProps) => {
               size='xl'
               classNames={getIconHueStyles(option.iconHue)}
             />
-            <div className='flex flex-col min-w-0 grow gap-0.5'>
+            <Layout.Flex column classNames='min-w-0 grow gap-0.5'>
               <span className='truncate'>{option.label}</span>
               {(option.plugin || option.description) && (
                 <span className='truncate text-fg-muted text-xs'>
                   {option.plugin ? t('plugin-subtitle.label', { plugin: option.plugin }) : option.description}
                 </span>
               )}
-            </div>
+            </Layout.Flex>
           </Picker.Item>
         ))}
       </SearchList.Viewport>

package/src/containers/ImportSpaceDialog/ImportSpaceDialog.tsx

@@ -78,7 +78,7 @@ export const ImportSpaceDialog = () => {
             gap='sm'
             asChild
             role='status'
-            classNames='my-4 p-8 border-2 border-dashed border-neutral-500/50 rounded-sm'
+            classNames='my-4 p-8 border-2 border-dashed border-separator rounded-sm'
           >
             <div>
               <Icon.Icon icon='ph--spinner-gap--regular' size='xl' spin />
@@ -88,7 +88,7 @@ export const ImportSpaceDialog = () => {
         ) : (
           <FileUploader
             types={['json', 'tar']}
-            classes='block my-4 p-8 border-2 border-dashed border-neutral-500/50 rounded-sm flex items-center justify-center gap-2 cursor-pointer'
+            classes='block my-4 p-8 border-2 border-dashed border-separator rounded-sm flex items-center justify-center gap-2 cursor-pointer'
             dropMessageStyle={{ border: 'none', backgroundColor: '#EEE' }}
             handleChange={(file: File) => {
               void handleFile(file);

package/src/containers/MembersContainer/MembersContainer.tsx

@@ -27,6 +27,7 @@ import { Form } from '@dxos/react-ui-form';
 import * as Button from '@dxos/react-ui/Button';
 import * as UiHooks from '@dxos/react-ui/Hooks';
 import * as Icon from '@dxos/react-ui/Icon';
+import * as Layout from '@dxos/react-ui/Layout';
 import * as QrCode from '@dxos/react-ui/QrCode';
 import * as SystemButton from '@dxos/react-ui/SystemButton';
 import {
@@ -296,7 +297,7 @@ const InvitationQR = ({ id, url, onCancel }: { id: string; url: string; onCancel
   return (
     <>
       <p className='text-fg-muted'>{t('qr-code.description', { ns: meta.profile.key })}</p>
-      <div role='group' className='grid grid-cols-[1fr_min-content] my-2 gap-2'>
+      <Layout.Grid role='group' cols={['fill', 'min']} gap='sm' classNames='my-2'>
         <div className='w-full aspect-square relative text-fg-muted'>
           <QrCode.QrCode aria-labelledby={qrLabel} errorCorrection='Q' value={url ?? 'never'} />
           <Centered>
@@ -307,7 +308,7 @@ const InvitationQR = ({ id, url, onCancel }: { id: string; url: string; onCancel
           {t('qr.label')}
         </span>
         <SystemButton.Clipboard value={url ?? 'never'} />
-      </div>
+      </Layout.Grid>
       <Button.Root variant='ghost' onClick={onCancel}>
         {t('cancel.label')}
       </Button.Root>

package/src/containers/ObjectMasonry/ObjectMasonryArticle.tsx

@@ -110,7 +110,7 @@ export const ObjectMasonryArticle = ({ role, attendableId, objects, emptyMessage
             <ObjectMasonry cacheKey={attendableId} items={items} />
           )}
         </Panel.Body>
-        <Panel.Footer classNames='flex items-center p-1 border-t border-separator-subtle'>
+        <Panel.Footer classNames='items-center p-1 border-t border-separator-subtle'>
           {t('item-count.label', { count: items.length })}
         </Panel.Footer>
       </Panel.Root>

package/src/containers/RecordArticle/RecordArticle.tsx

@@ -27,7 +27,6 @@ import * as Hooks from '@dxos/react-ui/Hooks';
 import * as Layout from '@dxos/react-ui/Layout';
 import * as Panel from '@dxos/react-ui/Panel';
 import * as ScrollArea from '@dxos/react-ui/ScrollArea';
-import { mx } from '@dxos/ui-theme';
 
 import { ObjectCard, RelatedTypeFilter } from '#components';
 import { useRelatedObjects, useRelatedTypeFilter } from '#hooks';
@@ -83,9 +82,7 @@ export const RecordArticle = ({ role, subject, attendableId }: AppSurface.Object
 
             {/* Gated on the unfiltered set so hiding every type does not remove the filter itself. */}
             {relatedObjects.length > 0 && (
-              <div
-                className={mx('dx-expand flex flex-col gap-form-gap', singleColumn ? 'dx-card-max-width' : 'w-full')}
-              >
+              <Layout.Flex column gap='form' classNames={['dx-expand', singleColumn ? 'dx-card-max-width' : 'w-full']}>
                 <Field.Root>
                   <Field.Label>{t('related-objects.label')}</Field.Label>
                 </Field.Root>
@@ -101,7 +98,7 @@ export const RecordArticle = ({ role, subject, attendableId }: AppSurface.Object
                     <Masonry.Viewport items={related} />
                   </Masonry.Content>
                 </Masonry.Root>
-              </div>
+              </Layout.Flex>
             )}
           </ScrollArea.Viewport>
         </ScrollArea.Root>

package/src/containers/SpaceHomeArticle/SpaceHomeArticle.stories.tsx

@@ -32,13 +32,18 @@ class Task extends Type.makeObject<Task>(DXN.make('org.dxos.type.test.task', '0.
   }).pipe(
     Annotation.LabelAnnotation.set(['name']),
     Annotation.IconAnnotation.set({ icon: 'ph--check-square--regular' }),
+    Annotation.UserType.set(),
   ),
 ) {}
 
 class Note extends Type.makeObject<Note>(DXN.make('org.dxos.type.test.note', '0.1.0'))(
   Schema.Struct({
     content: Schema.optional(Schema.String),
-  }).pipe(Annotation.LabelAnnotation.set(['content']), Annotation.IconAnnotation.set({ icon: 'ph--note--regular' })),
+  }).pipe(
+    Annotation.LabelAnnotation.set(['content']),
+    Annotation.IconAnnotation.set({ icon: 'ph--note--regular' }),
+    Annotation.UserType.set(),
+  ),
 ) {}
 
 const OBJECT_COUNT = 24;

package/src/containers/SpaceHomeDashboard/SpaceHomeDashboard.tsx

@@ -53,7 +53,7 @@ export const SpaceHomeDashboard = ({ space, stats = STAT_IDS, onClose }: SpaceHo
     'plugins': plugins,
   };
 
-  if (!space) {
+  if (!space || counts.length === 0) {
     return null;
   }
 

package/src/containers/SpaceHomeRecent/SpaceHomeRecent.tsx

@@ -2,6 +2,7 @@
 // Copyright 2026 DXOS.org
 //
 
+import * as Array from 'effect/Array';
 import React, { useCallback, useMemo } from 'react';
 
 import * as Hooks from '@dxos/app-framework/Hooks';
@@ -10,7 +11,7 @@ import * as GraphPath from '@dxos/app-toolkit/GraphPath';
 import * as HomeSection from '@dxos/app-toolkit/HomeSection';
 import * as LayoutOperation from '@dxos/app-toolkit/LayoutOperation';
 import * as TypeOptions from '@dxos/app-toolkit/TypeOptions';
-import { Collection, Filter, Obj, Order, Query, Type } from '@dxos/echo';
+import { Aggregate, Collection, Filter, Obj, Order, Query, Type } from '@dxos/echo';
 import { useQuery } from '@dxos/echo-react';
 import { type Space } from '@dxos/react-client/echo';
 import { Masonry } from '@dxos/react-ui-masonry';
@@ -18,6 +19,7 @@ import * as Card from '@dxos/react-ui/Card';
 import * as UiHooks from '@dxos/react-ui/Hooks';
 import * as Icon from '@dxos/react-ui/Icon';
 import * as Layout from '@dxos/react-ui/Layout';
+import * as Status from '@dxos/react-ui/Status';
 import * as Theme from '@dxos/react-ui/Theme';
 import { getStyles } from '@dxos/ui-theme';
 
@@ -31,51 +33,92 @@ type SpaceScopedProps = {
   onClose?: () => void;
 };
 
-/**
- * Recent-objects region for the Home article. Queries the most-recently-modified objects of
- * registered, non-hidden, non-relation, non-collection types and renders them as a Masonry of
- * tiles. Renders nothing (no heading) when the space has no recent objects — the starter-prompt
- * contributor (plugin-assistant) fills the empty state instead.
- */
 export const SpaceHomeRecent = ({ space, onClose }: SpaceScopedProps) => {
   const { t } = UiHooks.useTranslation(meta.profile.key);
 
-  const schemas = Hooks.useCapabilities(AppCapabilities.Schema);
-  const filter = useMemo(() => {
-    const collectionTypename = Type.getTypename(Collection.Collection);
-    const types = schemas
-      .flat()
-      .filter(Type.isType)
-      .filter((type) => TypeOptions.isUserType(type))
-      .filter((type) => Type.getTypename(type) !== collectionTypename);
-    return types.length > 0 ? Filter.or(...types.map((type) => Filter.type(type))) : undefined;
-  }, [schemas]);
-
-  const query = useMemo(
+  const { recent, placeholderCount } = useRecentObjects(space);
+  const items = useMemo<RecentItem[]>(
     () =>
-      Query.select(filter ?? Filter.everything())
-        .orderBy(Order.updated('desc'))
-        .limit(RECENT_LIMIT),
-    [filter],
+      placeholderCount > 0
+        ? Array.makeBy(placeholderCount, (index) => new Placeholder(`placeholder-${index}`))
+        : recent,
+    [placeholderCount, recent],
   );
-
-  const recent = useQuery(filter && space ? space.db : undefined, query);
-  if (recent.length === 0) {
+  if (recent.length === 0 && placeholderCount === 0) {
     return null;
   }
 
   return (
     <HomeSection.Root>
       <HomeSection.Header title={t('space-home.recent.heading')} onClose={onClose} />
-      <Masonry.Root Tile={RecentObjectTile}>
+      <Masonry.Root Tile={RecentTile}>
         <Masonry.Content padding={false} scrollbars={false}>
-          <Masonry.Viewport items={recent} getId={(object) => object.id} />
+          <Masonry.Viewport items={items} getId={(item) => item.id} cacheKey={space && `${space.id}/recent`} />
         </Masonry.Content>
       </Masonry.Root>
     </HomeSection.Root>
   );
 };
 
+const useRecentObjects = (space?: Space): { recent: Obj.Unknown[]; placeholderCount: number } => {
+  const schemas = Hooks.useCapabilities(AppCapabilities.Schema);
+  const filter = useMemo(() => recentObjectsFilter(schemas.flat()), [schemas]);
+  const query = useMemo(
+    () =>
+      Query.select(filter ?? Filter.everything())
+        .orderBy(Order.updated('desc'))
+        .limit(RECENT_LIMIT),
+    [filter],
+  );
+  const countQuery = useMemo(
+    () => Query.select(filter ?? Filter.everything()).aggregate({ count: Aggregate.count() }),
+    [filter],
+  );
+
+  const db = filter && space ? space.db : undefined;
+  const recent = useQuery(db, query);
+  const [total] = useQuery(db, countQuery);
+  return { recent, placeholderCount: recent.length === 0 ? Math.min(total?.count ?? 0, RECENT_LIMIT) : 0 };
+};
+
+const recentObjectsFilter = (schemas: readonly unknown[]) => {
+  const collectionTypename = Type.getTypename(Collection.Collection);
+  const types = Array.dedupeWith(
+    schemas
+      .filter(Type.isType)
+      .filter((type) => TypeOptions.isUserType(type))
+      .filter((type) => Type.getTypename(type) !== collectionTypename),
+    (a, b) => Type.getURI(a) === Type.getURI(b),
+  );
+  return types.length > 0 ? Filter.or(...types.map((type) => Filter.type(type))) : undefined;
+};
+
+class Placeholder {
+  constructor(readonly id: string) {}
+}
+
+type RecentItem = Obj.Unknown | Placeholder;
+
+const RecentTile = ({ data, index }: { data: RecentItem; index: number }) =>
+  data instanceof Placeholder ? <PlaceholderTile /> : <RecentObjectTile data={data} index={index} />;
+
+RecentTile.displayName = 'RecentTile';
+
+const PlaceholderTile = () => (
+  <Card.Root>
+    <Card.Header>
+      <Layout.Block>
+        <Status.Skeleton variant='circle' />
+      </Layout.Block>
+      <Card.Title>
+        <Status.Skeleton variant='text' />
+      </Card.Title>
+    </Card.Header>
+  </Card.Root>
+);
+
+PlaceholderTile.displayName = 'PlaceholderTile';
+
 const RecentObjectTile = ({ data }: { data: Obj.Unknown; index: number }) => {
   const { invokePromise } = Hooks.useOperationInvoker();
   const { t } = UiHooks.useTranslation(meta.profile.key);

package/src/containers/SyncStatus/SyncStatus.tsx

@@ -112,7 +112,7 @@ const EdgeConnectionPopover = ({ status }: { status: EdgeStatus }) => {
 
           {/* Upload Speed */}
           <Layout.Grid cols='subgrid' gap='sm' align='center' classNames='text-sm'>
-            <Icon.Icon icon='ph--arrow-up--regular' classNames='text-green-500' />
+            <Icon.Icon icon='ph--arrow-up--regular' classNames='text-green-text' />
             <span className='text-fg-muted'>{t('sync-upload.label')}</span>
             <UnitValue value={status.messagesSent} format={Unit.Thousand} />
             <UnitValue value={status.rateBytesUp} format={Unit.Kilobyte} suffix='/s' />
@@ -120,7 +120,7 @@ const EdgeConnectionPopover = ({ status }: { status: EdgeStatus }) => {
 
           {/* Download Speed */}
           <Layout.Grid cols='subgrid' gap='sm' align='center' classNames='text-sm'>
-            <Icon.Icon icon='ph--arrow-down--regular' classNames='text-orange-500' />
+            <Icon.Icon icon='ph--arrow-down--regular' classNames='text-orange-text' />
             <span className='text-fg-muted'>{t('sync-download.label')}</span>
             <UnitValue value={status.messagesReceived} format={Unit.Thousand} />
             <UnitValue value={status.rateBytesDown} format={Unit.Kilobyte} suffix='/s' />

package/src/containers/TypeArticle/TypeArticle.tsx

@@ -316,7 +316,7 @@ export const TypeArticle = ({ role, space, type, attendableId }: TypeArticleProp
               </LayoutPanel>
             )}
           </Panel.Body>
-          <Panel.Footer classNames='flex items-center p-1 border-t border-separator-subtle'>
+          <Panel.Footer classNames='items-center p-1 border-t border-separator-subtle'>
             {t('item-count.label', { count: tileItems.length })}
           </Panel.Footer>
         </Panel.Root>

package/src/dashboard/stats.test.ts

@@ -4,11 +4,11 @@
 
 import { afterEach, beforeEach, describe, test } from 'vitest';
 
-import { Feed, Obj } from '@dxos/echo';
+import { Feed, Obj, Type } from '@dxos/echo';
 import { EchoTestBuilder } from '@dxos/echo-client/testing';
 import { TestSchema } from '@dxos/echo/testing';
 
-import { SPACE_STATS_QUERY, toSpaceStats } from './stats.ts';
+import { SPACE_STATS_QUERY, toSpaceStats, typeUrisWithObjects } from './stats.ts';
 
 describe('toSpaceStats', () => {
   let builder: EchoTestBuilder;
@@ -32,6 +32,16 @@ describe('toSpaceStats', () => {
     expect(toSpaceStats(rows, 7)).toEqual({ objects: 3, feeds: 2, types: 2, plugins: 7 });
   });
 
+  test('typeUrisWithObjects names each type with objects by its Type.getURI', async ({ expect }) => {
+    const { db } = await builder.createDatabase({ types: [Feed.Feed, TestSchema.Expando] });
+    db.add(Obj.make(TestSchema.Expando, { value: 1 }));
+    await db.flush({ indexes: true });
+
+    const uris = typeUrisWithObjects(await db.query(SPACE_STATS_QUERY).run());
+    expect(uris.has(Type.getURI(TestSchema.Expando))).toBe(true);
+    expect(uris.has(Type.getURI(Feed.Feed))).toBe(false);
+  });
+
   test('two schema versions of one type count as one type', ({ expect }) => {
     const rows = [
       { type: 'dxn:example.com.type.task:0.1.0', count: 2 },

package/src/dashboard/stats.ts

@@ -24,6 +24,10 @@ export const SPACE_STATS_QUERY = Query.select(Filter.everything()).aggregate({
   count: Aggregate.count(),
 });
 
+/** Type URIs with at least one live object, in the form `Type.getURI` returns. */
+export const typeUrisWithObjects = (rows: readonly TypeCount[]): Set<string> =>
+  new Set(rows.flatMap((row) => (row.type !== null && row.count > 0 ? [row.type] : [])));
+
 /** The versionless typename a stored type URI names, or the URI itself when it is not a DXN. */
 export const typenameOf = (type: string): string => {
   const dxn = DXN.tryMake(type);