@dxos/plugin-preview 0.8.4-main.c1de068 → 0.8.4-main.e098934

package/dist/lib/browser/index.mjs

@@ -10,15 +10,18 @@ import { DataType } from "@dxos/schema";
 
 // src/capabilities/index.ts
 import { lazy } from "@dxos/app-framework";
-var PreviewPopover = lazy(() => import("./preview-popover-2UCEZUQW.mjs"));
-var ReactSurface = lazy(() => import("./react-surface-CZMUEWPV.mjs"));
+var PreviewPopover = lazy(() => import("./preview-popover-55HRKRXY.mjs"));
+var ReactSurface = lazy(() => import("./react-surface-JGO43GLE.mjs"));
 
 // src/translations.ts
 var translations = [
   {
     "en-US": {
       [meta.id]: {
-        "unable to create preview message": "No preview"
+        "unable to create preview message": "No preview",
+        "todo label": "To do",
+        "in-progress label": "In progress",
+        "done label": "Done"
       }
     }
   }

package/dist/lib/browser/index.mjs.map

@@ -1,7 +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 { type Resource } from '@dxos/react-ui';\n\nimport { meta } from './meta';\n\nexport const translations = [\n  {\n    'en-US': {\n      [meta.id]: {\n        'unable to create preview message': 'No preview',\n      },\n    },\n  },\n] as const satisfies Resource[];\n"],
-  "mappings": ";;;;;;AAIA,SAASA,cAAcC,QAAQC,aAAaC,cAAcC,oBAAoB;AAC9E,SAASC,oBAAoBC,oBAAoB;AACjD,SAASC,gBAAgB;;;ACFzB,SAASC,YAAY;AAEd,IAAMC,iBAAiBC,KAAK,MAAM,OAAO,gCAAA,CAAA;AACzC,IAAMC,eAAeD,KAAK,MAAM,OAAO,8BAAA,CAAA;;;ACCvC,IAAME,eAAe;EAC1B;IACE,SAAS;MACP,CAACC,KAAKC,EAAE,GAAG;QACT,oCAAoC;MACtC;IACF;EACF;;;;AFHK,IAAMC,gBAAgB,MAC3BC,aAAaC,MAAM;EACjBC,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOC;IACpBC,UAAU,MAAMC,YAAYC,aAAaC,cAAcC,YAAAA;EACzD,CAAA;EACAT,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaQ,aAAaC;IAC1BN,UAAU,MAAM;MAACC,YAAYM,mBAAmBC,QAAQ;QAACC,SAASC;QAAQD,SAASE;OAAa;;EAClG,CAAA;EACAhB,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOc;IACpBZ,UAAUa;EACZ,CAAA;EACAlB,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOgB;IACpBd,UAAUe;EACZ,CAAA;CACD;",
+  "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 { type Resource } from '@dxos/react-ui';\n\nimport { meta } from './meta';\n\nexport const translations = [\n  {\n    'en-US': {\n      [meta.id]: {\n        'unable to create preview message': 'No preview',\n        'todo label': 'To do',\n        'in-progress label': 'In progress',\n        'done label': 'Done',\n      },\n    },\n  },\n] as const satisfies Resource[];\n"],
+  "mappings": ";;;;;;AAIA,SAASA,cAAcC,QAAQC,aAAaC,cAAcC,oBAAoB;AAC9E,SAASC,oBAAoBC,oBAAoB;AACjD,SAASC,gBAAgB;;;ACFzB,SAASC,YAAY;AAEd,IAAMC,iBAAiBC,KAAK,MAAM,OAAO,gCAAA,CAAA;AACzC,IAAMC,eAAeD,KAAK,MAAM,OAAO,8BAAA,CAAA;;;ACCvC,IAAME,eAAe;EAC1B;IACE,SAAS;MACP,CAACC,KAAKC,EAAE,GAAG;QACT,oCAAoC;QACpC,cAAc;QACd,qBAAqB;QACrB,cAAc;MAChB;IACF;EACF;;;;AFNK,IAAMC,gBAAgB,MAC3BC,aAAaC,MAAM;EACjBC,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOC;IACpBC,UAAU,MAAMC,YAAYC,aAAaC,cAAcC,YAAAA;EACzD,CAAA;EACAT,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaQ,aAAaC;IAC1BN,UAAU,MAAM;MAACC,YAAYM,mBAAmBC,QAAQ;QAACC,SAASC;QAAQD,SAASE;OAAa;;EAClG,CAAA;EACAhB,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOc;IACpBZ,UAAUa;EACZ,CAAA;EACAlB,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOgB;IACpBd,UAAUe;EACZ,CAAA;CACD;",
   "names": ["Capabilities", "Events", "contributes", "defineModule", "definePlugin", "ClientCapabilities", "ClientEvents", "DataType", "lazy", "PreviewPopover", "lazy", "ReactSurface", "translations", "meta", "id", "PreviewPlugin", "definePlugin", "meta", "defineModule", "id", "activatesOn", "Events", "SetupTranslations", "activate", "contributes", "Capabilities", "Translations", "translations", "ClientEvents", "SetupSchema", "ClientCapabilities", "Schema", "DataType", "Person", "Organization", "Startup", "PreviewPopover", "SetupReactSurface", "ReactSurface"]
 }

