@dxos/plugin-preview 0.8.4-main.dedc0f3 → 0.8.4-main.ead640a

package/dist/lib/browser/react-surface-CPGRW3OV.mjs

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

package/dist/lib/browser/react-surface-CPGRW3OV.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/react-surface.tsx", "../../../src/cards/ContactCard.tsx", "../../../src/components/CardComponents.tsx", "../../../src/components/CardSubjectMenu.tsx", "../../../src/cards/OrganizationCard.tsx", "../../../src/cards/ProjectCard.tsx", "../../../src/cards/TaskCard.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback } from 'react';\n\nimport {\n  Capabilities,\n  LayoutAction,\n  Surface,\n  contributes,\n  createIntent,\n  createSurface,\n  useIntentDispatcher,\n} from '@dxos/app-framework';\nimport { fullyQualifiedId, getSchema, getSpace } from '@dxos/client/echo';\nimport { Obj } from '@dxos/echo';\nimport { type JsonPath, setValue } from '@dxos/echo/internal';\nimport { useActiveSpace } from '@dxos/plugin-space';\nimport { useTranslation } from '@dxos/react-ui';\nimport { Form } from '@dxos/react-ui-form';\nimport { Card } from '@dxos/react-ui-stack';\nimport { descriptionMessage, mx } from '@dxos/react-ui-theme';\nimport { DataType, type ProjectionModel } from '@dxos/schema';\n\nimport { ContactCard, OrganizationCard, ProjectCard, TaskCard } from '../cards';\nimport { meta } from '../meta';\n\nexport default () =>\n  contributes(Capabilities.ReactSurface, [\n    //\n    // Specific schema types.\n    //\n    createSurface({\n      id: `${meta.id}/schema-popover--contact`,\n      role: ['card--popover', 'card--intrinsic', 'card--transclusion', 'card--extrinsic', 'card'],\n      filter: (data): data is { subject: DataType.Person } => Obj.instanceOf(DataType.Person, data.subject),\n      component: ({ data, role }) => {\n        const { dispatchPromise: dispatch } = useIntentDispatcher();\n        const space = getSpace(data.subject);\n        const activeSpace = useActiveSpace();\n        const handleSelect = useCallback(\n          (org: Obj.Any) =>\n            dispatch(\n              createIntent(LayoutAction.Open, {\n                part: 'main',\n                subject: [fullyQualifiedId(org)],\n                options: {\n                  workspace: space?.id,\n                },\n              }),\n            ),\n          [dispatch],\n        );\n\n        return (\n          <ContactCard role={role} subject={data.subject} activeSpace={activeSpace} onSelect={handleSelect}>\n            {role === 'card--popover' && <Surface role='related' data={data} />}\n          </ContactCard>\n        );\n      },\n    }),\n    createSurface({\n      id: `${meta.id}/schema-popover--organization`,\n      role: ['card--popover', 'card--intrinsic', 'card--transclusion', 'card--extrinsic', 'card'],\n      filter: (data): data is { subject: DataType.Organization } => Obj.instanceOf(DataType.Organization, data.subject),\n      component: ({ data, role }) => {\n        const activeSpace = useActiveSpace();\n\n        return (\n          <OrganizationCard role={role} subject={data.subject} activeSpace={activeSpace}>\n            {role === 'card--popover' && <Surface role='related' data={data} />}\n          </OrganizationCard>\n        );\n      },\n    }),\n    createSurface({\n      id: `${meta.id}/schema-popover--project`,\n      role: ['card--popover', 'card--intrinsic', 'card--transclusion', 'card--extrinsic', 'card'],\n      filter: (data): data is { subject: DataType.Project } => Obj.instanceOf(DataType.Project, data.subject),\n      component: ({ data, role }) => {\n        const activeSpace = useActiveSpace();\n\n        return <ProjectCard subject={data.subject} role={role} activeSpace={activeSpace} />;\n      },\n    }),\n    createSurface({\n      id: `${meta.id}/schema-popover--task`,\n      role: ['card--popover', 'card--intrinsic', 'card--transclusion', 'card--extrinsic', 'card'],\n      filter: (data): data is { subject: DataType.Task } => Obj.instanceOf(DataType.Task, data.subject),\n      component: ({ data, role }) => <TaskCard subject={data.subject} role={role} />,\n    }),\n\n    //\n    // Fallback for any object.\n    //\n    createSurface({\n      id: `${meta.id}/fallback-popover`,\n      role: ['card--popover', 'card--intrinsic', 'card--transclusion', 'card--extrinsic', 'card'],\n      position: 'fallback',\n      filter: (data): data is { subject: Obj.Any; projection?: ProjectionModel } => Obj.isObject(data.subject),\n      component: ({ data, role }) => {\n        const schema = getSchema(data.subject);\n        const { t } = useTranslation(meta.id);\n        if (!schema) {\n          // TODO(burdon): Use Alert.\n          return <p className={mx(descriptionMessage)}>{t('unable to create preview message')}</p>;\n        }\n\n        const handleSave = useCallback((values: any, { changed }: { changed: Record<string, boolean> }) => {\n          const changedPaths = Object.keys(changed).filter((path) => changed[path]);\n          for (const path of changedPaths) {\n            const value = values[path];\n            setValue(data.subject, path as JsonPath, value);\n          }\n        }, []);\n\n        return (\n          <Card.SurfaceRoot role={role}>\n            <Form\n              schema={schema}\n              projection={data.projection}\n              values={data.subject}\n              readonly={role === 'card--popover' ? 'static' : false}\n              onSave={handleSave}\n              autoSave\n              {...(role === 'card--intrinsic' && { outerSpacing: 'blockStart-0' })}\n            />\n          </Card.SurfaceRoot>\n        );\n      },\n    }),\n  ]);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { Fragment } from 'react';\n\nimport { Avatar, Icon } from '@dxos/react-ui';\nimport { Card, cardHeading, cardText } from '@dxos/react-ui-stack';\nimport { mx } from '@dxos/react-ui-theme';\nimport { type DataType } from '@dxos/schema';\n\nimport { CardRow, CardSubjectMenu, gridRow } from '../components';\nimport { type PreviewProps } from '../types';\n\n// TODO(burdon): Rename PersonCard.\nexport const ContactCard = ({ children, role, subject, activeSpace, onSelect }: PreviewProps<DataType.Person>) => {\n  const { fullName, image, organization: { target: organization } = {}, emails } = subject;\n\n  return (\n    <Card.SurfaceRoot role={role}>\n      <Avatar.Root>\n        <Card.Text role='group' classNames={mx('grid gap-2 grid-cols-[1fr_min-content]')}>\n          <div role='none' className={mx(gridRow, 'grid-rows-2')}>\n            {activeSpace ? <CardSubjectMenu subject={subject} activeSpace={activeSpace} /> : <div />}\n            <Avatar.Label asChild>\n              <h2 className={mx(cardHeading, 'grow truncate')}>{fullName}</h2>\n            </Avatar.Label>\n          </div>\n          <Avatar.Content imgSrc={image} icon='ph--user--regular' size={16} hue='neutral' variant='square' />\n        </Card.Text>\n      </Avatar.Root>\n      {organization?.name && (\n        <CardRow\n          icon='ph--buildings--regular'\n          label={organization.name}\n          onClick={onSelect ? () => onSelect(organization) : undefined}\n        />\n      )}\n      {emails?.length && (\n        <dl className={mx(cardText, gridRow, '[&_dt]:text-subdued [&_dt]:pbs-0.5 [&_dd]:min-is-0')}>\n          {emails?.length &&\n            emails.map(({ label, value }) => (\n              <Fragment key={value}>\n                <dt>\n                  <span className='sr-only'>{label}</span>\n                  <Icon icon='ph--at--regular' size={5} />\n                </dt>\n                <dd key={value} className='col-span-2 break-words'>\n                  {value}\n                </dd>\n              </Fragment>\n            ))}\n        </dl>\n      )}\n      {children}\n    </Card.SurfaceRoot>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Button, Icon } from '@dxos/react-ui';\nimport { Card, cardNoSpacing, cardSpacing } from '@dxos/react-ui-stack';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { type PreviewProps } from '../types';\n\nimport { CardSubjectMenu } from './CardSubjectMenu';\n\nexport const gridRow = 'is-full grid grid-cols-[1.5rem_1fr_min-content] gap-2 items-center';\n\n// TODO(burdon): Standardize card grid for common rows.\n\nexport const CardHeader = ({ label, subject, activeSpace }: { label?: string } & PreviewProps) => {\n  return (\n    <div role='none' className={mx('flex items-center gap-2', cardSpacing)}>\n      <Card.Heading classNames={cardNoSpacing}>{label}</Card.Heading>\n      <CardSubjectMenu subject={subject} activeSpace={activeSpace} />\n    </div>\n  );\n};\n\nexport const CardRow = ({ icon, label, onClick }: { icon: string; label: string; onClick?: () => void }) => {\n  if (!onClick) {\n    return (\n      <Card.Chrome>\n        <p data-variant='ghost' className={mx(gridRow, 'dx-button')}>\n          <Icon icon={icon} size={5} classNames='text-subdued' />\n          <span className='min-is-0 flex-1 truncate col-span-2'>{label}</span>\n        </p>\n      </Card.Chrome>\n    );\n  }\n\n  return (\n    <Card.Chrome>\n      <Button variant='ghost' classNames={mx(gridRow, 'text-start')} onClick={onClick}>\n        <Icon icon={icon} size={5} classNames='text-subdued' />\n        <span className='min-is-0 flex-1 truncate'>{label}</span>\n        <Icon icon='ph--arrow-right--regular' />\n      </Button>\n    </Card.Chrome>\n  );\n};\n\nexport const CardLink = ({ label, href }: { label: string; href: string }) => {\n  return (\n    <Card.Chrome>\n      <a\n        className={mx(gridRow, 'dx-button dx-focus-ring')}\n        data-variant='ghost'\n        href={href}\n        target='_blank'\n        rel='noreferrer'\n      >\n        <Icon icon='ph--link--regular' size={5} classNames='text-subdued' />\n        <span className='min-is-0 flex-1 truncate'>{label}</span>\n        <Icon icon='ph--arrow-square-out--regular' />\n      </a>\n    </Card.Chrome>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { Rx } from '@effect-rx/rx-react';\nimport React from 'react';\n\nimport { LayoutAction, createIntent, useIntentDispatcher } from '@dxos/app-framework';\nimport { ACTION_TYPE } from '@dxos/app-graph';\nimport { Obj } from '@dxos/echo';\nimport { SpaceAction } from '@dxos/plugin-space/types';\nimport { fullyQualifiedId } from '@dxos/react-client/echo';\nimport { IconButton, type IconButtonProps, useTranslation } from '@dxos/react-ui';\nimport {\n  type ActionGraphProps,\n  DropdownMenu,\n  type MenuActions,\n  MenuProvider,\n  useMenuActions,\n} from '@dxos/react-ui-menu';\n\nimport { meta } from '../meta';\nimport { type PreviewProps } from '../types';\n\n/**\n * Generic menu for objects; builds menu with common actions.\n */\n// TODO(burdon): Reconcile title and menu with main Card header.\nexport const CardSubjectMenu = ({\n  subject,\n  activeSpace,\n  ...props\n}: PreviewProps & Omit<IconButtonProps, 'icon' | 'label'>) => {\n  const { t } = useTranslation(meta.id);\n  const menuProps = useSubjectMenuGroupItems({ subject, activeSpace });\n\n  if (!activeSpace) {\n    return null;\n  }\n\n  return (\n    <MenuProvider {...menuProps}>\n      <DropdownMenu.Root>\n        <DropdownMenu.Trigger asChild>\n          <IconButton\n            variant='ghost'\n            icon='ph--dots-three-vertical--bold'\n            iconOnly\n            label={t('more options label')}\n            size={5}\n            {...props}\n          />\n        </DropdownMenu.Trigger>\n      </DropdownMenu.Root>\n    </MenuProvider>\n  );\n};\n\nconst useSubjectMenuGroupItems = ({ subject, activeSpace }: PreviewProps): MenuActions => {\n  const { dispatchPromise: dispatch } = useIntentDispatcher();\n  const result: ActionGraphProps = { edges: [], nodes: [] };\n\n  result.nodes.push({\n    type: ACTION_TYPE,\n    id: `${subject.id}/open`,\n    data: () => dispatch(createIntent(LayoutAction.Open, { part: 'main', subject: [fullyQualifiedId(subject)] })),\n    properties: {\n      label: ['open object label', { ns: meta.id }],\n      icon: 'ph--arrow-right--regular',\n    },\n  });\n\n  if (activeSpace && Obj.getDXN(subject).asQueueDXN()) {\n    result.nodes.push({\n      type: ACTION_TYPE,\n      id: `${subject.id}/add-to-space`,\n      // TODO(wittjosiah): Update reference to point to db object when adding?\n      data: () => dispatch(createIntent(SpaceAction.AddObject, { object: subject, target: activeSpace, hidden: true })),\n      properties: {\n        label: ['add object to space label', { ns: meta.id }],\n        icon: 'ph--file-plus--regular',\n      },\n    });\n  }\n\n  result.nodes.forEach(({ id: target }) => {\n    result.edges.push({ source: 'root', target });\n  });\n\n  return useMenuActions(Rx.make(result));\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Card } from '@dxos/react-ui-stack';\nimport { type DataType } from '@dxos/schema';\n\nimport { CardHeader, CardLink } from '../components';\nimport { type PreviewProps } from '../types';\n\nexport const OrganizationCard = ({ children, subject, role, activeSpace }: PreviewProps<DataType.Organization>) => {\n  const { name, image, description, website } = subject;\n\n  return (\n    <Card.SurfaceRoot role={role}>\n      <Card.Poster alt={name ?? ''} {...(image ? { image } : { icon: 'ph--building-office--regular' })} />\n      <CardHeader label={name} subject={subject} activeSpace={activeSpace} />\n      {description && <Card.Text classNames='line-clamp-2'>{description}</Card.Text>}\n      {website && <CardLink label={website} href={website} />}\n      {children}\n    </Card.SurfaceRoot>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Obj } from '@dxos/echo';\nimport { Card } from '@dxos/react-ui-stack';\nimport { type DataType } from '@dxos/schema';\n\nimport { CardHeader } from '../components';\nimport { type PreviewProps } from '../types';\n\nexport const ProjectCard = ({ subject, role, activeSpace }: PreviewProps<DataType.Project>) => {\n  const { name, image, description } = subject;\n\n  return (\n    <Card.SurfaceRoot role={role}>\n      {image && <Card.Poster image={image} alt={Obj.getLabel(subject) ?? ''} aspect='auto' />}\n      <CardHeader label={name} subject={subject} activeSpace={activeSpace} />\n      {description && <Card.Text classNames='line-clamp-2'>{description}</Card.Text>}\n    </Card.SurfaceRoot>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport * as SchemaAST from 'effect/SchemaAST';\nimport React from 'react';\n\nimport { type PropertyMetaAnnotation, PropertyMetaAnnotationId } from '@dxos/echo/internal';\nimport { Card, cardNoSpacing, cardSpacing } from '@dxos/react-ui-stack';\nimport { mx } from '@dxos/react-ui-theme';\nimport { DataType } from '@dxos/schema';\n\nimport { CardSubjectMenu } from '../components';\nimport { type PreviewProps } from '../types';\n\n// TODO(thure): Should this move upstream as a helper? Is there an easier way to get options?\nconst getActiveStatusOption = (status?: string) => {\n  const properties = SchemaAST.getPropertySignatures(DataType.Task.ast);\n  const statusProperty = properties.find((p) => p.name === 'status');\n  const statusMeta = SchemaAST.getAnnotation<PropertyMetaAnnotation>(PropertyMetaAnnotationId)(\n    // TODO(thure): Typescript asserts `.type` doesn’t have `.types`, but in runtime it does.\n    (statusProperty!.type as any).types[0],\n  );\n  const options = // TODO(thure): Typescript asserts `statusMeta` doesn’t have `.value`, but in runtime it does.\n    (statusMeta as any).value.singleSelect.options as { id: string; title: string; color: string }[];\n  return options.find(({ id }) => id === status);\n};\n\nexport const TaskCard = ({ subject, role, activeSpace }: PreviewProps<DataType.Task>) => {\n  const { title, status } = subject;\n  const statusOption = getActiveStatusOption(status);\n\n  return (\n    <Card.SurfaceRoot role={role}>\n      <div role='none' className={mx('flex items-center gap-2', cardSpacing)}>\n        <Card.Heading classNames={[cardNoSpacing, 'min-is-0 flex-1 truncate']}>{title}</Card.Heading>\n        {statusOption && (\n          <span className='dx-tag' data-hue={statusOption.color}>\n            {statusOption.title}\n          </span>\n        )}\n        <CardSubjectMenu subject={subject} activeSpace={activeSpace} />\n      </div>\n    </Card.SurfaceRoot>\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["React", "useCallback", "Capabilities", "LayoutAction", "Surface", "contributes", "createIntent", "createSurface", "useIntentDispatcher", "fullyQualifiedId", "getSchema", "getSpace", "Obj", "setValue", "useActiveSpace", "useTranslation", "Form", "Card", "descriptionMessage", "mx", "DataType", "React", "Fragment", "Avatar", "Icon", "Card", "cardHeading", "cardText", "mx", "React", "Button", "Icon", "Card", "cardNoSpacing", "cardSpacing", "mx", "Rx", "React", "LayoutAction", "createIntent", "useIntentDispatcher", "ACTION_TYPE", "Obj", "SpaceAction", "fullyQualifiedId", "IconButton", "useTranslation", "DropdownMenu", "MenuProvider", "useMenuActions", "CardSubjectMenu", "subject", "activeSpace", "props", "t", "useTranslation", "meta", "id", "menuProps", "useSubjectMenuGroupItems", "MenuProvider", "DropdownMenu", "Root", "Trigger", "asChild", "IconButton", "variant", "icon", "iconOnly", "label", "size", "dispatchPromise", "dispatch", "useIntentDispatcher", "result", "edges", "nodes", "push", "type", "ACTION_TYPE", "data", "createIntent", "LayoutAction", "Open", "part", "fullyQualifiedId", "properties", "ns", "Obj", "getDXN", "asQueueDXN", "SpaceAction", "AddObject", "object", "target", "hidden", "forEach", "source", "useMenuActions", "Rx", "make", "gridRow", "CardHeader", "label", "subject", "activeSpace", "React", "div", "role", "className", "mx", "cardSpacing", "Card", "Heading", "classNames", "cardNoSpacing", "CardSubjectMenu", "CardRow", "icon", "onClick", "Chrome", "p", "data-variant", "Icon", "size", "span", "Button", "variant", "CardLink", "href", "a", "target", "rel", "ContactCard", "children", "role", "subject", "activeSpace", "onSelect", "fullName", "image", "organization", "target", "emails", "React", "Card", "SurfaceRoot", "Avatar", "Root", "Text", "classNames", "mx", "div", "className", "gridRow", "CardSubjectMenu", "Label", "asChild", "h2", "cardHeading", "Content", "imgSrc", "icon", "size", "hue", "variant", "name", "CardRow", "label", "onClick", "undefined", "length", "dl", "cardText", "map", "value", "Fragment", "key", "dt", "span", "Icon", "dd", "React", "Card", "OrganizationCard", "children", "subject", "role", "activeSpace", "name", "image", "description", "website", "React", "Card", "SurfaceRoot", "Poster", "alt", "icon", "CardHeader", "label", "Text", "classNames", "CardLink", "href", "React", "Obj", "Card", "ProjectCard", "subject", "role", "activeSpace", "name", "image", "description", "React", "Card", "SurfaceRoot", "Poster", "alt", "Obj", "getLabel", "aspect", "CardHeader", "label", "Text", "classNames", "SchemaAST", "React", "PropertyMetaAnnotationId", "Card", "cardNoSpacing", "cardSpacing", "mx", "DataType", "getActiveStatusOption", "status", "properties", "getPropertySignatures", "DataType", "Task", "ast", "statusProperty", "find", "p", "name", "statusMeta", "getAnnotation", "PropertyMetaAnnotationId", "type", "types", "options", "value", "singleSelect", "id", "TaskCard", "subject", "role", "activeSpace", "title", "statusOption", "React", "Card", "SurfaceRoot", "div", "className", "mx", "cardSpacing", "Heading", "classNames", "cardNoSpacing", "span", "data-hue", "color", "CardSubjectMenu", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "meta", "role", "filter", "data", "Obj", "instanceOf", "DataType", "Person", "subject", "component", "dispatchPromise", "dispatch", "useIntentDispatcher", "space", "getSpace", "activeSpace", "useActiveSpace", "handleSelect", "useCallback", "org", "createIntent", "LayoutAction", "Open", "part", "fullyQualifiedId", "options", "workspace", "React", "ContactCard", "onSelect", "Surface", "Organization", "OrganizationCard", "Project", "ProjectCard", "Task", "TaskCard", "position", "isObject", "schema", "getSchema", "t", "useTranslation", "p", "className", "mx", "descriptionMessage", "handleSave", "values", "changed", "changedPaths", "Object", "keys", "path", "value", "setValue", "Card", "SurfaceRoot", "Form", "projection", "readonly", "onSave", "autoSave", "outerSpacing"]
+}

package/dist/lib/node-esm/{chunk-2ORSL4GJ.mjs → chunk-L3IZVX56.mjs}

@@ -1,16 +1,14 @@
 import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
 
 // src/meta.ts
-var PREVIEW_PLUGIN = "dxos.org/plugin/preview";
 var meta = {
-  id: PREVIEW_PLUGIN,
+  id: "dxos.org/plugin/preview",
   name: "Preview",
   icon: "ph--eye--regular",
   source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-preview"
 };
 
 export {
-  PREVIEW_PLUGIN,
   meta
 };
-//# sourceMappingURL=chunk-2ORSL4GJ.mjs.map
+//# sourceMappingURL=chunk-L3IZVX56.mjs.map

package/dist/lib/node-esm/chunk-L3IZVX56.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/meta.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const meta: PluginMeta = {\n  id: 'dxos.org/plugin/preview',\n  name: 'Preview',\n  icon: 'ph--eye--regular',\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-preview',\n};\n"],
+  "mappings": ";;;AAMO,IAAMA,OAAmB;EAC9BC,IAAI;EACJC,MAAM;EACNC,MAAM;EACNC,QAAQ;AACV;",
+  "names": ["meta", "id", "name", "icon", "source"]
+}

package/dist/lib/node-esm/index.mjs

@@ -1,8 +1,7 @@
 import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
 import {
-  PREVIEW_PLUGIN,
   meta
-} from "./chunk-2ORSL4GJ.mjs";
+} from "./chunk-L3IZVX56.mjs";
 
 // src/PreviewPlugin.tsx
 import { Capabilities, Events, contributes, defineModule, definePlugin } from "@dxos/app-framework";
