@dxos/plugin-preview 0.8.2-main.10c050d

package/dist/lib/node/chunk-VFSOM2B4.cjs

@@ -0,0 +1,55 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var chunk_VFSOM2B4_exports = {};
+__export(chunk_VFSOM2B4_exports, {
+  PREVIEW_PLUGIN: () => PREVIEW_PLUGIN,
+  defaultCard: () => defaultCard,
+  kanbanCardWithoutPoster: () => kanbanCardWithoutPoster,
+  meta: () => meta,
+  popoverCard: () => popoverCard,
+  previewChrome: () => previewChrome,
+  previewProse: () => previewProse,
+  previewTitle: () => previewTitle
+});
+module.exports = __toCommonJS(chunk_VFSOM2B4_exports);
+var PREVIEW_PLUGIN = "dxos.org/plugin/preview";
+var meta = {
+  id: PREVIEW_PLUGIN,
+  name: "Preview",
+  icon: "ph--eye--regular",
+  source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-preview"
+};
+var popoverCard = "popover-card-width rounded-lg overflow-hidden";
+var defaultCard = "";
+var kanbanCardWithoutPoster = "pbs-[--rail-action]";
+var previewTitle = "text-lg font-medium line-clamp-2";
+var previewProse = "pli-3 mlb-3";
+var previewChrome = "pli-1.5 mlb-1.5 [&_.dx-button]:pli-1.5 [&_.dx-button]:text-start [&_.dx-button]:is-full";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PREVIEW_PLUGIN,
+  defaultCard,
+  kanbanCardWithoutPoster,
+  meta,
+  popoverCard,
+  previewChrome,
+  previewProse,
+  previewTitle
+});
+//# sourceMappingURL=chunk-VFSOM2B4.cjs.map

package/dist/lib/node/chunk-VFSOM2B4.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/meta.ts", "../../../src/types.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const PREVIEW_PLUGIN = 'dxos.org/plugin/preview';\n\nexport const meta: PluginMeta = {\n  id: PREVIEW_PLUGIN,\n  name: 'Preview',\n  icon: 'ph--eye--regular',\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-preview',\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type PropsWithChildren } from 'react';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\n\n// TODO(burdon): Better place for these defs?\nexport type PreviewProps<T extends object> = PropsWithChildren<\n  ThemedClassName<{\n    subject: T;\n    role: string;\n  }>\n>;\n\n// TODO(burdon): Update react-ui-card (to use grid) and re-use here.\n// - See https://dxos-storybook.pages.dev/?path=/story/ui-react-ui-card-card--draggable\n// - Standardize Header, actions, image, body, etc.\n// - Support different grid layouts (e.g., image to the side, on top, etc.)\n// - Should co-exist naturally with react-ui-form (e.g., as main content).\n// - Considerations for drag-and-drop.\n/**\n * <Card.Root>\n *   <Card.Header>\n *     <Card.Title>\n *     <Card.Action>\n *   </Card.Header>\n *   <Card.Body>\n *     <Card.Image>\n *     <Form />\n *   </Card.Body>\n * </Card.Root>\n */\nexport const popoverCard = 'popover-card-width rounded-lg overflow-hidden';\nexport const defaultCard = '';\nexport const kanbanCardWithoutPoster = 'pbs-[--rail-action]';\nexport const previewTitle = 'text-lg font-medium line-clamp-2';\nexport const previewProse = 'pli-3 mlb-3';\nexport const previewChrome = 'pli-1.5 mlb-1.5 [&_.dx-button]:pli-1.5 [&_.dx-button]:text-start [&_.dx-button]:is-full';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMO,IAAMA,iBAAiB;AAEvB,IAAMC,OAAmB;EAC9BC,IAAIF;EACJG,MAAM;EACNC,MAAM;EACNC,QAAQ;AACV;ACqBO,IAAMC,cAAc;AACpB,IAAMC,cAAc;AACpB,IAAMC,0BAA0B;AAChC,IAAMC,eAAe;AACrB,IAAMC,eAAe;AACrB,IAAMC,gBAAgB;",
+  "names": ["PREVIEW_PLUGIN", "meta", "id", "name", "icon", "source", "popoverCard", "defaultCard", "kanbanCardWithoutPoster", "previewTitle", "previewProse", "previewChrome"]
+}