package/dist/lib/browser/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":9246,"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/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3230},"dist/lib/browser/index.mjs":{"imports":[{"path":"dist/lib/browser/chunk-Z73ENKLE.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/browser/preview-popover-2UCEZUQW.mjs","kind":"dynamic-import"},{"path":"dist/lib/browser/react-surface-CZMUEWPV.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":1539},"dist/lib/browser/preview-popover-2UCEZUQW.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":4452},"dist/lib/browser/preview-popover-2UCEZUQW.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":2208},"dist/lib/browser/react-surface-CZMUEWPV.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":19894},"dist/lib/browser/react-surface-CZMUEWPV.mjs":{"imports":[{"path":"dist/lib/browser/chunk-Z73ENKLE.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":2884},"src/components/index.ts":{"bytesInOutput":0},"src/components/OrganizationCard.tsx":{"bytesInOutput":1438},"src/components/ProjectCard.tsx":{"bytesInOutput":709}},"bytes":11301},"dist/lib/browser/chunk-Z73ENKLE.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":613},"dist/lib/browser/chunk-Z73ENKLE.mjs":{"imports":[],"exports":["PREVIEW_PLUGIN","meta"],"inputs":{"src/meta.ts":{"bytesInOutput":216}},"bytes":313}}}
+{"inputs":{"src/meta.ts":{"bytes":1243,"imports":[],"format":"esm"},"src/capabilities/preview-popover.ts":{"bytes":8310,"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":6586,"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-graph","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-menu","kind":"import-statement","external":true}],"format":"esm"},"src/components/ContactCard.tsx":{"bytes":9925,"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":5918,"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":4005,"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/capabilities/react-surface.tsx":{"bytes":24480,"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":1503,"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/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3372},"dist/lib/browser/index.mjs":{"imports":[{"path":"dist/lib/browser/chunk-Z73ENKLE.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/browser/preview-popover-55HRKRXY.mjs","kind":"dynamic-import"},{"path":"dist/lib/browser/react-surface-JGO43GLE.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":242}},"bytes":1644},"dist/lib/browser/preview-popover-55HRKRXY.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":4359},"dist/lib/browser/preview-popover-55HRKRXY.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":2005}},"bytes":2147},"dist/lib/browser/react-surface-JGO43GLE.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":25248},"dist/lib/browser/react-surface-JGO43GLE.mjs":{"imports":[{"path":"dist/lib/browser/chunk-Z73ENKLE.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":"@effect-rx/rx-react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-graph","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}],"exports":["default"],"entryPoint":"src/capabilities/react-surface.tsx","inputs":{"src/capabilities/react-surface.tsx":{"bytesInOutput":6055},"src/components/ContactCard.tsx":{"bytesInOutput":3053},"src/components/CardSubjectMenu.tsx":{"bytesInOutput":1574},"src/components/index.ts":{"bytesInOutput":0},"src/components/OrganizationCard.tsx":{"bytesInOutput":1784},"src/components/ProjectCard.tsx":{"bytesInOutput":1148}},"bytes":14032},"dist/lib/browser/chunk-Z73ENKLE.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":613},"dist/lib/browser/chunk-Z73ENKLE.mjs":{"imports":[],"exports":["PREVIEW_PLUGIN","meta"],"inputs":{"src/meta.ts":{"bytesInOutput":216}},"bytes":313}}}

