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

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

@@ -0,0 +1,498 @@
+import {
+  meta
+} from "./chunk-CEWM5LJG.mjs";
+
+// src/capabilities/react-surface.tsx
+import React7, { useCallback } 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 { 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 { Organization, Person, Project, Task as Task2 } from "@dxos/types";
+
+// src/cards/OrganizationCard.tsx
+import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
+import React3 from "react";
+import { Card as Card2 } from "@dxos/react-ui-stack";
+
+// 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 { Atom } from "@effect-atom/atom-react";
+import React 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 } from "@dxos/echo";
+import { SpaceAction } from "@dxos/plugin-space/types";
+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"),
+      ...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: [
+        Obj.getDXN(subject).toString()
+      ]
+    })),
+    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(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 = _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/OrganizationCard.tsx
+var OrganizationCard = ({ children, subject, role, activeSpace }) => {
+  var _effect = _useSignals3();
+  try {
+    const { name, image, description, website } = subject;
+    return /* @__PURE__ */ React3.createElement(Card2.SurfaceRoot, {
+      id: subject.id,
+      role
+    }, /* @__PURE__ */ React3.createElement(Card2.Poster, {
+      alt: name ?? "",
+      ...image ? {
+        image
+      } : {
+        icon: "ph--building-office--regular"
+      },
+      classNames: !image && "opacity-50"
+    }), /* @__PURE__ */ React3.createElement(CardHeader, {
+      label: name,
+      subject,
+      activeSpace
+    }), description && /* @__PURE__ */ React3.createElement(Card2.Text, {
+      classNames: "line-clamp-2"
+    }, description), website && /* @__PURE__ */ React3.createElement(CardLink, {
+      label: website,
+      href: website
+    }), children);
+  } finally {
+    _effect.f();
+  }
+};
+
+// src/cards/PersonCard.tsx
+import { useSignals as _useSignals4 } from "@preact-signals/safe-react/tracking";
+import React4, { Fragment } from "react";
+import { Avatar, Icon as Icon2 } from "@dxos/react-ui";
+import { Card as Card3, cardHeading, cardText } from "@dxos/react-ui-stack";
+import { mx as mx2 } from "@dxos/react-ui-theme";
+var PersonCard = ({ children, role, subject, activeSpace, onSelect }) => {
+  var _effect = _useSignals4();
+  try {
+    const { fullName, image, organization: { target: organization } = {}, emails = [] } = subject;
+    return /* @__PURE__ */ React4.createElement(Card3.SurfaceRoot, {
+      id: subject.id,
+      role
+    }, /* @__PURE__ */ React4.createElement(Avatar.Root, null, /* @__PURE__ */ React4.createElement(Card3.Text, {
+      role: "group",
+      classNames: mx2("grid gap-2 grid-cols-[1fr_min-content]")
+    }, /* @__PURE__ */ React4.createElement("div", {
+      role: "none",
+      className: mx2(gridRow, "grid-rows-2")
+    }, activeSpace ? /* @__PURE__ */ React4.createElement(CardSubjectMenu, {
+      subject,
+      activeSpace
+    }) : /* @__PURE__ */ React4.createElement("div", null), /* @__PURE__ */ React4.createElement(Avatar.Label, {
+      asChild: true
+    }, /* @__PURE__ */ React4.createElement("h2", {
+      className: mx2(cardHeading, "grow truncate")
+    }, fullName))), /* @__PURE__ */ React4.createElement(Avatar.Content, {
+      imgSrc: image,
+      icon: "ph--user--regular",
+      size: 16,
+      classNames: [
+        "text-subdued",
+        !image && "opacity-50"
+      ],
+      hue: "neutral",
+      variant: "square"
+    }))), organization?.name && /* @__PURE__ */ React4.createElement(CardRow, {
+      icon: "ph--buildings--regular",
+      label: organization.name,
+      onClick: onSelect ? () => onSelect(organization) : void 0
+    }), emails.length > 0 && /* @__PURE__ */ React4.createElement("dl", {
+      className: mx2(cardText, gridRow, "[&_dt]:text-subdued [&_dt]:pbs-0.5 [&_dd]:min-is-0")
+    }, emails.map(({ label, value }) => /* @__PURE__ */ React4.createElement(Fragment, {
+      key: value
+    }, /* @__PURE__ */ React4.createElement("dt", null, /* @__PURE__ */ React4.createElement("span", {
+      className: "sr-only"
+    }, label), /* @__PURE__ */ React4.createElement(Icon2, {
+      icon: "ph--at--regular",
+      size: 5
+    })), /* @__PURE__ */ React4.createElement("dd", {
+      key: value,
+      className: "col-span-2 break-words"
+    }, value)))), 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, {
+      id: subject.id,
+      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 { 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 = _useSignals6();
+  try {
+    const { title, status } = subject;
+    const statusOption = getActiveStatusOption(status);
+    return /* @__PURE__ */ React6.createElement(Card5.SurfaceRoot, {
+      id: subject.id,
+      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.
+  // TODO(burdon): Create helpers and factor out.
+  //
+  // TODO(burdon): Infer Role type.
+  createSurface({
+    id: `${meta.id}/schema-popover--contact`,
+    role: SurfaceCardRole.literals,
+    filter: (data) => Obj3.instanceOf(Person.Person, data.subject),
+    component: ({ data, role }) => {
+      const { dispatchPromise: dispatch } = useIntentDispatcher2();
+      const space = getSpace(data.subject);
+      const activeSpace = useActiveSpace();
+      const handleSelect = useCallback((object) => dispatch(createIntent2(LayoutAction2.Open, {
+        part: "main",
+        subject: [
+          Obj3.getDXN(object).toString()
+        ],
+        options: {
+          workspace: space?.id
+        }
+      })), [
+        dispatch
+      ]);
+      return /* @__PURE__ */ React7.createElement(PersonCard, {
+        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: SurfaceCardRole.literals,
+    filter: (data) => Obj3.instanceOf(Organization.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: SurfaceCardRole.literals,
+    filter: (data) => Obj3.instanceOf(Project.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: SurfaceCardRole.literals,
+    filter: (data) => Obj3.instanceOf(Task2.Task, data.subject),
+    component: ({ data, role }) => {
+      return /* @__PURE__ */ React7.createElement(TaskCard, {
+        subject: data.subject,
+        role
+      });
+    }
+  }),
+  //
+  // Fallback for any object.
+  //
+  createSurface({
+    id: `${meta.id}/fallback-popover`,
+    role: SurfaceCardRole.literals,
+    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, {
+        id: data.subject.id,
+        schema,
+        projection: data.projection,
+        values: data.subject,
+        readonly: role === "card--popover" ? "static" : false,
+        onSave: handleSave,
+        autoSave: true,
+        ...role === "card--intrinsic" && {
+          outerSpacing: "blockStart-0"
+        }
+      }));
+    }
+  }),
+  createSurface({
+    id: `${meta.id}/section`,
+    role: [
+      "section"
+    ],
+    position: "fallback",
+    filter: (data) => Obj3.isObject(data.subject),
+    component: ({ data }) => {
+      return /* @__PURE__ */ React7.createElement("div", {
+        role: "none",
+        className: "flex is-full justify-center"
+      }, /* @__PURE__ */ React7.createElement("div", {
+        role: "none",
+        className: "pbs-2 pbe-2 card-min-width card-max-width"
+      }, /* @__PURE__ */ React7.createElement(Surface, {
+        role: "card",
+        data,
+        limit: 1
+      })));
+    }
+  })
+]));
+export {
+  react_surface_default as default
+};
+//# sourceMappingURL=react-surface-LRMZKOJS.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/react-surface.tsx", "../../../src/cards/OrganizationCard.tsx", "../../../src/components/CardComponents.tsx", "../../../src/components/CardSubjectMenu.tsx", "../../../src/cards/PersonCard.tsx", "../../../src/cards/ProjectCard.tsx", "../../../src/cards/TaskCard.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback } from 'react';\n\nimport { Capabilities, LayoutAction, contributes, createIntent, createSurface } from '@dxos/app-framework';\nimport { Surface, SurfaceCardRole, useIntentDispatcher } from '@dxos/app-framework/react';\nimport { 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 { type ProjectionModel } from '@dxos/schema';\nimport { Organization, Person, Project, Task } from '@dxos/types';\n\nimport { OrganizationCard, PersonCard, ProjectCard, TaskCard } from '../cards';\nimport { meta } from '../meta';\nimport { type CardPreviewProps } from '../types';\n\nexport default () =>\n  contributes(Capabilities.ReactSurface, [\n    //\n    // Specific schema types.\n    // TODO(burdon): Create helpers and factor out.\n    //\n\n    // TODO(burdon): Infer Role type.\n    createSurface<{ subject: Person.Person }>({\n      id: `${meta.id}/schema-popover--contact`,\n      role: SurfaceCardRole.literals as any,\n      filter: (data): data is { subject: Person.Person } => Obj.instanceOf(Person.Person, data.subject),\n      component: ({ data, role }) => {\n        const { dispatchPromise: dispatch } = useIntentDispatcher();\n        const space = getSpace(data.subject);\n        const activeSpace = useActiveSpace(); // TODO(burdon): Disambiguate with space?\n        const handleSelect = useCallback<NonNullable<CardPreviewProps['onSelect']>>(\n          (object) =>\n            dispatch(\n              createIntent(LayoutAction.Open, {\n                part: 'main',\n                subject: [Obj.getDXN(object).toString()],\n                options: {\n                  workspace: space?.id,\n                },\n              }),\n            ),\n          [dispatch],\n        );\n\n        return (\n          <PersonCard\n            role={role as SurfaceCardRole}\n            subject={data.subject}\n            activeSpace={activeSpace}\n            onSelect={handleSelect}\n          >\n            {role === 'card--popover' && <Surface role='related' data={data} />}\n          </PersonCard>\n        );\n      },\n    }),\n    createSurface({\n      id: `${meta.id}/schema-popover--organization`,\n      role: SurfaceCardRole.literals as any,\n      filter: (data): data is { subject: Organization.Organization } =>\n        Obj.instanceOf(Organization.Organization, data.subject),\n      component: ({ data, role }) => {\n        const activeSpace = useActiveSpace();\n        return (\n          <OrganizationCard role={role as SurfaceCardRole} 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: SurfaceCardRole.literals as any,\n      filter: (data): data is { subject: Project.Project } => Obj.instanceOf(Project.Project, data.subject),\n      component: ({ data, role }) => {\n        const activeSpace = useActiveSpace();\n        return <ProjectCard subject={data.subject} role={role as SurfaceCardRole} activeSpace={activeSpace} />;\n      },\n    }),\n    createSurface({\n      id: `${meta.id}/schema-popover--task`,\n      role: SurfaceCardRole.literals as any,\n      filter: (data): data is { subject: Task.Task } => Obj.instanceOf(Task.Task, data.subject),\n      component: ({ data, role }) => {\n        return <TaskCard subject={data.subject} role={role as SurfaceCardRole} />;\n      },\n    }),\n\n    //\n    // Fallback for any object.\n    //\n\n    createSurface({\n      id: `${meta.id}/fallback-popover`,\n      role: SurfaceCardRole.literals as any,\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              id={data.subject.id}\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' && {\n                outerSpacing: 'blockStart-0',\n              })}\n            />\n          </Card.SurfaceRoot>\n        );\n      },\n    }),\n\n    createSurface({\n      id: `${meta.id}/section`,\n      role: ['section'],\n      position: 'fallback',\n      filter: (data): data is { subject: Obj.Any } => Obj.isObject(data.subject),\n      component: ({ data }) => {\n        return (\n          <div role='none' className='flex is-full justify-center'>\n            <div role='none' className='pbs-2 pbe-2 card-min-width card-max-width'>\n              <Surface role='card' data={data} limit={1} />\n            </div>\n          </div>\n        );\n      },\n    }),\n  ]);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Card } from '@dxos/react-ui-stack';\nimport { type Organization } from '@dxos/types';\n\nimport { CardHeader, CardLink } from '../components';\nimport { type CardPreviewProps } from '../types';\n\nexport const OrganizationCard = ({\n  children,\n  subject,\n  role,\n  activeSpace,\n}: CardPreviewProps<Organization.Organization>) => {\n  const { name, image, description, website } = subject;\n\n  return (\n    <Card.SurfaceRoot id={subject.id} role={role}>\n      <Card.Poster\n        alt={name ?? ''}\n        {...(image ? { image } : { icon: 'ph--building-office--regular' })}\n        classNames={!image && 'opacity-50'}\n      />\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 { 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 CardPreviewProps } 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 } & CardPreviewProps) => {\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 { Atom } from '@effect-atom/atom-react';\nimport React from 'react';\n\nimport { LayoutAction, createIntent } from '@dxos/app-framework';\nimport { useIntentDispatcher } from '@dxos/app-framework/react';\nimport { ACTION_TYPE } from '@dxos/app-graph';\nimport { Obj } from '@dxos/echo';\nimport { SpaceAction } from '@dxos/plugin-space/types';\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 CardPreviewProps } 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}: CardPreviewProps & 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            {...props}\n          />\n        </DropdownMenu.Trigger>\n      </DropdownMenu.Root>\n    </MenuProvider>\n  );\n};\n\nconst useSubjectMenuGroupItems = ({ subject, activeSpace }: CardPreviewProps): 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: () =>\n      dispatch(\n        createIntent(LayoutAction.Open, {\n          part: 'main',\n          subject: [Obj.getDXN(subject).toString()],\n        }),\n      ),\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: () =>\n        dispatch(\n          createIntent(SpaceAction.AddObject, {\n            object: subject,\n            target: activeSpace,\n            hidden: true,\n          }),\n        ),\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(Atom.make(result));\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 Person } from '@dxos/types';\n\nimport { CardRow, CardSubjectMenu, gridRow } from '../components';\nimport { type CardPreviewProps } from '../types';\n\nexport const PersonCard = ({ children, role, subject, activeSpace, onSelect }: CardPreviewProps<Person.Person>) => {\n  const { fullName, image, organization: { target: organization } = {}, emails = [] } = subject;\n\n  return (\n    <Card.SurfaceRoot id={subject.id} 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\n            imgSrc={image}\n            icon='ph--user--regular'\n            size={16}\n            classNames={['text-subdued', !image && 'opacity-50']}\n            hue='neutral'\n            variant='square'\n          />\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 > 0 && (\n        <dl className={mx(cardText, gridRow, '[&_dt]:text-subdued [&_dt]:pbs-0.5 [&_dd]:min-is-0')}>\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 { Obj } from '@dxos/echo';\nimport { Card } from '@dxos/react-ui-stack';\nimport { type Project } from '@dxos/types';\n\nimport { CardHeader } from '../components';\nimport { type CardPreviewProps } from '../types';\n\nexport const ProjectCard = ({ subject, role, activeSpace }: CardPreviewProps<Project.Project>) => {\n  const { name, image, description } = subject;\n\n  return (\n    <Card.SurfaceRoot id={subject.id} 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 { Task } from '@dxos/types';\n\nimport { CardSubjectMenu } from '../components';\nimport { type CardPreviewProps } 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(Task.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 }: CardPreviewProps<Task.Task>) => {\n  const { title, status } = subject;\n  const statusOption = getActiveStatusOption(status);\n\n  return (\n    <Card.SurfaceRoot id={subject.id} 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", "contributes", "createIntent", "createSurface", "Surface", "SurfaceCardRole", "useIntentDispatcher", "getSchema", "getSpace", "Obj", "setValue", "useActiveSpace", "useTranslation", "Form", "Card", "descriptionMessage", "mx", "Organization", "Person", "Project", "Task", "React", "Card", "React", "Button", "Icon", "Card", "cardNoSpacing", "cardSpacing", "mx", "Atom", "React", "LayoutAction", "createIntent", "useIntentDispatcher", "ACTION_TYPE", "Obj", "SpaceAction", "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", "dispatchPromise", "dispatch", "useIntentDispatcher", "result", "edges", "nodes", "push", "type", "ACTION_TYPE", "data", "createIntent", "LayoutAction", "Open", "part", "Obj", "getDXN", "toString", "properties", "ns", "asQueueDXN", "SpaceAction", "AddObject", "object", "target", "hidden", "forEach", "source", "useMenuActions", "Atom", "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", "OrganizationCard", "children", "subject", "role", "activeSpace", "name", "image", "description", "website", "React", "Card", "SurfaceRoot", "id", "Poster", "alt", "icon", "classNames", "CardHeader", "label", "Text", "CardLink", "href", "React", "Fragment", "Avatar", "Icon", "Card", "cardHeading", "cardText", "mx", "PersonCard", "children", "role", "subject", "activeSpace", "onSelect", "fullName", "image", "organization", "target", "emails", "React", "Card", "SurfaceRoot", "id", "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", "Obj", "Card", "ProjectCard", "subject", "role", "activeSpace", "name", "image", "description", "React", "Card", "SurfaceRoot", "id", "Poster", "alt", "Obj", "getLabel", "aspect", "CardHeader", "label", "Text", "classNames", "SchemaAST", "React", "PropertyMetaAnnotationId", "Card", "cardNoSpacing", "cardSpacing", "mx", "Task", "getActiveStatusOption", "status", "properties", "getPropertySignatures", "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", "SurfaceCardRole", "literals", "filter", "data", "Obj", "instanceOf", "Person", "subject", "component", "dispatchPromise", "dispatch", "useIntentDispatcher", "space", "getSpace", "activeSpace", "useActiveSpace", "handleSelect", "useCallback", "object", "createIntent", "LayoutAction", "Open", "part", "getDXN", "toString", "options", "workspace", "React", "PersonCard", "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", "div", "limit"]
+}

package/dist/lib/node-esm/chunk-Q5MUNELK.mjs

@@ -0,0 +1,19 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+
+// src/meta.ts
+import { trim } from "@dxos/util";
+var meta = {
+  id: "dxos.org/plugin/preview",
+  name: "Preview",
+  description: trim`
+    Rich preview panel for viewing object content without opening full editors.
+    Quick peek at documents, images, and data with inline rendering.
+  `,
+  icon: "ph--eye--regular",
+  source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-preview"
+};
+
+export {
+  meta
+};
+//# sourceMappingURL=chunk-Q5MUNELK.mjs.map

package/dist/lib/node-esm/chunk-Q5MUNELK.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';\nimport { trim } from '@dxos/util';\n\nexport const meta: PluginMeta = {\n  id: 'dxos.org/plugin/preview',\n  name: 'Preview',\n  description: trim`\n    Rich preview panel for viewing object content without opening full editors.\n    Quick peek at documents, images, and data with inline rendering.\n  `,\n  icon: 'ph--eye--regular',\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-preview',\n};\n"],
+  "mappings": ";;;AAKA,SAASA,YAAY;AAEd,IAAMC,OAAmB;EAC9BC,IAAI;EACJC,MAAM;EACNC,aAAaC;;;;EAIbC,MAAM;EACNC,QAAQ;AACV;",
+  "names": ["trim", "meta", "id", "name", "description", "trim", "icon", "source"]
+}

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

@@ -1,18 +1,17 @@
 import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
 import {
-  PREVIEW_PLUGIN,
   meta
-} from "./chunk-2ORSL4GJ.mjs";
+} from "./chunk-Q5MUNELK.mjs";
 
 // src/PreviewPlugin.tsx
 import { Capabilities, Events, contributes, defineModule, definePlugin } from "@dxos/app-framework";
 import { ClientCapabilities, ClientEvents } from "@dxos/plugin-client";
-import { DataType } from "@dxos/schema";
+import { Organization, Person } from "@dxos/types";
 
 // src/capabilities/index.ts
 import { lazy } from "@dxos/app-framework";
-var PreviewPopover = lazy(() => import("./preview-popover-6GFVXZGN.mjs"));
-var ReactSurface = lazy(() => import("./react-surface-Q7F36L3Z.mjs"));
+var PreviewPopover = lazy(() => import("./preview-popover-CH2LDYWM.mjs"));
+var ReactSurface = lazy(() => import("./react-surface-65UVGBIZ.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,
@@ -40,8 +42,8 @@ var PreviewPlugin = () => definePlugin(meta, [
     activatesOn: ClientEvents.SetupSchema,
     activate: () => [
       contributes(ClientCapabilities.Schema, [
-        DataType.Person,
-        DataType.Organization
+        Person.Person,
+        Organization.Organization
       ])
     ]
   }),
@@ -57,7 +59,6 @@ var PreviewPlugin = () => definePlugin(meta, [
   })
 ]);
 export {
-  PREVIEW_PLUGIN,
   PreviewPlugin,
   meta
 };