package/dist/lib/node/index.cjs

@@ -0,0 +1,97 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var node_exports = {};
+__export(node_exports, {
+  PREVIEW_PLUGIN: () => import_chunk_VFSOM2B4.PREVIEW_PLUGIN,
+  PreviewPlugin: () => PreviewPlugin,
+  defaultCard: () => import_chunk_VFSOM2B4.defaultCard,
+  kanbanCardWithoutPoster: () => import_chunk_VFSOM2B4.kanbanCardWithoutPoster,
+  meta: () => import_chunk_VFSOM2B4.meta,
+  popoverCard: () => import_chunk_VFSOM2B4.popoverCard,
+  previewChrome: () => import_chunk_VFSOM2B4.previewChrome,
+  previewProse: () => import_chunk_VFSOM2B4.previewProse,
+  previewTitle: () => import_chunk_VFSOM2B4.previewTitle
+});
+module.exports = __toCommonJS(node_exports);
+var import_chunk_VFSOM2B4 = require("./chunk-VFSOM2B4.cjs");
+var import_app_framework = require("@dxos/app-framework");
+var import_plugin_client = require("@dxos/plugin-client");
+var import_schema = require("@dxos/schema");
+var import_app_framework2 = require("@dxos/app-framework");
+var PreviewPopover = (0, import_app_framework2.lazy)(() => import("./preview-popover-GPBOHU5E.cjs"));
+var ReactSurface = (0, import_app_framework2.lazy)(() => import("./react-surface-CPAQ7ZYR.cjs"));
+var translations_default = [
+  {
+    "en-US": {
+      [import_chunk_VFSOM2B4.PREVIEW_PLUGIN]: {
+        "unable to create preview message": "No preview"
+      }
+    }
+  }
+];
+var PreviewPlugin = () => (0, import_app_framework.definePlugin)(import_chunk_VFSOM2B4.meta, [
+  (0, import_app_framework.defineModule)({
+    id: `${import_chunk_VFSOM2B4.meta.id}/module/translations`,
+    activatesOn: import_app_framework.Events.SetupTranslations,
+    activate: () => (0, import_app_framework.contributes)(import_app_framework.Capabilities.Translations, translations_default)
+  }),
+  (0, import_app_framework.defineModule)({
+    id: `${import_chunk_VFSOM2B4.meta.id}/module/schema`,
+    activatesOn: import_plugin_client.ClientEvents.SetupSchema,
+    activate: () => [
+      (0, import_app_framework.contributes)(import_plugin_client.ClientCapabilities.Schema, [
+        import_schema.DataType.Person,
+        import_schema.DataType.Organization
+      ])
+    ]
+  }),
+  (0, import_app_framework.defineModule)({
+    id: `${import_chunk_VFSOM2B4.meta.id}/module/preview-popover`,
+    activatesOn: import_app_framework.Events.Startup,
+    activate: PreviewPopover
+  }),
+  (0, import_app_framework.defineModule)({
+    id: `${import_chunk_VFSOM2B4.meta.id}/module/react-surface`,
+    activatesOn: import_app_framework.Events.SetupReactSurface,
+    activate: ReactSurface
+  })
+]);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PREVIEW_PLUGIN,
+  PreviewPlugin,
+  defaultCard,
+  kanbanCardWithoutPoster,
+  meta,
+  popoverCard,
+  previewChrome,
+  previewProse,
+  previewTitle
+});
+//# sourceMappingURL=index.cjs.map

