@dxos/plugin-preview 0.8.4-main.3c1ae3b → 0.8.4-main.52d7546f51

package/dist/lib/node-esm/preview-popover-FJ2ARIGS.mjs

@@ -1,67 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-
-// src/capabilities/preview-popover.ts
-import { Capabilities, LayoutAction, contributes, createIntent } from "@dxos/app-framework";
-import { addEventListener } from "@dxos/async";
-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,
-  passive: false
-};
-var handlePreviewLookup = async (client, defaultSpace, { ref, label }) => {
-  try {
-    const object = await defaultSpace.db.makeRef(DXN.parse(ref)).load();
-    return {
-      label,
-      object
-    };
-  } catch {
-    return null;
-  }
-};
-var preview_popover_default = ((context) => {
-  const handleAnchorActivate = async ({ refId, label, trigger }) => {
-    const { dispatchPromise: dispatch } = context.getCapability(Capabilities.IntentDispatcher);
-    const client = context.getCapability(ClientCapabilities.Client);
-    const [layout] = context.getCapabilities(Capabilities.Layout);
-    const { spaceId } = 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(createIntent(LayoutAction.UpdatePopover, {
-      part: "popover",
-      subject: result.object,
-      options: {
-        state: true,
-        variant: "virtual",
-        anchor: trigger
-      }
-    }));
-  };
-  let cleanup;
-  if (document.defaultView) {
-    cleanup = addEventListener(document.defaultView, DX_ANCHOR_ACTIVATE, handleAnchorActivate, customEventOptions);
-  } else {
-    log.warn("No default view found", void 0, {
-      F: __dxlog_file,
-      L: 65,
-      S: void 0,
-      C: (f, a) => f(...a)
-    });
-  }
-  return contributes(Capabilities.Null, null, () => cleanup());
-});
-export {
-  preview_popover_default as default
-};
-//# sourceMappingURL=preview-popover-FJ2ARIGS.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "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.makeRef(DXN.parse(ref)).load();\n    return { label, object };\n  } catch {\n    return null;\n  }\n};\n\nexport default (context: PluginContext) => {\n  // TODO(wittjosiah): Factor out lookup handlers to other plugins to make not ECHO-specific.\n  const handleAnchorActivate = 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      handleAnchorActivate,\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,GAAGC,QAAQd,IAAIe,MAAML,GAAAA,CAAAA,EAAMM,KAAI;AACjE,WAAO;MAAEL;MAAOC;IAAO;EACzB,QAAQ;AACN,WAAO;EACT;AACF;AAEA,IAAA,2BAAe,CAACK,YAAAA;AAEd,QAAMC,uBAAuB,OAAO,EAAEC,OAAOR,OAAOS,QAAO,MAAoB;AAC7E,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,sBACAd,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", "makeRef", "parse", "load", "context", "handleAnchorActivate", "refId", "trigger", "dispatchPromise", "dispatch", "getCapability", "IntentDispatcher", "Client", "layout", "getCapabilities", "Layout", "spaceId", "workspace", "space", "spaces", "get", "default", "result", "UpdatePopover", "part", "subject", "options", "state", "variant", "anchor", "cleanup", "document", "defaultView", "warn", "Null"]
-}

package/dist/lib/node-esm/react-surface-ZJ4C32OR.mjs

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