@dxos/plugin-preview 0.9.1-staging.ee54ba693a → 0.11.0

package/dist/lib/PreviewPlugin.mjs

@@ -0,0 +1,16 @@
+import { ActivationEvents, Plugin } from "@dxos/app-framework";
+import { AppPlugin } from "@dxos/app-toolkit";
+import { Organization, Person } from "@dxos/types";
+import { PreviewPopover, ReactSurface } from "#capabilities";
+import { meta } from "#meta";
+import { translations } from "#translations";
+//#region src/PreviewPlugin.tsx
+var PreviewPlugin = Plugin.define(meta).pipe(AppPlugin.addSchemaModule({ schema: [Person.Person, Organization.Organization] }), AppPlugin.addSurfaceModule({ activate: ReactSurface }), AppPlugin.addTranslationsModule({ translations }), Plugin.addModule({
+	id: "preview-popover",
+	activatesOn: ActivationEvents.Startup,
+	activate: PreviewPopover
+}), Plugin.make);
+//#endregion
+export { PreviewPlugin, PreviewPlugin as default };
+
+//# sourceMappingURL=PreviewPlugin.mjs.map

package/dist/lib/PreviewPlugin.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewPlugin.mjs","names":[],"sources":["../../src/PreviewPlugin.tsx"],"sourcesContent":["//\n// Copyright 2023 DXOS.org\n//\n\nimport { ActivationEvents, Plugin } from '@dxos/app-framework';\nimport { AppPlugin } from '@dxos/app-toolkit';\nimport { Organization, Person } from '@dxos/types';\n\nimport { PreviewPopover, ReactSurface } from '#capabilities';\nimport { meta } from '#meta';\nimport { translations } from '#translations';\n\nexport const PreviewPlugin = Plugin.define(meta).pipe(\n  AppPlugin.addSchemaModule({ schema: [Person.Person, Organization.Organization] }),\n  AppPlugin.addSurfaceModule({ activate: ReactSurface }),\n  AppPlugin.addTranslationsModule({ translations }),\n  Plugin.addModule({\n    id: 'preview-popover',\n    activatesOn: ActivationEvents.Startup,\n    activate: PreviewPopover,\n  }),\n  Plugin.make,\n);\n\nexport default PreviewPlugin;\n"],"mappings":";;;;;;;AAYA,IAAa,gBAAgB,OAAO,OAAO,IAAI,CAAC,CAAC,KAC/C,UAAU,gBAAgB,EAAE,QAAQ,CAAC,OAAO,QAAQ,aAAa,YAAY,EAAE,CAAC,GAChF,UAAU,iBAAiB,EAAE,UAAU,aAAa,CAAC,GACrD,UAAU,sBAAsB,EAAE,aAAa,CAAC,GAChD,OAAO,UAAU;CACf,IAAI;CACJ,aAAa,iBAAiB;CAC9B,UAAU;AACZ,CAAC,GACD,OAAO,IACT"}

package/dist/lib/PreviewPlugin.node.mjs

@@ -0,0 +1,10 @@
+import { Plugin } from "@dxos/app-framework";
+import { AppPlugin } from "@dxos/app-toolkit";
+import { Organization, Person } from "@dxos/types";
+import { meta } from "#meta";
+//#region src/PreviewPlugin.node.ts
+var PreviewPlugin = Plugin.define(meta).pipe(AppPlugin.addSchemaModule({ schema: [Person.Person, Organization.Organization] }), Plugin.make);
+//#endregion
+export { PreviewPlugin, PreviewPlugin as default };
+
+//# sourceMappingURL=PreviewPlugin.node.mjs.map

package/dist/lib/PreviewPlugin.node.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewPlugin.node.mjs","names":[],"sources":["../../src/PreviewPlugin.node.ts"],"sourcesContent":["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Plugin } from '@dxos/app-framework';\nimport { AppPlugin } from '@dxos/app-toolkit';\nimport { Organization, Person } from '@dxos/types';\n\nimport { meta } from '#meta';\n\nexport const PreviewPlugin = Plugin.define(meta).pipe(\n  AppPlugin.addSchemaModule({ schema: [Person.Person, Organization.Organization] }),\n  Plugin.make,\n);\n\nexport default PreviewPlugin;\n"],"mappings":";;;;;AAUA,IAAa,gBAAgB,OAAO,OAAO,IAAI,CAAC,CAAC,KAC/C,UAAU,gBAAgB,EAAE,QAAQ,CAAC,OAAO,QAAQ,aAAa,YAAY,EAAE,CAAC,GAChF,OAAO,IACT"}

package/dist/lib/PreviewPlugin.workerd.mjs

@@ -0,0 +1,10 @@
+import { Plugin } from "@dxos/app-framework";
+import { AppPlugin } from "@dxos/app-toolkit";
+import { Organization, Person } from "@dxos/types";
+import { meta } from "#meta";
+//#region src/PreviewPlugin.workerd.ts
+var PreviewPlugin = Plugin.define(meta).pipe(AppPlugin.addSchemaModule({ schema: [Person.Person, Organization.Organization] }), Plugin.make);
+//#endregion
+export { PreviewPlugin, PreviewPlugin as default };
+
+//# sourceMappingURL=PreviewPlugin.workerd.mjs.map

package/dist/lib/PreviewPlugin.workerd.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewPlugin.workerd.mjs","names":[],"sources":["../../src/PreviewPlugin.workerd.ts"],"sourcesContent":["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Plugin } from '@dxos/app-framework';\nimport { AppPlugin } from '@dxos/app-toolkit';\nimport { Organization, Person } from '@dxos/types';\n\nimport { meta } from '#meta';\n\nexport const PreviewPlugin = Plugin.define(meta).pipe(\n  AppPlugin.addSchemaModule({ schema: [Person.Person, Organization.Organization] }),\n  Plugin.make,\n);\n\nexport default PreviewPlugin;\n"],"mappings":";;;;;AAUA,IAAa,gBAAgB,OAAO,OAAO,IAAI,CAAC,CAAC,KAC/C,UAAU,gBAAgB,EAAE,QAAQ,CAAC,OAAO,QAAQ,aAAa,YAAY,EAAE,CAAC,GAChF,OAAO,IACT"}

package/dist/lib/capabilities.mjs

@@ -0,0 +1,8 @@
+import { Capability } from "@dxos/app-framework";
+//#region src/capabilities/index.ts
+var PreviewPopover = Capability.lazy("PreviewPopover", () => import("./chunk-preview-popover.mjs"));
+var ReactSurface = Capability.lazy("ReactSurface", () => import("./chunk-react-surface.mjs"));
+//#endregion
+export { PreviewPopover, ReactSurface };
+
+//# sourceMappingURL=capabilities.mjs.map

package/dist/lib/capabilities.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"capabilities.mjs","names":[],"sources":["../../src/capabilities/index.ts"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capability } from '@dxos/app-framework';\n\nexport const PreviewPopover = Capability.lazy('PreviewPopover', () => import('./preview-popover'));\nexport const ReactSurface = Capability.lazy('ReactSurface', () => import('./react-surface'));\n"],"mappings":";;AAMA,IAAa,iBAAiB,WAAW,KAAK,wBAAwB,OAAO,8BAAoB;AACjG,IAAa,eAAe,WAAW,KAAK,sBAAsB,OAAO,4BAAkB"}