package/dist/lib/node/index.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/PreviewPlugin.tsx", "../../../src/capabilities/index.ts", "../../../src/translations.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Capabilities, Events, contributes, defineModule, definePlugin } from '@dxos/app-framework';\nimport { ClientCapabilities, ClientEvents } from '@dxos/plugin-client';\nimport { DataType } from '@dxos/schema';\n\nimport { PreviewPopover, ReactSurface } from './capabilities';\nimport { meta } from './meta';\nimport translations from './translations';\n\nexport const PreviewPlugin = () =>\n  definePlugin(meta, [\n    defineModule({\n      id: `${meta.id}/module/translations`,\n      activatesOn: Events.SetupTranslations,\n      activate: () => contributes(Capabilities.Translations, translations),\n    }),\n    defineModule({\n      id: `${meta.id}/module/schema`,\n      activatesOn: ClientEvents.SetupSchema,\n      activate: () => [contributes(ClientCapabilities.Schema, [DataType.Person, DataType.Organization])],\n    }),\n    defineModule({\n      id: `${meta.id}/module/preview-popover`,\n      activatesOn: Events.Startup,\n      activate: PreviewPopover,\n    }),\n    defineModule({\n      id: `${meta.id}/module/react-surface`,\n      activatesOn: Events.SetupReactSurface,\n      activate: ReactSurface,\n    }),\n  ]);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { lazy } from '@dxos/app-framework';\n\nexport const PreviewPopover = lazy(() => import('./preview-popover'));\nexport const ReactSurface = lazy(() => import('./react-surface'));\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { PREVIEW_PLUGIN } from './meta';\n\nexport default [\n  {\n    'en-US': {\n      [PREVIEW_PLUGIN]: {\n        'unable to create preview message': 'No preview',\n      },\n    },\n  },\n];\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,2BAA8E;AAC9E,2BAAiD;AACjD,oBAAyB;ACFzB,IAAAA,wBAAqB;AAEd,IAAMC,qBAAiBC,4BAAK,MAAM,OAAO,gCAAA,CAAA;AACzC,IAAMC,mBAAeD,4BAAK,MAAM,OAAO,8BAAA,CAAA;ACD9C,IAAA,uBAAe;EACb;IACE,SAAS;MACP,CAACE,oCAAAA,GAAiB;QAChB,oCAAoC;MACtC;IACF;EACF;;AFDK,IAAMC,gBAAgB,UAC3BC,mCAAaC,4BAAM;MACjBC,mCAAa;IACXC,IAAI,GAAGF,2BAAKE,EAAE;IACdC,aAAaC,4BAAOC;IACpBC,UAAU,UAAMC,kCAAYC,kCAAaC,cAAcC,oBAAAA;EACzD,CAAA;MACAT,mCAAa;IACXC,IAAI,GAAGF,2BAAKE,EAAE;IACdC,aAAaQ,kCAAaC;IAC1BN,UAAU,MAAM;UAACC,kCAAYM,wCAAmBC,QAAQ;QAACC,uBAASC;QAAQD,uBAASE;OAAa;;EAClG,CAAA;MACAhB,mCAAa;IACXC,IAAI,GAAGF,2BAAKE,EAAE;IACdC,aAAaC,4BAAOc;IACpBZ,UAAUZ;EACZ,CAAA;MACAO,mCAAa;IACXC,IAAI,GAAGF,2BAAKE,EAAE;IACdC,aAAaC,4BAAOe;IACpBb,UAAUV;EACZ,CAAA;CACD;",
+  "names": ["import_app_framework", "PreviewPopover", "lazy", "ReactSurface", "PREVIEW_PLUGIN", "PreviewPlugin", "definePlugin", "meta", "defineModule", "id", "activatesOn", "Events", "SetupTranslations", "activate", "contributes", "Capabilities", "Translations", "translations", "ClientEvents", "SetupSchema", "ClientCapabilities", "Schema", "DataType", "Person", "Organization", "Startup", "SetupReactSurface"]
+}

package/dist/lib/node/meta.json

