@dxos/plugin-preview 0.10.0 → 0.11.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-preview",
-  "version": "0.10.0",
+  "version": "0.11.0",
   "description": "Preview plugin",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -16,12 +16,12 @@
     "#capabilities": {
       "source": "./src/capabilities/index.ts",
       "types": "./dist/types/src/capabilities/index.d.ts",
-      "default": "./dist/lib/neutral/capabilities/index.mjs"
+      "default": "./dist/lib/capabilities.mjs"
     },
     "#meta": {
       "source": "./src/meta.ts",
       "types": "./dist/types/src/meta.d.ts",
-      "default": "./dist/lib/neutral/meta.mjs"
+      "default": "./dist/lib/meta.mjs"
     },
     "#plugin": {
       "source": {
@@ -30,36 +30,36 @@
         "default": "./src/PreviewPlugin.tsx"
       },
       "types": "./dist/types/src/PreviewPlugin.d.ts",
-      "workerd": "./dist/lib/neutral/PreviewPlugin.workerd.mjs",
-      "node": "./dist/lib/neutral/PreviewPlugin.node.mjs",
-      "default": "./dist/lib/neutral/PreviewPlugin.mjs"
+      "workerd": "./dist/lib/PreviewPlugin.workerd.mjs",
+      "node": "./dist/lib/PreviewPlugin.node.mjs",
+      "default": "./dist/lib/PreviewPlugin.mjs"
     },
     "#translations": {
       "source": "./src/translations.ts",
       "types": "./dist/types/src/translations.d.ts",
-      "default": "./dist/lib/neutral/translations.mjs"
+      "default": "./dist/lib/translations.mjs"
     }
   },
   "exports": {
     ".": {
       "source": "./src/index.ts",
       "types": "./dist/types/src/index.d.ts",
-      "default": "./dist/lib/neutral/index.mjs"
+      "import": "./dist/lib/index.mjs"
     },
     "./plugin": {
       "source": "./src/plugin.ts",
       "types": "./dist/types/src/plugin.d.ts",
-      "default": "./dist/lib/neutral/plugin.mjs"
+      "import": "./dist/lib/plugin.mjs"
     },
     "./testing": {
       "source": "./src/testing.ts",
       "types": "./dist/types/src/testing.d.ts",
-      "default": "./dist/lib/neutral/testing.mjs"
+      "import": "./dist/lib/testing.mjs"
     },
     "./translations": {
       "source": "./src/translations.ts",
       "types": "./dist/types/src/translations.d.ts",
-      "default": "./dist/lib/neutral/translations.mjs"
+      "import": "./dist/lib/translations.mjs"
     }
   },
   "types": "dist/types/src/index.d.ts",