package/dist/lib/chunk-meta.mjs

@@ -0,0 +1,23 @@
+import { Plugin } from "@dxos/app-framework";
+import { Config2 } from "@dxos/app-framework/config";
+import { trim } from "@dxos/util";
+//#region dx.config.ts
+var dx_config_default = Config2.make({ plugin: {
+	key: "org.dxos.plugin.preview",
+	name: "Preview",
+	author: "DXOS",
+	description: trim`
+      Rich preview panel for viewing object content without opening full editors.
+      Quick peek at documents, images, and data with inline rendering.
+    `,
+	icon: { key: "ph--eye--regular" },
+	source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-preview",
+	tags: ["system"]
+} });
+//#endregion
+//#region src/meta.ts
+var meta = Plugin.getMetaFromConfig(dx_config_default);
+//#endregion
+export { meta as t };
+
+//# sourceMappingURL=chunk-meta.mjs.map

package/dist/lib/chunk-meta.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-meta.mjs","names":[],"sources":["../../dx.config.ts","../../src/meta.ts"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Config2 } from '@dxos/app-framework/config';\nimport { trim } from '@dxos/util';\n\nexport default Config2.make({\n  plugin: {\n    key: 'org.dxos.plugin.preview',\n    name: 'Preview',\n    author: 'DXOS',\n    description: trim`\n      Rich preview panel for viewing object content without opening full editors.\n      Quick peek at documents, images, and data with inline rendering.\n    `,\n    icon: { key: 'ph--eye--regular' },\n    source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-preview',\n    tags: ['system'],\n  },\n});\n","//\n// Copyright 2023 DXOS.org\n//\n\nimport { Plugin } from '@dxos/app-framework';\n\nimport config from '../dx.config';\n\nexport const meta = Plugin.getMetaFromConfig(config);\n"],"mappings":";;;;AAOA,IAAA,oBAAe,QAAQ,KAAK,EAC1B,QAAQ;CACN,KAAK;CACL,MAAM;CACN,QAAQ;CACR,aAAa,IAAI;;;;CAIjB,MAAM,EAAE,KAAK,mBAAmB;CAChC,QAAQ;CACR,MAAM,CAAC,QAAQ;AACjB,EACF,CAAC;;;ACZD,IAAa,OAAO,OAAO,kBAAkB,iBAAM"}

package/dist/lib/chunk-preview-popover.mjs

@@ -0,0 +1,82 @@
+import { Capabilities, Capability } from "@dxos/app-framework";
+import { AppCapabilities, AppSpace, GraphPath, LayoutOperation } from "@dxos/app-toolkit";
+import * as Effect from "effect/Effect";
+import { addEventListener } from "@dxos/async";
+import { Obj } from "@dxos/echo";
+import { EID } from "@dxos/keys";
+import { log } from "@dxos/log";
+import { ClientCapabilities } from "@dxos/plugin-client";
+import { DX_ANCHOR_ACTIVATE } from "@dxos/react-ui";
+//#region src/capabilities/preview-popover.ts
+var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-preview/src/capabilities/preview-popover.ts";
+var customEventOptions = {
+	capture: true,
+	passive: false
+};
+var handlePreviewLookup = async (space, { dxn, label }) => {
+	const eid = EID.tryParse(dxn);
+	if (!eid) return null;
+	try {
+		const object = await space.db.makeRef(eid).load();
+		return {
+			label: Obj.getLabel(object, { fallback: "typename" }) ?? label,
+			object
+		};
+	} catch {
+		return null;
+	}
+};
+var preview_popover_default = Capability.makeModule(Effect.fnUntraced(function* () {
+	const capabilities = yield* Capability.Service;
+	let activationSequence = 0;
+	const handleAnchorActivate = async ({ dxn, label, trigger, kind = "card", title: titleProp, side, props, state }) => {
+		const sequence = ++activationSequence;
+		const { invokePromise } = capabilities.get(Capabilities.OperationInvoker);
+		if (state === false) {
+			await invokePromise(LayoutOperation.UpdatePopover, {
+				variant: "virtual",
+				anchor: trigger,
+				kind: "base",
+				state: false
+			});
+			return;
+		}
+		const client = capabilities.get(ClientCapabilities.Client);
+		const registry = capabilities.get(Capabilities.AtomRegistry);
+		const [layoutAtom] = capabilities.getAll(AppCapabilities.Layout);
+		const spaceId = layoutAtom && GraphPath.getSpaceIdFromPath(registry.get(layoutAtom).workspace);
+		const space = (spaceId && client.spaces.get(spaceId)) ?? AppSpace.getPersonalSpace(client);
+		if (!space) return;
+		const result = await handlePreviewLookup(space, {
+			dxn,
+			label
+		});
+		if (!result) return;
+		if (sequence !== activationSequence) return;
+		const title = titleProp ?? Obj.getLabel(result.object, { fallback: "typename" });
+		await invokePromise(LayoutOperation.UpdatePopover, {
+			subjectRef: dxn,
+			subject: result.object,
+			state: true,
+			variant: "virtual",
+			anchor: trigger,
+			...kind && { kind },
+			...title && { title },
+			...side && { side },
+			...props && { props }
+		});
+	};
+	let cleanup;
+	if (document.defaultView) cleanup = addEventListener(document.defaultView, DX_ANCHOR_ACTIVATE, handleAnchorActivate, customEventOptions);
+	else log.warn("no default view found", void 0, {
+		"~LogMeta": "~LogMeta",
+		F: __dxlog_file,
+		L: 118,
+		S: this
+	});
+	return Capability.contributes(Capabilities.Null, null, () => Effect.sync(() => cleanup?.()));
+}));
+//#endregion
+export { preview_popover_default as default };
+
+//# sourceMappingURL=chunk-preview-popover.mjs.map

