@dxos/plugin-preview 0.8.3-main.672df60 → 0.8.3-staging.0fa589b

package/dist/lib/node-esm/meta.json

@@ -1 +1 @@
-{"inputs":{"packages/plugins/plugin-preview/src/meta.ts":{"bytes":1256,"imports":[],"format":"esm"},"packages/plugins/plugin-preview/src/types.ts":{"bytes":745,"imports":[],"format":"esm"},"packages/plugins/plugin-preview/src/capabilities/preview-popover.ts":{"bytes":8458,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/client","kind":"import-statement","external":true},{"path":"@dxos/client/echo","kind":"import-statement","external":true},{"path":"@dxos/keys","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-preview/src/components/ContactCard.tsx":{"bytes":9249,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-preview/src/components/OrganizationCard.tsx":{"bytes":4743,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-preview/src/components/ProjectCard.tsx":{"bytes":2581,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-preview/src/components/index.ts":{"bytes":700,"imports":[{"path":"packages/plugins/plugin-preview/src/components/ContactCard.tsx","kind":"import-statement","original":"./ContactCard"},{"path":"packages/plugins/plugin-preview/src/components/OrganizationCard.tsx","kind":"import-statement","original":"./OrganizationCard"},{"path":"packages/plugins/plugin-preview/src/components/ProjectCard.tsx","kind":"import-statement","original":"./ProjectCard"}],"format":"esm"},"packages/plugins/plugin-preview/src/capabilities/react-surface.tsx":{"bytes":17075,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/client/echo","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-form","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"@dxos/react-ui-table","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-preview/src/components/index.ts","kind":"import-statement","original":"../components"},{"path":"packages/plugins/plugin-preview/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-preview/src/capabilities/index.ts":{"bytes":1050,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-preview/src/capabilities/preview-popover.ts","kind":"dynamic-import","original":"./preview-popover"},{"path":"packages/plugins/plugin-preview/src/capabilities/react-surface.tsx","kind":"dynamic-import","original":"./react-surface"}],"format":"esm"},"packages/plugins/plugin-preview/src/translations.ts":{"bytes":1051,"imports":[{"path":"packages/plugins/plugin-preview/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-preview/src/PreviewPlugin.tsx":{"bytes":4744,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-preview/src/capabilities/index.ts","kind":"import-statement","original":"./capabilities"},{"path":"packages/plugins/plugin-preview/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-preview/src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"packages/plugins/plugin-preview/src/index.ts":{"bytes":649,"imports":[{"path":"packages/plugins/plugin-preview/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-preview/src/types.ts","kind":"import-statement","original":"./types"},{"path":"packages/plugins/plugin-preview/src/PreviewPlugin.tsx","kind":"import-statement","original":"./PreviewPlugin"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-preview/dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3135},"packages/plugins/plugin-preview/dist/lib/node-esm/index.mjs":{"imports":[{"path":"packages/plugins/plugin-preview/dist/lib/node-esm/chunk-7BPXNL44.mjs","kind":"import-statement"},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-preview/dist/lib/node-esm/preview-popover-W5FPZQM3.mjs","kind":"dynamic-import"},{"path":"packages/plugins/plugin-preview/dist/lib/node-esm/react-surface-EHIW3IEA.mjs","kind":"dynamic-import"}],"exports":["PREVIEW_PLUGIN","PreviewPlugin","meta"],"entryPoint":"packages/plugins/plugin-preview/src/index.ts","inputs":{"packages/plugins/plugin-preview/src/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-preview/src/PreviewPlugin.tsx":{"bytesInOutput":960},"packages/plugins/plugin-preview/src/capabilities/index.ts":{"bytesInOutput":190},"packages/plugins/plugin-preview/src/translations.ts":{"bytesInOutput":152}},"bytes":1782},"packages/plugins/plugin-preview/dist/lib/node-esm/preview-popover-W5FPZQM3.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":4415},"packages/plugins/plugin-preview/dist/lib/node-esm/preview-popover-W5FPZQM3.mjs":{"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/client","kind":"import-statement","external":true},{"path":"@dxos/client/echo","kind":"import-statement","external":true},{"path":"@dxos/keys","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"packages/plugins/plugin-preview/src/capabilities/preview-popover.ts","inputs":{"packages/plugins/plugin-preview/src/capabilities/preview-popover.ts":{"bytesInOutput":2079}},"bytes":2346},"packages/plugins/plugin-preview/dist/lib/node-esm/react-surface-EHIW3IEA.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":16595},"packages/plugins/plugin-preview/dist/lib/node-esm/react-surface-EHIW3IEA.mjs":{"imports":[{"path":"packages/plugins/plugin-preview/dist/lib/node-esm/chunk-7BPXNL44.mjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/client/echo","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-form","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"@dxos/react-ui-table","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"packages/plugins/plugin-preview/src/capabilities/react-surface.tsx","inputs":{"packages/plugins/plugin-preview/src/capabilities/react-surface.tsx":{"bytesInOutput":4227},"packages/plugins/plugin-preview/src/components/ContactCard.tsx":{"bytesInOutput":2882},"packages/plugins/plugin-preview/src/components/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-preview/src/components/OrganizationCard.tsx":{"bytesInOutput":1436},"packages/plugins/plugin-preview/src/components/ProjectCard.tsx":{"bytesInOutput":707}},"bytes":9848},"packages/plugins/plugin-preview/dist/lib/node-esm/chunk-7BPXNL44.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":615},"packages/plugins/plugin-preview/dist/lib/node-esm/chunk-7BPXNL44.mjs":{"imports":[],"exports":["PREVIEW_PLUGIN","meta"],"inputs":{"packages/plugins/plugin-preview/src/meta.ts":{"bytesInOutput":216}},"bytes":438}}}
+{"inputs":{"packages/plugins/plugin-preview/src/meta.ts":{"bytes":1256,"imports":[],"format":"esm"},"packages/plugins/plugin-preview/src/types.ts":{"bytes":745,"imports":[],"format":"esm"},"packages/plugins/plugin-preview/src/capabilities/preview-popover.ts":{"bytes":8510,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/client","kind":"import-statement","external":true},{"path":"@dxos/client/echo","kind":"import-statement","external":true},{"path":"@dxos/keys","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-preview/src/components/ContactCard.tsx":{"bytes":9249,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-preview/src/components/OrganizationCard.tsx":{"bytes":4743,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-preview/src/components/ProjectCard.tsx":{"bytes":2581,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-preview/src/components/index.ts":{"bytes":700,"imports":[{"path":"packages/plugins/plugin-preview/src/components/ContactCard.tsx","kind":"import-statement","original":"./ContactCard"},{"path":"packages/plugins/plugin-preview/src/components/OrganizationCard.tsx","kind":"import-statement","original":"./OrganizationCard"},{"path":"packages/plugins/plugin-preview/src/components/ProjectCard.tsx","kind":"import-statement","original":"./ProjectCard"}],"format":"esm"},"packages/plugins/plugin-preview/src/capabilities/react-surface.tsx":{"bytes":18015,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/client/echo","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-form","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"@dxos/react-ui-table","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-preview/src/components/index.ts","kind":"import-statement","original":"../components"},{"path":"packages/plugins/plugin-preview/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-preview/src/capabilities/index.ts":{"bytes":1050,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-preview/src/capabilities/preview-popover.ts","kind":"dynamic-import","original":"./preview-popover"},{"path":"packages/plugins/plugin-preview/src/capabilities/react-surface.tsx","kind":"dynamic-import","original":"./react-surface"}],"format":"esm"},"packages/plugins/plugin-preview/src/translations.ts":{"bytes":1051,"imports":[{"path":"packages/plugins/plugin-preview/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-preview/src/PreviewPlugin.tsx":{"bytes":4744,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-preview/src/capabilities/index.ts","kind":"import-statement","original":"./capabilities"},{"path":"packages/plugins/plugin-preview/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-preview/src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"packages/plugins/plugin-preview/src/index.ts":{"bytes":649,"imports":[{"path":"packages/plugins/plugin-preview/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-preview/src/types.ts","kind":"import-statement","original":"./types"},{"path":"packages/plugins/plugin-preview/src/PreviewPlugin.tsx","kind":"import-statement","original":"./PreviewPlugin"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-preview/dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3135},"packages/plugins/plugin-preview/dist/lib/node-esm/index.mjs":{"imports":[{"path":"packages/plugins/plugin-preview/dist/lib/node-esm/chunk-7BPXNL44.mjs","kind":"import-statement"},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-preview/dist/lib/node-esm/preview-popover-HBGSL64N.mjs","kind":"dynamic-import"},{"path":"packages/plugins/plugin-preview/dist/lib/node-esm/react-surface-UKEVHG5K.mjs","kind":"dynamic-import"}],"exports":["PREVIEW_PLUGIN","PreviewPlugin","meta"],"entryPoint":"packages/plugins/plugin-preview/src/index.ts","inputs":{"packages/plugins/plugin-preview/src/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-preview/src/PreviewPlugin.tsx":{"bytesInOutput":960},"packages/plugins/plugin-preview/src/capabilities/index.ts":{"bytesInOutput":190},"packages/plugins/plugin-preview/src/translations.ts":{"bytesInOutput":152}},"bytes":1782},"packages/plugins/plugin-preview/dist/lib/node-esm/preview-popover-HBGSL64N.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":4454},"packages/plugins/plugin-preview/dist/lib/node-esm/preview-popover-HBGSL64N.mjs":{"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/async","kind":"import-statement","external":true},{"path":"@dxos/client","kind":"import-statement","external":true},{"path":"@dxos/client/echo","kind":"import-statement","external":true},{"path":"@dxos/keys","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"packages/plugins/plugin-preview/src/capabilities/preview-popover.ts","inputs":{"packages/plugins/plugin-preview/src/capabilities/preview-popover.ts":{"bytesInOutput":2079}},"bytes":2346},"packages/plugins/plugin-preview/dist/lib/node-esm/react-surface-UKEVHG5K.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":16989},"packages/plugins/plugin-preview/dist/lib/node-esm/react-surface-UKEVHG5K.mjs":{"imports":[{"path":"packages/plugins/plugin-preview/dist/lib/node-esm/chunk-7BPXNL44.mjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/client/echo","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-form","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"@dxos/react-ui-table","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"packages/plugins/plugin-preview/src/capabilities/react-surface.tsx","inputs":{"packages/plugins/plugin-preview/src/capabilities/react-surface.tsx":{"bytesInOutput":4441},"packages/plugins/plugin-preview/src/components/ContactCard.tsx":{"bytesInOutput":2882},"packages/plugins/plugin-preview/src/components/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-preview/src/components/OrganizationCard.tsx":{"bytesInOutput":1436},"packages/plugins/plugin-preview/src/components/ProjectCard.tsx":{"bytesInOutput":707}},"bytes":10062},"packages/plugins/plugin-preview/dist/lib/node-esm/chunk-7BPXNL44.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":615},"packages/plugins/plugin-preview/dist/lib/node-esm/chunk-7BPXNL44.mjs":{"imports":[],"exports":["PREVIEW_PLUGIN","meta"],"inputs":{"packages/plugins/plugin-preview/src/meta.ts":{"bytesInOutput":216}},"bytes":438}}}

package/dist/lib/node-esm/{preview-popover-W5FPZQM3.mjs → preview-popover-HBGSL64N.mjs}

@@ -58,7 +58,7 @@ var preview_popover_default = (context) => {
   } else {
     log.warn("No default view found", void 0, {
       F: __dxlog_file,
-      L: 65,
+      L: 70,
       S: void 0,
       C: (f, a) => f(...a)
     });
@@ -68,4 +68,4 @@ var preview_popover_default = (context) => {
 export {
   preview_popover_default as default
 };
-//# sourceMappingURL=preview-popover-W5FPZQM3.mjs.map
+//# sourceMappingURL=preview-popover-HBGSL64N.mjs.map

package/dist/lib/node-esm/{preview-popover-W5FPZQM3.mjs.map → preview-popover-HBGSL64N.mjs.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/capabilities/preview-popover.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capabilities, LayoutAction, contributes, createIntent, type PluginContext } from '@dxos/app-framework';\nimport { addEventListener } from '@dxos/async';\nimport { type Client, resolveRef } from '@dxos/client';\nimport { parseId, type Space } from '@dxos/client/echo';\nimport { DXN } from '@dxos/keys';\nimport { type DxRefTagActivate } from '@dxos/lit-ui';\nimport { log } from '@dxos/log';\nimport { ClientCapabilities } from '@dxos/plugin-client';\nimport { type PreviewLinkRef, type PreviewLinkTarget } from '@dxos/react-ui-editor';\n\nconst customEventOptions = { capture: true, passive: false };\n\nconst handlePreviewLookup = async (\n  client: Client,\n  defaultSpace: Space,\n  { ref, label }: PreviewLinkRef,\n): Promise<PreviewLinkTarget | null> => {\n  try {\n    const dxn = DXN.parse(ref);\n    if (!dxn) {\n      return null;\n    }\n\n    const object = await resolveRef(client, dxn, defaultSpace);\n    return { label, object };\n  } catch (err) {\n    return null;\n  }\n};\n\nexport default (context: PluginContext) => {\n  // TODO(wittjosiah): Factor out lookup handlers to other plugins to make not ECHO-specific.\n  const handleDxRefTagActivate = async ({ refId, label, trigger }: DxRefTagActivate) => {\n    const { dispatchPromise: dispatch } = context.getCapability(Capabilities.IntentDispatcher);\n    const client = context.getCapability(ClientCapabilities.Client);\n    const [layout] = context.getCapabilities(Capabilities.Layout);\n    const { spaceId } = parseId(layout.workspace);\n    const space = (spaceId && client.spaces.get(spaceId)) ?? client.spaces.default;\n    const result = await handlePreviewLookup(client, space, { ref: refId, label });\n    if (!result) {\n      return;\n    }\n\n    await dispatch(\n      createIntent(LayoutAction.UpdatePopover, {\n        part: 'popover',\n        subject: result.object,\n        options: {\n          state: true,\n          variant: 'virtual',\n          anchor: trigger,\n        },\n      }),\n    );\n  };\n\n  let cleanup: () => void;\n  if (document.defaultView) {\n    cleanup = addEventListener(document.defaultView, 'dx-ref-tag-activate', handleDxRefTagActivate, customEventOptions);\n  } else {\n    log.warn('No default view found');\n  }\n\n  return contributes(Capabilities.Null, null, () => cleanup());\n};\n"],
-  "mappings": ";;;AAIA,SAASA,cAAcC,cAAcC,aAAaC,oBAAwC;AAC1F,SAASC,wBAAwB;AACjC,SAAsBC,kBAAkB;AACxC,SAASC,eAA2B;AACpC,SAASC,WAAW;AAEpB,SAASC,WAAW;AACpB,SAASC,0BAA0B;;AAGnC,IAAMC,qBAAqB;EAAEC,SAAS;EAAMC,SAAS;AAAM;AAE3D,IAAMC,sBAAsB,OAC1BC,QACAC,cACA,EAAEC,KAAKC,MAAK,MAAkB;AAE9B,MAAI;AACF,UAAMC,MAAMX,IAAIY,MAAMH,GAAAA;AACtB,QAAI,CAACE,KAAK;AACR,aAAO;IACT;AAEA,UAAME,SAAS,MAAMf,WAAWS,QAAQI,KAAKH,YAAAA;AAC7C,WAAO;MAAEE;MAAOG;IAAO;EACzB,SAASC,KAAK;AACZ,WAAO;EACT;AACF;AAEA,IAAA,0BAAe,CAACC,YAAAA;AAEd,QAAMC,yBAAyB,OAAO,EAAEC,OAAOP,OAAOQ,QAAO,MAAoB;AAC/E,UAAM,EAAEC,iBAAiBC,SAAQ,IAAKL,QAAQM,cAAc5B,aAAa6B,gBAAgB;AACzF,UAAMf,SAASQ,QAAQM,cAAcnB,mBAAmBqB,MAAM;AAC9D,UAAM,CAACC,MAAAA,IAAUT,QAAQU,gBAAgBhC,aAAaiC,MAAM;AAC5D,UAAM,EAAEC,QAAO,IAAK5B,QAAQyB,OAAOI,SAAS;AAC5C,UAAMC,SAASF,WAAWpB,OAAOuB,OAAOC,IAAIJ,OAAAA,MAAapB,OAAOuB,OAAOE;AACvE,UAAMC,SAAS,MAAM3B,oBAAoBC,QAAQsB,OAAO;MAAEpB,KAAKQ;MAAOP;IAAM,CAAA;AAC5E,QAAI,CAACuB,QAAQ;AACX;IACF;AAEA,UAAMb,SACJxB,aAAaF,aAAawC,eAAe;MACvCC,MAAM;MACNC,SAASH,OAAOpB;MAChBwB,SAAS;QACPC,OAAO;QACPC,SAAS;QACTC,QAAQtB;MACV;IACF,CAAA,CAAA;EAEJ;AAEA,MAAIuB;AACJ,MAAIC,SAASC,aAAa;AACxBF,cAAU5C,iBAAiB6C,SAASC,aAAa,uBAAuB3B,wBAAwBb,kBAAAA;EAClG,OAAO;AACLF,QAAI2C,KAAK,yBAAA,QAAA;;;;;;EACX;AAEA,SAAOjD,YAAYF,aAAaoD,MAAM,MAAM,MAAMJ,QAAAA,CAAAA;AACpD;",
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capabilities, LayoutAction, contributes, createIntent, type PluginContext } from '@dxos/app-framework';\nimport { addEventListener } from '@dxos/async';\nimport { type Client, resolveRef } from '@dxos/client';\nimport { parseId, type Space } from '@dxos/client/echo';\nimport { DXN } from '@dxos/keys';\nimport { type DxRefTagActivate } from '@dxos/lit-ui';\nimport { log } from '@dxos/log';\nimport { ClientCapabilities } from '@dxos/plugin-client';\nimport { type PreviewLinkRef, type PreviewLinkTarget } from '@dxos/react-ui-editor';\n\nconst customEventOptions = { capture: true, passive: false };\n\nconst handlePreviewLookup = async (\n  client: Client,\n  defaultSpace: Space,\n  { ref, label }: PreviewLinkRef,\n): Promise<PreviewLinkTarget | null> => {\n  try {\n    const dxn = DXN.parse(ref);\n    if (!dxn) {\n      return null;\n    }\n\n    const object = await resolveRef(client, dxn, defaultSpace);\n    return { label, object };\n  } catch (err) {\n    return null;\n  }\n};\n\nexport default (context: PluginContext) => {\n  // TODO(wittjosiah): Factor out lookup handlers to other plugins to make not ECHO-specific.\n  const handleDxRefTagActivate = async ({ refId, label, trigger }: DxRefTagActivate) => {\n    const { dispatchPromise: dispatch } = context.getCapability(Capabilities.IntentDispatcher);\n    const client = context.getCapability(ClientCapabilities.Client);\n    const [layout] = context.getCapabilities(Capabilities.Layout);\n    const { spaceId } = parseId(layout.workspace);\n    const space = (spaceId && client.spaces.get(spaceId)) ?? client.spaces.default;\n    const result = await handlePreviewLookup(client, space, { ref: refId, label });\n    if (!result) {\n      return;\n    }\n\n    await dispatch(\n      createIntent(LayoutAction.UpdatePopover, {\n        part: 'popover',\n        subject: result.object,\n        options: {\n          state: true,\n          variant: 'virtual',\n          anchor: trigger,\n        },\n      }),\n    );\n  };\n\n  let cleanup: () => void;\n  if (document.defaultView) {\n    cleanup = addEventListener(\n      document.defaultView,\n      'dx-ref-tag-activate' as any,\n      handleDxRefTagActivate,\n      customEventOptions,\n    );\n  } else {\n    log.warn('No default view found');\n  }\n\n  return contributes(Capabilities.Null, null, () => cleanup());\n};\n"],
+  "mappings": ";;;AAIA,SAASA,cAAcC,cAAcC,aAAaC,oBAAwC;AAC1F,SAASC,wBAAwB;AACjC,SAAsBC,kBAAkB;AACxC,SAASC,eAA2B;AACpC,SAASC,WAAW;AAEpB,SAASC,WAAW;AACpB,SAASC,0BAA0B;;AAGnC,IAAMC,qBAAqB;EAAEC,SAAS;EAAMC,SAAS;AAAM;AAE3D,IAAMC,sBAAsB,OAC1BC,QACAC,cACA,EAAEC,KAAKC,MAAK,MAAkB;AAE9B,MAAI;AACF,UAAMC,MAAMX,IAAIY,MAAMH,GAAAA;AACtB,QAAI,CAACE,KAAK;AACR,aAAO;IACT;AAEA,UAAME,SAAS,MAAMf,WAAWS,QAAQI,KAAKH,YAAAA;AAC7C,WAAO;MAAEE;MAAOG;IAAO;EACzB,SAASC,KAAK;AACZ,WAAO;EACT;AACF;AAEA,IAAA,0BAAe,CAACC,YAAAA;AAEd,QAAMC,yBAAyB,OAAO,EAAEC,OAAOP,OAAOQ,QAAO,MAAoB;AAC/E,UAAM,EAAEC,iBAAiBC,SAAQ,IAAKL,QAAQM,cAAc5B,aAAa6B,gBAAgB;AACzF,UAAMf,SAASQ,QAAQM,cAAcnB,mBAAmBqB,MAAM;AAC9D,UAAM,CAACC,MAAAA,IAAUT,QAAQU,gBAAgBhC,aAAaiC,MAAM;AAC5D,UAAM,EAAEC,QAAO,IAAK5B,QAAQyB,OAAOI,SAAS;AAC5C,UAAMC,SAASF,WAAWpB,OAAOuB,OAAOC,IAAIJ,OAAAA,MAAapB,OAAOuB,OAAOE;AACvE,UAAMC,SAAS,MAAM3B,oBAAoBC,QAAQsB,OAAO;MAAEpB,KAAKQ;MAAOP;IAAM,CAAA;AAC5E,QAAI,CAACuB,QAAQ;AACX;IACF;AAEA,UAAMb,SACJxB,aAAaF,aAAawC,eAAe;MACvCC,MAAM;MACNC,SAASH,OAAOpB;MAChBwB,SAAS;QACPC,OAAO;QACPC,SAAS;QACTC,QAAQtB;MACV;IACF,CAAA,CAAA;EAEJ;AAEA,MAAIuB;AACJ,MAAIC,SAASC,aAAa;AACxBF,cAAU5C,iBACR6C,SAASC,aACT,uBACA3B,wBACAb,kBAAAA;EAEJ,OAAO;AACLF,QAAI2C,KAAK,yBAAA,QAAA;;;;;;EACX;AAEA,SAAOjD,YAAYF,aAAaoD,MAAM,MAAM,MAAMJ,QAAAA,CAAAA;AACpD;",
   "names": ["Capabilities", "LayoutAction", "contributes", "createIntent", "addEventListener", "resolveRef", "parseId", "DXN", "log", "ClientCapabilities", "customEventOptions", "capture", "passive", "handlePreviewLookup", "client", "defaultSpace", "ref", "label", "dxn", "parse", "object", "err", "context", "handleDxRefTagActivate", "refId", "trigger", "dispatchPromise", "dispatch", "getCapability", "IntentDispatcher", "Client", "layout", "getCapabilities", "Layout", "spaceId", "workspace", "space", "spaces", "get", "default", "result", "UpdatePopover", "part", "subject", "options", "state", "variant", "anchor", "cleanup", "document", "defaultView", "warn", "Null"]
 }

package/dist/lib/node-esm/{react-surface-EHIW3IEA.mjs → react-surface-UKEVHG5K.mjs}

@@ -6,13 +6,14 @@ import {
 // packages/plugins/plugin-preview/src/capabilities/react-surface.tsx
 import React4, { useCallback } from "react";
 import { Capabilities, LayoutAction, Surface, contributes, createIntent, createSurface, useIntentDispatcher } from "@dxos/app-framework";
-import { Filter, fullyQualifiedId, getSchema, getSpace, isEchoObject } from "@dxos/client/echo";
-import { isInstanceOf, setValue } from "@dxos/echo-schema";
+import { fullyQualifiedId, getSchema, getSpace } from "@dxos/client/echo";
+import { Obj, Filter } from "@dxos/echo";
+import { setValue } from "@dxos/echo-schema";
 import { useTranslation } from "@dxos/react-ui";
 import { Form } from "@dxos/react-ui-form";
 import { Card as Card4 } from "@dxos/react-ui-stack";
 import { TableType } from "@dxos/react-ui-table";
-import { descriptionMessage } from "@dxos/react-ui-theme";
+import { descriptionMessage, mx as mx2 } from "@dxos/react-ui-theme";
 import { DataType } from "@dxos/schema";
 
 // packages/plugins/plugin-preview/src/components/ContactCard.tsx
@@ -149,9 +150,10 @@ var react_surface_default = () => contributes(Capabilities.ReactSurface, [
     role: [
       "popover",
       "card--kanban",
+      "card--document",
       "card"
     ],
-    filter: (data) => isInstanceOf(DataType.Person, data.subject),
+    filter: (data) => Obj.instanceOf(DataType.Person, data.subject),
     component: ({ data, role }) => {
       const { dispatchPromise: dispatch } = useIntentDispatcher();
       const handleOrgClick = useCallback(async (org) => {
@@ -196,9 +198,10 @@ var react_surface_default = () => contributes(Capabilities.ReactSurface, [
     role: [
       "popover",
       "card--kanban",
+      "card--document",
       "card"
     ],
-    filter: (data) => isInstanceOf(DataType.Organization, data.subject),
+    filter: (data) => Obj.instanceOf(DataType.Organization, data.subject),
     component: ({ data, role }) => /* @__PURE__ */ React4.createElement(OrganizationCard, {
       role,
       subject: data.subject
@@ -212,9 +215,10 @@ var react_surface_default = () => contributes(Capabilities.ReactSurface, [
     role: [
       "popover",
       "card--kanban",
+      "card--document",
       "card"
     ],
-    filter: (data) => isInstanceOf(DataType.Project, data.subject),
+    filter: (data) => Obj.instanceOf(DataType.Project, data.subject),
     component: ({ data, role }) => /* @__PURE__ */ React4.createElement(ProjectCard, {
       subject: data.subject,
       role
@@ -228,16 +232,17 @@ var react_surface_default = () => contributes(Capabilities.ReactSurface, [
     role: [
       "popover",
       "card--kanban",
+      "card--document",
       "card"
     ],
     position: "fallback",
-    filter: (data) => isEchoObject(data.subject),
+    filter: (data) => Obj.isObject(data.subject),
     component: ({ data, role }) => {
       const schema = getSchema(data.subject);
       const { t } = useTranslation(PREVIEW_PLUGIN);
       if (!schema) {
         return /* @__PURE__ */ React4.createElement("p", {
-          className: descriptionMessage
+          className: mx2(descriptionMessage)
         }, t("unable to create preview message"));
       }
       const handleSave = useCallback((values, { changed }) => {
@@ -254,7 +259,10 @@ var react_surface_default = () => contributes(Capabilities.ReactSurface, [
         values: data.subject,
         readonly: role === "popover",
         onSave: handleSave,
-        autoSave: true
+        autoSave: true,
+        ...role === "card--kanban" && {
+          outerSpacing: "blockStart-0"
+        }
       }));
     }
   })
@@ -262,4 +270,4 @@ var react_surface_default = () => contributes(Capabilities.ReactSurface, [
 export {
   react_surface_default as default
 };
-//# sourceMappingURL=react-surface-EHIW3IEA.mjs.map
+//# sourceMappingURL=react-surface-UKEVHG5K.mjs.map

package/dist/lib/node-esm/react-surface-UKEVHG5K.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/react-surface.tsx", "../../../src/components/ContactCard.tsx", "../../../src/components/OrganizationCard.tsx", "../../../src/components/ProjectCard.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback } from 'react';\n\nimport {\n  Capabilities,\n  LayoutAction,\n  Surface,\n  contributes,\n  createIntent,\n  createSurface,\n  useIntentDispatcher,\n} from '@dxos/app-framework';\nimport { fullyQualifiedId, getSchema, getSpace } from '@dxos/client/echo';\nimport { Obj, Filter } from '@dxos/echo';\nimport { type JsonPath, setValue } from '@dxos/echo-schema';\nimport { useTranslation } from '@dxos/react-ui';\nimport { Form } from '@dxos/react-ui-form';\nimport { Card } from '@dxos/react-ui-stack';\nimport { TableType } from '@dxos/react-ui-table';\nimport { descriptionMessage, mx } from '@dxos/react-ui-theme';\nimport { DataType } from '@dxos/schema';\n\nimport { ContactCard, OrganizationCard, ProjectCard } from '../components';\nimport { PREVIEW_PLUGIN } from '../meta';\n\nexport default () =>\n  contributes(Capabilities.ReactSurface, [\n    //\n    // Specific schema types.\n    //\n    createSurface({\n      id: `${PREVIEW_PLUGIN}/schema-popover--contact`,\n      role: ['popover', 'card--kanban', 'card--document', 'card'],\n      filter: (data): data is { subject: DataType.Person } => Obj.instanceOf(DataType.Person, data.subject),\n      component: ({ data, role }) => {\n        const { dispatchPromise: dispatch } = useIntentDispatcher();\n        const handleOrgClick = useCallback(\n          async (org: DataType.Organization) => {\n            const space = getSpace(org);\n            const tablesQuery = await space?.db.query(Filter.type(TableType)).run();\n            const currentSpaceOrgTable = tablesQuery?.objects.find((table) => {\n              return table.view?.target?.query?.typename === DataType.Organization.typename;\n            });\n            await dispatch(\n              createIntent(LayoutAction.UpdatePopover, {\n                part: 'popover',\n                options: {\n                  state: false,\n                  anchorId: '',\n                },\n              }),\n            );\n            if (currentSpaceOrgTable) {\n              return dispatch(\n                createIntent(LayoutAction.Open, {\n                  part: 'main',\n                  subject: [fullyQualifiedId(currentSpaceOrgTable)],\n                  options: { workspace: space?.id },\n                }),\n              );\n            }\n          },\n          [dispatch],\n        );\n        return (\n          <ContactCard role={role} subject={data.subject} onOrgClick={handleOrgClick}>\n            {role === 'popover' && <Surface role='related' data={data} />}\n          </ContactCard>\n        );\n      },\n    }),\n    createSurface({\n      id: `${PREVIEW_PLUGIN}/schema-popover--organization`,\n      role: ['popover', 'card--kanban', 'card--document', 'card'],\n      filter: (data): data is { subject: DataType.Organization } => Obj.instanceOf(DataType.Organization, data.subject),\n      component: ({ data, role }) => (\n        <OrganizationCard role={role} subject={data.subject}>\n          {role === 'popover' && <Surface role='related' data={data} />}\n        </OrganizationCard>\n      ),\n    }),\n    createSurface({\n      id: `${PREVIEW_PLUGIN}/schema-popover--project`,\n      role: ['popover', 'card--kanban', 'card--document', 'card'],\n      filter: (data): data is { subject: DataType.Project } => Obj.instanceOf(DataType.Project, data.subject),\n      component: ({ data, role }) => <ProjectCard subject={data.subject} role={role} />,\n    }),\n\n    //\n    // Fallback for any object.\n    //\n    createSurface({\n      id: `${PREVIEW_PLUGIN}/fallback-popover`,\n      role: ['popover', 'card--kanban', 'card--document', 'card'],\n      position: 'fallback',\n      filter: (data): data is { subject: Obj.Any } => Obj.isObject(data.subject),\n      component: ({ data, role }) => {\n        const schema = getSchema(data.subject);\n        const { t } = useTranslation(PREVIEW_PLUGIN);\n        if (!schema) {\n          // TODO(burdon): Use Alert.\n          return <p className={mx(descriptionMessage)}>{t('unable to create preview message')}</p>;\n        }\n\n        const handleSave = useCallback((values: any, { changed }: { changed: Record<string, boolean> }) => {\n          const changedPaths = Object.keys(changed).filter((path) => changed[path]);\n          for (const path of changedPaths) {\n            const value = values[path];\n            setValue(data.subject, path as JsonPath, value);\n          }\n        }, []);\n\n        return (\n          <Card.Container role={role}>\n            <Form\n              schema={schema}\n              values={data.subject}\n              readonly={role === 'popover'}\n              onSave={handleSave}\n              autoSave\n              {...(role === 'card--kanban' && { outerSpacing: 'blockStart-0' })}\n            />\n          </Card.Container>\n        );\n      },\n    }),\n  ]);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { Fragment } from 'react';\n\nimport { Icon, Avatar, Button } from '@dxos/react-ui';\nimport { Card, cardHeading, cardText } from '@dxos/react-ui-stack';\nimport { mx } from '@dxos/react-ui-theme';\nimport { type DataType } from '@dxos/schema';\n\nimport { type PreviewProps } from '../types';\n\nexport const ContactCard = ({\n  children,\n  subject: { fullName, image, organization, emails },\n  onOrgClick,\n  role,\n}: PreviewProps<DataType.Person> & { onOrgClick?: (org: DataType.Organization) => void }) => {\n  const organizationName = organization && typeof organization === 'object' ? organization.target?.name : organization;\n  return (\n    <Card.Container role={role}>\n      <Avatar.Root>\n        <Card.Text role='group' classNames='grid gap-3 grid-cols-[min-content_1fr]'>\n          <Avatar.Content imgSrc={image} icon='ph--user--regular' size={16} hue='neutral' />\n          <div role='none' className='bs-min self-center'>\n            <Avatar.Label asChild>\n              <h2 className={cardHeading}>{fullName}</h2>\n            </Avatar.Label>\n          </div>\n        </Card.Text>\n      </Avatar.Root>\n      {organizationName && (\n        <Card.Chrome>\n          {typeof organization === 'object' && onOrgClick ? (\n            <Button variant='ghost' classNames='gap-2 text-start' onClick={() => onOrgClick(organization.target!)}>\n              <Icon icon='ph--buildings--regular' size={5} classNames='text-subdued' />\n              <span className='min-is-0 flex-1 truncate'>{organizationName}</span>\n              <Icon icon='ph--arrow-right--regular' />\n            </Button>\n          ) : (\n            <p className='dx-button gap-2' data-variant='ghost'>\n              <Icon icon='ph--buildings--regular' size={5} classNames='text-subdued' />\n              <span className='min-is-0 flex-1 truncate'>{organizationName}</span>\n            </p>\n          )}\n        </Card.Chrome>\n      )}\n      <dl\n        className={mx(\n          cardText,\n          'grid gap-2 grid-cols-[min-content_1fr] [&_dt]:text-subdued [&_dt]:pbs-0.5 [&_dd]:min-is-0',\n        )}\n      >\n        {emails?.length &&\n          emails.map(({ label, value }) => (\n            <Fragment key={value}>\n              <dt>\n                <Icon icon='ph--at--regular' size={5} />\n              </dt>\n              <dd key={value} className='break-words'>\n                {value}\n              </dd>\n            </Fragment>\n          ))}\n      </dl>\n      {children}\n    </Card.Container>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Icon } from '@dxos/react-ui';\nimport { Card } from '@dxos/react-ui-stack';\nimport { type DataType } from '@dxos/schema';\n\nimport { type PreviewProps } from '../types';\n\nexport const OrganizationCard = ({\n  children,\n  subject: { name, image, description, website },\n  role,\n}: PreviewProps<DataType.Organization>) => {\n  return (\n    <Card.Container role={role}>\n      <Card.Poster alt={name!} {...(image ? { image } : { icon: 'ph--building-office--regular' })} />\n      <Card.Heading>{name}</Card.Heading>\n      {description && <Card.Text classNames='line-clamp-2'>{description}</Card.Text>}\n      {website && (\n        <Card.Chrome>\n          <a\n            className='dx-button dx-focus-ring gap-2'\n            data-variant='ghost'\n            href={website}\n            target='_blank'\n            rel='noreferrer'\n          >\n            <Icon icon='ph--link--regular' size={5} classNames='text-subdued' />\n            <span className='grow'>{website}</span>\n            <Icon icon='ph--arrow-square-out--regular' />\n          </a>\n        </Card.Chrome>\n      )}\n      {children}\n    </Card.Container>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Card } from '@dxos/react-ui-stack';\nimport { type DataType } from '@dxos/schema';\n\nimport { type PreviewProps } from '../types';\n\nexport const ProjectCard = ({ subject: { name, image, description }, role }: PreviewProps<DataType.Project>) => {\n  return (\n    <Card.Container role={role}>\n      {image && <Card.Poster image={image} alt={name} aspect='auto' />}\n      <Card.Heading>{name}</Card.Heading>\n      {description && <Card.Text classNames='line-clamp-2'>{description}</Card.Text>}\n    </Card.Container>\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["React", "useCallback", "Capabilities", "LayoutAction", "Surface", "contributes", "createIntent", "createSurface", "useIntentDispatcher", "fullyQualifiedId", "getSchema", "getSpace", "Obj", "Filter", "setValue", "useTranslation", "Form", "Card", "TableType", "descriptionMessage", "mx", "DataType", "React", "Fragment", "Icon", "Avatar", "Button", "Card", "cardHeading", "cardText", "mx", "ContactCard", "children", "subject", "fullName", "image", "organization", "emails", "onOrgClick", "role", "organizationName", "target", "name", "Card", "Container", "Avatar", "Root", "Text", "classNames", "Content", "imgSrc", "icon", "size", "hue", "div", "className", "Label", "asChild", "h2", "cardHeading", "Chrome", "Button", "variant", "onClick", "Icon", "span", "p", "data-variant", "dl", "mx", "cardText", "length", "map", "label", "value", "Fragment", "key", "dt", "dd", "React", "Icon", "Card", "OrganizationCard", "children", "subject", "name", "image", "description", "website", "role", "React", "Card", "Container", "Poster", "alt", "icon", "Heading", "Text", "classNames", "Chrome", "a", "className", "data-variant", "href", "target", "rel", "Icon", "size", "span", "React", "Card", "ProjectCard", "subject", "name", "image", "description", "role", "React", "Card", "Container", "Poster", "alt", "aspect", "Heading", "Text", "classNames", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "PREVIEW_PLUGIN", "role", "filter", "data", "Obj", "instanceOf", "DataType", "Person", "subject", "component", "dispatchPromise", "dispatch", "useIntentDispatcher", "handleOrgClick", "useCallback", "org", "space", "getSpace", "tablesQuery", "db", "query", "Filter", "type", "TableType", "run", "currentSpaceOrgTable", "objects", "find", "table", "view", "target", "typename", "Organization", "createIntent", "LayoutAction", "UpdatePopover", "part", "options", "state", "anchorId", "Open", "fullyQualifiedId", "workspace", "React", "ContactCard", "onOrgClick", "Surface", "OrganizationCard", "Project", "ProjectCard", "position", "isObject", "schema", "getSchema", "t", "useTranslation", "p", "className", "mx", "descriptionMessage", "handleSave", "values", "changed", "changedPaths", "Object", "keys", "path", "value", "setValue", "Card", "Container", "Form", "readonly", "onSave", "autoSave", "outerSpacing"]
+}

package/dist/types/src/Preview.stories.d.ts

@@ -16,8 +16,7 @@ export declare const ContactWithImage: {
             onOrgClick?: (org: DataType.Organization) => void;
         }) => React.JSX.Element;
         icon: string;
-        subject: Omit<{
-            readonly id: string;
+        subject: import("@dxos/live-object").Live<import("@dxos/echo/Type").OfKind<import("@dxos/echo-schema").EntityKind.Object> & {
             fields?: {
                 readonly label: string;
                 readonly category?: string | undefined;
@@ -27,9 +26,9 @@ export declare const ContactWithImage: {
             preferredName?: string | undefined;
             nickname?: string | undefined;
             image?: string | undefined;
-            organization?: import("@dxos/echo-schema").Ref<{
-                readonly id: string;
+            organization?: import("@dxos/echo-schema").Ref<import("@dxos/echo/Type").OfKind<import("@dxos/echo-schema").EntityKind.Object> & {
                 description?: string | undefined;
+                id: string;
                 name?: string | undefined;
                 status?: "prospect" | "qualified" | "active" | "commit" | "reject" | undefined;
                 image?: string | undefined;
@@ -67,11 +66,7 @@ export declare const ContactWithImage: {
                 readonly value: string;
             }[] | undefined;
             birthday?: string | undefined;
-        }, "id"> & {
-            id?: string;
-        } & {
-            id: string;
-        };
+        }>;
         role: string;
     };
 };
@@ -89,18 +84,14 @@ export declare const OrganizationWithImage: {
     args: {
         Component: ({ children, subject: { name, image, description, website }, role, }: PreviewProps<DataType.Organization>) => React.JSX.Element;
         icon: string;
-        subject: Omit<{
-            readonly id: string;
+        subject: import("@dxos/live-object").Live<import("@dxos/echo/Type").OfKind<import("@dxos/echo-schema").EntityKind.Object> & {
             image?: string | undefined;
+            id: string;
             status?: "active" | "prospect" | "qualified" | "commit" | "reject" | undefined;
             name?: string | undefined;
             description?: string | undefined;
             website?: string | undefined;
-        }, "id"> & {
-            id?: string;
-        } & {
-            id: string;
-        };
+        }>;
         role: string;
     };
 };
@@ -116,16 +107,12 @@ export declare const ProjectWithImage: {
     args: {
         Component: ({ subject: { name, image, description }, role }: PreviewProps<DataType.Project>) => React.JSX.Element;
         icon: string;
-        subject: Omit<{
-            readonly id: string;
+        subject: import("@dxos/live-object").Live<import("@dxos/echo/Type").OfKind<import("@dxos/echo-schema").EntityKind.Object> & {
             image?: string | undefined;
+            id: string;
             name: string;
             description?: string | undefined;
-        }, "id"> & {
-            id?: string;
-        } & {
-            id: string;
-        };
+        }>;
         role: string;
     };
 };

package/dist/types/src/Preview.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Preview.stories.d.ts","sourceRoot":"","sources":["../../../src/Preview.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAMvC,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAKxC,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,SAAS,CAAC;AAI5C,KAAK,UAAU,GAAG;IAChB,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,GAAG,CAAC;CACd,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,UAAU,CAoB1B,CAAC;AAEF,eAAe,IAAI,CAAC;AA2CpB,eAAO,MAAM,gBAAgB;;;sBA7E0C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoFvE,CAAC;AAEF,eAAO,MAAM,cAAc;;;sBAtF4C,CAAC;;;;;;CA6FvE,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;CAOjC,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;CAO/B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;CAO5B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;CAO1B,CAAC"}
+{"version":3,"file":"Preview.stories.d.ts","sourceRoot":"","sources":["../../../src/Preview.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAKxC,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,SAAS,CAAC;AAI5C,KAAK,UAAU,GAAG;IAChB,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,GAAG,CAAC;CACd,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,UAAU,CAsB1B,CAAC;AAEF,eAAe,IAAI,CAAC;AA2CpB,eAAO,MAAM,gBAAgB;;;sBA7EpB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoFT,CAAC;AAEF,eAAO,MAAM,cAAc;;;sBAtFlB,CAAC;;;;;;CA6FT,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;CAOjC,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;CAO/B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;CAO5B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;CAO1B,CAAC"}

package/dist/types/src/capabilities/preview-popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"preview-popover.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/preview-popover.ts"],"names":[],"mappings":"AAIA,OAAO,EAAyD,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;yBA8BhG,SAAS,aAAa;AAAtC,wBAkCE"}
+{"version":3,"file":"preview-popover.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/preview-popover.ts"],"names":[],"mappings":"AAIA,OAAO,EAAyD,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;yBA8BhG,SAAS,aAAa;AAAtC,wBAuCE"}

package/dist/types/src/capabilities/react-surface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react-surface.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/react-surface.tsx"],"names":[],"mappings":"AAMA,OAAO,EACL,YAAY,EAOb,MAAM,qBAAqB,CAAC;;AAa7B,wBA6FK"}
+{"version":3,"file":"react-surface.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/react-surface.tsx"],"names":[],"mappings":"AAMA,OAAO,EACL,YAAY,EAOb,MAAM,qBAAqB,CAAC;;AAc7B,wBAqGK"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-preview",
-  "version": "0.8.3-main.672df60",
+  "version": "0.8.3-staging.0fa589b",
   "description": "Preview plugin",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -25,31 +25,32 @@
   "dependencies": {
     "@preact-signals/safe-react": "^0.9.0",
     "effect": "3.14.21",
-    "@dxos/app-framework": "0.8.3-main.672df60",
-    "@dxos/client": "0.8.3-main.672df60",
-    "@dxos/async": "0.8.3-main.672df60",
-    "@dxos/echo-schema": "0.8.3-main.672df60",
-    "@dxos/lit-ui": "0.8.3-main.672df60",
-    "@dxos/keys": "0.8.3-main.672df60",
-    "@dxos/echo": "0.8.3-main.672df60",
-    "@dxos/log": "0.8.3-main.672df60",
-    "@dxos/plugin-client": "0.8.3-main.672df60",
-    "@dxos/react-client": "0.8.3-main.672df60",
-    "@dxos/react-ui": "0.8.3-main.672df60",
-    "@dxos/react-ui-editor": "0.8.3-main.672df60",
-    "@dxos/react-ui-form": "0.8.3-main.672df60",
-    "@dxos/react-ui-stack": "0.8.3-main.672df60",
-    "@dxos/schema": "0.8.3-main.672df60",
-    "@dxos/react-ui-table": "0.8.3-main.672df60",
-    "@dxos/util": "0.8.3-main.672df60",
-    "@dxos/react-ui-theme": "0.8.3-main.672df60"
+    "@dxos/app-framework": "0.8.3-staging.0fa589b",
+    "@dxos/client": "0.8.3-staging.0fa589b",
+    "@dxos/async": "0.8.3-staging.0fa589b",
+    "@dxos/echo": "0.8.3-staging.0fa589b",
+    "@dxos/echo-schema": "0.8.3-staging.0fa589b",
+    "@dxos/keys": "0.8.3-staging.0fa589b",
+    "@dxos/lit-ui": "0.8.3-staging.0fa589b",
+    "@dxos/log": "0.8.3-staging.0fa589b",
+    "@dxos/plugin-client": "0.8.3-staging.0fa589b",
+    "@dxos/react-ui": "0.8.3-staging.0fa589b",
+    "@dxos/react-client": "0.8.3-staging.0fa589b",
+    "@dxos/react-ui-editor": "0.8.3-staging.0fa589b",
+    "@dxos/react-ui-form": "0.8.3-staging.0fa589b",
+    "@dxos/react-ui-stack": "0.8.3-staging.0fa589b",
+    "@dxos/react-ui-theme": "0.8.3-staging.0fa589b",
+    "@dxos/schema": "0.8.3-staging.0fa589b",
+    "@dxos/react-ui-table": "0.8.3-staging.0fa589b",
+    "@dxos/util": "0.8.3-staging.0fa589b"
   },
   "devDependencies": {
     "effect": "3.14.21",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/random": "0.8.3-main.672df60"
+    "@dxos/random": "0.8.3-staging.0fa589b",
+    "@dxos/storybook-utils": "0.8.3-staging.0fa589b"
   },
   "peerDependencies": {
     "effect": "^3.13.3",

package/src/Preview.stories.tsx

@@ -7,9 +7,8 @@ import '@dxos-theme';
 import { type Meta } from '@storybook/react';
 import React, { type FC } from 'react';
 
-import { create } from '@dxos/echo-schema';
+import { Obj, Ref } from '@dxos/echo';
 import { faker } from '@dxos/random';
-import { makeRef } from '@dxos/react-client/echo';
 import { Icon, Popover } from '@dxos/react-ui';
 import { DataType } from '@dxos/schema';
 import { withTheme, withLayout } from '@dxos/storybook-utils';
@@ -32,7 +31,9 @@ const meta: Meta<StoryProps> = {
     return (
       <Popover.Root open>
         <Popover.Content>
-          <Component {...args} role='popover' />
+          <Popover.Viewport>
+            <Component {...args} role='popover' />
+          </Popover.Viewport>
           <Popover.Arrow />
         </Popover.Content>
         <Popover.Trigger>
@@ -53,7 +54,7 @@ export default meta;
 const omitImage = ({ image, ...rest }: any) => rest;
 
 const data = (() => {
-  const organization = create(DataType.Organization, {
+  const organization = Obj.make(DataType.Organization, {
     name: faker.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',
@@ -61,11 +62,11 @@ const data = (() => {
     description: faker.lorem.paragraph(),
   });
 
-  const contact = create(DataType.Person, {
+  const contact = Obj.make(DataType.Person, {
     fullName: faker.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: makeRef(organization),
+    organization: Ref.make(organization),
     emails: [
       {
         label: 'Work',
@@ -82,7 +83,7 @@ const data = (() => {
     ],
   });
 
-  const project = create(DataType.Project, {
+  const project = Obj.make(DataType.Project, {
     name: faker.person.fullName(),
     image: 'https://dxos.network/dxos-logotype-blue.png',
     description: faker.lorem.paragraph(),

package/src/capabilities/preview-popover.ts

@@ -60,7 +60,12 @@ export default (context: PluginContext) => {
 
   let cleanup: () => void;
   if (document.defaultView) {
-    cleanup = addEventListener(document.defaultView, 'dx-ref-tag-activate', handleDxRefTagActivate, customEventOptions);
+    cleanup = addEventListener(
+      document.defaultView,
+      'dx-ref-tag-activate' as any,
+      handleDxRefTagActivate,
+      customEventOptions,
+    );
   } else {
     log.warn('No default view found');
   }

package/src/capabilities/react-surface.tsx

@@ -13,13 +13,14 @@ import {
   createSurface,
   useIntentDispatcher,
 } from '@dxos/app-framework';
-import { Filter, fullyQualifiedId, getSchema, getSpace, isEchoObject, type AnyLiveObject } from '@dxos/client/echo';
-import { isInstanceOf, type JsonPath, setValue } from '@dxos/echo-schema';
+import { fullyQualifiedId, getSchema, getSpace } from '@dxos/client/echo';
+import { Obj, Filter } from '@dxos/echo';
+import { type JsonPath, setValue } from '@dxos/echo-schema';
 import { useTranslation } from '@dxos/react-ui';
 import { Form } from '@dxos/react-ui-form';
 import { Card } from '@dxos/react-ui-stack';
 import { TableType } from '@dxos/react-ui-table';
-import { descriptionMessage } from '@dxos/react-ui-theme';
+import { descriptionMessage, mx } from '@dxos/react-ui-theme';
 import { DataType } from '@dxos/schema';
 
 import { ContactCard, OrganizationCard, ProjectCard } from '../components';
@@ -32,8 +33,8 @@ export default () =>
     //
     createSurface({
       id: `${PREVIEW_PLUGIN}/schema-popover--contact`,
-      role: ['popover', 'card--kanban', 'card'],
-      filter: (data): data is { subject: DataType.Person } => isInstanceOf(DataType.Person, data.subject),
+      role: ['popover', 'card--kanban', 'card--document', 'card'],
+      filter: (data): data is { subject: DataType.Person } => Obj.instanceOf(DataType.Person, data.subject),
       component: ({ data, role }) => {
         const { dispatchPromise: dispatch } = useIntentDispatcher();
         const handleOrgClick = useCallback(
@@ -73,8 +74,8 @@ export default () =>
     }),
     createSurface({
       id: `${PREVIEW_PLUGIN}/schema-popover--organization`,
-      role: ['popover', 'card--kanban', 'card'],
-      filter: (data): data is { subject: DataType.Organization } => isInstanceOf(DataType.Organization, data.subject),
+      role: ['popover', 'card--kanban', 'card--document', 'card'],
+      filter: (data): data is { subject: DataType.Organization } => Obj.instanceOf(DataType.Organization, data.subject),
       component: ({ data, role }) => (
         <OrganizationCard role={role} subject={data.subject}>
           {role === 'popover' && <Surface role='related' data={data} />}
@@ -83,8 +84,8 @@ export default () =>
     }),
     createSurface({
       id: `${PREVIEW_PLUGIN}/schema-popover--project`,
-      role: ['popover', 'card--kanban', 'card'],
-      filter: (data): data is { subject: DataType.Project } => isInstanceOf(DataType.Project, data.subject),
+      role: ['popover', 'card--kanban', 'card--document', 'card'],
+      filter: (data): data is { subject: DataType.Project } => Obj.instanceOf(DataType.Project, data.subject),
       component: ({ data, role }) => <ProjectCard subject={data.subject} role={role} />,
     }),
 
@@ -93,14 +94,15 @@ export default () =>
     //
     createSurface({
       id: `${PREVIEW_PLUGIN}/fallback-popover`,
-      role: ['popover', 'card--kanban', 'card'],
+      role: ['popover', 'card--kanban', 'card--document', 'card'],
       position: 'fallback',
-      filter: (data): data is { subject: AnyLiveObject<any> } => isEchoObject(data.subject),
+      filter: (data): data is { subject: Obj.Any } => Obj.isObject(data.subject),
       component: ({ data, role }) => {
         const schema = getSchema(data.subject);
         const { t } = useTranslation(PREVIEW_PLUGIN);
         if (!schema) {
-          return <p className={descriptionMessage}>{t('unable to create preview message')}</p>;
+          // TODO(burdon): Use Alert.
+          return <p className={mx(descriptionMessage)}>{t('unable to create preview message')}</p>;
         }
 
         const handleSave = useCallback((values: any, { changed }: { changed: Record<string, boolean> }) => {
@@ -113,7 +115,14 @@ export default () =>
 
         return (
           <Card.Container role={role}>
-            <Form schema={schema} values={data.subject} readonly={role === 'popover'} onSave={handleSave} autoSave />
+            <Form
+              schema={schema}
+              values={data.subject}
+              readonly={role === 'popover'}
+              onSave={handleSave}
+              autoSave
+              {...(role === 'card--kanban' && { outerSpacing: 'blockStart-0' })}
+            />
           </Card.Container>
         );
       },