@@ -0,0 +1 @@
+{"inputs":{"packages/plugins/plugin-preview/src/meta.ts":{"bytes":1256,"imports":[],"format":"esm"},"packages/plugins/plugin-preview/src/types.ts":{"bytes":3596,"imports":[],"format":"esm"},"packages/plugins/plugin-preview/src/capabilities/preview-popover.ts":{"bytes":8209,"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":9715,"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-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-preview/src/types.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"packages/plugins/plugin-preview/src/components/OrganizationCard.tsx":{"bytes":6173,"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-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-preview/src/types.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"packages/plugins/plugin-preview/src/components/ProjectCard.tsx":{"bytes":3139,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-preview/src/types.ts","kind":"import-statement","original":"../types"}],"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":17294,"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-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"},{"path":"packages/plugins/plugin-preview/src/types.ts","kind":"import-statement","original":"../types"}],"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/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3140},"packages/plugins/plugin-preview/dist/lib/node/index.cjs":{"imports":[{"path":"packages/plugins/plugin-preview/dist/lib/node/chunk-VFSOM2B4.cjs","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/preview-popover-GPBOHU5E.cjs","kind":"dynamic-import"},{"path":"packages/plugins/plugin-preview/dist/lib/node/react-surface-CPAQ7ZYR.cjs","kind":"dynamic-import"}],"exports":["PREVIEW_PLUGIN","PreviewPlugin","defaultCard","kanbanCardWithoutPoster","meta","popoverCard","previewChrome","previewProse","previewTitle"],"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":1902},"packages/plugins/plugin-preview/dist/lib/node/preview-popover-GPBOHU5E.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":4302},"packages/plugins/plugin-preview/dist/lib/node/preview-popover-GPBOHU5E.cjs":{"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":2014}},"bytes":2188},"packages/plugins/plugin-preview/dist/lib/node/react-surface-CPAQ7ZYR.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":17740},"packages/plugins/plugin-preview/dist/lib/node/react-surface-CPAQ7ZYR.cjs":{"imports":[{"path":"packages/plugins/plugin-preview/dist/lib/node/chunk-VFSOM2B4.cjs","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-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-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-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-theme","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":4191},"packages/plugins/plugin-preview/src/components/ContactCard.tsx":{"bytesInOutput":2972},"packages/plugins/plugin-preview/src/components/index.ts":{"bytesInOutput":0},"packages/plugins/plugin-preview/src/components/OrganizationCard.tsx":{"bytesInOutput":1881},"packages/plugins/plugin-preview/src/components/ProjectCard.tsx":{"bytesInOutput":855}},"bytes":10509},"packages/plugins/plugin-preview/dist/lib/node/chunk-VFSOM2B4.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":2193},"packages/plugins/plugin-preview/dist/lib/node/chunk-VFSOM2B4.cjs":{"imports":[],"exports":["PREVIEW_PLUGIN","defaultCard","kanbanCardWithoutPoster","meta","popoverCard","previewChrome","previewProse","previewTitle"],"inputs":{"packages/plugins/plugin-preview/src/meta.ts":{"bytesInOutput":216},"packages/plugins/plugin-preview/src/types.ts":{"bytesInOutput":342}},"bytes":842}}}

package/dist/lib/node/preview-popover-GPBOHU5E.cjs

@@ -0,0 +1,84 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var preview_popover_GPBOHU5E_exports = {};
+__export(preview_popover_GPBOHU5E_exports, {
+  default: () => preview_popover_default
+});
+module.exports = __toCommonJS(preview_popover_GPBOHU5E_exports);
+var import_app_framework = require("@dxos/app-framework");
+var import_async = require("@dxos/async");
+var import_client = require("@dxos/client");
+var import_echo = require("@dxos/client/echo");
+var import_keys = require("@dxos/keys");
+var import_log = require("@dxos/log");
+var import_plugin_client = require("@dxos/plugin-client");
+var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-preview/src/capabilities/preview-popover.ts";
+var customEventOptions = {
+  capture: true,
+  passive: false
+};
+var handlePreviewLookup = async (client, defaultSpace, { ref, label }) => {
+  const dxn = import_keys.DXN.parse(ref);
+  if (!dxn) {
+    return null;
+  }
+  const object = await (0, import_client.resolveRef)(client, dxn, defaultSpace);
+  return {
+    label,
+    object
+  };
+};
+var preview_popover_default = (context) => {
+  const handleDxRefTagActivate = async ({ refId, label, trigger }) => {
+    const { dispatchPromise: dispatch } = context.getCapability(import_app_framework.Capabilities.IntentDispatcher);
+    const client = context.getCapability(import_plugin_client.ClientCapabilities.Client);
+    const [layout] = context.getCapabilities(import_app_framework.Capabilities.Layout);
+    const { spaceId } = (0, import_echo.parseId)(layout.workspace);
+    const space = (spaceId && client.spaces.get(spaceId)) ?? client.spaces.default;
+    const result = await handlePreviewLookup(client, space, {
+      ref: refId,
+      label
+    });
+    if (!result) {
+      return;
+    }
+    await dispatch((0, import_app_framework.createIntent)(import_app_framework.LayoutAction.UpdatePopover, {
+      part: "popover",
+      subject: result.object,
+      options: {
+        state: true,
+        variant: "virtual",
+        anchor: trigger
+      }
+    }));
+  };
+  let cleanup;
+  if (document.defaultView) {
+    cleanup = (0, import_async.addEventListener)(document.defaultView, "dx-ref-tag-activate", handleDxRefTagActivate, customEventOptions);
+  } else {
+    import_log.log.warn("No default view found", void 0, {
+      F: __dxlog_file,
+      L: 61,
+      S: void 0,
+      C: (f, a) => f(...a)
+    });
+  }
+  return (0, import_app_framework.contributes)(import_app_framework.Capabilities.Null, null, () => cleanup());
+};
+//# sourceMappingURL=preview-popover-GPBOHU5E.cjs.map