package/dist/lib/chunk-preview-popover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-preview-popover.mjs","names":[],"sources":["../../src/capabilities/preview-popover.ts"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Capabilities, Capability } from '@dxos/app-framework';\nimport { AppCapabilities, AppSpace, GraphPath, LayoutOperation } from '@dxos/app-toolkit';\nimport { addEventListener } from '@dxos/async';\nimport { type Space } from '@dxos/client/echo';\nimport { Obj } from '@dxos/echo';\nimport { EID } from '@dxos/keys';\nimport { log } from '@dxos/log';\nimport { ClientCapabilities } from '@dxos/plugin-client';\nimport { DX_ANCHOR_ACTIVATE, type DxAnchorActivate } from '@dxos/react-ui';\nimport { type PreviewLinkRef, type PreviewLinkTarget } from '@dxos/ui-types';\n\nconst customEventOptions = { capture: true, passive: false };\n\n// TODO(burdon): Factor out?\nconst handlePreviewLookup = async (space: Space, { dxn, label }: PreviewLinkRef): Promise<PreviewLinkTarget | null> => {\n  const eid = EID.tryParse(dxn);\n  if (!eid) {\n    // dxn: type URIs and other non-EID refs cannot be resolved to an object.\n    return null;\n  }\n  try {\n    const object = await space.db.makeRef(eid).load();\n    const resolvedLabel = Obj.getLabel(object as any, { fallback: 'typename' });\n    return { label: resolvedLabel ?? label, object };\n  } catch {\n    return null;\n  }\n};\n\nexport default Capability.makeModule(\n  Effect.fnUntraced(function* () {\n    // Get context for lazy capability access in callbacks.\n    const capabilities = yield* Capability.Service;\n\n    // TODO(wittjosiah): Factor out lookup handlers to other plugins to make not ECHO-specific.\n    // Monotonic activation token: each invocation captures its own sequence; only the\n    // most recent activation is allowed to commit popover state. Prevents a slow\n    // open (async lookup) from clobbering a later close that fires while it's in flight.\n    let activationSequence = 0;\n    const handleAnchorActivate = async ({\n      dxn,\n      label,\n      trigger,\n      kind = 'card',\n      title: titleProp,\n      side,\n      props,\n      state,\n    }: DxAnchorActivate) => {\n      const sequence = ++activationSequence;\n      const { invokePromise } = capabilities.get(Capabilities.OperationInvoker);\n\n      // Explicit close: callers pass `state: false` on pointer-leave to dismiss\n      // the popover. Operation schema requires anchor + kind, so use placeholders;\n      // they're overwritten in ephemeral state but only `state` is read by the UI.\n      if (state === false) {\n        await invokePromise(LayoutOperation.UpdatePopover, {\n          variant: 'virtual',\n          anchor: trigger,\n          kind: 'base',\n          state: false,\n        });\n        return;\n      }\n\n      const client = capabilities.get(ClientCapabilities.Client);\n      const registry = capabilities.get(Capabilities.AtomRegistry);\n      // Layout is optional: in standalone harnesses (Storybook, tests) no plugin contributes\n      // `AppCapabilities.Layout`, and `getAll` returns an empty array. Reading `registry.get(undefined)`\n      // would crash inside Atom's identity check (`'~atom/Serializable' in undefined`). When layout\n      // isn't available, fall through to the personal-space default.\n      const [layoutAtom] = capabilities.getAll(AppCapabilities.Layout);\n      const spaceId = layoutAtom && GraphPath.getSpaceIdFromPath(registry.get(layoutAtom).workspace);\n      const space = (spaceId && client.spaces.get(spaceId)) ?? AppSpace.getPersonalSpace(client);\n      if (!space) {\n        return;\n      }\n      const result = await handlePreviewLookup(space, { dxn, label });\n      if (!result) {\n        return;\n      }\n      // A newer activation (open or close) arrived while the lookup was in flight; bail\n      // out so we don't clobber the latest state.\n      if (sequence !== activationSequence) {\n        return;\n      }\n\n      const title = titleProp ?? Obj.getLabel(result.object, { fallback: 'typename' });\n\n      await invokePromise(LayoutOperation.UpdatePopover, {\n        subjectRef: dxn,\n        subject: result.object,\n        state: true,\n        variant: 'virtual',\n        anchor: trigger,\n        ...(kind && { kind }),\n        ...(title && { title }),\n        ...(side && { side }),\n        ...(props && { props }),\n      });\n    };\n\n    let cleanup: () => void;\n    if (document.defaultView) {\n      cleanup = addEventListener(\n        document.defaultView,\n        DX_ANCHOR_ACTIVATE as any,\n        handleAnchorActivate,\n        customEventOptions,\n      );\n    } else {\n      log.warn('no default view found');\n    }\n\n    return Capability.contributes(Capabilities.Null, null, () => Effect.sync(() => cleanup?.()));\n  }),\n);\n"],"mappings":";;;;;;;;;;;AAiBA,IAAM,qBAAqB;CAAE,SAAS;CAAM,SAAS;AAAM;AAG3D,IAAM,sBAAsB,OAAO,OAAc,EAAE,KAAK,YAA+D;CACrH,MAAM,MAAM,IAAI,SAAS,GAAG;CAC5B,IAAI,CAAC,KAEH,OAAO;CAET,IAAI;EACF,MAAM,SAAS,MAAM,MAAM,GAAG,QAAQ,GAAG,CAAC,CAAC,KAAK;EAEhD,OAAO;GAAE,OADa,IAAI,SAAS,QAAe,EAAE,UAAU,WAAW,CACzD,KAAiB;GAAO;EAAO;CACjD,QAAQ;EACN,OAAO;CACT;AACF;AAEA,IAAA,0BAAe,WAAW,WACxB,OAAO,WAAW,aAAa;CAE7B,MAAM,eAAe,OAAO,WAAW;CAMvC,IAAI,qBAAqB;CACzB,MAAM,uBAAuB,OAAO,EAClC,KACA,OACA,SACA,OAAO,QACP,OAAO,WACP,MACA,OACA,YACsB;EACtB,MAAM,WAAW,EAAE;EACnB,MAAM,EAAE,kBAAkB,aAAa,IAAI,aAAa,gBAAgB;EAKxE,IAAI,UAAU,OAAO;GACnB,MAAM,cAAc,gBAAgB,eAAe;IACjD,SAAS;IACT,QAAQ;IACR,MAAM;IACN,OAAO;GACT,CAAC;GACD;EACF;EAEA,MAAM,SAAS,aAAa,IAAI,mBAAmB,MAAM;EACzD,MAAM,WAAW,aAAa,IAAI,aAAa,YAAY;EAK3D,MAAM,CAAC,cAAc,aAAa,OAAO,gBAAgB,MAAM;EAC/D,MAAM,UAAU,cAAc,UAAU,mBAAmB,SAAS,IAAI,UAAU,CAAC,CAAC,SAAS;EAC7F,MAAM,SAAS,WAAW,OAAO,OAAO,IAAI,OAAO,MAAM,SAAS,iBAAiB,MAAM;EACzF,IAAI,CAAC,OACH;EAEF,MAAM,SAAS,MAAM,oBAAoB,OAAO;GAAE;GAAK;EAAM,CAAC;EAC9D,IAAI,CAAC,QACH;EAIF,IAAI,aAAa,oBACf;EAGF,MAAM,QAAQ,aAAa,IAAI,SAAS,OAAO,QAAQ,EAAE,UAAU,WAAW,CAAC;EAE/E,MAAM,cAAc,gBAAgB,eAAe;GACjD,YAAY;GACZ,SAAS,OAAO;GAChB,OAAO;GACP,SAAS;GACT,QAAQ;GACR,GAAI,QAAQ,EAAE,KAAK;GACnB,GAAI,SAAS,EAAE,MAAM;GACrB,GAAI,QAAQ,EAAE,KAAK;GACnB,GAAI,SAAS,EAAE,MAAM;EACvB,CAAC;CACH;CAEA,IAAI;CACJ,IAAI,SAAS,aACX,UAAU,iBACR,SAAS,aACT,oBACA,sBACA,kBACF;MAEA,IAAI,KAAK,yBAAsB,KAAA,GAAA;EAAA,YAAA;EAAA,GAAA;EAAA,GAAA;EAAA,GAAA;CAAA,CAAC;CAGlC,OAAO,WAAW,YAAY,aAAa,MAAM,YAAY,OAAO,WAAW,UAAU,CAAC,CAAC;AAC7F,CAAC,CACH"}

package/dist/lib/chunk-react-surface.mjs