@@ -69,36 +69,37 @@
     "src"
   ],
   "dependencies": {
-    "@dxos/app-framework": "0.10.0",
-    "@dxos/app-toolkit": "0.10.0",
-    "@dxos/async": "0.10.0",
-    "@dxos/client": "0.10.0",
-    "@dxos/echo-react": "0.10.0",
-    "@dxos/echo": "0.10.0",
-    "@dxos/effect": "0.10.0",
-    "@dxos/keys": "0.10.0",
-    "@dxos/log": "0.10.0",
-    "@dxos/react-ui-form": "0.10.0",
-    "@dxos/plugin-client": "0.10.0",
-    "@dxos/react-ui": "0.10.0",
-    "@dxos/react-ui-mosaic": "0.10.0",
-    "@dxos/react-ui-syntax-highlighter": "0.10.0",
-    "@dxos/schema": "0.10.0",
-    "@dxos/ui-editor": "0.10.0",
-    "@dxos/types": "0.10.0",
-    "@dxos/util": "0.10.0",
-    "@dxos/ui-types": "0.10.0"
+    "@dxos/app-toolkit": "0.11.0",
+    "@dxos/async": "0.11.0",
+    "@dxos/client": "0.11.0",
+    "@dxos/echo": "0.11.0",
+    "@dxos/echo-react": "0.11.0",
+    "@dxos/keys": "0.11.0",
+    "@dxos/plugin-client": "0.11.0",
+    "@dxos/react-ui": "0.11.0",
+    "@dxos/log": "0.11.0",
+    "@dxos/react-ui-form": "0.11.0",
+    "@dxos/react-ui-syntax-highlighter": "0.11.0",
+    "@dxos/react-ui-attention": "0.11.0",
+    "@dxos/schema": "0.11.0",
+    "@dxos/react-ui-mosaic": "0.11.0",
+    "@dxos/ui-types": "0.11.0",
+    "@dxos/types": "0.11.0",
+    "@dxos/util": "0.11.0",
+    "@dxos/effect": "0.11.0",
+    "@dxos/app-framework": "0.11.0",
+    "@dxos/ui-editor": "0.11.0"
   },
   "devDependencies": {
     "effect": "3.21.4",
     "react": "~19.2.7",
     "react-dom": "~19.2.7",
-    "vite": "^8.0.16",
-    "@dxos/echo-react": "0.10.0",
-    "@dxos/random": "0.10.0",
-    "@dxos/plugin-testing": "0.10.0",
-    "@dxos/react-ui-components": "0.10.0",
-    "@dxos/storybook-utils": "0.10.0"
+    "vite": "^8.1.4",
+    "@dxos/react-ui-components": "0.11.0",
+    "@dxos/plugin-testing": "0.11.0",
+    "@dxos/echo-react": "0.11.0",
+    "@dxos/random": "0.11.0",
+    "@dxos/storybook-utils": "0.11.0"
   },
   "peerDependencies": {
     "effect": "3.21.4",

package/src/capabilities/RelatedCards.tsx

@@ -0,0 +1,35 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import React from 'react';
+
+import { Surface } from '@dxos/app-framework/ui';
+import { AppSurface } from '@dxos/app-toolkit/ui';
+import { type Organization, type Person } from '@dxos/types';
+
+import { OrganizationCard, PersonCard } from '../cards';
+
+export type OrganizationCardContentProps = AppSurface.ObjectCardData<Organization.Organization> & {
+  role: string;
+};
+
+/** Organization and Person cards append a nested `Related` surface, so they compose rather than map. */
+export const OrganizationCardContent = ({ role, ...data }: OrganizationCardContentProps) => (
+  <>
+    <OrganizationCard role={role} subject={data.subject} />
+    <Surface.Surface type={AppSurface.Related} data={data} limit={1} />
+  </>
+);
+
+export type PersonCardContentProps = AppSurface.ObjectCardData<Person.Person> & {
+  role: string;
+};
+
+/** Renders a person card with one nested `Related` surface. */
+export const PersonCardContent = ({ role, ...data }: PersonCardContentProps) => (
+  <>
+    <PersonCard role={role} subject={data.subject} />
+    <Surface.Surface type={AppSurface.Related} data={data} limit={1} />
+  </>
+);

package/src/capabilities/preview-popover.ts

@@ -5,7 +5,7 @@
 import * as Effect from 'effect/Effect';
 
 import { Capabilities, Capability } from '@dxos/app-framework';
-import { AppCapabilities, AppSpace, LayoutOperation, Paths } from '@dxos/app-toolkit';
+import { AppCapabilities, AppSpace, GraphPath, LayoutOperation } from '@dxos/app-toolkit';
 import { addEventListener } from '@dxos/async';
 import { type Space } from '@dxos/client/echo';
 import { Obj } from '@dxos/echo';
@@ -76,7 +76,7 @@ export default Capability.makeModule(
       // would crash inside Atom's identity check (`'~atom/Serializable' in undefined`). When layout
       // isn't available, fall through to the personal-space default.
       const [layoutAtom] = capabilities.getAll(AppCapabilities.Layout);
-      const spaceId = layoutAtom && Paths.getSpaceIdFromPath(registry.get(layoutAtom).workspace);
+      const spaceId = layoutAtom && GraphPath.getSpaceIdFromPath(registry.get(layoutAtom).workspace);
       const space = (spaceId && client.spaces.get(spaceId)) ?? AppSpace.getPersonalSpace(client);
       if (!space) {
         return;

package/src/capabilities/{react-surface.tsx → react-surface.ts}

@@ -3,18 +3,17 @@
 //
 
 import * as Effect from 'effect/Effect';
-import React from 'react';
 
 import { Capabilities, Capability } from '@dxos/app-framework';
 import { Surface } from '@dxos/app-framework/ui';
 import { AppSurface } from '@dxos/app-toolkit/ui';
 import { Obj, Type } from '@dxos/echo';
-import { Card } from '@dxos/react-ui';
 import { Expando } from '@dxos/schema';
 import { Organization, Person, Pipeline, Task } from '@dxos/types';
 import { Position } from '@dxos/util';
 
-import { ExpandoCard, FormCard, JsonCard, OrganizationCard, PersonCard, ProjectCard, TaskCard } from '../cards';
+import { ExpandoCard, FormCard, JsonCard, ProjectCard, TaskCard } from '../cards';
+import { OrganizationCardContent, PersonCardContent } from './RelatedCards';
 
 export default Capability.makeModule(() =>
   Effect.succeed(
@@ -24,54 +23,40 @@ export default Capability.makeModule(() =>
       // TODO(burdon): Create helpers and factor out.
       //
 
-      Surface.create<{ subject: Person.Person }>({
-        id: 'schemaPopoverContact',
+      Surface.create({
+        id: 'organizationContent',
         position: Position.first,
-        filter: AppSurface.object(AppSurface.CardContent, Person.Person),
-        component: ({ data, role }) => {
-          return (
-            <>
-              <PersonCard role={role} subject={data.subject} />
-              <Surface.Surface type={AppSurface.Related} data={data} limit={1} />
-            </>
-          );
-        },
+        filter: AppSurface.object(AppSurface.CardContent, Organization.Organization),
+        component: OrganizationCardContent,
+        props: ({ role, data }) => ({ role, ...data }),
       }),
       Surface.create({
-        id: 'schemaPopoverOrganization',
+        id: 'contactContent',
         position: Position.first,
-        filter: AppSurface.object(AppSurface.CardContent, Organization.Organization),
-        component: ({ data, role }) => {
-          return (
-            <>
-              <OrganizationCard role={role} subject={data.subject} />
-              <Surface.Surface type={AppSurface.Related} data={data} limit={1} />
-            </>
-          );
-        },
+        filter: AppSurface.object(AppSurface.CardContent, Person.Person),
+        component: PersonCardContent,
+        props: ({ role, data }) => ({ role, ...data }),
       }),
+
       Surface.create({
         id: 'schemaPopoverProject',
         position: Position.first,
         filter: AppSurface.object(AppSurface.CardContent, Pipeline.Pipeline),
-        component: ({ data, role }) => {
-          return <ProjectCard role={role} subject={data.subject} />;
-        },
+        component: ProjectCard,
+        props: ({ role, data: { subject } }) => ({ role, subject }),
       }),
       Surface.create({
         id: 'schemaPopoverTask',
         position: Position.first,
         filter: AppSurface.object(AppSurface.CardContent, Task.Task),
-        component: ({ data, role }) => {
-          return <TaskCard role={role} subject={data.subject} />;
-        },
+        component: TaskCard,
+        props: ({ role, data: { subject } }) => ({ role, subject }),
       }),
-      Surface.create<AppSurface.ObjectCardData<Expando.Expando>>({
+      Surface.create({
         id: 'schemaPopoverExpando',
         filter: AppSurface.object(AppSurface.CardContent, Expando.Expando),
-        component: ({ data, role }) => {
-          return <ExpandoCard role={role} subject={data.subject} ignorePaths={data.ignorePaths} />;
-        },
+        component: ExpandoCard,
+        props: ({ role, data: { subject, ignorePaths } }) => ({ role, subject, ignorePaths }),
       }),
 
       Surface.create({
@@ -100,11 +85,10 @@ export default Capability.makeModule(() =>
             return false;
           }
         }),
-        component: ({ data, role }) => {
-          // Dynamic/mutable schemas render an editable, full-layout form;
-          // FormCard handles both static and runtime schema resolution internally.
-          return <FormCard role={role} subject={data.subject} readonly={false} layout='full' />;
-        },
+        // Dynamic/mutable schemas render an editable, full-layout form;
+        // FormCard handles both static and runtime schema resolution internally.
+        component: FormCard,
+        props: ({ role, data: { subject } }) => ({ role, subject, readonly: false, layout: 'full' as const }),
       }),
 
       //
@@ -115,36 +99,34 @@ export default Capability.makeModule(() =>
         id: 'fallbackPopover',
         position: Position.last,
         filter: AppSurface.subject(AppSurface.CardContent, Obj.isObject),
-        component: ({ data, role }) => {
-          return <FormCard role={role} subject={data.subject} projection={data.projection} />;
-        },
+        component: FormCard,
+        props: ({ role, data: { subject, projection } }) => ({ role, subject, projection }),
       }),
 
       Surface.create({
         id: 'fallbackJson',
         filter: Surface.makeFilter(AppSurface.CardContent),
         position: Position.last,
-        component: ({ data }) => {
-          return <JsonCard data={data} />;
-        },
+        component: JsonCard,
+        props: ({ data }) => ({ data }),
       }),
 
-      Surface.create({
-        id: 'section',
-        position: Position.last,
-        filter: AppSurface.subject(AppSurface.Section, Obj.isObject),
-        component: ({ data }) => {
-          return (
-            <div className='flex w-full justify-center'>
-              <div className='py-2 dx-card-min-width dx-card-max-width'>
-                <Card.Root>
-                  <Surface.Surface type={AppSurface.CardContent} data={data} limit={1} />
-                </Card.Root>
-              </div>
-            </div>
-          );
-        },
-      }),
+      // Surface.create({
+      //   id: 'fallbackSection',
+      //   position: Position.last,
+      //   filter: AppSurface.subject(AppSurface.Section, Obj.isObject),
+      //   component: ({ data }) => {
+      //     return (
+      //       <div className='flex w-full justify-center'>
+      //         <div className='py-2 dx-card-min-width dx-card-max-width'>
+      //           <Card.Root>
+      //             <Surface.Surface type={AppSurface.CardContent} data={data} limit={1} />
+      //           </Card.Root>
+      //         </div>
+      //       </div>
+      //     );
+      //   },
+      // }),
     ]),
   ),
 );

package/src/cards/PersonCard.tsx

@@ -3,19 +3,22 @@
 //
 
 import * as Effect from 'effect/Effect';
-import React, { useCallback } from 'react';
+import React, { useCallback, useRef } from 'react';
 
 import { useOperationInvoker } from '@dxos/app-framework/ui';
-import { LayoutOperation, Paths } from '@dxos/app-toolkit';
+import { GraphPath, LayoutOperation } from '@dxos/app-toolkit';
 import { type AppSurface } from '@dxos/app-toolkit/ui';
 import { Obj } from '@dxos/echo';
 import { EffectEx } from '@dxos/effect';
 import { Avatar } from '@dxos/react-ui';
 import { Card, Icon } from '@dxos/react-ui';
+import { Attention } from '@dxos/react-ui-attention';
 import { type Person } from '@dxos/types';
 
 export const PersonCard = ({ subject }: AppSurface.ObjectCardProps<Person.Person>) => {
   const { invoke } = useOperationInvoker();
+  // Card.Action's onClick carries no event, so resolve the origin plank from the card element itself.
+  const cardRef = useRef<HTMLDivElement>(null);
   const { image, organization: { target: organization } = {}, emails = [] } = subject;
 
   const handleOrganizationClick = useCallback(() => {
@@ -23,19 +26,22 @@ export const PersonCard = ({ subject }: AppSurface.ObjectCardProps<Person.Person
       return;
     }
 
+    const pivotId = cardRef.current ? Attention.getRootAttendableId(cardRef.current) : undefined;
     return Effect.gen(function* () {
-      const organizationPath = Paths.getObjectPathFromObject(organization);
+      const organizationPath = GraphPath.getObjectPathFromObject(organization);
       const db = Obj.getDatabase(organization);
       yield* invoke(LayoutOperation.UpdatePopover, { state: false, anchorId: '' });
       yield* invoke(LayoutOperation.Open, {
         subject: [organizationPath],
-        workspace: db ? Paths.getSpacePath(db.spaceId) : undefined,
+        pivotId,
+        disposition: 'add',
+        workspace: db ? GraphPath.getSpacePath(db.spaceId) : undefined,
       });
     }).pipe(EffectEx.runAndForwardErrors);
   }, [invoke, organization]);
 
   return (
-    <Card.Body>
+    <Card.Body ref={cardRef}>
       {image && (
         <Card.Row>
           <Avatar.Root>
@@ -58,7 +64,7 @@ export const PersonCard = ({ subject }: AppSurface.ObjectCardProps<Person.Person
           <Card.Block>
             <Icon icon='ph--at--regular' />
           </Card.Block>
-          <Card.Text truncate className='text-sky-text text-sm'>
+          <Card.Text truncate classNames='text-sky-text text-sm'>
             {emails.map(({ value }) => (
               <div key={value}>{value}</div>
             ))}

package/src/stories/Card.stories.tsx

@@ -15,7 +15,6 @@ import { translations } from '#translations';
 
 import { ExpandoCard, FormCard, OrganizationCard, PersonCard, ProjectCard, TaskCard } from '../cards';
 import {
-  DefaultStory,
   createExpando,
   createOrganization,
   createPerson,
@@ -24,7 +23,8 @@ import {
   createTableEmpty,
   createTask,
   createUnknown,
-} from './testing';
+} from './fixtures';
+import { DefaultStory } from './testing';
 
 random.seed(999);
 

package/src/stories/fixtures.ts

@@ -0,0 +1,109 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import * as Schema from 'effect/Schema';
+
+import { DXN, Obj, Ref, Type } from '@dxos/echo';
+import { Annotation } from '@dxos/echo';
+import { random } from '@dxos/random';
+import { Expando } from '@dxos/schema';
+import { Organization, Person, Pipeline, Task } from '@dxos/types';
+
+// Kept out of `testing.tsx`: react-refresh only fast-refreshes a module whose exports are all
+// components, so the object factories exported beside the story force a full page reload on every edit.
+
+export const omitImage = ({ image: _, ...rest }: any) => rest;
+
+/**
+ * Factory functions for creating test objects at render time.
+ */
+export const createOrganization = (): Organization.Organization => {
+  return Obj.make(Organization.Organization, {
+    name: random.company.name(),
+    image:
+      'https://plus.unsplash.com/premium_photo-1672116452571-896980a801c8?q=80&w=2671&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
+    website: random.internet.url(),
+    description: random.lorem.paragraph(),
+  });
+};
+
+export const createPerson = (): Person.Person => {
+  const organization = createOrganization();
+  return Obj.make(Person.Person, {
+    fullName: random.person.fullName(),
+    image:
+      'https://plus.unsplash.com/premium_photo-1664536392779-049ba8fde933?q=80&w=2574&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
+    organization: Ref.make(organization),
+    emails: [
+      { label: 'Work', value: random.internet.email() },
+      { label: 'Work', value: random.internet.email() },
+      { label: 'Work', value: random.internet.email() },
+    ],
+  });
+};
+
+export const createProject = (): Pipeline.Pipeline => {
+  return Obj.make(Pipeline.Pipeline, {
+    name: random.person.fullName(),
+    image: 'https://dxos.network/dxos-logotype-blue.png',
+    description: random.lorem.paragraph(),
+    columns: [],
+  });
+};
+
+export const createTask = (): Task.Task => {
+  return Obj.make(Task.Task, {
+    title: random.lorem.sentence(),
+    status: random.helpers.arrayElement(['todo', 'in-progress', 'done'] as const),
+  });
+};
+
+/**
+ * Plain object cast as `Obj.Any` — has no schema, typename, or database, so cards
+ * like `FormCard` fall through to their empty/unsupported state. Use to story-pin
+ * fallback rendering.
+ */
+export const createUnknown = (): Obj.Any => ({}) as unknown as Obj.Any;
+
+/**
+ * Typed object with no user-facing values (only `id`). All Person fields are
+ * optional, so `Obj.make(Person, {})` is valid and triggers the FormCard
+ * "no values" branch in readonly mode.
+ */
+export const createPersonEmpty = (): Person.Person => Obj.make(Person.Person, {});
+
+/**
+ * Mock of the `Table` schema (org.dxos.type.table): an optional `name` plus
+ * `view` and `sizes` fields annotated with `FormInputAnnotation.set(false)`.
+ * When constructed without a `name`, no form-renderable field has a value so
+ * FormCard should fall through to its empty state — even though
+ * `Object.keys(subject)` includes `view`/`sizes`.
+ */
+const TableLike = Schema.Struct({
+  name: Schema.String.pipe(Schema.optional),
+  view: Schema.String.pipe(Annotation.FormInputAnnotation.set(false)),
+  sizes: Schema.Record({ key: Schema.String, value: Schema.Number }).pipe(
+    Schema.mutable,
+    Annotation.FormInputAnnotation.set(false),
+  ),
+}).pipe(Type.makeObject(DXN.make('org.dxos.test.tableLike', '0.1.0')));
+type TableLike = Type.InstanceType<typeof TableLike>;
+
+/**
+ * Table-like object with values only in form-hidden fields (`view`, `sizes`).
+ * `Object.keys` includes them, but a naive `hasValues` check would
+ * misclassify this as having data. FormCard must consult the schema's
+ * form-input annotations to correctly fall through to the empty state.
+ */
+export const createTableEmpty = (): TableLike =>
+  Obj.make(TableLike, { view: 'view-dxn:placeholder', sizes: {} } as Obj.MakeProps<typeof TableLike>);
+
+export const createExpando = (): Expando.Expando => {
+  return Expando.make({
+    name: random.person.fullName(),
+    email: random.internet.email(),
+    age: random.number.int({ min: 18, max: 80 }),
+    active: random.datatype.boolean(),
+  });
+};

package/src/stories/testing.tsx

@@ -2,19 +2,15 @@
 // Copyright 2025 DXOS.org
 //
 
-import * as Schema from 'effect/Schema';
 import React, { type FC, useMemo } from 'react';
 
 import { type AppSurface } from '@dxos/app-toolkit/ui';
-import { DXN, Obj, Ref, Type } from '@dxos/echo';
-import { Annotation } from '@dxos/echo';
-import { random } from '@dxos/random';
+import { Obj } from '@dxos/echo';
 import { Card } from '@dxos/react-ui';
 import { CardContainer, type CardContainerProps } from '@dxos/react-ui-mosaic/testing';
-import { Expando } from '@dxos/schema';
-import { Organization, Person, Pipeline, Task } from '@dxos/types';
 
 import { JsonCard } from '../cards';
+import { omitImage } from './fixtures';
 
 export type StoryArgs<T extends Obj.Any, P extends {} = {}> = {
   Component: FC<AppSurface.ObjectCardProps<T> & P>;
@@ -61,98 +57,3 @@ export const DefaultStory = <T extends Obj.Any, P extends {} = {}>({
     </div>
   );
 };
-
-export const omitImage = ({ image: _, ...rest }: any) => rest;
-
-/**
- * Factory functions for creating test objects at render time.
- */
-export const createOrganization = (): Organization.Organization => {
-  return Obj.make(Organization.Organization, {
-    name: random.company.name(),
-    image:
-      'https://plus.unsplash.com/premium_photo-1672116452571-896980a801c8?q=80&w=2671&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
-    website: random.internet.url(),
-    description: random.lorem.paragraph(),
-  });
-};
-
-export const createPerson = (): Person.Person => {
-  const organization = createOrganization();
-  return Obj.make(Person.Person, {
-    fullName: random.person.fullName(),
-    image:
-      'https://plus.unsplash.com/premium_photo-1664536392779-049ba8fde933?q=80&w=2574&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
-    organization: Ref.make(organization),
-    emails: [
-      { label: 'Work', value: random.internet.email() },
-      { label: 'Work', value: random.internet.email() },
-      { label: 'Work', value: random.internet.email() },
-    ],
-  });
-};
-
-export const createProject = (): Pipeline.Pipeline => {
-  return Obj.make(Pipeline.Pipeline, {
-    name: random.person.fullName(),
-    image: 'https://dxos.network/dxos-logotype-blue.png',
-    description: random.lorem.paragraph(),
-    columns: [],
-  });
-};
-
-export const createTask = (): Task.Task => {
-  return Obj.make(Task.Task, {
-    title: random.lorem.sentence(),
-    status: random.helpers.arrayElement(['todo', 'in-progress', 'done'] as const),
-  });
-};
-
-/**
- * Plain object cast as `Obj.Any` — has no schema, typename, or database, so cards
- * like `FormCard` fall through to their empty/unsupported state. Use to story-pin
- * fallback rendering.
- */
-export const createUnknown = (): Obj.Any => ({}) as unknown as Obj.Any;
-
-/**
- * Typed object with no user-facing values (only `id`). All Person fields are
- * optional, so `Obj.make(Person, {})` is valid and triggers the FormCard
- * "no values" branch in readonly mode.
- */
-export const createPersonEmpty = (): Person.Person => Obj.make(Person.Person, {});
-
-/**
- * Mock of the `Table` schema (org.dxos.type.table): an optional `name` plus
- * `view` and `sizes` fields annotated with `FormInputAnnotation.set(false)`.
- * When constructed without a `name`, no form-renderable field has a value so
- * FormCard should fall through to its empty state — even though
- * `Object.keys(subject)` includes `view`/`sizes`.
- */
-const TableLike = Schema.Struct({
-  name: Schema.String.pipe(Schema.optional),
-  view: Schema.String.pipe(Annotation.FormInputAnnotation.set(false)),
-  sizes: Schema.Record({ key: Schema.String, value: Schema.Number }).pipe(
-    Schema.mutable,
-    Annotation.FormInputAnnotation.set(false),
-  ),
-}).pipe(Type.makeObject(DXN.make('org.dxos.test.tableLike', '0.1.0')));
-type TableLike = Type.InstanceType<typeof TableLike>;
-
-/**
- * Table-like object with values only in form-hidden fields (`view`, `sizes`).
- * `Object.keys` includes them, but a naive `hasValues` check would
- * misclassify this as having data. FormCard must consult the schema's
- * form-input annotations to correctly fall through to the empty state.
- */
-export const createTableEmpty = (): TableLike =>
-  Obj.make(TableLike, { view: 'view-dxn:placeholder', sizes: {} } as Obj.MakeProps<typeof TableLike>);
-
-export const createExpando = (): Expando.Expando => {
-  return Expando.make({
-    name: random.person.fullName(),
-    email: random.internet.email(),
-    age: random.number.int({ min: 18, max: 80 }),
-    active: random.datatype.boolean(),
-  });
-};