@@ -11,8 +10,8 @@ import { DataType } from "@dxos/schema";
 
 // src/capabilities/index.ts
 import { lazy } from "@dxos/app-framework";
-var PreviewPopover = lazy(() => import("./preview-popover-ROGTBCTT.mjs"));
-var ReactSurface = lazy(() => import("./react-surface-Q7F36L3Z.mjs"));
+var PreviewPopover = lazy(() => import("./preview-popover-TZKX67EY.mjs"));
+var ReactSurface = lazy(() => import("./react-surface-XJKNWCPR.mjs"));
 
 // src/translations.ts
 var translations = [
@@ -22,14 +21,17 @@ var translations = [
         "unable to create preview message": "No preview",
         "todo label": "To do",
         "in-progress label": "In progress",
-        "done label": "Done"
+        "done label": "Done",
+        "open object label": "Open",
+        "add object to space label": "Add to space",
+        "more options label": "More options"
       }
     }
   }
 ];
 
 // src/PreviewPlugin.tsx
-var PreviewPlugin = () => definePlugin(meta, [
+var PreviewPlugin = definePlugin(meta, () => [
   defineModule({
     id: `${meta.id}/module/translations`,
     activatesOn: Events.SetupTranslations,
@@ -57,7 +59,6 @@ var PreviewPlugin = () => definePlugin(meta, [
   })
 ]);
 export {
-  PREVIEW_PLUGIN,
   PreviewPlugin,
   meta
 };