@@ -0,0 +1,366 @@
+import { Capabilities, Capability } from "@dxos/app-framework";
+import { Position } from "@dxos/util";
+import { GraphPath, LayoutOperation } from "@dxos/app-toolkit";
+import { Organization, Person, Pipeline, Task } from "@dxos/types";
+import { meta } from "#meta";
+import * as Effect from "effect/Effect";
+import { Obj, Type } from "@dxos/echo";
+import { Avatar, Card, Icon, ToggleIconButton, useTranslation } from "@dxos/react-ui";
+import { Surface, useOperationInvoker } from "@dxos/app-framework/ui";
+import { AppSurface } from "@dxos/app-toolkit/ui";
+import { Expando } from "@dxos/schema";
+import * as Schema from "effect/Schema";
+import { useCallback, useMemo, useRef, useState } from "react";
+import { EffectEx, SchemaEx } from "@dxos/effect";
+import { Form, getFormProperties, omitId } from "@dxos/react-ui-form";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useType } from "@dxos/echo-react";
+import { JsonHighlighter } from "@dxos/react-ui-syntax-highlighter";
+import { Attention } from "@dxos/react-ui-attention";
+import * as SchemaAST from "effect/SchemaAST";
+import { PropertyMetaAnnotationId } from "@dxos/echo/internal";
+//#region src/cards/ExpandoCard.tsx
+var schemaForValue = (value) => {
+	switch (typeof value) {
+		case "string": return Schema.String;
+		case "number": return Schema.Number;
+		case "boolean": return Schema.Boolean;
+		default: return;
+	}
+};
+/**
+* Reserved keys: `id`, plus any `~`-prefixed key (ECHO uses `~`-prefixed
+* string keys to brand entity instances and schemas — KindId,
+* SchemaKindId, SnapshotKindId, etc. — and the `~` namespace is reserved
+* for that purpose). They show up in `Object.keys` but aren't user data.
+*/
+var isInternalKey = (key) => key === "id" || key.startsWith("~");
+var ExpandoCard = ({ subject, ignorePaths }) => {
+	const schema = useMemo(() => {
+		const ignored = new Set(ignorePaths ?? []);
+		const fields = {};
+		for (const key of Object.keys(subject)) {
+			if (isInternalKey(key) || ignored.has(key)) continue;
+			const fieldSchema = schemaForValue(subject[key]);
+			if (fieldSchema) fields[key] = fieldSchema;
+		}
+		return Schema.Struct(fields);
+	}, [subject, ignorePaths]);
+	const handleSave = useCallback((values, { changed }) => {
+		const paths = Object.keys(changed).filter((path) => changed[path]);
+		Obj.update(subject, () => {
+			for (const path of paths) {
+				const value = values[path];
+				const parts = SchemaEx.splitJsonPath(path);
+				Obj.setValue(subject, parts, value);
+			}
+		});
+	}, [subject]);
+	return /* @__PURE__ */ jsx(Card.Body, { children: /* @__PURE__ */ jsx(Form.Root, {
+		schema,
+		values: subject,
+		autoSave: true,
+		onSave: handleSave,
+		children: /* @__PURE__ */ jsx(Form.Viewport, { children: /* @__PURE__ */ jsx(Form.Content, { children: /* @__PURE__ */ jsx(Form.FieldSet, {}) }) })
+	}) });
+};
+//#endregion
+//#region src/cards/FormCard.tsx
+/**
+* Default/fallback card for any ECHO object.
+* Renders a `Form` against the object's schema — either the static schema
+* from `Obj.getSchema` or, for runtime/mutable schemas, the reactive
+* schema looked up via `useType`.
+*/
+var FormCard = ({ subject, projection, readonly = true, layout }) => {
+	const { t } = useTranslation(meta.profile.key);
+	const resolvedLayout = layout ?? (readonly ? "static" : "compact");
+	const staticType = Obj.getType(subject);
+	const runtimeType = useType(Obj.getDatabase(subject), useMemo(() => {
+		if (staticType) return;
+		try {
+			return Obj.getTypeURI(subject);
+		} catch {
+			return;
+		}
+	}, [staticType, subject]));
+	const schema = useMemo(() => {
+		const resolvedType = runtimeType ?? staticType;
+		return resolvedType ? omitId(Type.getSchema(resolvedType)) : void 0;
+	}, [runtimeType, staticType]);
+	const hasRenderableContent = useMemo(() => {
+		if (!schema) return false;
+		const properties = getFormProperties(schema.ast);
+		if (properties.length === 0) return false;
+		if (!readonly) return true;
+		return properties.some((prop) => subject?.[prop.name] != null);
+	}, [
+		schema,
+		subject,
+		readonly
+	]);
+	const handleSave = useCallback((values, { changed }) => {
+		const paths = Object.keys(changed).filter((path) => changed[path]);
+		Obj.update(subject, () => {
+			for (const path of paths) {
+				const parts = SchemaEx.splitJsonPath(path);
+				const value = Obj.getValue(values, parts);
+				Obj.setValue(subject, parts, value);
+			}
+		});
+	}, [subject]);
+	if (!schema || !hasRenderableContent) return /* @__PURE__ */ jsx(Card.Body, { children: /* @__PURE__ */ jsx(Card.Row, { children: /* @__PURE__ */ jsx(Card.Text, {
+		variant: "description",
+		children: t("unable-to-create-preview.message")
+	}) }) });
+	const { icon, hue } = Obj.getIcon(subject) ?? {
+		icon: "ph--circle-dashed--regular",
+		hue: "neutral"
+	};
+	return /* @__PURE__ */ jsx(Card.Body, { children: /* @__PURE__ */ jsx(Form.Root, {
+		schema,
+		projection,
+		values: subject,
+		readonly,
+		layout: resolvedLayout,
+		autoSave: true,
+		onSave: handleSave,
+		children: /* @__PURE__ */ jsx(Form.Viewport, { children: /* @__PURE__ */ jsx(Form.Content, { children: /* @__PURE__ */ jsx(Form.FieldSet, {}) }) })
+	}) });
+};
+//#endregion
+//#region src/cards/JsonCard.tsx
+var JsonCard = ({ data }) => {
+	const [open, setOpen] = useState(false);
+	let collapsedLength = 0;
+	try {
+		collapsedLength = JSON.stringify(data)?.length ?? 0;
+	} catch {}
+	return /* @__PURE__ */ jsxs(Card.Row, { children: [/* @__PURE__ */ jsx(Card.Block, { children: /* @__PURE__ */ jsx(ToggleIconButton, {
+		variant: "ghost",
+		icon: "ph--caret-right--regular",
+		iconOnly: true,
+		active: open,
+		onClick: () => setOpen(!open),
+		label: "Toggle JSON"
+	}) }), open && /* @__PURE__ */ jsx(JsonHighlighter, {
+		data,
+		classNames: "py-1.5 col-span-full text-xs overflow-auto"
+	}) || /* @__PURE__ */ jsx(Card.Text, {
+		variant: "description",
+		children: collapsedLength
+	})] });
+};
+//#endregion
+//#region src/cards/OrganizationCard.tsx
+var OrganizationCard = ({ subject }) => {
+	const { name, image, description, website } = subject;
+	return /* @__PURE__ */ jsxs(Card.Body, { children: [
+		image && /* @__PURE__ */ jsx(Card.Poster, {
+			alt: name ?? "",
+			image
+		}),
+		description && /* @__PURE__ */ jsx(Card.Row, { children: /* @__PURE__ */ jsx(Card.Text, {
+			variant: "description",
+			children: description
+		}) }),
+		website && /* @__PURE__ */ jsx(Card.Link, {
+			label: website,
+			href: website
+		})
+	] });
+};
+//#endregion
+//#region src/cards/PersonCard.tsx
+var PersonCard = ({ subject }) => {
+	const { invoke } = useOperationInvoker();
+	const cardRef = useRef(null);
+	const { image, organization: { target: organization } = {}, emails = [] } = subject;
+	const handleOrganizationClick = useCallback(() => {
+		if (!organization) return;
+		const pivotId = cardRef.current ? Attention.getRootAttendableId(cardRef.current) : void 0;
+		return Effect.gen(function* () {
+			const organizationPath = GraphPath.getObjectPathFromObject(organization);
+			const db = Obj.getDatabase(organization);
+			yield* invoke(LayoutOperation.UpdatePopover, {
+				state: false,
+				anchorId: ""
+			});
+			yield* invoke(LayoutOperation.Open, {
+				subject: [organizationPath],
+				pivotId,
+				disposition: "add",
+				workspace: db ? GraphPath.getSpacePath(db.spaceId) : void 0
+			});
+		}).pipe(EffectEx.runAndForwardErrors);
+	}, [invoke, organization]);
+	return /* @__PURE__ */ jsxs(Card.Body, {
+		ref: cardRef,
+		children: [
+			image && /* @__PURE__ */ jsx(Card.Row, { children: /* @__PURE__ */ jsx(Avatar.Root, { children: /* @__PURE__ */ jsx(Avatar.Content, {
+				imgSrc: image,
+				icon: "ph--user--regular",
+				size: 20,
+				classNames: [!image && "opacity-50"],
+				hue: "neutral",
+				variant: "square"
+			}) }) }),
+			organization?.name && /* @__PURE__ */ jsx(Card.Action, {
+				icon: "ph--buildings--regular",
+				label: organization.name,
+				onClick: handleOrganizationClick
+			}),
+			emails.length > 0 && /* @__PURE__ */ jsxs(Card.Row, { children: [/* @__PURE__ */ jsx(Card.Block, { children: /* @__PURE__ */ jsx(Icon, { icon: "ph--at--regular" }) }), /* @__PURE__ */ jsx(Card.Text, {
+				truncate: true,
+				classNames: "text-sky-text text-sm",
+				children: emails.map(({ value }) => /* @__PURE__ */ jsx("div", { children: value }, value))
+			})] })
+		]
+	});
+};
+//#endregion
+//#region src/cards/ProjectCard.tsx
+var ProjectCard = ({ subject }) => {
+	const { image, description } = subject;
+	return /* @__PURE__ */ jsxs(Card.Body, { children: [image && /* @__PURE__ */ jsx(Card.Poster, {
+		image,
+		alt: Obj.getLabel(subject) ?? "",
+		aspect: "auto"
+	}), description && /* @__PURE__ */ jsx(Card.Row, { children: /* @__PURE__ */ jsx(Card.Text, {
+		variant: "description",
+		children: description
+	}) })] });
+};
+//#endregion
+//#region src/cards/TaskCard.tsx
+var TaskCard = ({ subject }) => {
+	const { title, status } = subject;
+	const statusOption = getActiveStatusOption(status);
+	return /* @__PURE__ */ jsx(Card.Body, { children: /* @__PURE__ */ jsx(Card.Row, { children: statusOption && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("span", {
+		className: "dx-tag",
+		"data-hue": statusOption.color,
+		children: statusOption.title
+	}) }) }) });
+};
+var getActiveStatusOption = (status) => {
+	const statusProperty = SchemaAST.getPropertySignatures(Type.getSchema(Task.Task).ast).find((p) => p.name === "status");
+	return SchemaAST.getAnnotation(PropertyMetaAnnotationId)(statusProperty.type.types[0]).value.singleSelect.options.find(({ id }) => id === status);
+};
+//#endregion
+//#region src/capabilities/RelatedCards.tsx
+/** Organization and Person cards append a nested `Related` surface, so they compose rather than map. */
+var OrganizationCardContent = ({ role, ...data }) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(OrganizationCard, {
+	role,
+	subject: data.subject
+}), /* @__PURE__ */ jsx(Surface.Surface, {
+	type: AppSurface.Related,
+	data,
+	limit: 1
+})] });
+/** Renders a person card with one nested `Related` surface. */
+var PersonCardContent = ({ role, ...data }) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(PersonCard, {
+	role,
+	subject: data.subject
+}), /* @__PURE__ */ jsx(Surface.Surface, {
+	type: AppSurface.Related,
+	data,
+	limit: 1
+})] });
+//#endregion
+//#region src/capabilities/react-surface.ts
+var react_surface_default = Capability.makeModule(() => Effect.succeed(Capability.contributes(Capabilities.ReactSurface, [
+	Surface.create({
+		id: "organizationContent",
+		position: Position.first,
+		filter: AppSurface.object(AppSurface.CardContent, Organization.Organization),
+		component: OrganizationCardContent,
+		props: ({ role, data }) => ({
+			role,
+			...data
+		})
+	}),
+	Surface.create({
+		id: "contactContent",
+		position: Position.first,
+		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: ProjectCard,
+		props: ({ role, data: { subject } }) => ({
+			role,
+			subject
+		})
+	}),
+	Surface.create({
+		id: "schemaPopoverTask",
+		position: Position.first,
+		filter: AppSurface.object(AppSurface.CardContent, Task.Task),
+		component: TaskCard,
+		props: ({ role, data: { subject } }) => ({
+			role,
+			subject
+		})
+	}),
+	Surface.create({
+		id: "schemaPopoverExpando",
+		filter: AppSurface.object(AppSurface.CardContent, Expando.Expando),
+		component: ExpandoCard,
+		props: ({ role, data: { subject, ignorePaths } }) => ({
+			role,
+			subject,
+			ignorePaths
+		})
+	}),
+	Surface.create({
+		id: "schemaPopoverDynamicType",
+		filter: AppSurface.subject(AppSurface.CardContent, (subject) => {
+			if (!Obj.isObject(subject)) return false;
+			const type = Obj.getType(subject);
+			if (type) return Type.getDatabase(type) != null;
+			try {
+				const db = Obj.getDatabase(subject);
+				const typename = Obj.getTypename(subject);
+				return !!db && !!typename && db.graph.registry.list().filter(Type.isType).some((t) => Type.getTypename(t) === typename);
+			} catch {
+				return false;
+			}
+		}),
+		component: FormCard,
+		props: ({ role, data: { subject } }) => ({
+			role,
+			subject,
+			readonly: false,
+			layout: "full"
+		})
+	}),
+	Surface.create({
+		id: "fallbackPopover",
+		position: Position.last,
+		filter: AppSurface.subject(AppSurface.CardContent, Obj.isObject),
+		component: FormCard,
+		props: ({ role, data: { subject, projection } }) => ({
+			role,
+			subject,
+			projection
+		})
+	}),
+	Surface.create({
+		id: "fallbackJson",
+		filter: Surface.makeFilter(AppSurface.CardContent),
+		position: Position.last,
+		component: JsonCard,
+		props: ({ data }) => ({ data })
+	})
+])));
+//#endregion
+export { react_surface_default as default };
+
+//# sourceMappingURL=chunk-react-surface.mjs.map