package/dist/lib/node/preview-popover-GPBOHU5E.cjs.map

@@ -0,0 +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  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};\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,2BAA0F;AAC1F,mBAAiC;AACjC,oBAAwC;AACxC,kBAAoC;AACpC,kBAAoB;AAEpB,iBAAoB;AACpB,2BAAmC;;AAGnC,IAAMA,qBAAqB;EAAEC,SAAS;EAAMC,SAAS;AAAM;AAE3D,IAAMC,sBAAsB,OAC1BC,QACAC,cACA,EAAEC,KAAKC,MAAK,MAAkB;AAE9B,QAAMC,MAAMC,gBAAIC,MAAMJ,GAAAA;AACtB,MAAI,CAACE,KAAK;AACR,WAAO;EACT;AAEA,QAAMG,SAAS,UAAMC,0BAAWR,QAAQI,KAAKH,YAAAA;AAC7C,SAAO;IAAEE;IAAOI;EAAO;AACzB;AAEA,IAAA,0BAAe,CAACE,YAAAA;AAEd,QAAMC,yBAAyB,OAAO,EAAEC,OAAOR,OAAOS,QAAO,MAAoB;AAC/E,UAAM,EAAEC,iBAAiBC,SAAQ,IAAKL,QAAQM,cAAcC,kCAAaC,gBAAgB;AACzF,UAAMjB,SAASS,QAAQM,cAAcG,wCAAmBC,MAAM;AAC9D,UAAM,CAACC,MAAAA,IAAUX,QAAQY,gBAAgBL,kCAAaM,MAAM;AAC5D,UAAM,EAAEC,QAAO,QAAKC,qBAAQJ,OAAOK,SAAS;AAC5C,UAAMC,SAASH,WAAWvB,OAAO2B,OAAOC,IAAIL,OAAAA,MAAavB,OAAO2B,OAAOE;AACvE,UAAMC,SAAS,MAAM/B,oBAAoBC,QAAQ0B,OAAO;MAAExB,KAAKS;MAAOR;IAAM,CAAA;AAC5E,QAAI,CAAC2B,QAAQ;AACX;IACF;AAEA,UAAMhB,aACJiB,mCAAaC,kCAAaC,eAAe;MACvCC,MAAM;MACNC,SAASL,OAAOvB;MAChB6B,SAAS;QACPC,OAAO;QACPC,SAAS;QACTC,QAAQ3B;MACV;IACF,CAAA,CAAA;EAEJ;AAEA,MAAI4B;AACJ,MAAIC,SAASC,aAAa;AACxBF,kBAAUG,+BAAiBF,SAASC,aAAa,uBAAuBhC,wBAAwBd,kBAAAA;EAClG,OAAO;AACLgD,mBAAIC,KAAK,yBAAA,QAAA;;;;;;EACX;AAEA,aAAOC,kCAAY9B,kCAAa+B,MAAM,MAAM,MAAMP,QAAAA,CAAAA;AACpD;",
+  "names": ["customEventOptions", "capture", "passive", "handlePreviewLookup", "client", "defaultSpace", "ref", "label", "dxn", "DXN", "parse", "object", "resolveRef", "context", "handleDxRefTagActivate", "refId", "trigger", "dispatchPromise", "dispatch", "getCapability", "Capabilities", "IntentDispatcher", "ClientCapabilities", "Client", "layout", "getCapabilities", "Layout", "spaceId", "parseId", "workspace", "space", "spaces", "get", "default", "result", "createIntent", "LayoutAction", "UpdatePopover", "part", "subject", "options", "state", "variant", "anchor", "cleanup", "document", "defaultView", "addEventListener", "log", "warn", "contributes", "Null"]
+}

