@dxos/plugin-preview 0.8.4-main.f5c0578 → 0.8.4-main.fcfe5033a5

package/dist/lib/node-esm/react-surface-4C44XCLH.mjs

@@ -1,380 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-import {
-  PREVIEW_PLUGIN
-} from "./chunk-2ORSL4GJ.mjs";
-
-// src/capabilities/react-surface.tsx
-import { Effect } from "effect";
-import React5, { useCallback } from "react";
-import { Capabilities, LayoutAction, Surface, contributes, createIntent, createSurface, useIntentDispatcher } from "@dxos/app-framework";
-import { fullyQualifiedId, getSchema, getSpace } from "@dxos/client/echo";
-import { Filter, Obj } from "@dxos/echo";
-import { setValue } from "@dxos/echo-schema";
-import { AttentionAction } from "@dxos/plugin-attention/types";
-import { ATTENDABLE_PATH_SEPARATOR, DeckAction } from "@dxos/plugin-deck/types";
-import { useQuery, useSpace } from "@dxos/react-client/echo";
-import { useTranslation as useTranslation2 } from "@dxos/react-ui";
-import { Form } from "@dxos/react-ui-form";
-import { Card as Card4 } from "@dxos/react-ui-stack";
-import { TableView } from "@dxos/react-ui-table/types";
-import { descriptionMessage, mx as mx4 } from "@dxos/react-ui-theme";
-import { DataType } from "@dxos/schema";
-
-// src/components/ContactCard.tsx
-import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
-import React2, { Fragment } from "react";
-import { Avatar, Button, Icon } from "@dxos/react-ui";
-import { Card, cardHeading, cardText } from "@dxos/react-ui-stack";
-import { mx } from "@dxos/react-ui-theme";
-
-// src/components/CardSubjectMenu.tsx
-import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
-import { Rx } from "@effect-rx/rx-react";
-import React from "react";
-import { ACTION_TYPE } from "@dxos/app-graph";
-import { IconButton, useTranslation } from "@dxos/react-ui";
-import { DropdownMenu, MenuProvider, useMenuActions } from "@dxos/react-ui-menu";
-var useSubjectMenuGroupItems = (subject) => {
-  const result = {
-    edges: [],
-    nodes: []
-  };
-  result.nodes.push({
-    type: ACTION_TYPE,
-    id: `${subject.id}/add-to-space`,
-    data: () => console.log("[TO DO]", "add object to space", subject),
-    properties: {
-      label: [
-        "add object to space label",
-        {
-          ns: "os"
-        }
-      ],
-      icon: "ph--file-plus--regular"
-    }
-  });
-  result.nodes.forEach(({ id: target }) => {
-    result.edges.push({
-      source: "root",
-      target
-    });
-  });
-  return useMenuActions(Rx.make(result));
-};
-var CardSubjectMenu = ({ subject, ...props }) => {
-  var _effect = _useSignals();
-  try {
-    const { t } = useTranslation("os");
-    const menuProps = useSubjectMenuGroupItems(subject);
-    return /* @__PURE__ */ React.createElement(MenuProvider, menuProps, /* @__PURE__ */ React.createElement(DropdownMenu.Root, null, /* @__PURE__ */ React.createElement(DropdownMenu.Trigger, {
-      asChild: true
-    }, /* @__PURE__ */ React.createElement(IconButton, {
-      iconOnly: true,
-      variant: "ghost",
-      icon: "ph--dots-three-vertical--bold",
-      label: t("more options label"),
-      ...props
-    }))));
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/components/ContactCard.tsx
-var ContactCard = ({ children, subject, onOrgClick, role }) => {
-  var _effect = _useSignals2();
-  try {
-    const { fullName, image, organization, emails } = subject;
-    const organizationName = organization && typeof organization === "object" ? organization.target?.name : organization;
-    return /* @__PURE__ */ React2.createElement(Card.SurfaceRoot, {
-      role
-    }, /* @__PURE__ */ React2.createElement(Avatar.Root, null, /* @__PURE__ */ React2.createElement(Card.Text, {
-      role: "group",
-      classNames: "grid gap-3 grid-cols-[min-content_1fr]"
-    }, /* @__PURE__ */ React2.createElement(Avatar.Content, {
-      imgSrc: image,
-      icon: "ph--user--regular",
-      size: 16,
-      hue: "neutral"
-    }), /* @__PURE__ */ React2.createElement("div", {
-      role: "none",
-      className: "bs-min self-center flex items-center"
-    }, /* @__PURE__ */ React2.createElement(Avatar.Label, {
-      asChild: true
-    }, /* @__PURE__ */ React2.createElement("h2", {
-      className: mx(cardHeading, "grow")
-    }, fullName)), /* @__PURE__ */ React2.createElement(CardSubjectMenu, {
-      subject
-    })))), organizationName && /* @__PURE__ */ React2.createElement(Card.Chrome, null, typeof organization === "object" && onOrgClick ? /* @__PURE__ */ React2.createElement(Button, {
-      variant: "ghost",
-      classNames: "gap-2 text-start",
-      onClick: () => onOrgClick(organization.target)
-    }, /* @__PURE__ */ React2.createElement(Icon, {
-      icon: "ph--buildings--regular",
-      size: 5,
-      classNames: "text-subdued"
-    }), /* @__PURE__ */ React2.createElement("span", {
-      className: "min-is-0 flex-1 truncate"
-    }, organizationName), /* @__PURE__ */ React2.createElement(Icon, {
-      icon: "ph--arrow-right--regular"
-    })) : /* @__PURE__ */ React2.createElement("p", {
-      className: "dx-button gap-2",
-      "data-variant": "ghost"
-    }, /* @__PURE__ */ React2.createElement(Icon, {
-      icon: "ph--buildings--regular",
-      size: 5,
-      classNames: "text-subdued"
-    }), /* @__PURE__ */ React2.createElement("span", {
-      className: "min-is-0 flex-1 truncate"
-    }, organizationName))), emails?.length && /* @__PURE__ */ React2.createElement("dl", {
-      className: mx(cardText, "grid gap-2 grid-cols-[min-content_1fr] [&_dt]:text-subdued [&_dt]:pbs-0.5 [&_dd]:min-is-0")
-    }, emails?.length && emails.map(({ label, value }) => /* @__PURE__ */ React2.createElement(Fragment, {
-      key: value
-    }, /* @__PURE__ */ React2.createElement("dt", null, /* @__PURE__ */ React2.createElement(Icon, {
-      icon: "ph--at--regular",
-      size: 5
-    })), /* @__PURE__ */ React2.createElement("dd", {
-      key: value,
-      className: "break-words"
-    }, value)))), children);
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/components/OrganizationCard.tsx
-import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
-import React3 from "react";
-import { Icon as Icon2 } from "@dxos/react-ui";
-import { Card as Card2, cardNoSpacing, cardSpacing } from "@dxos/react-ui-stack";
-import { mx as mx2 } from "@dxos/react-ui-theme";
-var OrganizationCard = ({ children, subject, role }) => {
-  var _effect = _useSignals3();
-  try {
-    const { name, image, description, website } = subject;
-    return /* @__PURE__ */ React3.createElement(Card2.SurfaceRoot, {
-      role
-    }, /* @__PURE__ */ React3.createElement(Card2.Poster, {
-      alt: name,
-      ...image ? {
-        image
-      } : {
-        icon: "ph--building-office--regular"
-      }
-    }), /* @__PURE__ */ React3.createElement("div", {
-      role: "none",
-      className: mx2("flex items-center gap-2", cardSpacing)
-    }, /* @__PURE__ */ React3.createElement(Card2.Heading, {
-      classNames: cardNoSpacing
-    }, name), /* @__PURE__ */ React3.createElement(CardSubjectMenu, {
-      subject
-    })), description && /* @__PURE__ */ React3.createElement(Card2.Text, {
-      classNames: "line-clamp-2"
-    }, description), website && /* @__PURE__ */ React3.createElement(Card2.Chrome, null, /* @__PURE__ */ React3.createElement("a", {
-      className: "dx-button dx-focus-ring gap-2",
-      "data-variant": "ghost",
-      href: website,
-      target: "_blank",
-      rel: "noreferrer"
-    }, /* @__PURE__ */ React3.createElement(Icon2, {
-      icon: "ph--link--regular",
-      size: 5,
-      classNames: "text-subdued"
-    }), /* @__PURE__ */ React3.createElement("span", {
-      className: "grow"
-    }, website), /* @__PURE__ */ React3.createElement(Icon2, {
-      icon: "ph--arrow-square-out--regular"
-    }))), children);
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/components/ProjectCard.tsx
-import { useSignals as _useSignals4 } from "@preact-signals/safe-react/tracking";
-import React4 from "react";
-import { Card as Card3, cardNoSpacing as cardNoSpacing2, cardSpacing as cardSpacing2 } from "@dxos/react-ui-stack";
-import { mx as mx3 } from "@dxos/react-ui-theme";
-var ProjectCard = ({ subject, role }) => {
-  var _effect = _useSignals4();
-  try {
-    const { name, image, description } = subject;
-    return /* @__PURE__ */ React4.createElement(Card3.SurfaceRoot, {
-      role
-    }, image && /* @__PURE__ */ React4.createElement(Card3.Poster, {
-      image,
-      alt: name,
-      aspect: "auto"
-    }), /* @__PURE__ */ React4.createElement("div", {
-      role: "none",
-      className: mx3("flex items-center gap-2", cardSpacing2)
-    }, /* @__PURE__ */ React4.createElement(Card3.Heading, {
-      classNames: cardNoSpacing2
-    }, name), /* @__PURE__ */ React4.createElement(CardSubjectMenu, {
-      subject
-    })), description && /* @__PURE__ */ React4.createElement(Card3.Text, {
-      classNames: "line-clamp-2"
-    }, description));
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/capabilities/react-surface.tsx
-var react_surface_default = () => contributes(Capabilities.ReactSurface, [
-  //
-  // Specific schema types.
-  //
-  createSurface({
-    id: `${PREVIEW_PLUGIN}/schema-popover--contact`,
-    role: [
-      "card--popover",
-      "card--intrinsic",
-      "card--transclusion",
-      "card--extrinsic",
-      "card"
-    ],
-    filter: (data) => Obj.instanceOf(DataType.Person, data.subject),
-    component: ({ data, role }) => {
-      const { dispatch } = useIntentDispatcher();
-      const space = getSpace(data.subject);
-      const defaultSpace = useSpace();
-      const currentSpaceOrgs = useQuery(space, Filter.type(DataType.Organization));
-      const currentSpaceViews = useQuery(space, Filter.type(DataType.View));
-      const defaultSpaceViews = useQuery(defaultSpace, Filter.type(DataType.View));
-      const currentSpaceOrgTable = currentSpaceViews.find((view) => view.query.typename === DataType.Organization.typename && Obj.instanceOf(TableView, view.presentation.target));
-      const defaultSpaceOrgTable = defaultSpaceViews.find((view) => view.query.typename === DataType.Organization.typename && Obj.instanceOf(TableView, view.presentation.target));
-      const handleOrgClick = useCallback((org) => Effect.gen(function* () {
-        const view = currentSpaceOrgs.includes(org) ? currentSpaceOrgTable : defaultSpaceOrgTable;
-        yield* dispatch(createIntent(LayoutAction.UpdatePopover, {
-          part: "popover",
-          options: {
-            state: false,
-            anchorId: ""
-          }
-        }));
-        if (view) {
-          const id = fullyQualifiedId(view);
-          yield* dispatch(createIntent(LayoutAction.Open, {
-            part: "main",
-            subject: [
-              id
-            ],
-            options: {
-              workspace: space?.id
-            }
-          }));
-          yield* dispatch(createIntent(DeckAction.ChangeCompanion, {
-            primary: id,
-            companion: [
-              id,
-              "selected-objects"
-            ].join(ATTENDABLE_PATH_SEPARATOR)
-          }));
-          yield* dispatch(createIntent(AttentionAction.Select, {
-            contextId: id,
-            selection: {
-              mode: "multi",
-              ids: [
-                org.id
-              ]
-            }
-          }));
-        }
-      }).pipe(Effect.runPromise), [
-        dispatch,
-        currentSpaceOrgs,
-        currentSpaceOrgTable,
-        defaultSpaceOrgTable
-      ]);
-      return /* @__PURE__ */ React5.createElement(ContactCard, {
-        role,
-        subject: data.subject,
-        onOrgClick: handleOrgClick
-      }, role === "card--popover" && /* @__PURE__ */ React5.createElement(Surface, {
-        role: "related",
-        data
-      }));
-    }
-  }),
-  createSurface({
-    id: `${PREVIEW_PLUGIN}/schema-popover--organization`,
-    role: [
-      "card--popover",
-      "card--intrinsic",
-      "card--transclusion",
-      "card--extrinsic",
-      "card"
-    ],
-    filter: (data) => Obj.instanceOf(DataType.Organization, data.subject),
-    component: ({ data, role }) => /* @__PURE__ */ React5.createElement(OrganizationCard, {
-      role,
-      subject: data.subject
-    }, role === "card--popover" && /* @__PURE__ */ React5.createElement(Surface, {
-      role: "related",
-      data
-    }))
-  }),
-  createSurface({
-    id: `${PREVIEW_PLUGIN}/schema-popover--project`,
-    role: [
-      "card--popover",
-      "card--intrinsic",
-      "card--transclusion",
-      "card--extrinsic",
-      "card"
-    ],
-    filter: (data) => Obj.instanceOf(DataType.Project, data.subject),
-    component: ({ data, role }) => /* @__PURE__ */ React5.createElement(ProjectCard, {
-      subject: data.subject,
-      role
-    })
-  }),
-  //
-  // Fallback for any object.
-  //
-  createSurface({
-    id: `${PREVIEW_PLUGIN}/fallback-popover`,
-    role: [
-      "card--popover",
-      "card--intrinsic",
-      "card--transclusion",
-      "card--extrinsic",
-      "card"
-    ],
-    position: "fallback",
-    filter: (data) => Obj.isObject(data.subject),
-    component: ({ data, role }) => {
-      const schema = getSchema(data.subject);
-      const { t } = useTranslation2(PREVIEW_PLUGIN);
-      if (!schema) {
-        return /* @__PURE__ */ React5.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__ */ React5.createElement(Card4.SurfaceRoot, {
-        role
-      }, /* @__PURE__ */ React5.createElement(Form, {
-        schema,
-        values: data.subject,
-        readonly: role === "card--popover",
-        onSave: handleSave,
-        autoSave: true,
-        ...role === "card--intrinsic" && {
-          outerSpacing: "blockStart-0"
-        }
-      }));
-    }
-  })
-]);
-export {
-  react_surface_default as default
-};
-//# sourceMappingURL=react-surface-4C44XCLH.mjs.map

package/dist/lib/node-esm/react-surface-4C44XCLH.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/react-surface.tsx", "../../../src/components/ContactCard.tsx", "../../../src/components/CardSubjectMenu.tsx", "../../../src/components/OrganizationCard.tsx", "../../../src/components/ProjectCard.tsx"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Effect } from 'effect';\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 { Filter, Obj } from '@dxos/echo';\nimport { type JsonPath, setValue } from '@dxos/echo-schema';\nimport { AttentionAction } from '@dxos/plugin-attention/types';\nimport { ATTENDABLE_PATH_SEPARATOR, DeckAction } from '@dxos/plugin-deck/types';\nimport { useQuery, useSpace } from '@dxos/react-client/echo';\nimport { useTranslation } from '@dxos/react-ui';\nimport { Form } from '@dxos/react-ui-form';\nimport { Card } from '@dxos/react-ui-stack';\nimport { TableView } from '@dxos/react-ui-table/types';\nimport { descriptionMessage, mx } from '@dxos/react-ui-theme';\nimport { DataType } from '@dxos/schema';\n\nimport { ContactCard, OrganizationCard, ProjectCard } from '../components';\nimport { PREVIEW_PLUGIN } from '../meta';\n\nexport default () =>\n  contributes(Capabilities.ReactSurface, [\n    //\n    // Specific schema types.\n    //\n    createSurface({\n      id: `${PREVIEW_PLUGIN}/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 { dispatch } = useIntentDispatcher();\n        const space = getSpace(data.subject);\n        const defaultSpace = useSpace();\n\n        const currentSpaceOrgs = useQuery(space, Filter.type(DataType.Organization));\n        const currentSpaceViews = useQuery(space, Filter.type(DataType.View));\n        const defaultSpaceViews = useQuery(defaultSpace, Filter.type(DataType.View));\n        const currentSpaceOrgTable = currentSpaceViews.find(\n          (view) =>\n            view.query.typename === DataType.Organization.typename &&\n            Obj.instanceOf(TableView, view.presentation.target),\n        );\n        const defaultSpaceOrgTable = defaultSpaceViews.find(\n          (view) =>\n            view.query.typename === DataType.Organization.typename &&\n            Obj.instanceOf(TableView, view.presentation.target),\n        );\n\n        // TODO(wittjosiah): Generalized way of handling related objects navigation.\n        const handleOrgClick = useCallback(\n          (org: DataType.Organization) =>\n            Effect.gen(function* () {\n              const view = currentSpaceOrgs.includes(org) ? currentSpaceOrgTable : defaultSpaceOrgTable;\n              yield* dispatch(\n                createIntent(LayoutAction.UpdatePopover, {\n                  part: 'popover',\n                  options: {\n                    state: false,\n                    anchorId: '',\n                  },\n                }),\n              );\n              if (view) {\n                const id = fullyQualifiedId(view);\n                yield* dispatch(\n                  createIntent(LayoutAction.Open, {\n                    part: 'main',\n                    subject: [id],\n                    options: { workspace: space?.id },\n                  }),\n                );\n                yield* dispatch(\n                  createIntent(DeckAction.ChangeCompanion, {\n                    primary: id,\n                    companion: [id, 'selected-objects'].join(ATTENDABLE_PATH_SEPARATOR),\n                  }),\n                );\n                yield* dispatch(\n                  createIntent(AttentionAction.Select, {\n                    contextId: id,\n                    selection: { mode: 'multi', ids: [org.id] },\n                  }),\n                );\n              }\n            }).pipe(Effect.runPromise),\n          [dispatch, currentSpaceOrgs, currentSpaceOrgTable, defaultSpaceOrgTable],\n        );\n\n        return (\n          <ContactCard role={role} subject={data.subject} onOrgClick={handleOrgClick}>\n            {role === 'card--popover' && <Surface role='related' data={data} />}\n          </ContactCard>\n        );\n      },\n    }),\n    createSurface({\n      id: `${PREVIEW_PLUGIN}/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        <OrganizationCard role={role} subject={data.subject}>\n          {role === 'card--popover' && <Surface role='related' data={data} />}\n        </OrganizationCard>\n      ),\n    }),\n    createSurface({\n      id: `${PREVIEW_PLUGIN}/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 }) => <ProjectCard subject={data.subject} role={role} />,\n    }),\n\n    //\n    // Fallback for any object.\n    //\n    createSurface({\n      id: `${PREVIEW_PLUGIN}/fallback-popover`,\n      role: ['card--popover', 'card--intrinsic', 'card--transclusion', 'card--extrinsic', 'card'],\n      position: 'fallback',\n      filter: (data): data is { subject: Obj.Any } => Obj.isObject(data.subject),\n      component: ({ data, role }) => {\n        const schema = getSchema(data.subject);\n        const { t } = useTranslation(PREVIEW_PLUGIN);\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              values={data.subject}\n              readonly={role === 'card--popover'}\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, Button, 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 { type PreviewProps } from '../types';\n\nimport { CardSubjectMenu } from './CardSubjectMenu';\n\nexport const ContactCard = ({\n  children,\n  subject,\n  onOrgClick,\n  role,\n}: PreviewProps<DataType.Person> & { onOrgClick?: (org: DataType.Organization) => void }) => {\n  const { fullName, image, organization, emails } = subject;\n  const organizationName = organization && typeof organization === 'object' ? organization.target?.name : organization;\n  return (\n    <Card.SurfaceRoot role={role}>\n      <Avatar.Root>\n        <Card.Text role='group' classNames='grid gap-3 grid-cols-[min-content_1fr]'>\n          <Avatar.Content imgSrc={image} icon='ph--user--regular' size={16} hue='neutral' />\n          <div role='none' className='bs-min self-center flex items-center'>\n            <Avatar.Label asChild>\n              <h2 className={mx(cardHeading, 'grow')}>{fullName}</h2>\n            </Avatar.Label>\n            <CardSubjectMenu subject={subject} />\n          </div>\n        </Card.Text>\n      </Avatar.Root>\n      {organizationName && (\n        <Card.Chrome>\n          {typeof organization === 'object' && onOrgClick ? (\n            <Button variant='ghost' classNames='gap-2 text-start' onClick={() => onOrgClick(organization.target!)}>\n              <Icon icon='ph--buildings--regular' size={5} classNames='text-subdued' />\n              <span className='min-is-0 flex-1 truncate'>{organizationName}</span>\n              <Icon icon='ph--arrow-right--regular' />\n            </Button>\n          ) : (\n            <p className='dx-button gap-2' data-variant='ghost'>\n              <Icon icon='ph--buildings--regular' size={5} classNames='text-subdued' />\n              <span className='min-is-0 flex-1 truncate'>{organizationName}</span>\n            </p>\n          )}\n        </Card.Chrome>\n      )}\n      {emails?.length && (\n        <dl\n          className={mx(\n            cardText,\n            'grid gap-2 grid-cols-[min-content_1fr] [&_dt]:text-subdued [&_dt]:pbs-0.5 [&_dd]:min-is-0',\n          )}\n        >\n          {emails?.length &&\n            emails.map(({ label, value }) => (\n              <Fragment key={value}>\n                <dt>\n                  <Icon icon='ph--at--regular' size={5} />\n                </dt>\n                <dd key={value} className='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 { Rx } from '@effect-rx/rx-react';\nimport React from 'react';\n\n// import { useIntentDispatcher } from '@dxos/app-framework';\nimport { ACTION_TYPE } from '@dxos/app-graph';\nimport { type AnyEchoObject } from '@dxos/echo-schema';\nimport { IconButton, type IconButtonProps, useTranslation } from '@dxos/react-ui';\nimport { type ActionGraphProps, DropdownMenu, MenuProvider, useMenuActions } from '@dxos/react-ui-menu';\n\nconst useSubjectMenuGroupItems = (subject: AnyEchoObject) => {\n  // const { dispatchPromise: dispatch } = useIntentDispatcher();\n  const result: ActionGraphProps = { edges: [], nodes: [] };\n  result.nodes.push({\n    type: ACTION_TYPE,\n    id: `${subject.id}/add-to-space`,\n    data: () => console.log('[TO DO]', 'add object to space', subject),\n    properties: {\n      label: ['add object to space label', { ns: 'os' }],\n      icon: 'ph--file-plus--regular',\n    },\n  });\n  result.nodes.forEach(({ id: target }) => {\n    result.edges.push({ source: 'root', target });\n  });\n  return useMenuActions(Rx.make(result));\n};\n\n/**\n * This is a generic menu for objects that tries to infer common actions.\n */\nexport const CardSubjectMenu = ({\n  subject,\n  ...props\n}: Omit<IconButtonProps, 'icon' | 'label'> & { subject: AnyEchoObject }) => {\n  const { t } = useTranslation('os');\n  const menuProps = useSubjectMenuGroupItems(subject);\n  return (\n    <MenuProvider {...menuProps}>\n      <DropdownMenu.Root>\n        <DropdownMenu.Trigger asChild>\n          <IconButton\n            iconOnly\n            variant='ghost'\n            icon='ph--dots-three-vertical--bold'\n            label={t('more options label')}\n            {...props}\n          />\n        </DropdownMenu.Trigger>\n      </DropdownMenu.Root>\n    </MenuProvider>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Icon } from '@dxos/react-ui';\nimport { Card, cardNoSpacing, cardSpacing } from '@dxos/react-ui-stack';\nimport { mx } from '@dxos/react-ui-theme';\nimport { type DataType } from '@dxos/schema';\n\nimport { type PreviewProps } from '../types';\n\nimport { CardSubjectMenu } from './CardSubjectMenu';\n\nexport const OrganizationCard = ({ children, subject, role }: PreviewProps<DataType.Organization>) => {\n  const { name, image, description, website } = subject;\n  return (\n    <Card.SurfaceRoot role={role}>\n      <Card.Poster alt={name!} {...(image ? { image } : { icon: 'ph--building-office--regular' })} />\n      <div role='none' className={mx('flex items-center gap-2', cardSpacing)}>\n        <Card.Heading classNames={cardNoSpacing}>{name}</Card.Heading>\n        <CardSubjectMenu subject={subject} />\n      </div>\n      {description && <Card.Text classNames='line-clamp-2'>{description}</Card.Text>}\n      {website && (\n        <Card.Chrome>\n          <a\n            className='dx-button dx-focus-ring gap-2'\n            data-variant='ghost'\n            href={website}\n            target='_blank'\n            rel='noreferrer'\n          >\n            <Icon icon='ph--link--regular' size={5} classNames='text-subdued' />\n            <span className='grow'>{website}</span>\n            <Icon icon='ph--arrow-square-out--regular' />\n          </a>\n        </Card.Chrome>\n      )}\n      {children}\n    </Card.SurfaceRoot>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Card, cardNoSpacing, cardSpacing } from '@dxos/react-ui-stack';\nimport { mx } from '@dxos/react-ui-theme';\nimport { type DataType } from '@dxos/schema';\n\nimport { type PreviewProps } from '../types';\n\nimport { CardSubjectMenu } from './CardSubjectMenu';\n\nexport const ProjectCard = ({ subject, role }: PreviewProps<DataType.Project>) => {\n  const { name, image, description } = subject;\n  return (\n    <Card.SurfaceRoot role={role}>\n      {image && <Card.Poster image={image} alt={name} aspect='auto' />}\n      <div role='none' className={mx('flex items-center gap-2', cardSpacing)}>\n        <Card.Heading classNames={cardNoSpacing}>{name}</Card.Heading>\n        <CardSubjectMenu subject={subject} />\n      </div>\n      {description && <Card.Text classNames='line-clamp-2'>{description}</Card.Text>}\n    </Card.SurfaceRoot>\n  );\n};\n"],
-  "mappings": "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",
-  "names": ["Effect", "React", "useCallback", "Capabilities", "LayoutAction", "Surface", "contributes", "createIntent", "createSurface", "useIntentDispatcher", "fullyQualifiedId", "getSchema", "getSpace", "Filter", "Obj", "setValue", "AttentionAction", "ATTENDABLE_PATH_SEPARATOR", "DeckAction", "useQuery", "useSpace", "useTranslation", "Form", "Card", "TableView", "descriptionMessage", "mx", "DataType", "React", "Fragment", "Avatar", "Button", "Icon", "Card", "cardHeading", "cardText", "mx", "Rx", "React", "ACTION_TYPE", "IconButton", "useTranslation", "DropdownMenu", "MenuProvider", "useMenuActions", "useSubjectMenuGroupItems", "subject", "result", "edges", "nodes", "push", "type", "ACTION_TYPE", "id", "data", "console", "log", "properties", "label", "ns", "icon", "forEach", "target", "source", "useMenuActions", "Rx", "make", "CardSubjectMenu", "props", "t", "useTranslation", "menuProps", "MenuProvider", "DropdownMenu", "Root", "Trigger", "asChild", "IconButton", "iconOnly", "variant", "ContactCard", "children", "subject", "onOrgClick", "role", "fullName", "image", "organization", "emails", "organizationName", "target", "name", "React", "Card", "SurfaceRoot", "Avatar", "Root", "Text", "classNames", "Content", "imgSrc", "icon", "size", "hue", "div", "className", "Label", "asChild", "h2", "mx", "cardHeading", "CardSubjectMenu", "Chrome", "Button", "variant", "onClick", "Icon", "span", "p", "data-variant", "length", "dl", "cardText", "map", "label", "value", "Fragment", "key", "dt", "dd", "React", "Icon", "Card", "cardNoSpacing", "cardSpacing", "mx", "OrganizationCard", "children", "subject", "role", "name", "image", "description", "website", "React", "Card", "SurfaceRoot", "Poster", "alt", "icon", "div", "className", "mx", "cardSpacing", "Heading", "classNames", "cardNoSpacing", "CardSubjectMenu", "Text", "Chrome", "a", "data-variant", "href", "target", "rel", "Icon", "size", "span", "React", "Card", "cardNoSpacing", "cardSpacing", "mx", "ProjectCard", "subject", "role", "name", "image", "description", "React", "Card", "SurfaceRoot", "Poster", "alt", "aspect", "div", "className", "mx", "cardSpacing", "Heading", "classNames", "cardNoSpacing", "CardSubjectMenu", "Text", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "PREVIEW_PLUGIN", "role", "filter", "data", "Obj", "instanceOf", "DataType", "Person", "subject", "component", "dispatch", "useIntentDispatcher", "space", "getSpace", "defaultSpace", "useSpace", "currentSpaceOrgs", "useQuery", "Filter", "type", "Organization", "currentSpaceViews", "View", "defaultSpaceViews", "currentSpaceOrgTable", "find", "view", "query", "typename", "TableView", "presentation", "target", "defaultSpaceOrgTable", "handleOrgClick", "useCallback", "org", "Effect", "gen", "includes", "createIntent", "LayoutAction", "UpdatePopover", "part", "options", "state", "anchorId", "fullyQualifiedId", "Open", "workspace", "DeckAction", "ChangeCompanion", "primary", "companion", "join", "ATTENDABLE_PATH_SEPARATOR", "AttentionAction", "Select", "contextId", "selection", "mode", "ids", "pipe", "runPromise", "React", "ContactCard", "onOrgClick", "Surface", "OrganizationCard", "Project", "ProjectCard", "position", "isObject", "schema", "getSchema", "t", "useTranslation", "p", "className", "mx", "descriptionMessage", "handleSave", "values", "changed", "changedPaths", "Object", "keys", "path", "value", "setValue", "Card", "SurfaceRoot", "Form", "readonly", "onSave", "autoSave", "outerSpacing"]
-}

package/dist/types/src/components/CardSubjectMenu.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { type AnyEchoObject } from '@dxos/echo-schema';
-import { type IconButtonProps } from '@dxos/react-ui';
-/**
- * This is a generic menu for objects that tries to infer common actions.
- */
-export declare const CardSubjectMenu: ({ subject, ...props }: Omit<IconButtonProps, "icon" | "label"> & {
-    subject: AnyEchoObject;
-}) => React.JSX.Element;
-//# sourceMappingURL=CardSubjectMenu.d.ts.map

package/dist/types/src/components/CardSubjectMenu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardSubjectMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/CardSubjectMenu.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAc,KAAK,eAAe,EAAkB,MAAM,gBAAgB,CAAC;AAqBlF;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,uBAG7B,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,OAAO,CAAC,GAAG;IAAE,OAAO,EAAE,aAAa,CAAA;CAAE,sBAkBtE,CAAC"}

package/dist/types/src/components/ContactCard.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { type DataType } from '@dxos/schema';
-import { type PreviewProps } from '../types';
-export declare const ContactCard: ({ children, subject, onOrgClick, role, }: PreviewProps<DataType.Person> & {
-    onOrgClick?: (org: DataType.Organization) => void;
-}) => React.JSX.Element;
-//# sourceMappingURL=ContactCard.d.ts.map

package/dist/types/src/components/ContactCard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContactCard.d.ts","sourceRoot":"","sources":["../../../../src/components/ContactCard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE7C,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AAI7C,eAAO,MAAM,WAAW,GAAI,0CAKzB,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG;IAAE,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,CAAC,YAAY,KAAK,IAAI,CAAA;CAAE,sBAuDvF,CAAC"}

package/dist/types/src/components/OrganizationCard.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { type DataType } from '@dxos/schema';
-import { type PreviewProps } from '../types';
-export declare const OrganizationCard: ({ children, subject, role }: PreviewProps<DataType.Organization>) => React.JSX.Element;
-//# sourceMappingURL=OrganizationCard.d.ts.map

package/dist/types/src/components/OrganizationCard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"OrganizationCard.d.ts","sourceRoot":"","sources":["../../../../src/components/OrganizationCard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE7C,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AAI7C,eAAO,MAAM,gBAAgB,GAAI,6BAA6B,YAAY,CAAC,QAAQ,CAAC,YAAY,CAAC,sBA4BhG,CAAC"}

package/dist/types/src/components/ProjectCard.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { type DataType } from '@dxos/schema';
-import { type PreviewProps } from '../types';
-export declare const ProjectCard: ({ subject, role }: PreviewProps<DataType.Project>) => React.JSX.Element;
-//# sourceMappingURL=ProjectCard.d.ts.map

package/dist/types/src/components/ProjectCard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProjectCard.d.ts","sourceRoot":"","sources":["../../../../src/components/ProjectCard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE7C,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AAI7C,eAAO,MAAM,WAAW,GAAI,mBAAmB,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,sBAY5E,CAAC"}

package/dist/types/src/components/index.d.ts

@@ -1,4 +0,0 @@
-export * from './ContactCard';
-export * from './OrganizationCard';
-export * from './ProjectCard';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC"}

package/dist/types/src/types.d.ts

@@ -1,7 +0,0 @@
-import { type Schema } from 'effect';
-import { type PropsWithChildren } from 'react';
-export type PreviewProps<T extends Schema.Schema.Type<any>> = PropsWithChildren<{
-    subject: T;
-    role?: string;
-}>;
-//# sourceMappingURL=types.d.ts.map

package/dist/types/src/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,QAAQ,CAAC;AACrC,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,iBAAiB,CAAC;IAC9E,OAAO,EAAE,CAAC,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC"}

package/src/components/CardSubjectMenu.tsx

@@ -1,56 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { Rx } from '@effect-rx/rx-react';
-import React from 'react';
-
-// import { useIntentDispatcher } from '@dxos/app-framework';
-import { ACTION_TYPE } from '@dxos/app-graph';
-import { type AnyEchoObject } from '@dxos/echo-schema';
-import { IconButton, type IconButtonProps, useTranslation } from '@dxos/react-ui';
-import { type ActionGraphProps, DropdownMenu, MenuProvider, useMenuActions } from '@dxos/react-ui-menu';
-
-const useSubjectMenuGroupItems = (subject: AnyEchoObject) => {
-  // const { dispatchPromise: dispatch } = useIntentDispatcher();
-  const result: ActionGraphProps = { edges: [], nodes: [] };
-  result.nodes.push({
-    type: ACTION_TYPE,
-    id: `${subject.id}/add-to-space`,
-    data: () => console.log('[TO DO]', 'add object to space', subject),
-    properties: {
-      label: ['add object to space label', { ns: 'os' }],
-      icon: 'ph--file-plus--regular',
-    },
-  });
-  result.nodes.forEach(({ id: target }) => {
-    result.edges.push({ source: 'root', target });
-  });
-  return useMenuActions(Rx.make(result));
-};
-
-/**
- * This is a generic menu for objects that tries to infer common actions.
- */
-export const CardSubjectMenu = ({
-  subject,
-  ...props
-}: Omit<IconButtonProps, 'icon' | 'label'> & { subject: AnyEchoObject }) => {
-  const { t } = useTranslation('os');
-  const menuProps = useSubjectMenuGroupItems(subject);
-  return (
-    <MenuProvider {...menuProps}>
-      <DropdownMenu.Root>
-        <DropdownMenu.Trigger asChild>
-          <IconButton
-            iconOnly
-            variant='ghost'
-            icon='ph--dots-three-vertical--bold'
-            label={t('more options label')}
-            {...props}
-          />
-        </DropdownMenu.Trigger>
-      </DropdownMenu.Root>
-    </MenuProvider>
-  );
-};

package/src/components/ContactCard.tsx

@@ -1,76 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import React, { Fragment } from 'react';
-
-import { Avatar, Button, Icon } from '@dxos/react-ui';
-import { Card, cardHeading, cardText } from '@dxos/react-ui-stack';
-import { mx } from '@dxos/react-ui-theme';
-import { type DataType } from '@dxos/schema';
-
-import { type PreviewProps } from '../types';
-
-import { CardSubjectMenu } from './CardSubjectMenu';
-
-export const ContactCard = ({
-  children,
-  subject,
-  onOrgClick,
-  role,
-}: PreviewProps<DataType.Person> & { onOrgClick?: (org: DataType.Organization) => void }) => {
-  const { fullName, image, organization, emails } = subject;
-  const organizationName = organization && typeof organization === 'object' ? organization.target?.name : organization;
-  return (
-    <Card.SurfaceRoot role={role}>
-      <Avatar.Root>
-        <Card.Text role='group' classNames='grid gap-3 grid-cols-[min-content_1fr]'>
-          <Avatar.Content imgSrc={image} icon='ph--user--regular' size={16} hue='neutral' />
-          <div role='none' className='bs-min self-center flex items-center'>
-            <Avatar.Label asChild>
-              <h2 className={mx(cardHeading, 'grow')}>{fullName}</h2>
-            </Avatar.Label>
-            <CardSubjectMenu subject={subject} />
-          </div>
-        </Card.Text>
-      </Avatar.Root>
-      {organizationName && (
-        <Card.Chrome>
-          {typeof organization === 'object' && onOrgClick ? (
-            <Button variant='ghost' classNames='gap-2 text-start' onClick={() => onOrgClick(organization.target!)}>
-              <Icon icon='ph--buildings--regular' size={5} classNames='text-subdued' />
-              <span className='min-is-0 flex-1 truncate'>{organizationName}</span>
-              <Icon icon='ph--arrow-right--regular' />
-            </Button>
-          ) : (
-            <p className='dx-button gap-2' data-variant='ghost'>
-              <Icon icon='ph--buildings--regular' size={5} classNames='text-subdued' />
-              <span className='min-is-0 flex-1 truncate'>{organizationName}</span>
-            </p>
-          )}
-        </Card.Chrome>
-      )}
-      {emails?.length && (
-        <dl
-          className={mx(
-            cardText,
-            'grid gap-2 grid-cols-[min-content_1fr] [&_dt]:text-subdued [&_dt]:pbs-0.5 [&_dd]:min-is-0',
-          )}
-        >
-          {emails?.length &&
-            emails.map(({ label, value }) => (
-              <Fragment key={value}>
-                <dt>
-                  <Icon icon='ph--at--regular' size={5} />
-                </dt>
-                <dd key={value} className='break-words'>
-                  {value}
-                </dd>
-              </Fragment>
-            ))}
-        </dl>
-      )}
-      {children}
-    </Card.SurfaceRoot>
-  );
-};