package/dist/lib/chunk-react-surface.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-react-surface.mjs","names":[],"sources":["../../src/cards/ExpandoCard.tsx","../../src/cards/FormCard.tsx","../../src/cards/JsonCard.tsx","../../src/cards/OrganizationCard.tsx","../../src/cards/PersonCard.tsx","../../src/cards/ProjectCard.tsx","../../src/cards/TaskCard.tsx","../../src/capabilities/RelatedCards.tsx","../../src/capabilities/react-surface.ts"],"sourcesContent":["//\n// Copyright 2026 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\nimport React, { useCallback, useMemo } from 'react';\n\nimport { type AppSurface } from '@dxos/app-toolkit/ui';\nimport { Obj } from '@dxos/echo';\nimport { SchemaEx } from '@dxos/effect';\nimport { Card } from '@dxos/react-ui';\nimport { Form } from '@dxos/react-ui-form';\n\nconst schemaForValue = (value: unknown): Schema.Schema.AnyNoContext | undefined => {\n  switch (typeof value) {\n    case 'string':\n      return Schema.String;\n    case 'number':\n      return Schema.Number;\n    case 'boolean':\n      return Schema.Boolean;\n    default:\n      return undefined;\n  }\n};\n\n/**\n * Reserved keys: `id`, plus any `~`-prefixed key (ECHO uses `~`-prefixed\n * string keys to brand entity instances and schemas — KindId,\n * SchemaKindId, SnapshotKindId, etc. — and the `~` namespace is reserved\n * for that purpose). They show up in `Object.keys` but aren't user data.\n */\nconst isInternalKey = (key: string) => key === 'id' || key.startsWith('~');\n\nexport const ExpandoCard = ({ subject, ignorePaths }: AppSurface.ObjectCardProps) => {\n  const schema = useMemo(() => {\n    const ignored = new Set(ignorePaths ?? []);\n    const fields: Record<string, Schema.Schema.AnyNoContext> = {};\n    for (const key of Object.keys(subject)) {\n      if (isInternalKey(key) || ignored.has(key)) {\n        continue;\n      }\n      const fieldSchema = schemaForValue((subject as any)[key]);\n      if (fieldSchema) {\n        fields[key] = fieldSchema;\n      }\n    }\n    return Schema.Struct(fields);\n  }, [subject, ignorePaths]);\n\n  const handleSave = useCallback(\n    (values: any, { changed }: { changed: Record<string, boolean> }) => {\n      const paths = Object.keys(changed).filter((path) => changed[path]);\n      Obj.update(subject, () => {\n        for (const path of paths) {\n          const value = values[path];\n          const parts = SchemaEx.splitJsonPath(path as SchemaEx.JsonPath);\n          Obj.setValue(subject, parts, value);\n        }\n      });\n    },\n    [subject],\n  );\n\n  return (\n    <Card.Body>\n      <Form.Root schema={schema} values={subject} autoSave onSave={handleSave}>\n        <Form.Viewport>\n          <Form.Content>\n            <Form.FieldSet />\n          </Form.Content>\n        </Form.Viewport>\n      </Form.Root>\n    </Card.Body>\n  );\n};\n","//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\nimport React, { useCallback, useMemo } from 'react';\n\nimport { type AppSurface } from '@dxos/app-toolkit/ui';\nimport { Obj, Type } from '@dxos/echo';\nimport { useType } from '@dxos/echo-react';\nimport { type AnyProperties } from '@dxos/echo/internal';\nimport { SchemaEx } from '@dxos/effect';\nimport { Card, useTranslation } from '@dxos/react-ui';\nimport { Form, type FormPresentation, type FormUpdateMeta, getFormProperties, omitId } from '@dxos/react-ui-form';\nimport { type ProjectionModel } from '@dxos/schema';\n\nimport { meta } from '#meta';\n\nexport type FormCardProps = AppSurface.ObjectCardProps & {\n  projection?: ProjectionModel;\n  readonly?: boolean;\n  layout?: FormPresentation;\n};\n\n/**\n * Default/fallback card for any ECHO object.\n * Renders a `Form` against the object's schema — either the static schema\n * from `Obj.getSchema` or, for runtime/mutable schemas, the reactive\n * schema looked up via `useType`.\n */\nexport const FormCard = ({ subject, projection, readonly = true, layout }: FormCardProps) => {\n  const { t } = useTranslation(meta.profile.key);\n  // Readonly cards default to the `static` presentation — plain DOM, undefined values\n  // omitted — which reads as a preview rather than a form. Editable cards keep the\n  // `compact` form layout. Callers can override either via the explicit `layout` prop.\n  const resolvedLayout: FormPresentation = layout ?? (readonly ? 'static' : 'compact');\n\n  // Try the static schema first; fall back to the runtime/database schema for\n  // dynamic types whose schema isn't reachable via `Obj.getSchema` (DXN mismatch).\n  const staticType = Obj.getType(subject);\n  const db = Obj.getDatabase(subject);\n  // `Obj.getTypeURI` throws on corrupted objects that are missing a type; swallow that\n  // and fall through to the \"unable to create preview\" path rather than crashing the card.\n  const fallbackTypeUri = useMemo(() => {\n    if (staticType) {\n      return undefined;\n    }\n    try {\n      return Obj.getTypeURI(subject);\n    } catch {\n      return undefined;\n    }\n  }, [staticType, subject]);\n  const runtimeType = useType(db, fallbackTypeUri);\n  const schema = useMemo((): Schema.Schema.AnyNoContext | undefined => {\n    const resolvedType = runtimeType ?? staticType;\n    return resolvedType ? omitId(Type.getSchema(resolvedType)) : undefined;\n  }, [runtimeType, staticType]);\n\n  // Predict whether the form would render anything visible. Without this guard,\n  // readonly + compact mode produces an empty scrollarea when every form-renderable\n  // field is unset (e.g., a Table object whose `view`/`sizes` are FormInput-hidden\n  // and whose `name` is undefined).\n  //\n  // - In editable mode (`!readonly`), the form renders empty fields, so we only\n  //   bail when there are no form-renderable properties at all.\n  // - In readonly mode, the form hides fields with null/undefined values, so we\n  //   bail when no form-renderable property has a non-null value.\n  const hasRenderableContent = useMemo(() => {\n    if (!schema) {\n      return false;\n    }\n    const properties = getFormProperties(schema.ast);\n    if (properties.length === 0) {\n      return false;\n    }\n    if (!readonly) {\n      return true;\n    }\n    return properties.some((prop) => (subject as any)?.[prop.name] != null);\n  }, [schema, subject, readonly]);\n\n  const handleSave = useCallback(\n    (values: AnyProperties, { changed }: FormUpdateMeta<AnyProperties>) => {\n      const paths = (Object.keys(changed) as SchemaEx.JsonPath[]).filter((path) => changed[path]);\n      Obj.update(subject, () => {\n        for (const path of paths) {\n          const parts = SchemaEx.splitJsonPath(path);\n          const value = Obj.getValue(values as any, parts);\n          Obj.setValue(subject, parts, value);\n        }\n      });\n    },\n    [subject],\n  );\n\n  if (!schema || !hasRenderableContent) {\n    return (\n      <Card.Body>\n        <Card.Row>\n          <Card.Text variant='description'>{t('unable-to-create-preview.message')}</Card.Text>\n        </Card.Row>\n      </Card.Body>\n    );\n  }\n\n  const { icon, hue } = Obj.getIcon(subject) ?? { icon: 'ph--circle-dashed--regular', hue: 'neutral' };\n\n  return (\n    <Card.Body>\n      <Form.Root\n        schema={schema}\n        projection={projection}\n        values={subject}\n        readonly={readonly}\n        layout={resolvedLayout}\n        autoSave\n        onSave={handleSave}\n      >\n        <Form.Viewport>\n          <Form.Content>\n            <Form.FieldSet />\n          </Form.Content>\n        </Form.Viewport>\n      </Form.Root>\n    </Card.Body>\n  );\n};\n","//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useState } from 'react';\n\nimport { Card, ToggleIconButton } from '@dxos/react-ui';\nimport { JsonHighlighter } from '@dxos/react-ui-syntax-highlighter';\n\nexport const JsonCard = ({ data }: { data: unknown }) => {\n  const [open, setOpen] = useState(false);\n  // JSON.stringify throws on circular references / unsupported values (e.g. BigInt); keep the card stable.\n  let collapsedLength = 0;\n  try {\n    collapsedLength = JSON.stringify(data)?.length ?? 0;\n  } catch {}\n  return (\n    <Card.Row>\n      <Card.Block>\n        <ToggleIconButton\n          variant='ghost'\n          icon='ph--caret-right--regular'\n          iconOnly\n          active={open}\n          onClick={() => setOpen(!open)}\n          label='Toggle JSON'\n        />\n      </Card.Block>\n      {(open && <JsonHighlighter data={data} classNames='py-1.5 col-span-full text-xs overflow-auto' />) || (\n        <Card.Text variant='description'>{collapsedLength}</Card.Text>\n      )}\n    </Card.Row>\n  );\n};\n","//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type AppSurface } from '@dxos/app-toolkit/ui';\nimport { Card } from '@dxos/react-ui';\nimport { type Organization } from '@dxos/types';\n\nexport const OrganizationCard = ({ subject }: AppSurface.ObjectCardProps<Organization.Organization>) => {\n  const { name, image, description, website } = subject;\n\n  return (\n    <Card.Body>\n      {image && <Card.Poster alt={name ?? ''} image={image} />}\n      {description && (\n        <Card.Row>\n          <Card.Text variant='description'>{description}</Card.Text>\n        </Card.Row>\n      )}\n      {website && <Card.Link label={website} href={website} />}\n    </Card.Body>\n  );\n};\n","//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\nimport React, { useCallback, useRef } from 'react';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { GraphPath, LayoutOperation } from '@dxos/app-toolkit';\nimport { type AppSurface } from '@dxos/app-toolkit/ui';\nimport { Obj } from '@dxos/echo';\nimport { EffectEx } from '@dxos/effect';\nimport { Avatar } from '@dxos/react-ui';\nimport { Card, Icon } from '@dxos/react-ui';\nimport { Attention } from '@dxos/react-ui-attention';\nimport { type Person } from '@dxos/types';\n\nexport const PersonCard = ({ subject }: AppSurface.ObjectCardProps<Person.Person>) => {\n  const { invoke } = useOperationInvoker();\n  // Card.Action's onClick carries no event, so resolve the origin plank from the card element itself.\n  const cardRef = useRef<HTMLDivElement>(null);\n  const { image, organization: { target: organization } = {}, emails = [] } = subject;\n\n  const handleOrganizationClick = useCallback(() => {\n    if (!organization) {\n      return;\n    }\n\n    const pivotId = cardRef.current ? Attention.getRootAttendableId(cardRef.current) : undefined;\n    return Effect.gen(function* () {\n      const organizationPath = GraphPath.getObjectPathFromObject(organization);\n      const db = Obj.getDatabase(organization);\n      yield* invoke(LayoutOperation.UpdatePopover, { state: false, anchorId: '' });\n      yield* invoke(LayoutOperation.Open, {\n        subject: [organizationPath],\n        pivotId,\n        disposition: 'add',\n        workspace: db ? GraphPath.getSpacePath(db.spaceId) : undefined,\n      });\n    }).pipe(EffectEx.runAndForwardErrors);\n  }, [invoke, organization]);\n\n  return (\n    <Card.Body ref={cardRef}>\n      {image && (\n        <Card.Row>\n          <Avatar.Root>\n            <Avatar.Content\n              imgSrc={image}\n              icon='ph--user--regular'\n              size={20}\n              classNames={[!image && 'opacity-50']}\n              hue='neutral'\n              variant='square'\n            />\n          </Avatar.Root>\n        </Card.Row>\n      )}\n      {organization?.name && (\n        <Card.Action icon='ph--buildings--regular' label={organization.name} onClick={handleOrganizationClick} />\n      )}\n      {emails.length > 0 && (\n        <Card.Row>\n          <Card.Block>\n            <Icon icon='ph--at--regular' />\n          </Card.Block>\n          <Card.Text truncate classNames='text-sky-text text-sm'>\n            {emails.map(({ value }) => (\n              <div key={value}>{value}</div>\n            ))}\n          </Card.Text>\n        </Card.Row>\n      )}\n    </Card.Body>\n  );\n};\n","//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type AppSurface } from '@dxos/app-toolkit/ui';\nimport { Obj } from '@dxos/echo';\nimport { Card } from '@dxos/react-ui';\nimport { type Pipeline } from '@dxos/types';\n\nexport const ProjectCard = ({ subject }: AppSurface.ObjectCardProps<Pipeline.Pipeline>) => {\n  const { image, description } = subject;\n\n  return (\n    <Card.Body>\n      {image && <Card.Poster image={image} alt={Obj.getLabel(subject) ?? ''} aspect='auto' />}\n      {/* <CardHeader label={name} subject={subject} db={db} /> */}\n      {description && (\n        <Card.Row>\n          <Card.Text variant='description'>{description}</Card.Text>\n        </Card.Row>\n      )}\n    </Card.Body>\n  );\n};\n","//\n// Copyright 2025 DXOS.org\n//\n\nimport * as SchemaAST from 'effect/SchemaAST';\nimport React from 'react';\n\nimport { type AppSurface } from '@dxos/app-toolkit/ui';\nimport { Type } from '@dxos/echo';\nimport { type PropertyMetaAnnotation, PropertyMetaAnnotationId } from '@dxos/echo/internal';\nimport { Card } from '@dxos/react-ui';\nimport { Task } from '@dxos/types';\n\nexport const TaskCard = ({ subject }: AppSurface.ObjectCardProps<Task.Task>) => {\n  const { title, status } = subject;\n  const statusOption = getActiveStatusOption(status);\n\n  return (\n    <Card.Body>\n      <Card.Row>\n        {statusOption && (\n          <div>\n            <span className='dx-tag' data-hue={statusOption.color}>\n              {statusOption.title}\n            </span>\n          </div>\n        )}\n      </Card.Row>\n    </Card.Body>\n  );\n};\n\n// TODO(thure): Should this move upstream as a helper? Is there an easier way to get options?\nconst getActiveStatusOption = (status?: string) => {\n  const properties = SchemaAST.getPropertySignatures(Type.getSchema(Task.Task).ast);\n  const statusProperty = properties.find((p) => p.name === 'status');\n  // TODO(thure): Typescript asserts `.type` doesn’t have `.types`, but in runtime it does.\n  const statusMeta = SchemaAST.getAnnotation<PropertyMetaAnnotation>(PropertyMetaAnnotationId)(\n    (statusProperty!.type as any).types[0],\n  );\n\n  // TODO(thure): Typescript asserts `statusMeta` doesn’t have `.value`, but in runtime it does.\n  const options = (statusMeta as any).value.singleSelect.options as { id: string; title: string; color: string }[];\n  return options.find(({ id }) => id === status);\n};\n","//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Surface } from '@dxos/app-framework/ui';\nimport { AppSurface } from '@dxos/app-toolkit/ui';\nimport { type Organization, type Person } from '@dxos/types';\n\nimport { OrganizationCard, PersonCard } from '../cards';\n\nexport type OrganizationCardContentProps = AppSurface.ObjectCardData<Organization.Organization> & {\n  role: string;\n};\n\n/** Organization and Person cards append a nested `Related` surface, so they compose rather than map. */\nexport const OrganizationCardContent = ({ role, ...data }: OrganizationCardContentProps) => (\n  <>\n    <OrganizationCard role={role} subject={data.subject} />\n    <Surface.Surface type={AppSurface.Related} data={data} limit={1} />\n  </>\n);\n\nexport type PersonCardContentProps = AppSurface.ObjectCardData<Person.Person> & {\n  role: string;\n};\n\n/** Renders a person card with one nested `Related` surface. */\nexport const PersonCardContent = ({ role, ...data }: PersonCardContentProps) => (\n  <>\n    <PersonCard role={role} subject={data.subject} />\n    <Surface.Surface type={AppSurface.Related} data={data} limit={1} />\n  </>\n);\n","//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Capabilities, Capability } from '@dxos/app-framework';\nimport { Surface } from '@dxos/app-framework/ui';\nimport { AppSurface } from '@dxos/app-toolkit/ui';\nimport { Obj, Type } from '@dxos/echo';\nimport { Expando } from '@dxos/schema';\nimport { Organization, Person, Pipeline, Task } from '@dxos/types';\nimport { Position } from '@dxos/util';\n\nimport { ExpandoCard, FormCard, JsonCard, ProjectCard, TaskCard } from '../cards';\nimport { OrganizationCardContent, PersonCardContent } from './RelatedCards';\n\nexport default Capability.makeModule(() =>\n  Effect.succeed(\n    Capability.contributes(Capabilities.ReactSurface, [\n      //\n      // Specific schema types.\n      // TODO(burdon): Create helpers and factor out.\n      //\n\n      Surface.create({\n        id: 'organizationContent',\n        position: Position.first,\n        filter: AppSurface.object(AppSurface.CardContent, Organization.Organization),\n        component: OrganizationCardContent,\n        props: ({ role, data }) => ({ role, ...data }),\n      }),\n      Surface.create({\n        id: 'contactContent',\n        position: Position.first,\n        filter: AppSurface.object(AppSurface.CardContent, Person.Person),\n        component: PersonCardContent,\n        props: ({ role, data }) => ({ role, ...data }),\n      }),\n\n      Surface.create({\n        id: 'schemaPopoverProject',\n        position: Position.first,\n        filter: AppSurface.object(AppSurface.CardContent, Pipeline.Pipeline),\n        component: ProjectCard,\n        props: ({ role, data: { subject } }) => ({ role, subject }),\n      }),\n      Surface.create({\n        id: 'schemaPopoverTask',\n        position: Position.first,\n        filter: AppSurface.object(AppSurface.CardContent, Task.Task),\n        component: TaskCard,\n        props: ({ role, data: { subject } }) => ({ role, subject }),\n      }),\n      Surface.create({\n        id: 'schemaPopoverExpando',\n        filter: AppSurface.object(AppSurface.CardContent, Expando.Expando),\n        component: ExpandoCard,\n        props: ({ role, data: { subject, ignorePaths } }) => ({ role, subject, ignorePaths }),\n      }),\n\n      Surface.create({\n        id: 'schemaPopoverDynamicType',\n        filter: AppSurface.subject(AppSurface.CardContent, (subject): subject is Obj.Unknown => {\n          if (!Obj.isObject(subject)) {\n            return false;\n          }\n          const type = Obj.getType(subject);\n          if (type) {\n            return Type.getDatabase(type) != null;\n          }\n          // Obj.getType fails for database-registered schemas (DXN mismatch); fall back to typename query.\n          try {\n            const db = Obj.getDatabase(subject);\n            const typename = Obj.getTypename(subject);\n            return (\n              !!db &&\n              !!typename &&\n              db.graph.registry\n                .list()\n                .filter(Type.isType)\n                .some((t) => Type.getTypename(t) === typename)\n            );\n          } catch {\n            return false;\n          }\n        }),\n        // Dynamic/mutable schemas render an editable, full-layout form;\n        // FormCard handles both static and runtime schema resolution internally.\n        component: FormCard,\n        props: ({ role, data: { subject } }) => ({ role, subject, readonly: false, layout: 'full' as const }),\n      }),\n\n      //\n      // Fallback for any object.\n      //\n\n      Surface.create({\n        id: 'fallbackPopover',\n        position: Position.last,\n        filter: AppSurface.subject(AppSurface.CardContent, Obj.isObject),\n        component: FormCard,\n        props: ({ role, data: { subject, projection } }) => ({ role, subject, projection }),\n      }),\n\n      Surface.create({\n        id: 'fallbackJson',\n        filter: Surface.makeFilter(AppSurface.CardContent),\n        position: Position.last,\n        component: JsonCard,\n        props: ({ data }) => ({ data }),\n      }),\n\n      // Surface.create({\n      //   id: 'fallbackSection',\n      //   position: Position.last,\n      //   filter: AppSurface.subject(AppSurface.Section, Obj.isObject),\n      //   component: ({ data }) => {\n      //     return (\n      //       <div className='flex w-full justify-center'>\n      //         <div className='py-2 dx-card-min-width dx-card-max-width'>\n      //           <Card.Root>\n      //             <Surface.Surface type={AppSurface.CardContent} data={data} limit={1} />\n      //           </Card.Root>\n      //         </div>\n      //       </div>\n      //     );\n      //   },\n      // }),\n    ]),\n  ),\n);\n"],"mappings":"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"}

package/dist/lib/index.mjs

@@ -0,0 +1,2 @@
+import { t as meta } from "./chunk-meta.mjs";
+export { meta };

package/dist/lib/meta.mjs

@@ -0,0 +1,2 @@
+import { t as meta } from "./chunk-meta.mjs";
+export { meta };

package/dist/lib/plugin.mjs

@@ -0,0 +1,8 @@
+import { t as meta } from "./chunk-meta.mjs";
+import { Plugin } from "@dxos/app-framework";
+//#region src/plugin.ts
+var PreviewPlugin = Plugin.lazy(meta, () => import("#plugin"));
+//#endregion
+export { PreviewPlugin };
+
+//# sourceMappingURL=plugin.mjs.map

package/dist/lib/plugin.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.mjs","names":[],"sources":["../../src/plugin.ts"],"sourcesContent":["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Plugin } from '@dxos/app-framework';\n\nimport { meta } from './meta';\n\nexport const PreviewPlugin = Plugin.lazy(meta, () => import('#plugin'));\n"],"mappings":";;;AAQA,IAAa,gBAAgB,OAAO,KAAK,YAAY,OAAO,UAAU"}