package/dist/lib/node/react-surface-CPAQ7ZYR.cjs

@@ -0,0 +1,297 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var react_surface_CPAQ7ZYR_exports = {};
+__export(react_surface_CPAQ7ZYR_exports, {
+  default: () => react_surface_default
+});
+module.exports = __toCommonJS(react_surface_CPAQ7ZYR_exports);
+var import_chunk_VFSOM2B4 = require("./chunk-VFSOM2B4.cjs");
+var import_react = __toESM(require("react"));
+var import_app_framework = require("@dxos/app-framework");
+var import_echo = require("@dxos/client/echo");
+var import_echo_schema = require("@dxos/echo-schema");
+var import_react_ui = require("@dxos/react-ui");
+var import_react_ui_form = require("@dxos/react-ui-form");
+var import_react_ui_table = require("@dxos/react-ui-table");
+var import_react_ui_theme = require("@dxos/react-ui-theme");
+var import_schema = require("@dxos/schema");
+var import_tracking = require("@preact-signals/safe-react/tracking");
+var import_react2 = __toESM(require("react"));
+var import_react_ui2 = require("@dxos/react-ui");
+var import_react_ui_theme2 = require("@dxos/react-ui-theme");
+var import_tracking2 = require("@preact-signals/safe-react/tracking");
+var import_react3 = __toESM(require("react"));
+var import_react_ui3 = require("@dxos/react-ui");
+var import_react_ui_theme3 = require("@dxos/react-ui-theme");
+var import_tracking3 = require("@preact-signals/safe-react/tracking");
+var import_react4 = __toESM(require("react"));
+var import_react_ui_theme4 = require("@dxos/react-ui-theme");
+var ContactCard = ({ children, classNames, role, subject: { fullName, image, organization, emails }, onOrgClick }) => {
+  var _effect = (0, import_tracking.useSignals)();
+  try {
+    const organizationName = organization && typeof organization === "object" ? organization.target?.name : organization;
+    return /* @__PURE__ */ import_react2.default.createElement("div", {
+      role: "none",
+      className: (0, import_react_ui_theme2.mx)(role === "popover" ? import_chunk_VFSOM2B4.popoverCard : import_chunk_VFSOM2B4.defaultCard, classNames)
+    }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Avatar.Root, null, /* @__PURE__ */ import_react2.default.createElement("div", {
+      role: "group",
+      className: (0, import_react_ui_theme2.mx)(import_chunk_VFSOM2B4.previewProse, "grid gap-3 grid-cols-[min-content_1fr]")
+    }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Avatar.Content, {
+      imgSrc: image,
+      icon: "ph--user--regular",
+      size: 16,
+      hue: "neutral"
+    }), /* @__PURE__ */ import_react2.default.createElement("div", {
+      role: "none",
+      className: "bs-min self-center"
+    }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Avatar.Label, {
+      asChild: true
+    }, /* @__PURE__ */ import_react2.default.createElement("h2", {
+      className: import_chunk_VFSOM2B4.previewTitle
+    }, fullName))))), organizationName && /* @__PURE__ */ import_react2.default.createElement("div", {
+      role: "none",
+      className: import_chunk_VFSOM2B4.previewChrome
+    }, typeof organization === "object" && onOrgClick ? /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Button, {
+      variant: "ghost",
+      classNames: "gap-2 text-start",
+      onClick: () => onOrgClick(organization.target)
+    }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Icon, {
+      icon: "ph--buildings--regular",
+      size: 5,
+      classNames: "text-subdued"
+    }), /* @__PURE__ */ import_react2.default.createElement("span", {
+      className: "min-is-0 flex-1 truncate"
+    }, organizationName), /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Icon, {
+      icon: "ph--arrow-right--regular"
+    })) : /* @__PURE__ */ import_react2.default.createElement("p", {
+      className: "dx-button gap-2",
+      "data-variant": "ghost"
+    }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Icon, {
+      icon: "ph--buildings--regular",
+      size: 5,
+      classNames: "text-subdued"
+    }), /* @__PURE__ */ import_react2.default.createElement("span", {
+      className: "min-is-0 flex-1 truncate"
+    }, organizationName))), /* @__PURE__ */ import_react2.default.createElement("dl", {
+      className: (0, import_react_ui_theme2.mx)(import_chunk_VFSOM2B4.previewProse, "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__ */ import_react2.default.createElement(import_react2.Fragment, {
+      key: value
+    }, /* @__PURE__ */ import_react2.default.createElement("dt", null, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Icon, {
+      icon: "ph--at--regular",
+      size: 5
+    })), /* @__PURE__ */ import_react2.default.createElement("dd", {
+      key: value,
+      className: "break-words"
+    }, value)))), children);
+  } finally {
+    _effect.f();
+  }
+};
+var OrganizationCard = ({ children, classNames, subject: { name, image, description, website }, role }) => {
+  var _effect = (0, import_tracking2.useSignals)();
+  try {
+    return /* @__PURE__ */ import_react3.default.createElement("div", {
+      role: "none",
+      className: (0, import_react_ui_theme3.mx)(role === "popover" ? import_chunk_VFSOM2B4.popoverCard : import_chunk_VFSOM2B4.defaultCard, classNames)
+    }, image ? /* @__PURE__ */ import_react3.default.createElement("img", {
+      className: "aspect-video object-cover is-full bs-auto",
+      src: image,
+      alt: name
+    }) : /* @__PURE__ */ import_react3.default.createElement("div", {
+      role: "image",
+      className: "grid aspect-video place-items-center bg-inputSurface text-subdued"
+    }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Icon, {
+      icon: "ph--building-office--regular",
+      size: 10
+    })), /* @__PURE__ */ import_react3.default.createElement("h2", {
+      className: (0, import_react_ui_theme3.mx)(import_chunk_VFSOM2B4.previewTitle, import_chunk_VFSOM2B4.previewProse)
+    }, name), description && /* @__PURE__ */ import_react3.default.createElement("p", {
+      className: (0, import_react_ui_theme3.mx)(import_chunk_VFSOM2B4.previewProse, "line-clamp-2")
+    }, description), website && /* @__PURE__ */ import_react3.default.createElement("div", {
+      role: "none",
+      className: import_chunk_VFSOM2B4.previewChrome
+    }, /* @__PURE__ */ import_react3.default.createElement("a", {
+      className: "dx-button dx-focus-ring gap-2",
+      "data-variant": "ghost",
+      href: website,
+      target: "_blank",
+      rel: "noreferrer"
+    }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Icon, {
+      icon: "ph--link--regular",
+      size: 5,
+      classNames: "text-subdued"
+    }), /* @__PURE__ */ import_react3.default.createElement("span", {
+      className: "grow"
+    }, website), /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Icon, {
+      icon: "ph--arrow-square-out--regular"
+    }))), children);
+  } finally {
+    _effect.f();
+  }
+};
+var ProjectCard = ({ classNames, role, subject: { name, image, description } }) => {
+  var _effect = (0, import_tracking3.useSignals)();
+  try {
+    return /* @__PURE__ */ import_react4.default.createElement("div", {
+      role: "none",
+      className: (0, import_react_ui_theme4.mx)(role === "popover" ? import_chunk_VFSOM2B4.popoverCard : import_chunk_VFSOM2B4.defaultCard, classNames)
+    }, image && /* @__PURE__ */ import_react4.default.createElement("img", {
+      className: "is-full bs-auto",
+      src: image,
+      alt: name
+    }), /* @__PURE__ */ import_react4.default.createElement("h2", {
+      className: (0, import_react_ui_theme4.mx)(import_chunk_VFSOM2B4.previewTitle, "pli-3 mlb-3")
+    }, name), description && /* @__PURE__ */ import_react4.default.createElement("p", {
+      className: "pli-3 line-clamp-2 mlb-3"
+    }, description));
+  } finally {
+    _effect.f();
+  }
+};
+var react_surface_default = () => (0, import_app_framework.contributes)(import_app_framework.Capabilities.ReactSurface, [
+  //
+  // Specific schema types.
+  //
+  (0, import_app_framework.createSurface)({
+    id: `${import_chunk_VFSOM2B4.PREVIEW_PLUGIN}/schema-popover--contact`,
+    role: [
+      "popover",
+      "card--kanban",
+      "card"
+    ],
+    filter: (data) => (0, import_echo_schema.isInstanceOf)(import_schema.DataType.Person, data.subject),
+    component: ({ data, role }) => {
+      const { dispatchPromise: dispatch } = (0, import_app_framework.useIntentDispatcher)();
+      const handleOrgClick = (0, import_react.useCallback)(async (org) => {
+        const space = (0, import_echo.getSpace)(org);
+        const tablesQuery = await space?.db.query(import_echo.Filter.type(import_react_ui_table.TableType)).run();
+        const currentSpaceOrgTable = tablesQuery?.objects.find((table) => {
+          return table.view?.target?.query?.typename === import_schema.DataType.Organization.typename;
+        });
+        await dispatch((0, import_app_framework.createIntent)(import_app_framework.LayoutAction.UpdatePopover, {
+          part: "popover",
+          options: {
+            state: false,
+            anchorId: ""
+          }
+        }));
+        if (currentSpaceOrgTable) {
+          return dispatch((0, import_app_framework.createIntent)(import_app_framework.LayoutAction.Open, {
+            part: "main",
+            subject: [
+              (0, import_echo.fullyQualifiedId)(currentSpaceOrgTable)
+            ],
+            options: {
+              workspace: space?.id
+            }
+          }));
+        }
+      }, [
+        dispatch
+      ]);
+      return /* @__PURE__ */ import_react.default.createElement(ContactCard, {
+        subject: data.subject,
+        onOrgClick: handleOrgClick,
+        role
+      }, role === "popover" && /* @__PURE__ */ import_react.default.createElement(import_app_framework.Surface, {
+        role: "related",
+        data
+      }));
+    }
+  }),
+  (0, import_app_framework.createSurface)({
+    id: `${import_chunk_VFSOM2B4.PREVIEW_PLUGIN}/schema-popover--organization`,
+    role: [
+      "popover",
+      "card--kanban",
+      "card"
+    ],
+    filter: (data) => (0, import_echo_schema.isInstanceOf)(import_schema.DataType.Organization, data.subject),
+    component: ({ data, role }) => /* @__PURE__ */ import_react.default.createElement(OrganizationCard, {
+      subject: data.subject,
+      role
+    }, role === "popover" && /* @__PURE__ */ import_react.default.createElement(import_app_framework.Surface, {
+      role: "related",
+      data
+    }))
+  }),
+  (0, import_app_framework.createSurface)({
+    id: `${import_chunk_VFSOM2B4.PREVIEW_PLUGIN}/schema-popover--project`,
+    role: [
+      "popover",
+      "card--kanban",
+      "card"
+    ],
+    filter: (data) => (0, import_echo_schema.isInstanceOf)(import_schema.DataType.Project, data.subject),
+    component: ({ data, role }) => /* @__PURE__ */ import_react.default.createElement(ProjectCard, {
+      subject: data.subject,
+      role
+    })
+  }),
+  //
+  // Fallback for any object.
+  //
+  (0, import_app_framework.createSurface)({
+    id: `${import_chunk_VFSOM2B4.PREVIEW_PLUGIN}/fallback-popover`,
+    role: [
+      "popover",
+      "card--kanban",
+      "card"
+    ],
+    position: "fallback",
+    filter: (data) => (0, import_echo.isEchoObject)(data.subject),
+    component: ({ data, role }) => {
+      const schema = (0, import_echo.getSchema)(data.subject);
+      const { t } = (0, import_react_ui.useTranslation)(import_chunk_VFSOM2B4.PREVIEW_PLUGIN);
+      if (!schema) {
+        return /* @__PURE__ */ import_react.default.createElement("p", {
+          className: import_react_ui_theme.descriptionMessage
+        }, t("unable to create preview message"));
+      }
+      const handleSave = (0, import_react.useCallback)((values, { changed }) => {
+        const changedPaths = Object.keys(changed).filter((path) => changed[path]);
+        for (const path of changedPaths) {
+          const value = values[path];
+          (0, import_echo_schema.setValue)(data.subject, path, value);
+        }
+      }, []);
+      return /* @__PURE__ */ import_react.default.createElement(import_react_ui_form.Form, {
+        schema,
+        values: data.subject,
+        readonly: role === "popover",
+        onSave: handleSave,
+        autoSave: true,
+        ...role === "card--kanban" && {
+          classNames: import_chunk_VFSOM2B4.kanbanCardWithoutPoster
+        }
+      });
+    }
+  })
+]);
+//# sourceMappingURL=react-surface-CPAQ7ZYR.cjs.map