package/dist/lib/browser/{preview-popover-2UCEZUQW.mjs → preview-popover-55HRKRXY.mjs}

@@ -1,11 +1,11 @@
 // 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,
@@ -13,11 +13,7 @@ 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
@@ -27,7 +23,7 @@ var handlePreviewLookup = async (client, defaultSpace, { ref, label }) => {
   }
 };
 var preview_popover_default = (context) => {
-  const handleDxRefTagActivate = async ({ refId, label, trigger }) => {
+  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);
@@ -52,11 +48,11 @@ 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)
     });
@@ -66,4 +62,4 @@ var preview_popover_default = (context) => {
 export {
   preview_popover_default as default
 };
-//# sourceMappingURL=preview-popover-2UCEZUQW.mjs.map
+//# sourceMappingURL=preview-popover-55HRKRXY.mjs.map

package/dist/lib/browser/preview-popover-55HRKRXY.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 (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 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,SAASI,KAAK;AACZ,WAAO;EACT;AACF;AAEA,IAAA,0BAAe,CAACC,YAAAA;AAEd,QAAMC,yBAAyB,OAAO,EAAEC,OAAOR,OAAOS,QAAO,MAAoB;AAC/E,UAAM,EAAEC,iBAAiBC,SAAQ,IAAKL,QAAQM,cAAc7B,aAAa8B,gBAAgB;AACzF,UAAMhB,SAASS,QAAQM,cAAcrB,mBAAmBuB,MAAM;AAC9D,UAAM,CAACC,MAAAA,IAAUT,QAAQU,gBAAgBjC,aAAakC,MAAM;AAC5D,UAAM,EAAEC,QAAO,IAAK9B,QAAQ2B,OAAOI,SAAS;AAC5C,UAAMC,SAASF,WAAWrB,OAAOwB,OAAOC,IAAIJ,OAAAA,MAAarB,OAAOwB,OAAOE;AACvE,UAAMC,SAAS,MAAM5B,oBAAoBC,QAAQuB,OAAO;MAAErB,KAAKS;MAAOR;IAAM,CAAA;AAC5E,QAAI,CAACwB,QAAQ;AACX;IACF;AAEA,UAAMb,SACJzB,aAAaF,aAAayC,eAAe;MACvCC,MAAM;MACNC,SAASH,OAAOvB;MAChB2B,SAAS;QACPC,OAAO;QACPC,SAAS;QACTC,QAAQtB;MACV;IACF,CAAA,CAAA;EAEJ;AAEA,MAAIuB;AACJ,MAAIC,SAASC,aAAa;AACxBF,cAAU7C,iBACR8C,SAASC,aACT1C,oBACAe,wBACAd,kBAAAA;EAEJ,OAAO;AACLH,QAAI6C,KAAK,yBAAA,QAAA;;;;;;EACX;AAEA,SAAOlD,YAAYF,aAAaqD,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", "err", "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/browser/{react-surface-CZMUEWPV.mjs → react-surface-JGO43GLE.mjs}

@@ -4,77 +4,135 @@ import {
 
 // src/capabilities/react-surface.tsx
 import { Effect } from "effect";
-import React4, { useCallback } from "react";
+import React5, { useCallback } from "react";
 import { Capabilities, LayoutAction, Surface, contributes, createIntent, createSurface, useIntentDispatcher } from "@dxos/app-framework";
 import { fullyQualifiedId, getSchema, getSpace } from "@dxos/client/echo";
-import { Filter, Obj } from "@dxos/echo";
+import { Filter, Obj as Obj2 } from "@dxos/echo";
 import { setValue } from "@dxos/echo-schema";
 import { AttentionAction } from "@dxos/plugin-attention/types";
 import { ATTENDABLE_PATH_SEPARATOR, DeckAction } from "@dxos/plugin-deck/types";
 import { useQuery, useSpace } from "@dxos/react-client/echo";
-import { useTranslation } from "@dxos/react-ui";
+import { useTranslation as useTranslation2 } from "@dxos/react-ui";
 import { Form } from "@dxos/react-ui-form";
 import { Card as Card4 } from "@dxos/react-ui-stack";
-import { TableView } from "@dxos/react-ui-table/types";
-import { descriptionMessage, mx as mx2 } from "@dxos/react-ui-theme";
-import { DataType } from "@dxos/schema";
+import { Table } from "@dxos/react-ui-table/types";
+import { descriptionMessage, mx as mx4 } from "@dxos/react-ui-theme";
+import { DataType, typenameFromQuery } from "@dxos/schema";
 
 // src/components/ContactCard.tsx
-import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
-import React, { Fragment } from "react";
-import { Icon, Avatar, Button } from "@dxos/react-ui";
+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";
-var ContactCard = ({ children, subject: { fullName, image, organization, emails }, onOrgClick, role }) => {
+
+// 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 { ACTION_TYPE } from "@dxos/app-graph";
+import { IconButton, useTranslation } from "@dxos/react-ui";
+import { DropdownMenu, MenuProvider, useMenuActions } from "@dxos/react-ui-menu";
+var useSubjectMenuGroupItems = (subject) => {
+  const result = {
+    edges: [],
+    nodes: []
+  };
+  result.nodes.push({
+    type: ACTION_TYPE,
+    id: `${subject.id}/add-to-space`,
+    data: () => console.log("[TO DO]", "add object to space", subject),
+    properties: {
+      label: [
+        "add object to space label",
+        {
+          ns: "os"
+        }
+      ],
+      icon: "ph--file-plus--regular"
+    }
+  });
+  result.nodes.forEach(({ id: target }) => {
+    result.edges.push({
+      source: "root",
+      target
+    });
+  });
+  return useMenuActions(Rx.make(result));
+};
+var CardSubjectMenu = ({ subject, ...props }) => {
   var _effect = _useSignals();
   try {
+    const { t } = useTranslation("os");
+    const menuProps = useSubjectMenuGroupItems(subject);
+    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, onOrgClick, role }) => {
+  var _effect = _useSignals2();
+  try {
+    const { fullName, image, organization, emails } = subject;
     const organizationName = organization && typeof organization === "object" ? organization.target?.name : organization;
-    return /* @__PURE__ */ React.createElement(Card.SurfaceRoot, {
+    return /* @__PURE__ */ React2.createElement(Card.SurfaceRoot, {
       role
-    }, /* @__PURE__ */ React.createElement(Avatar.Root, null, /* @__PURE__ */ React.createElement(Card.Text, {
+    }, /* @__PURE__ */ React2.createElement(Avatar.Root, null, /* @__PURE__ */ React2.createElement(Card.Text, {
       role: "group",
       classNames: "grid gap-3 grid-cols-[min-content_1fr]"
-    }, /* @__PURE__ */ React.createElement(Avatar.Content, {
+    }, /* @__PURE__ */ React2.createElement(Avatar.Content, {
       imgSrc: image,
       icon: "ph--user--regular",
       size: 16,
       hue: "neutral"
-    }), /* @__PURE__ */ React.createElement("div", {
+    }), /* @__PURE__ */ React2.createElement("div", {
       role: "none",
-      className: "bs-min self-center"
-    }, /* @__PURE__ */ React.createElement(Avatar.Label, {
+      className: "bs-min self-center flex items-center"
+    }, /* @__PURE__ */ React2.createElement(Avatar.Label, {
       asChild: true
-    }, /* @__PURE__ */ React.createElement("h2", {
-      className: cardHeading
-    }, fullName))))), organizationName && /* @__PURE__ */ React.createElement(Card.Chrome, null, typeof organization === "object" && onOrgClick ? /* @__PURE__ */ React.createElement(Button, {
+    }, /* @__PURE__ */ React2.createElement("h2", {
+      className: mx(cardHeading, "grow")
+    }, fullName)), /* @__PURE__ */ React2.createElement(CardSubjectMenu, {
+      subject
+    })))), 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__ */ React.createElement(Icon, {
+    }, /* @__PURE__ */ React2.createElement(Icon, {
       icon: "ph--buildings--regular",
       size: 5,
       classNames: "text-subdued"
-    }), /* @__PURE__ */ React.createElement("span", {
+    }), /* @__PURE__ */ React2.createElement("span", {
       className: "min-is-0 flex-1 truncate"
-    }, organizationName), /* @__PURE__ */ React.createElement(Icon, {
+    }, organizationName), /* @__PURE__ */ React2.createElement(Icon, {
       icon: "ph--arrow-right--regular"
-    })) : /* @__PURE__ */ React.createElement("p", {
+    })) : /* @__PURE__ */ React2.createElement("p", {
       className: "dx-button gap-2",
       "data-variant": "ghost"
-    }, /* @__PURE__ */ React.createElement(Icon, {
+    }, /* @__PURE__ */ React2.createElement(Icon, {
       icon: "ph--buildings--regular",
       size: 5,
       classNames: "text-subdued"
-    }), /* @__PURE__ */ React.createElement("span", {
+    }), /* @__PURE__ */ React2.createElement("span", {
       className: "min-is-0 flex-1 truncate"
-    }, organizationName))), /* @__PURE__ */ React.createElement("dl", {
+    }, 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__ */ React.createElement(Fragment, {
+    }, emails?.length && emails.map(({ label, value }) => /* @__PURE__ */ React2.createElement(Fragment, {
       key: value
-    }, /* @__PURE__ */ React.createElement("dt", null, /* @__PURE__ */ React.createElement(Icon, {
+    }, /* @__PURE__ */ React2.createElement("dt", null, /* @__PURE__ */ React2.createElement(Icon, {
       icon: "ph--at--regular",
       size: 5
-    })), /* @__PURE__ */ React.createElement("dd", {
+    })), /* @__PURE__ */ React2.createElement("dd", {
       key: value,
       className: "break-words"
     }, value)))), children);
@@ -84,37 +142,46 @@ var ContactCard = ({ children, subject: { fullName, image, organization, emails
 };
 
 // src/components/OrganizationCard.tsx
-import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
-import React2 from "react";
+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 } from "@dxos/react-ui-stack";
-var OrganizationCard = ({ children, subject: { name, image, description, website }, role }) => {
-  var _effect = _useSignals2();
+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 }) => {
+  var _effect = _useSignals3();
   try {
-    return /* @__PURE__ */ React2.createElement(Card2.SurfaceRoot, {
+    const { name, image, description, website } = subject;
+    return /* @__PURE__ */ React3.createElement(Card2.SurfaceRoot, {
       role
-    }, /* @__PURE__ */ React2.createElement(Card2.Poster, {
+    }, /* @__PURE__ */ React3.createElement(Card2.Poster, {
       alt: name,
       ...image ? {
         image
       } : {
         icon: "ph--building-office--regular"
       }
-    }), /* @__PURE__ */ React2.createElement(Card2.Heading, null, name), description && /* @__PURE__ */ React2.createElement(Card2.Text, {
+    }), /* @__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
+    })), description && /* @__PURE__ */ React3.createElement(Card2.Text, {
       classNames: "line-clamp-2"
-    }, description), website && /* @__PURE__ */ React2.createElement(Card2.Chrome, null, /* @__PURE__ */ React2.createElement("a", {
+    }, 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__ */ React2.createElement(Icon2, {
+    }, /* @__PURE__ */ React3.createElement(Icon2, {
       icon: "ph--link--regular",
       size: 5,
       classNames: "text-subdued"
-    }), /* @__PURE__ */ React2.createElement("span", {
+    }), /* @__PURE__ */ React3.createElement("span", {
       className: "grow"
-    }, website), /* @__PURE__ */ React2.createElement(Icon2, {
+    }, website), /* @__PURE__ */ React3.createElement(Icon2, {
       icon: "ph--arrow-square-out--regular"
     }))), children);
   } finally {
@@ -123,19 +190,29 @@ var OrganizationCard = ({ children, subject: { name, image, description, website
 };
 
 // src/components/ProjectCard.tsx
-import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
-import React3 from "react";
-import { Card as Card3 } from "@dxos/react-ui-stack";
-var ProjectCard = ({ subject: { name, image, description }, role }) => {
-  var _effect = _useSignals3();
+import { useSignals as _useSignals4 } from "@preact-signals/safe-react/tracking";
+import React4 from "react";
+import { Obj } 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 }) => {
+  var _effect = _useSignals4();
   try {
-    return /* @__PURE__ */ React3.createElement(Card3.SurfaceRoot, {
+    const { name, image, description } = subject;
+    return /* @__PURE__ */ React4.createElement(Card3.SurfaceRoot, {
       role
-    }, image && /* @__PURE__ */ React3.createElement(Card3.Poster, {
+    }, image && /* @__PURE__ */ React4.createElement(Card3.Poster, {
       image,
-      alt: name,
+      alt: Obj.getLabel(subject) ?? "",
       aspect: "auto"
-    }), /* @__PURE__ */ React3.createElement(Card3.Heading, null, name), description && /* @__PURE__ */ React3.createElement(Card3.Text, {
+    }), /* @__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
+    })), description && /* @__PURE__ */ React4.createElement(Card3.Text, {
       classNames: "line-clamp-2"
     }, description));
   } finally {
@@ -157,7 +234,7 @@ var react_surface_default = () => contributes(Capabilities.ReactSurface, [
       "card--extrinsic",
       "card"
     ],
-    filter: (data) => Obj.instanceOf(DataType.Person, data.subject),
+    filter: (data) => Obj2.instanceOf(DataType.Person, data.subject),
     component: ({ data, role }) => {
       const { dispatch } = useIntentDispatcher();
       const space = getSpace(data.subject);
@@ -165,8 +242,8 @@ var react_surface_default = () => contributes(Capabilities.ReactSurface, [
       const currentSpaceOrgs = useQuery(space, Filter.type(DataType.Organization));
       const currentSpaceViews = useQuery(space, Filter.type(DataType.View));
       const defaultSpaceViews = useQuery(defaultSpace, Filter.type(DataType.View));
-      const currentSpaceOrgTable = currentSpaceViews.find((view) => view.query.typename === DataType.Organization.typename && Obj.instanceOf(TableView, view.presentation.target));
-      const defaultSpaceOrgTable = defaultSpaceViews.find((view) => view.query.typename === DataType.Organization.typename && Obj.instanceOf(TableView, view.presentation.target));
+      const currentSpaceOrgTable = currentSpaceViews.find((view) => typenameFromQuery(view.query) === DataType.Organization.typename && Obj2.instanceOf(Table.Table, view.presentation.target));
+      const defaultSpaceOrgTable = defaultSpaceViews.find((view) => typenameFromQuery(view.query) === DataType.Organization.typename && Obj2.instanceOf(Table.Table, view.presentation.target));
       const handleOrgClick = useCallback((org) => Effect.gen(function* () {
         const view = currentSpaceOrgs.includes(org) ? currentSpaceOrgTable : defaultSpaceOrgTable;
         yield* dispatch(createIntent(LayoutAction.UpdatePopover, {
@@ -210,11 +287,11 @@ var react_surface_default = () => contributes(Capabilities.ReactSurface, [
         currentSpaceOrgTable,
         defaultSpaceOrgTable
       ]);
-      return /* @__PURE__ */ React4.createElement(ContactCard, {
+      return /* @__PURE__ */ React5.createElement(ContactCard, {
         role,
         subject: data.subject,
         onOrgClick: handleOrgClick
-      }, role === "card--popover" && /* @__PURE__ */ React4.createElement(Surface, {
+      }, role === "card--popover" && /* @__PURE__ */ React5.createElement(Surface, {
         role: "related",
         data
       }));
@@ -229,11 +306,11 @@ var react_surface_default = () => contributes(Capabilities.ReactSurface, [
       "card--extrinsic",
       "card"
     ],
-    filter: (data) => Obj.instanceOf(DataType.Organization, data.subject),
-    component: ({ data, role }) => /* @__PURE__ */ React4.createElement(OrganizationCard, {
+    filter: (data) => Obj2.instanceOf(DataType.Organization, data.subject),
+    component: ({ data, role }) => /* @__PURE__ */ React5.createElement(OrganizationCard, {
       role,
       subject: data.subject
-    }, role === "card--popover" && /* @__PURE__ */ React4.createElement(Surface, {
+    }, role === "card--popover" && /* @__PURE__ */ React5.createElement(Surface, {
       role: "related",
       data
     }))
@@ -247,8 +324,8 @@ var react_surface_default = () => contributes(Capabilities.ReactSurface, [
       "card--extrinsic",
       "card"
     ],
-    filter: (data) => Obj.instanceOf(DataType.Project, data.subject),
-    component: ({ data, role }) => /* @__PURE__ */ React4.createElement(ProjectCard, {
+    filter: (data) => Obj2.instanceOf(DataType.Project, data.subject),
+    component: ({ data, role }) => /* @__PURE__ */ React5.createElement(ProjectCard, {
       subject: data.subject,
       role
     })
@@ -266,13 +343,13 @@ var react_surface_default = () => contributes(Capabilities.ReactSurface, [
       "card"
     ],
     position: "fallback",
-    filter: (data) => Obj.isObject(data.subject),
+    filter: (data) => Obj2.isObject(data.subject),
     component: ({ data, role }) => {
       const schema = getSchema(data.subject);
-      const { t } = useTranslation(PREVIEW_PLUGIN);
+      const { t } = useTranslation2(PREVIEW_PLUGIN);
       if (!schema) {
-        return /* @__PURE__ */ React4.createElement("p", {
-          className: mx2(descriptionMessage)
+        return /* @__PURE__ */ React5.createElement("p", {
+          className: mx4(descriptionMessage)
         }, t("unable to create preview message"));
       }
       const handleSave = useCallback((values, { changed }) => {
@@ -282,12 +359,13 @@ var react_surface_default = () => contributes(Capabilities.ReactSurface, [
           setValue(data.subject, path, value);
         }
       }, []);
-      return /* @__PURE__ */ React4.createElement(Card4.SurfaceRoot, {
+      return /* @__PURE__ */ React5.createElement(Card4.SurfaceRoot, {
         role
-      }, /* @__PURE__ */ React4.createElement(Form, {
+      }, /* @__PURE__ */ React5.createElement(Form, {
         schema,
+        projection: data.projection,
         values: data.subject,
-        readonly: role === "card--popover",
+        readonly: role === "card--popover" ? "static" : false,
         onSave: handleSave,
         autoSave: true,
         ...role === "card--intrinsic" && {
@@ -300,4 +378,4 @@ var react_surface_default = () => contributes(Capabilities.ReactSurface, [
 export {
   react_surface_default as default
 };
-//# sourceMappingURL=react-surface-CZMUEWPV.mjs.map
+//# sourceMappingURL=react-surface-JGO43GLE.mjs.map