@dxos/plugin-preview 0.8.4-main.28f8d3d → 0.8.4-main.406dc2a

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

@@ -1 +1 @@
-{"inputs":{"src/meta.ts":{"bytes":1243,"imports":[],"format":"esm"},"src/capabilities/preview-popover.ts":{"bytes":8497,"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"},"src/components/ContactCard.tsx":{"bytes":9380,"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"},"src/components/OrganizationCard.tsx":{"bytes":4740,"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"},"src/components/ProjectCard.tsx":{"bytes":2578,"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"},"src/components/index.ts":{"bytes":687,"imports":[{"path":"src/components/ContactCard.tsx","kind":"import-statement","original":"./ContactCard"},{"path":"src/components/OrganizationCard.tsx","kind":"import-statement","original":"./OrganizationCard"},{"path":"src/components/ProjectCard.tsx","kind":"import-statement","original":"./ProjectCard"}],"format":"esm"},"src/capabilities/react-surface.tsx":{"bytes":24033,"imports":[{"path":"effect","kind":"import-statement","external":true},{"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/plugin-attention/types","kind":"import-statement","external":true},{"path":"@dxos/plugin-deck/types","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","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/types","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true},{"path":"src/components/index.ts","kind":"import-statement","original":"../components"},{"path":"src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"src/capabilities/index.ts":{"bytes":1037,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"src/capabilities/preview-popover.ts","kind":"dynamic-import","original":"./preview-popover"},{"path":"src/capabilities/react-surface.tsx","kind":"dynamic-import","original":"./react-surface"}],"format":"esm"},"src/translations.ts":{"bytes":1178,"imports":[{"path":"src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"src/PreviewPlugin.tsx":{"bytes":4743,"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":"src/capabilities/index.ts","kind":"import-statement","original":"./capabilities"},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"src/index.ts":{"bytes":595,"imports":[{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/PreviewPlugin.tsx","kind":"import-statement","original":"./PreviewPlugin"}],"format":"esm"}},"outputs":{"dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3231},"dist/lib/node-esm/index.mjs":{"imports":[{"path":"dist/lib/node-esm/chunk-2ORSL4GJ.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":"dist/lib/node-esm/preview-popover-LZGHYW23.mjs","kind":"dynamic-import"},{"path":"dist/lib/node-esm/react-surface-PDXF35OF.mjs","kind":"dynamic-import"}],"exports":["PREVIEW_PLUGIN","PreviewPlugin","meta"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0},"src/PreviewPlugin.tsx":{"bytesInOutput":952},"src/capabilities/index.ts":{"bytesInOutput":190},"src/translations.ts":{"bytesInOutput":137}},"bytes":1631},"dist/lib/node-esm/preview-popover-LZGHYW23.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":4455},"dist/lib/node-esm/preview-popover-LZGHYW23.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":"src/capabilities/preview-popover.ts","inputs":{"src/capabilities/preview-popover.ts":{"bytesInOutput":2066}},"bytes":2301},"dist/lib/node-esm/react-surface-PDXF35OF.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":19981},"dist/lib/node-esm/react-surface-PDXF35OF.mjs":{"imports":[{"path":"dist/lib/node-esm/chunk-2ORSL4GJ.mjs","kind":"import-statement"},{"path":"effect","kind":"import-statement","external":true},{"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/plugin-attention/types","kind":"import-statement","external":true},{"path":"@dxos/plugin-deck/types","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","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/types","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":"src/capabilities/react-surface.tsx","inputs":{"src/capabilities/react-surface.tsx":{"bytesInOutput":5926},"src/components/ContactCard.tsx":{"bytesInOutput":2902},"src/components/index.ts":{"bytesInOutput":0},"src/components/OrganizationCard.tsx":{"bytesInOutput":1438},"src/components/ProjectCard.tsx":{"bytesInOutput":709}},"bytes":11411},"dist/lib/node-esm/chunk-2ORSL4GJ.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":615},"dist/lib/node-esm/chunk-2ORSL4GJ.mjs":{"imports":[],"exports":["PREVIEW_PLUGIN","meta"],"inputs":{"src/meta.ts":{"bytesInOutput":216}},"bytes":406}}}
+{"inputs":{"src/meta.ts":{"bytes":1069,"imports":[],"format":"esm"},"src/capabilities/preview-popover.ts":{"bytes":8281,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/async","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},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"format":"esm"},"src/components/CardSubjectMenu.tsx":{"bytes":9993,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@effect-rx/rx-react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/plugin-space/types","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-menu","kind":"import-statement","external":true},{"path":"src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"src/components/ContactCard.tsx":{"bytes":10312,"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},{"path":"src/components/CardSubjectMenu.tsx","kind":"import-statement","original":"./CardSubjectMenu"}],"format":"esm"},"src/components/OrganizationCard.tsx":{"bytes":6117,"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},{"path":"src/components/CardSubjectMenu.tsx","kind":"import-statement","original":"./CardSubjectMenu"}],"format":"esm"},"src/components/ProjectCard.tsx":{"bytes":4160,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/echo","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":"src/components/CardSubjectMenu.tsx","kind":"import-statement","original":"./CardSubjectMenu"}],"format":"esm"},"src/components/index.ts":{"bytes":687,"imports":[{"path":"src/components/ContactCard.tsx","kind":"import-statement","original":"./ContactCard"},{"path":"src/components/OrganizationCard.tsx","kind":"import-statement","original":"./OrganizationCard"},{"path":"src/components/ProjectCard.tsx","kind":"import-statement","original":"./ProjectCard"}],"format":"esm"},"src/components/TaskCard.tsx":{"bytes":6988,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"effect/SchemaAST","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/echo/internal","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":"@dxos/schema","kind":"import-statement","external":true},{"path":"src/components/CardSubjectMenu.tsx","kind":"import-statement","original":"./CardSubjectMenu"}],"format":"esm"},"src/capabilities/react-surface.tsx":{"bytes":18997,"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/internal","kind":"import-statement","external":true},{"path":"@dxos/plugin-space","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-theme","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true},{"path":"src/components/index.ts","kind":"import-statement","original":"../components"},{"path":"src/components/TaskCard.tsx","kind":"import-statement","original":"../components/TaskCard"},{"path":"src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"src/capabilities/index.ts":{"bytes":1037,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"src/capabilities/preview-popover.ts","kind":"dynamic-import","original":"./preview-popover"},{"path":"src/capabilities/react-surface.tsx","kind":"dynamic-import","original":"./react-surface"}],"format":"esm"},"src/translations.ts":{"bytes":1903,"imports":[{"path":"src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"src/PreviewPlugin.tsx":{"bytes":4683,"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":"src/capabilities/index.ts","kind":"import-statement","original":"./capabilities"},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"src/index.ts":{"bytes":595,"imports":[{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/PreviewPlugin.tsx","kind":"import-statement","original":"./PreviewPlugin"}],"format":"esm"}},"outputs":{"dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3503},"dist/lib/node-esm/index.mjs":{"imports":[{"path":"dist/lib/node-esm/chunk-L3IZVX56.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":"dist/lib/node-esm/preview-popover-TZKX67EY.mjs","kind":"dynamic-import"},{"path":"dist/lib/node-esm/react-surface-4P7UCMK7.mjs","kind":"dynamic-import"}],"exports":["PreviewPlugin","meta"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0},"src/PreviewPlugin.tsx":{"bytesInOutput":952},"src/capabilities/index.ts":{"bytesInOutput":190},"src/translations.ts":{"bytesInOutput":378}},"bytes":1836},"dist/lib/node-esm/preview-popover-TZKX67EY.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":4341},"dist/lib/node-esm/preview-popover-TZKX67EY.mjs":{"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/async","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},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"src/capabilities/preview-popover.ts","inputs":{"src/capabilities/preview-popover.ts":{"bytesInOutput":2001}},"bytes":2236},"dist/lib/node-esm/react-surface-4P7UCMK7.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":28002},"dist/lib/node-esm/react-surface-4P7UCMK7.mjs":{"imports":[{"path":"dist/lib/node-esm/chunk-L3IZVX56.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/internal","kind":"import-statement","external":true},{"path":"@dxos/plugin-space","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-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":"@effect-rx/rx-react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/plugin-space/types","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-menu","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/echo","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":"effect/SchemaAST","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/echo/internal","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":"@dxos/schema","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"src/capabilities/react-surface.tsx","inputs":{"src/capabilities/react-surface.tsx":{"bytesInOutput":4854},"src/components/ContactCard.tsx":{"bytesInOutput":3174},"src/components/CardSubjectMenu.tsx":{"bytesInOutput":2599},"src/components/index.ts":{"bytesInOutput":0},"src/components/OrganizationCard.tsx":{"bytesInOutput":1836},"src/components/ProjectCard.tsx":{"bytesInOutput":1189},"src/components/TaskCard.tsx":{"bytesInOutput":1787}},"bytes":15971},"dist/lib/node-esm/chunk-L3IZVX56.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":528},"dist/lib/node-esm/chunk-L3IZVX56.mjs":{"imports":[],"exports":["meta"],"inputs":{"src/meta.ts":{"bytesInOutput":179}},"bytes":351}}}

package/dist/lib/node-esm/{preview-popover-LZGHYW23.mjs → preview-popover-TZKX67EY.mjs}

@@ -3,11 +3,11 @@ import { createRequire } from 'node:module';const require = createRequire(import
 // src/capabilities/preview-popover.ts
 import { Capabilities, LayoutAction, contributes, createIntent } from "@dxos/app-framework";
 import { addEventListener } from "@dxos/async";
-import { resolveRef } from "@dxos/client";
 import { parseId } from "@dxos/client/echo";
 import { DXN } from "@dxos/keys";
 import { log } from "@dxos/log";
 import { ClientCapabilities } from "@dxos/plugin-client";
+import { DX_ANCHOR_ACTIVATE } from "@dxos/react-ui";
 var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-preview/src/capabilities/preview-popover.ts";
 var customEventOptions = {
   capture: true,
@@ -15,21 +15,17 @@ var customEventOptions = {
 };
 var handlePreviewLookup = async (client, defaultSpace, { ref, label }) => {
   try {
-    const dxn = DXN.parse(ref);
-    if (!dxn) {
-      return null;
-    }
-    const object = await resolveRef(client, dxn, defaultSpace);
+    const object = await defaultSpace.db.ref(DXN.parse(ref)).load();
     return {
       label,
       object
     };
-  } catch (err) {
+  } catch {
     return null;
   }
 };
-var preview_popover_default = (context) => {
-  const handleDxRefTagActivate = async ({ refId, label, trigger }) => {
+var preview_popover_default = ((context) => {
+  const handleDxAnchorActivate = async ({ refId, label, trigger }) => {
     const { dispatchPromise: dispatch } = context.getCapability(Capabilities.IntentDispatcher);
     const client = context.getCapability(ClientCapabilities.Client);
     const [layout] = context.getCapabilities(Capabilities.Layout);
@@ -54,18 +50,18 @@ var preview_popover_default = (context) => {
   };
   let cleanup;
   if (document.defaultView) {
-    cleanup = addEventListener(document.defaultView, "dx-ref-tag-activate", handleDxRefTagActivate, customEventOptions);
+    cleanup = addEventListener(document.defaultView, DX_ANCHOR_ACTIVATE, handleDxAnchorActivate, customEventOptions);
   } else {
     log.warn("No default view found", void 0, {
       F: __dxlog_file,
-      L: 70,
+      L: 65,
       S: void 0,
       C: (f, a) => f(...a)
     });
   }
   return contributes(Capabilities.Null, null, () => cleanup());
-};
+});
 export {
   preview_popover_default as default
 };
-//# sourceMappingURL=preview-popover-LZGHYW23.mjs.map
+//# sourceMappingURL=preview-popover-TZKX67EY.mjs.map

package/dist/lib/node-esm/preview-popover-TZKX67EY.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/preview-popover.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capabilities, LayoutAction, type PluginContext, contributes, createIntent } from '@dxos/app-framework';\nimport { addEventListener } from '@dxos/async';\nimport { type Client } from '@dxos/client';\nimport { type Space, parseId } from '@dxos/client/echo';\nimport { DXN } 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/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 object = await defaultSpace.db.ref(DXN.parse(ref)).load();\n    return { label, object };\n  } catch {\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 handleDxAnchorActivate = async ({ refId, label, trigger }: DxAnchorActivate) => {\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_ANCHOR_ACTIVATE as any,\n      handleDxAnchorActivate,\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,cAAkCC,aAAaC,oBAAoB;AAC1F,SAASC,wBAAwB;AAEjC,SAAqBC,eAAe;AACpC,SAASC,WAAW;AACpB,SAASC,WAAW;AACpB,SAASC,0BAA0B;AACnC,SAASC,0BAAiD;;AAG1D,IAAMC,qBAAqB;EAAEC,SAAS;EAAMC,SAAS;AAAM;AAE3D,IAAMC,sBAAsB,OAC1BC,QACAC,cACA,EAAEC,KAAKC,MAAK,MAAkB;AAE9B,MAAI;AACF,UAAMC,SAAS,MAAMH,aAAaI,GAAGH,IAAIV,IAAIc,MAAMJ,GAAAA,CAAAA,EAAMK,KAAI;AAC7D,WAAO;MAAEJ;MAAOC;IAAO;EACzB,QAAQ;AACN,WAAO;EACT;AACF;AAEA,IAAA,2BAAe,CAACI,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,cAAcpB,mBAAmBsB,MAAM;AAC9D,UAAM,CAACC,MAAAA,IAAUT,QAAQU,gBAAgBhC,aAAaiC,MAAM;AAC5D,UAAM,EAAEC,QAAO,IAAK7B,QAAQ0B,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,OAAOtB;MAChB0B,SAAS;QACPC,OAAO;QACPC,SAAS;QACTC,QAAQtB;MACV;IACF,CAAA,CAAA;EAEJ;AAEA,MAAIuB;AACJ,MAAIC,SAASC,aAAa;AACxBF,cAAU5C,iBACR6C,SAASC,aACTzC,oBACAc,wBACAb,kBAAAA;EAEJ,OAAO;AACLH,QAAI4C,KAAK,yBAAA,QAAA;;;;;;EACX;AAEA,SAAOjD,YAAYF,aAAaoD,MAAM,MAAM,MAAMJ,QAAAA,CAAAA;AACpD;",
+  "names": ["Capabilities", "LayoutAction", "contributes", "createIntent", "addEventListener", "parseId", "DXN", "log", "ClientCapabilities", "DX_ANCHOR_ACTIVATE", "customEventOptions", "capture", "passive", "handlePreviewLookup", "client", "defaultSpace", "ref", "label", "object", "db", "parse", "load", "context", "handleDxAnchorActivate", "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-4P7UCMK7.mjs

@@ -0,0 +1,449 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  meta
+} from "./chunk-L3IZVX56.mjs";
+
+// src/capabilities/react-surface.tsx
+import React6, { useCallback } from "react";
+import { Capabilities, LayoutAction as LayoutAction2, Surface, contributes, createIntent as createIntent2, createSurface, useIntentDispatcher as useIntentDispatcher2 } from "@dxos/app-framework";
+import { fullyQualifiedId as fullyQualifiedId2, getSchema, getSpace } from "@dxos/client/echo";
+import { Obj as Obj3 } from "@dxos/echo";
+import { setValue } from "@dxos/echo/internal";
+import { useActiveSpace } from "@dxos/plugin-space";
+import { useTranslation as useTranslation2 } from "@dxos/react-ui";
+import { Form } from "@dxos/react-ui-form";
+import { Card as Card5 } from "@dxos/react-ui-stack";
+import { descriptionMessage, mx as mx5 } from "@dxos/react-ui-theme";
+import { DataType as DataType2 } from "@dxos/schema";
+
+// src/components/ContactCard.tsx
+import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
+import React2, { Fragment } from "react";
+import { Avatar, Button, Icon } from "@dxos/react-ui";
+import { Card, cardHeading, cardText } from "@dxos/react-ui-stack";
+import { mx } from "@dxos/react-ui-theme";
+
+// src/components/CardSubjectMenu.tsx
+import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
+import { Rx } from "@effect-rx/rx-react";
+import React from "react";
+import { LayoutAction, createIntent, useIntentDispatcher } from "@dxos/app-framework";
+import { ACTION_TYPE } from "@dxos/app-graph";
+import { Obj } from "@dxos/echo";
+import { SpaceAction } from "@dxos/plugin-space/types";
+import { fullyQualifiedId } from "@dxos/react-client/echo";
+import { IconButton, useTranslation } from "@dxos/react-ui";
+import { DropdownMenu, MenuProvider, useMenuActions } from "@dxos/react-ui-menu";
+var useSubjectMenuGroupItems = (subject, activeSpace) => {
+  const { dispatchPromise: dispatch } = useIntentDispatcher();
+  const result = {
+    edges: [],
+    nodes: []
+  };
+  result.nodes.push({
+    type: ACTION_TYPE,
+    id: `${subject.id}/open`,
+    data: () => dispatch(createIntent(LayoutAction.Open, {
+      part: "main",
+      subject: [
+        fullyQualifiedId(subject)
+      ]
+    })),
+    properties: {
+      label: [
+        "open object label",
+        {
+          ns: meta.id
+        }
+      ],
+      icon: "ph--arrow-right--regular"
+    }
+  });
+  if (activeSpace && Obj.getDXN(subject).asQueueDXN()) {
+    result.nodes.push({
+      type: ACTION_TYPE,
+      id: `${subject.id}/add-to-space`,
+      // TODO(wittjosiah): Update reference to point to db object when adding?
+      data: () => dispatch(createIntent(SpaceAction.AddObject, {
+        object: subject,
+        target: activeSpace,
+        hidden: true
+      })),
+      properties: {
+        label: [
+          "add object to space label",
+          {
+            ns: meta.id
+          }
+        ],
+        icon: "ph--file-plus--regular"
+      }
+    });
+  }
+  result.nodes.forEach(({ id: target }) => {
+    result.edges.push({
+      source: "root",
+      target
+    });
+  });
+  return useMenuActions(Rx.make(result));
+};
+var CardSubjectMenu = ({ subject, activeSpace, ...props }) => {
+  var _effect = _useSignals();
+  try {
+    const { t } = useTranslation(meta.id);
+    const menuProps = useSubjectMenuGroupItems(subject, activeSpace);
+    if (!activeSpace) {
+      return null;
+    }
+    return /* @__PURE__ */ React.createElement(MenuProvider, menuProps, /* @__PURE__ */ React.createElement(DropdownMenu.Root, null, /* @__PURE__ */ React.createElement(DropdownMenu.Trigger, {
+      asChild: true
+    }, /* @__PURE__ */ React.createElement(IconButton, {
+      iconOnly: true,
+      variant: "ghost",
+      icon: "ph--dots-three-vertical--bold",
+      label: t("more options label"),
+      ...props
+    }))));
+  } finally {
+    _effect.f();
+  }
+};
+
+// src/components/ContactCard.tsx
+var ContactCard = ({ children, subject, activeSpace, onOrgClick, role }) => {
+  var _effect = _useSignals2();
+  try {
+    const { fullName, image, organization, emails } = subject;
+    const organizationName = organization && typeof organization === "object" ? organization.target?.name : organization;
+    return /* @__PURE__ */ React2.createElement(Card.SurfaceRoot, {
+      role
+    }, /* @__PURE__ */ React2.createElement(Avatar.Root, null, /* @__PURE__ */ React2.createElement(Card.Text, {
+      role: "group",
+      classNames: "grid gap-3 grid-cols-[min-content_1fr]"
+    }, /* @__PURE__ */ React2.createElement(Avatar.Content, {
+      imgSrc: image,
+      icon: "ph--user--regular",
+      size: 16,
+      hue: "neutral"
+    }), /* @__PURE__ */ React2.createElement("div", {
+      role: "none",
+      className: "bs-min self-center flex items-center"
+    }, /* @__PURE__ */ React2.createElement(Avatar.Label, {
+      asChild: true
+    }, /* @__PURE__ */ React2.createElement("h2", {
+      className: mx(cardHeading, "grow")
+    }, fullName)), /* @__PURE__ */ React2.createElement(CardSubjectMenu, {
+      subject,
+      activeSpace
+    })))), organizationName && /* @__PURE__ */ React2.createElement(Card.Chrome, null, typeof organization === "object" && onOrgClick ? /* @__PURE__ */ React2.createElement(Button, {
+      variant: "ghost",
+      classNames: "gap-2 text-start",
+      onClick: () => onOrgClick(organization.target)
+    }, /* @__PURE__ */ React2.createElement(Icon, {
+      icon: "ph--buildings--regular",
+      size: 5,
+      classNames: "text-subdued"
+    }), /* @__PURE__ */ React2.createElement("span", {
+      className: "min-is-0 flex-1 truncate"
+    }, organizationName), /* @__PURE__ */ React2.createElement(Icon, {
+      icon: "ph--arrow-right--regular"
+    })) : /* @__PURE__ */ React2.createElement("p", {
+      className: "dx-button gap-2",
+      "data-variant": "ghost"
+    }, /* @__PURE__ */ React2.createElement(Icon, {
+      icon: "ph--buildings--regular",
+      size: 5,
+      classNames: "text-subdued"
+    }), /* @__PURE__ */ React2.createElement("span", {
+      className: "min-is-0 flex-1 truncate"
+    }, organizationName))), emails?.length && /* @__PURE__ */ React2.createElement("dl", {
+      className: mx(cardText, "grid gap-2 grid-cols-[min-content_1fr] [&_dt]:text-subdued [&_dt]:pbs-0.5 [&_dd]:min-is-0")
+    }, emails?.length && emails.map(({ label, value }) => /* @__PURE__ */ React2.createElement(Fragment, {
+      key: value
+    }, /* @__PURE__ */ React2.createElement("dt", null, /* @__PURE__ */ React2.createElement("span", {
+      className: "sr-only"
+    }, label), /* @__PURE__ */ React2.createElement(Icon, {
+      icon: "ph--at--regular",
+      size: 5
+    })), /* @__PURE__ */ React2.createElement("dd", {
+      key: value,
+      className: "break-words"
+    }, value)))), children);
+  } finally {
+    _effect.f();
+  }
+};
+
+// src/components/OrganizationCard.tsx
+import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
+import React3 from "react";
+import { Icon as Icon2 } from "@dxos/react-ui";
+import { Card as Card2, cardNoSpacing, cardSpacing } from "@dxos/react-ui-stack";
+import { mx as mx2 } from "@dxos/react-ui-theme";
+var OrganizationCard = ({ children, subject, role, activeSpace }) => {
+  var _effect = _useSignals3();
+  try {
+    const { name, image, description, website } = subject;
+    return /* @__PURE__ */ React3.createElement(Card2.SurfaceRoot, {
+      role
+    }, /* @__PURE__ */ React3.createElement(Card2.Poster, {
+      alt: name,
+      ...image ? {
+        image
+      } : {
+        icon: "ph--building-office--regular"
+      }
+    }), /* @__PURE__ */ React3.createElement("div", {
+      role: "none",
+      className: mx2("flex items-center gap-2", cardSpacing)
+    }, /* @__PURE__ */ React3.createElement(Card2.Heading, {
+      classNames: cardNoSpacing
+    }, name), /* @__PURE__ */ React3.createElement(CardSubjectMenu, {
+      subject,
+      activeSpace
+    })), description && /* @__PURE__ */ React3.createElement(Card2.Text, {
+      classNames: "line-clamp-2"
+    }, description), website && /* @__PURE__ */ React3.createElement(Card2.Chrome, null, /* @__PURE__ */ React3.createElement("a", {
+      className: "dx-button dx-focus-ring gap-2",
+      "data-variant": "ghost",
+      href: website,
+      target: "_blank",
+      rel: "noreferrer"
+    }, /* @__PURE__ */ React3.createElement(Icon2, {
+      icon: "ph--link--regular",
+      size: 5,
+      classNames: "text-subdued"
+    }), /* @__PURE__ */ React3.createElement("span", {
+      className: "min-is-0 flex-1 truncate"
+    }, website), /* @__PURE__ */ React3.createElement(Icon2, {
+      icon: "ph--arrow-square-out--regular"
+    }))), children);
+  } finally {
+    _effect.f();
+  }
+};
+
+// src/components/ProjectCard.tsx
+import { useSignals as _useSignals4 } from "@preact-signals/safe-react/tracking";
+import React4 from "react";
+import { Obj as Obj2 } from "@dxos/echo";
+import { Card as Card3, cardNoSpacing as cardNoSpacing2, cardSpacing as cardSpacing2 } from "@dxos/react-ui-stack";
+import { mx as mx3 } from "@dxos/react-ui-theme";
+var ProjectCard = ({ subject, role, activeSpace }) => {
+  var _effect = _useSignals4();
+  try {
+    const { name, image, description } = subject;
+    return /* @__PURE__ */ React4.createElement(Card3.SurfaceRoot, {
+      role
+    }, image && /* @__PURE__ */ React4.createElement(Card3.Poster, {
+      image,
+      alt: Obj2.getLabel(subject) ?? "",
+      aspect: "auto"
+    }), /* @__PURE__ */ React4.createElement("div", {
+      role: "none",
+      className: mx3("flex items-center gap-2", cardSpacing2)
+    }, /* @__PURE__ */ React4.createElement(Card3.Heading, {
+      classNames: cardNoSpacing2
+    }, name), /* @__PURE__ */ React4.createElement(CardSubjectMenu, {
+      subject,
+      activeSpace
+    })), description && /* @__PURE__ */ React4.createElement(Card3.Text, {
+      classNames: "line-clamp-2"
+    }, description));
+  } finally {
+    _effect.f();
+  }
+};
+
+// src/components/TaskCard.tsx
+import { useSignals as _useSignals5 } from "@preact-signals/safe-react/tracking";
+import * as SchemaAST from "effect/SchemaAST";
+import React5 from "react";
+import { PropertyMetaAnnotationId } from "@dxos/echo/internal";
+import { Card as Card4, cardNoSpacing as cardNoSpacing3, cardSpacing as cardSpacing3 } from "@dxos/react-ui-stack";
+import { mx as mx4 } from "@dxos/react-ui-theme";
+import { DataType } from "@dxos/schema";
+var getActiveStatusOption = (status) => {
+  const properties = SchemaAST.getPropertySignatures(DataType.Task.ast);
+  const statusProperty = properties.find((p) => p.name === "status");
+  const statusMeta = SchemaAST.getAnnotation(PropertyMetaAnnotationId)(
+    // TODO(thure): Typescript asserts `.type` doesn’t have `.types`, but in runtime it does.
+    statusProperty.type.types[0]
+  );
+  const options = statusMeta.value.singleSelect.options;
+  return options.find(({ id }) => id === status);
+};
+var TaskCard = ({ subject, role, activeSpace }) => {
+  var _effect = _useSignals5();
+  try {
+    const { title, status } = subject;
+    const statusOption = getActiveStatusOption(status);
+    return /* @__PURE__ */ React5.createElement(Card4.SurfaceRoot, {
+      role
+    }, /* @__PURE__ */ React5.createElement("div", {
+      role: "none",
+      className: mx4("flex items-center gap-2", cardSpacing3)
+    }, /* @__PURE__ */ React5.createElement(Card4.Heading, {
+      classNames: [
+        cardNoSpacing3,
+        "min-is-0 flex-1 truncate"
+      ]
+    }, title), statusOption && /* @__PURE__ */ React5.createElement("span", {
+      className: "dx-tag",
+      "data-hue": statusOption.color
+    }, statusOption.title), /* @__PURE__ */ React5.createElement(CardSubjectMenu, {
+      subject,
+      activeSpace
+    })));
+  } finally {
+    _effect.f();
+  }
+};
+
+// src/capabilities/react-surface.tsx
+var react_surface_default = (() => contributes(Capabilities.ReactSurface, [
+  //
+  // Specific schema types.
+  //
+  createSurface({
+    id: `${meta.id}/schema-popover--contact`,
+    role: [
+      "card--popover",
+      "card--intrinsic",
+      "card--transclusion",
+      "card--extrinsic",
+      "card"
+    ],
+    filter: (data) => Obj3.instanceOf(DataType2.Person, data.subject),
+    component: ({ data, role }) => {
+      const { dispatchPromise: dispatch } = useIntentDispatcher2();
+      const space = getSpace(data.subject);
+      const activeSpace = useActiveSpace();
+      const handleOrgClick = useCallback((org) => dispatch(createIntent2(LayoutAction2.Open, {
+        part: "main",
+        subject: [
+          fullyQualifiedId2(org)
+        ],
+        options: {
+          workspace: space?.id
+        }
+      })), [
+        dispatch
+      ]);
+      return /* @__PURE__ */ React6.createElement(ContactCard, {
+        role,
+        subject: data.subject,
+        activeSpace,
+        onOrgClick: handleOrgClick
+      }, role === "card--popover" && /* @__PURE__ */ React6.createElement(Surface, {
+        role: "related",
+        data
+      }));
+    }
+  }),
+  createSurface({
+    id: `${meta.id}/schema-popover--organization`,
+    role: [
+      "card--popover",
+      "card--intrinsic",
+      "card--transclusion",
+      "card--extrinsic",
+      "card"
+    ],
+    filter: (data) => Obj3.instanceOf(DataType2.Organization, data.subject),
+    component: ({ data, role }) => {
+      const activeSpace = useActiveSpace();
+      return /* @__PURE__ */ React6.createElement(OrganizationCard, {
+        role,
+        subject: data.subject,
+        activeSpace
+      }, role === "card--popover" && /* @__PURE__ */ React6.createElement(Surface, {
+        role: "related",
+        data
+      }));
+    }
+  }),
+  createSurface({
+    id: `${meta.id}/schema-popover--project`,
+    role: [
+      "card--popover",
+      "card--intrinsic",
+      "card--transclusion",
+      "card--extrinsic",
+      "card"
+    ],
+    filter: (data) => Obj3.instanceOf(DataType2.Project, data.subject),
+    component: ({ data, role }) => {
+      const activeSpace = useActiveSpace();
+      return /* @__PURE__ */ React6.createElement(ProjectCard, {
+        subject: data.subject,
+        role,
+        activeSpace
+      });
+    }
+  }),
+  createSurface({
+    id: `${meta.id}/schema-popover--task`,
+    role: [
+      "card--popover",
+      "card--intrinsic",
+      "card--transclusion",
+      "card--extrinsic",
+      "card"
+    ],
+    filter: (data) => Obj3.instanceOf(DataType2.Task, data.subject),
+    component: ({ data, role }) => /* @__PURE__ */ React6.createElement(TaskCard, {
+      subject: data.subject,
+      role
+    })
+  }),
+  //
+  // Fallback for any object.
+  //
+  createSurface({
+    id: `${meta.id}/fallback-popover`,
+    role: [
+      "card--popover",
+      "card--intrinsic",
+      "card--transclusion",
+      "card--extrinsic",
+      "card"
+    ],
+    position: "fallback",
+    filter: (data) => Obj3.isObject(data.subject),
+    component: ({ data, role }) => {
+      const schema = getSchema(data.subject);
+      const { t } = useTranslation2(meta.id);
+      if (!schema) {
+        return /* @__PURE__ */ React6.createElement("p", {
+          className: mx5(descriptionMessage)
+        }, t("unable to create preview message"));
+      }
+      const handleSave = useCallback((values, { changed }) => {
+        const changedPaths = Object.keys(changed).filter((path) => changed[path]);
+        for (const path of changedPaths) {
+          const value = values[path];
+          setValue(data.subject, path, value);
+        }
+      }, []);
+      return /* @__PURE__ */ React6.createElement(Card5.SurfaceRoot, {
+        role
+      }, /* @__PURE__ */ React6.createElement(Form, {
+        schema,
+        projection: data.projection,
+        values: data.subject,
+        readonly: role === "card--popover" ? "static" : false,
+        onSave: handleSave,
+        autoSave: true,
+        ...role === "card--intrinsic" && {
+          outerSpacing: "blockStart-0"
+        }
+      }));
+    }
+  })
+]));
+export {
+  react_surface_default as default
+};
+//# sourceMappingURL=react-surface-4P7UCMK7.mjs.map