@dxos/plugin-space 0.9.1-main.c7dcc2e112 → 0.9.1-staging.ee54ba693a

package/dist/lib/neutral/{SpaceHomeRecent-ZR4LIIUD.mjs → SpaceHomeRecent-S57AO3EV.mjs}

@@ -31,17 +31,22 @@ var SpaceHomeRecent = ({ space }) => {
   if (recent.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("h2", {
+  return /* @__PURE__ */ React.createElement("div", {
+    className: "flex justify-center w-full"
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "flex flex-col w-full max-w-[40rem]"
+  }, /* @__PURE__ */ React.createElement("h2", {
     className: "text-sm font-medium text-description"
   }, t("space-home.recent.heading")), /* @__PURE__ */ React.createElement(Masonry.Root, {
     Tile: RecentObjectTile
   }, /* @__PURE__ */ React.createElement(Masonry.Content, {
-    padding: false
+    classNames: "pt-trim-sm",
+    padding: false,
+    scrollbars: false
   }, /* @__PURE__ */ React.createElement(Masonry.Viewport, {
-    classNames: "py-2",
     items: recent,
     getId: (object) => object.id
-  }))));
+  })))));
 };
 var RecentObjectTile = ({ data }) => {
   const { invokePromise } = useOperationInvoker();
@@ -69,6 +74,7 @@ var RecentObjectTile = ({ data }) => {
   ]);
   return /* @__PURE__ */ React.createElement(Card.Root, {
     role: "button",
+    fullWidth: true,
     classNames: "cursor-pointer",
     onClick: handleClick
   }, /* @__PURE__ */ React.createElement(Card.Header, null, /* @__PURE__ */ React.createElement(Card.Block, null, /* @__PURE__ */ React.createElement(Icon, {
@@ -80,4 +86,4 @@ RecentObjectTile.displayName = "RecentObjectTile";
 export {
   SpaceHomeRecent as default
 };
-//# sourceMappingURL=SpaceHomeRecent-ZR4LIIUD.mjs.map
+//# sourceMappingURL=SpaceHomeRecent-S57AO3EV.mjs.map

package/dist/lib/neutral/{SpaceHomeRecent-ZR4LIIUD.mjs.map → SpaceHomeRecent-S57AO3EV.mjs.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/containers/SpaceHomeRecent/SpaceHomeRecent.tsx"],
-  "sourcesContent": ["//\n// Copyright 2026 DXOS.org\n//\n\nimport * as Option from 'effect/Option';\nimport React, { useCallback, useMemo } from 'react';\n\nimport { useCapabilities, useOperationInvoker } from '@dxos/app-framework/ui';\nimport { AppCapabilities, LayoutOperation, Paths } from '@dxos/app-toolkit';\nimport { Collection, Filter, Obj, Order, Query, Type } from '@dxos/echo';\nimport { HiddenAnnotation, getTypeAnnotation } from '@dxos/echo/Annotation';\nimport { Kind as EntityKind } from '@dxos/echo/Entity';\nimport { type Space, useQuery } from '@dxos/react-client/echo';\nimport { Card, Icon, toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { Masonry } from '@dxos/react-ui-masonry';\nimport { getStyles } from '@dxos/ui-theme';\n\nimport { meta } from '#meta';\n\n/** Number of recently-modified objects to surface as cards. */\nconst RECENT_LIMIT = 10;\n\ntype SpaceScopedProps = {\n  space?: Space;\n};\n\n/**\n * Recent-objects region for the Home article. Queries the most-recently-modified objects of\n * registered, non-hidden, non-relation, non-collection types and renders them as a Masonry of\n * tiles. Renders nothing (no heading) when the space has no recent objects — the starter-prompt\n * contributor (plugin-assistant) fills the empty state instead.\n */\nexport const SpaceHomeRecent = ({ space }: SpaceScopedProps) => {\n  const { t } = useTranslation(meta.profile.key);\n\n  const schemas = useCapabilities(AppCapabilities.Schema);\n  const filter = useMemo(() => {\n    const collectionTypename = Type.getTypename(Collection.Collection);\n    const types = schemas\n      .flat()\n      .filter(Type.isType)\n      .filter((type) => getTypeAnnotation(Type.getSchema(type))?.kind !== EntityKind.Relation)\n      .filter((type) => !HiddenAnnotation.get(Type.getSchema(type)).pipe(Option.getOrElse(() => false)))\n      .filter((type) => Type.getTypename(type) !== collectionTypename);\n    return types.length > 0 ? Filter.or(...types.map((type) => Filter.type(type))) : undefined;\n  }, [schemas]);\n\n  const query = useMemo(\n    () =>\n      Query.select(filter ?? Filter.everything())\n        .orderBy(Order.updated('desc'))\n        .limit(RECENT_LIMIT),\n    [filter],\n  );\n  const recent = useQuery(filter && space ? space.db : undefined, query);\n\n  if (recent.length === 0) {\n    return null;\n  }\n\n  return (\n    <>\n      <h2 className='text-sm font-medium text-description'>{t('space-home.recent.heading')}</h2>\n      <Masonry.Root Tile={RecentObjectTile}>\n        <Masonry.Content padding={false}>\n          <Masonry.Viewport classNames='py-2' items={recent} getId={(object) => object.id} />\n        </Masonry.Content>\n      </Masonry.Root>\n    </>\n  );\n};\n\nconst RecentObjectTile = ({ data }: { data: Obj.Unknown; index: number }) => {\n  const { invokePromise } = useOperationInvoker();\n  const { t } = useTranslation(meta.profile.key);\n  const typename = Obj.getTypename(data);\n  const label = toLocalizedString(\n    Obj.getLabel(data) ?? (typename ? ['object-name.placeholder', { ns: typename, defaultValue: 'New item' }] : ''),\n    t,\n  );\n  const iconAnnotation = Obj.getIcon(data);\n  const icon = iconAnnotation?.icon ?? 'ph--circle-dashed--regular';\n  const iconStyles = iconAnnotation?.hue ? getStyles(iconAnnotation.hue) : undefined;\n\n  const handleClick = useCallback(() => {\n    void invokePromise(LayoutOperation.Open, { subject: [Paths.getObjectPathFromObject(data)] });\n  }, [invokePromise, data]);\n\n  return (\n    <Card.Root role='button' classNames='cursor-pointer' onClick={handleClick}>\n      <Card.Header>\n        <Card.Block>\n          <Icon icon={icon} classNames={iconStyles?.text} />\n        </Card.Block>\n        <Card.Title>{label}</Card.Title>\n      </Card.Header>\n    </Card.Root>\n  );\n};\n\nRecentObjectTile.displayName = 'RecentObjectTile';\n"],
-  "mappings": "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",
-  "names": ["Option", "React", "useCallback", "useMemo", "useCapabilities", "useOperationInvoker", "AppCapabilities", "LayoutOperation", "Paths", "Collection", "Filter", "Obj", "Order", "Query", "Type", "HiddenAnnotation", "getTypeAnnotation", "Kind", "EntityKind", "useQuery", "Card", "Icon", "toLocalizedString", "useTranslation", "Masonry", "getStyles", "meta", "RECENT_LIMIT", "SpaceHomeRecent", "space", "t", "profile", "key", "schemas", "Schema", "filter", "collectionTypename", "getTypename", "types", "flat", "isType", "type", "getSchema", "kind", "Relation", "get", "pipe", "getOrElse", "length", "or", "map", "undefined", "query", "select", "everything", "orderBy", "updated", "limit", "recent", "db", "h2", "className", "Root", "Tile", "RecentObjectTile", "Content", "padding", "Viewport", "classNames", "items", "getId", "object", "id", "data", "invokePromise", "typename", "label", "getLabel", "ns", "defaultValue", "iconAnnotation", "getIcon", "icon", "iconStyles", "hue", "handleClick", "Open", "subject", "getObjectPathFromObject", "role", "onClick", "Header", "Block", "text", "Title", "displayName"]
+  "sourcesContent": ["//\n// Copyright 2026 DXOS.org\n//\n\nimport * as Option from 'effect/Option';\nimport React, { useCallback, useMemo } from 'react';\n\nimport { useCapabilities, useOperationInvoker } from '@dxos/app-framework/ui';\nimport { AppCapabilities, LayoutOperation, Paths } from '@dxos/app-toolkit';\nimport { Collection, Filter, Obj, Order, Query, Type } from '@dxos/echo';\nimport { HiddenAnnotation, getTypeAnnotation } from '@dxos/echo/Annotation';\nimport { Kind as EntityKind } from '@dxos/echo/Entity';\nimport { type Space, useQuery } from '@dxos/react-client/echo';\nimport { Card, Icon, toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { Masonry } from '@dxos/react-ui-masonry';\nimport { getStyles } from '@dxos/ui-theme';\n\nimport { meta } from '#meta';\n\n/** Number of recently-modified objects to surface as cards. */\nconst RECENT_LIMIT = 10;\n\ntype SpaceScopedProps = {\n  space?: Space;\n};\n\n/**\n * Recent-objects region for the Home article. Queries the most-recently-modified objects of\n * registered, non-hidden, non-relation, non-collection types and renders them as a Masonry of\n * tiles. Renders nothing (no heading) when the space has no recent objects — the starter-prompt\n * contributor (plugin-assistant) fills the empty state instead.\n */\nexport const SpaceHomeRecent = ({ space }: SpaceScopedProps) => {\n  const { t } = useTranslation(meta.profile.key);\n\n  const schemas = useCapabilities(AppCapabilities.Schema);\n  const filter = useMemo(() => {\n    const collectionTypename = Type.getTypename(Collection.Collection);\n    const types = schemas\n      .flat()\n      .filter(Type.isType)\n      .filter((type) => getTypeAnnotation(Type.getSchema(type))?.kind !== EntityKind.Relation)\n      .filter((type) => !HiddenAnnotation.get(Type.getSchema(type)).pipe(Option.getOrElse(() => false)))\n      .filter((type) => Type.getTypename(type) !== collectionTypename);\n    return types.length > 0 ? Filter.or(...types.map((type) => Filter.type(type))) : undefined;\n  }, [schemas]);\n\n  const query = useMemo(\n    () =>\n      Query.select(filter ?? Filter.everything())\n        .orderBy(Order.updated('desc'))\n        .limit(RECENT_LIMIT),\n    [filter],\n  );\n\n  const recent = useQuery(filter && space ? space.db : undefined, query);\n  if (recent.length === 0) {\n    return null;\n  }\n\n  return (\n    <div className='flex justify-center w-full'>\n      <div className='flex flex-col w-full max-w-[40rem]'>\n        <h2 className='text-sm font-medium text-description'>{t('space-home.recent.heading')}</h2>\n        <Masonry.Root Tile={RecentObjectTile}>\n          <Masonry.Content classNames='pt-trim-sm' padding={false} scrollbars={false}>\n            <Masonry.Viewport items={recent} getId={(object) => object.id} />\n          </Masonry.Content>\n        </Masonry.Root>\n      </div>\n    </div>\n  );\n};\n\nconst RecentObjectTile = ({ data }: { data: Obj.Unknown; index: number }) => {\n  const { invokePromise } = useOperationInvoker();\n  const { t } = useTranslation(meta.profile.key);\n  const typename = Obj.getTypename(data);\n  const label = toLocalizedString(\n    Obj.getLabel(data) ?? (typename ? ['object-name.placeholder', { ns: typename, defaultValue: 'New item' }] : ''),\n    t,\n  );\n  const iconAnnotation = Obj.getIcon(data);\n  const icon = iconAnnotation?.icon ?? 'ph--circle-dashed--regular';\n  const iconStyles = iconAnnotation?.hue ? getStyles(iconAnnotation.hue) : undefined;\n\n  const handleClick = useCallback(() => {\n    void invokePromise(LayoutOperation.Open, { subject: [Paths.getObjectPathFromObject(data)] });\n  }, [invokePromise, data]);\n\n  return (\n    <Card.Root role='button' fullWidth classNames='cursor-pointer' onClick={handleClick}>\n      <Card.Header>\n        <Card.Block>\n          <Icon icon={icon} classNames={iconStyles?.text} />\n        </Card.Block>\n        <Card.Title>{label}</Card.Title>\n      </Card.Header>\n    </Card.Root>\n  );\n};\n\nRecentObjectTile.displayName = 'RecentObjectTile';\n"],
+  "mappings": "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",
+  "names": ["Option", "React", "useCallback", "useMemo", "useCapabilities", "useOperationInvoker", "AppCapabilities", "LayoutOperation", "Paths", "Collection", "Filter", "Obj", "Order", "Query", "Type", "HiddenAnnotation", "getTypeAnnotation", "Kind", "EntityKind", "useQuery", "Card", "Icon", "toLocalizedString", "useTranslation", "Masonry", "getStyles", "meta", "RECENT_LIMIT", "SpaceHomeRecent", "space", "t", "profile", "key", "schemas", "Schema", "filter", "collectionTypename", "getTypename", "types", "flat", "isType", "type", "getSchema", "kind", "Relation", "get", "pipe", "getOrElse", "length", "or", "map", "undefined", "query", "select", "everything", "orderBy", "updated", "limit", "recent", "db", "div", "className", "h2", "Root", "Tile", "RecentObjectTile", "Content", "classNames", "padding", "scrollbars", "Viewport", "items", "getId", "object", "id", "data", "invokePromise", "typename", "label", "getLabel", "ns", "defaultValue", "iconAnnotation", "getIcon", "icon", "iconStyles", "hue", "handleClick", "Open", "subject", "getObjectPathFromObject", "role", "fullWidth", "onClick", "Header", "Block", "text", "Title", "displayName"]
 }

package/dist/lib/neutral/SpacePlugin.mjs

@@ -1,7 +1,7 @@
 import {
   SpacePlugin,
   SpacePlugin_default
-} from "./chunk-LY6XK5MV.mjs";
+} from "./chunk-SPWAMXNR.mjs";
 import "./chunk-J5LGTIGS.mjs";
 export {
   SpacePlugin,

package/dist/lib/neutral/{SpacePresence-PDTEDHDE.mjs → SpacePresence-T37WH43Y.mjs}

@@ -1,11 +1,11 @@
 import {
   SmallPresenceLive,
   SpacePresence
-} from "./chunk-2LTGSUGQ.mjs";
+} from "./chunk-RAAHDTVF.mjs";
 import "./chunk-J5LGTIGS.mjs";
 export {
   SmallPresenceLive,
   SpacePresence,
   SpacePresence as default
 };
-//# sourceMappingURL=SpacePresence-PDTEDHDE.mjs.map
+//# sourceMappingURL=SpacePresence-T37WH43Y.mjs.map

package/dist/lib/neutral/SpaceSettings-6CZF7GEO.mjs

@@ -0,0 +1,60 @@
+import {
+  getSpaceDisplayName
+} from "./chunk-52ASDNRA.mjs";
+import "./chunk-F5KLUP2P.mjs";
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/SpaceSettings/SpaceSettings.tsx
+import React from "react";
+import { AppSpace } from "@dxos/app-toolkit";
+import { IconButton, Input, toLocalizedString, useTranslation } from "@dxos/react-ui";
+import { Form } from "@dxos/react-ui-form";
+import { Listbox } from "@dxos/react-ui-list";
+import { meta } from "#meta";
+var SpaceSettings = ({ spaces, onOpenSpaceSettings, settings, onSettingsChange }) => {
+  const { t } = useTranslation(meta.profile.key);
+  return /* @__PURE__ */ React.createElement(Form.Root, {
+    variant: "settings"
+  }, /* @__PURE__ */ React.createElement(Form.Viewport, {
+    scroll: true
+  }, /* @__PURE__ */ React.createElement(Form.Content, null, /* @__PURE__ */ React.createElement(Form.Section, {
+    title: t("plugin.name")
+  }, /* @__PURE__ */ React.createElement(Form.Row, {
+    label: t("settings.show-hidden.label"),
+    description: t("settings.show-hidden.description")
+  }, /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.Switch, {
+    disabled: !onSettingsChange,
+    checked: settings?.showHidden,
+    onCheckedChange: (checked) => onSettingsChange?.((s) => ({
+      ...s,
+      showHidden: !!checked
+    }))
+  })))), /* @__PURE__ */ React.createElement(Form.Section, {
+    title: t("space-settings.label"),
+    description: t("space-settings.description")
+  }, /* @__PURE__ */ React.createElement(Form.Row, {
+    label: t("settings.space-list.label"),
+    description: t("settings.space-list.description")
+  }, /* @__PURE__ */ React.createElement(Listbox.Root, null, /* @__PURE__ */ React.createElement(Listbox.Content, {
+    "aria-label": t("settings.space-list.label"),
+    classNames: "w-full gap-trim-sm"
+  }, spaces?.map((space) => /* @__PURE__ */ React.createElement(Listbox.Item, {
+    key: space.id,
+    id: space.id,
+    classNames: "w-full items-center"
+  }, /* @__PURE__ */ React.createElement(Listbox.ItemLabel, {
+    classNames: "min-h-0!"
+  }, toLocalizedString(getSpaceDisplayName(space, {
+    personal: AppSpace.isPersonalSpace(space)
+  }), t)), /* @__PURE__ */ React.createElement(IconButton, {
+    icon: "ph--faders--regular",
+    iconOnly: true,
+    label: t("settings.open-settings.label"),
+    disabled: !onOpenSpaceSettings,
+    onClick: () => onOpenSpaceSettings?.(space)
+  }))))))))));
+};
+export {
+  SpaceSettings as default
+};
+//# sourceMappingURL=SpaceSettings-6CZF7GEO.mjs.map

package/dist/lib/neutral/SpaceSettings-6CZF7GEO.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/SpaceSettings/SpaceSettings.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { AppSpace } from '@dxos/app-toolkit';\nimport { type Space } from '@dxos/react-client/echo';\nimport { IconButton, Input, toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { Form } from '@dxos/react-ui-form';\nimport { Listbox } from '@dxos/react-ui-list';\n\nimport { meta } from '#meta';\nimport { type Settings } from '#types';\n\nimport { getSpaceDisplayName } from '../../util';\n\nexport type SpaceSettingsProps = {\n  spaces?: Space[];\n  onOpenSpaceSettings?: (space: Space) => void;\n  settings?: Settings.Settings;\n  onSettingsChange?: (updater: (prev: Settings.Settings) => Settings.Settings) => void;\n};\n\nexport const SpaceSettings = ({ spaces, onOpenSpaceSettings, settings, onSettingsChange }: SpaceSettingsProps) => {\n  const { t } = useTranslation(meta.profile.key);\n\n  return (\n    <Form.Root variant='settings'>\n      <Form.Viewport scroll>\n        <Form.Content>\n          <Form.Section title={t('plugin.name')}>\n            <Form.Row label={t('settings.show-hidden.label')} description={t('settings.show-hidden.description')}>\n              <Input.Root>\n                <Input.Switch\n                  disabled={!onSettingsChange}\n                  checked={settings?.showHidden}\n                  onCheckedChange={(checked) => onSettingsChange?.((s) => ({ ...s, showHidden: !!checked }))}\n                />\n              </Input.Root>\n            </Form.Row>\n          </Form.Section>\n          <Form.Section title={t('space-settings.label')} description={t('space-settings.description')}>\n            <Form.Row label={t('settings.space-list.label')} description={t('settings.space-list.description')}>\n              <Listbox.Root>\n                <Listbox.Content aria-label={t('settings.space-list.label')} classNames='w-full gap-trim-sm'>\n                  {spaces?.map((space) => (\n                    <Listbox.Item key={space.id} id={space.id} classNames='w-full items-center'>\n                      {/* TODO(burdon): Should auto center and truncate; NOTE truncate doesn't work with flex grow. */}\n                      <Listbox.ItemLabel classNames='min-h-0!'>\n                        {toLocalizedString(\n                          getSpaceDisplayName(space, {\n                            personal: AppSpace.isPersonalSpace(space),\n                          }),\n                          t,\n                        )}\n                      </Listbox.ItemLabel>\n                      <IconButton\n                        icon='ph--faders--regular'\n                        iconOnly\n                        label={t('settings.open-settings.label')}\n                        disabled={!onOpenSpaceSettings}\n                        onClick={() => onOpenSpaceSettings?.(space)}\n                      />\n                    </Listbox.Item>\n                  ))}\n                </Listbox.Content>\n              </Listbox.Root>\n            </Form.Row>\n          </Form.Section>\n        </Form.Content>\n      </Form.Viewport>\n    </Form.Root>\n  );\n};\n"],
+  "mappings": ";;;;;;;AAIA,OAAOA,WAAW;AAElB,SAASC,gBAAgB;AAEzB,SAASC,YAAYC,OAAOC,mBAAmBC,sBAAsB;AACrE,SAASC,YAAY;AACrB,SAASC,eAAe;AAExB,SAASC,YAAY;AAYd,IAAMC,gBAAgB,CAAC,EAAEC,QAAQC,qBAAqBC,UAAUC,iBAAgB,MAAsB;AAC3G,QAAM,EAAEC,EAAC,IAAKC,eAAeC,KAAKC,QAAQC,GAAG;AAE7C,SACE,sBAAA,cAACC,KAAKC,MAAI;IAACC,SAAQ;KACjB,sBAAA,cAACF,KAAKG,UAAQ;IAACC,QAAAA;KACb,sBAAA,cAACJ,KAAKK,SAAO,MACX,sBAAA,cAACL,KAAKM,SAAO;IAACC,OAAOZ,EAAE,aAAA;KACrB,sBAAA,cAACK,KAAKQ,KAAG;IAACC,OAAOd,EAAE,4BAAA;IAA+Be,aAAaf,EAAE,kCAAA;KAC/D,sBAAA,cAACgB,MAAMV,MAAI,MACT,sBAAA,cAACU,MAAMC,QAAM;IACXC,UAAU,CAACnB;IACXoB,SAASrB,UAAUsB;IACnBC,iBAAiB,CAACF,YAAYpB,mBAAmB,CAACuB,OAAO;MAAE,GAAGA;MAAGF,YAAY,CAAC,CAACD;IAAQ,EAAA;SAK/F,sBAAA,cAACd,KAAKM,SAAO;IAACC,OAAOZ,EAAE,sBAAA;IAAyBe,aAAaf,EAAE,4BAAA;KAC7D,sBAAA,cAACK,KAAKQ,KAAG;IAACC,OAAOd,EAAE,2BAAA;IAA8Be,aAAaf,EAAE,iCAAA;KAC9D,sBAAA,cAACuB,QAAQjB,MAAI,MACX,sBAAA,cAACiB,QAAQb,SAAO;IAACc,cAAYxB,EAAE,2BAAA;IAA8ByB,YAAW;KACrE7B,QAAQ8B,IAAI,CAACC,UACZ,sBAAA,cAACJ,QAAQK,MAAI;IAACxB,KAAKuB,MAAME;IAAIA,IAAIF,MAAME;IAAIJ,YAAW;KAEpD,sBAAA,cAACF,QAAQO,WAAS;IAACL,YAAW;KAC3BM,kBACCC,oBAAoBL,OAAO;IACzBM,UAAUC,SAASC,gBAAgBR,KAAAA;EACrC,CAAA,GACA3B,CAAAA,CAAAA,GAGJ,sBAAA,cAACoC,YAAAA;IACCC,MAAK;IACLC,UAAAA;IACAxB,OAAOd,EAAE,8BAAA;IACTkB,UAAU,CAACrB;IACX0C,SAAS,MAAM1C,sBAAsB8B,KAAAA;;AAY7D;",
+  "names": ["React", "AppSpace", "IconButton", "Input", "toLocalizedString", "useTranslation", "Form", "Listbox", "meta", "SpaceSettings", "spaces", "onOpenSpaceSettings", "settings", "onSettingsChange", "t", "useTranslation", "meta", "profile", "key", "Form", "Root", "variant", "Viewport", "scroll", "Content", "Section", "title", "Row", "label", "description", "Input", "Switch", "disabled", "checked", "showHidden", "onCheckedChange", "s", "Listbox", "aria-label", "classNames", "map", "space", "Item", "id", "ItemLabel", "toLocalizedString", "getSpaceDisplayName", "personal", "AppSpace", "isPersonalSpace", "IconButton", "icon", "iconOnly", "onClick"]
+}

package/dist/lib/neutral/{SpaceSettingsContainer-QAFQ4LWC.mjs → SpaceSettingsContainer-72CJWELM.mjs}

@@ -3,14 +3,14 @@ import "./chunk-J5LGTIGS.mjs";
 // src/containers/SpaceSettingsContainer/SpaceSettingsContainer.tsx
 import React, { useCallback, useMemo, useState } from "react";
 import { useCapabilities, useOperationInvoker } from "@dxos/app-framework/ui";
-import { AppSpace, Paths, LayoutOperation } from "@dxos/app-toolkit";
+import { AppSpace, LayoutOperation, Paths } from "@dxos/app-toolkit";
 import { Obj } from "@dxos/echo";
 import { log } from "@dxos/log";
 import { SpaceArchive } from "@dxos/protocols/proto/dxos/client/services";
 import { EdgeReplicationSetting } from "@dxos/protocols/proto/dxos/echo/metadata";
 import { useClient } from "@dxos/react-client";
 import { Button, Dialog, DropdownMenu, Icon, IconButton, Input, useTranslation } from "@dxos/react-ui";
-import { Form, Settings } from "@dxos/react-ui-form";
+import { Form } from "@dxos/react-ui-form";
 import { HuePicker, IconPicker } from "@dxos/react-ui-pickers";
 import { meta } from "#meta";
 import { SpaceOperation } from "#operations";
@@ -71,15 +71,15 @@ var SpaceSettingsContainer = ({ space }) => {
         onValueChange,
         type
       ]);
-      return /* @__PURE__ */ React.createElement(Settings.Item, {
-        title: label,
+      return /* @__PURE__ */ React.createElement(Form.Row, {
+        label,
         description: t("display-name.description")
-      }, /* @__PURE__ */ React.createElement(Input.TextInput, {
+      }, /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.TextInput, {
         value: getValue(),
         onChange: handleChange,
         placeholder: t("display-name-input.placeholder"),
         classNames: "min-w-64"
-      }));
+      })));
     },
     icon: personal ? () => null : ({ type, label, getValue, onValueChange }) => {
       const handleChange = useCallback((icon) => onValueChange(type, icon), [
@@ -90,8 +90,8 @@ var SpaceSettingsContainer = ({ space }) => {
         onValueChange,
         type
       ]);
-      return /* @__PURE__ */ React.createElement(Settings.Item, {
-        title: label,
+      return /* @__PURE__ */ React.createElement(Form.Row, {
+        label,
         description: t("icon.description")
       }, /* @__PURE__ */ React.createElement(IconPicker, {
         value: getValue(),
@@ -109,8 +109,8 @@ var SpaceSettingsContainer = ({ space }) => {
         onValueChange,
         type
       ]);
-      return /* @__PURE__ */ React.createElement(Settings.Item, {
-        title: label,
+      return /* @__PURE__ */ React.createElement(Form.Row, {
+        label,
         description: t("hue.description")
       }, /* @__PURE__ */ React.createElement(HuePicker, {
         value: getValue(),
@@ -124,14 +124,14 @@ var SpaceSettingsContainer = ({ space }) => {
         onValueChange,
         type
       ]);
-      return /* @__PURE__ */ React.createElement(Settings.Item, {
-        title: label,
+      return /* @__PURE__ */ React.createElement(Form.Row, {
+        label,
         description: t("edge-replication.description")
-      }, /* @__PURE__ */ React.createElement(Input.Switch, {
+      }, /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.Switch, {
         checked: getValue(),
         onCheckedChange: handleChange,
         classNames: "justify-self-end"
-      }));
+      })));
     }
   }), [
     t,
@@ -197,38 +197,41 @@ var SpaceSettingsContainer = ({ space }) => {
     invokePromise,
     t
   ]);
-  return /* @__PURE__ */ React.createElement(Settings.Viewport, null, /* @__PURE__ */ React.createElement(Settings.Section, {
-    title: t("space-properties-settings-verbose.label"),
-    description: t("space-properties-settings.description", {
-      ns: meta.profile.key
-    })
-  }, /* @__PURE__ */ React.createElement(Form.Root, {
+  return /* @__PURE__ */ React.createElement(Form.Root, {
+    variant: "settings",
     key: space.id,
     fieldMap,
     schema: SpaceFormSchema,
     defaultValues,
     onValuesChanged: handleValuesChanged
-  }, /* @__PURE__ */ React.createElement(Form.FieldSet, null))), /* @__PURE__ */ React.createElement(Settings.Section, {
+  }, /* @__PURE__ */ React.createElement(Form.Viewport, {
+    scroll: true
+  }, /* @__PURE__ */ React.createElement(Form.Content, null, /* @__PURE__ */ React.createElement(Form.Section, {
+    title: t("space-properties-settings-verbose.label"),
+    description: t("space-properties-settings.description", {
+      ns: meta.profile.key
+    })
+  }, /* @__PURE__ */ React.createElement(Form.FieldSet, null)), /* @__PURE__ */ React.createElement(Form.Section, {
     title: t("space-controls.title"),
     description: t("space-controls.description")
-  }, /* @__PURE__ */ React.createElement(Settings.Item, {
-    title: t("space-key.title"),
-    description: t("space-key.description")
+  }, /* @__PURE__ */ React.createElement(Form.Row, {
+    label: t("space-id.title"),
+    description: t("space-id.description")
   }, /* @__PURE__ */ React.createElement("div", {
     className: "flex items-center gap-2"
   }, /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.TextInput, {
-    value: space.key.toHex(),
+    value: space.id,
     disabled: true,
     classNames: "flex-1 font-mono text-xs"
   })), /* @__PURE__ */ React.createElement(IconButton, {
     icon: "ph--copy--regular",
     iconOnly: true,
-    label: t("copy-space-key.label"),
+    label: t("copy-space-id.label"),
     onClick: () => {
-      void navigator.clipboard.writeText(space.key.toHex());
+      void navigator.clipboard.writeText(space.id);
     }
-  }))), /* @__PURE__ */ React.createElement(Settings.Item, {
-    title: t("backup-space.title"),
+  }))), /* @__PURE__ */ React.createElement(Form.Row, {
+    label: t("backup-space.title"),
     description: t("backup-space.description")
   }, /* @__PURE__ */ React.createElement(DropdownMenu.Root, null, /* @__PURE__ */ React.createElement(DropdownMenu.Trigger, {
     asChild: true
@@ -240,16 +243,16 @@ var SpaceSettingsContainer = ({ space }) => {
     onClick: handleBackupBinary
   }, t("download-backup-binary.label")), /* @__PURE__ */ React.createElement(DropdownMenu.Item, {
     onClick: handleBackupJson
-  }, t("download-backup-json.label")))))), /* @__PURE__ */ React.createElement(Settings.Item, {
-    title: t("repair-space.title"),
+  }, t("download-backup-json.label")))))), /* @__PURE__ */ React.createElement(Form.Row, {
+    label: t("repair-space.title"),
     description: t("repair-space.description")
   }, /* @__PURE__ */ React.createElement(Button, {
     onClick: handleRepair
-  }, t("repair-space.label")))), /* @__PURE__ */ React.createElement(Settings.Section, {
+  }, t("repair-space.label")))), !personal && /* @__PURE__ */ React.createElement(Form.Section, {
     title: t("danger-zone.title"),
     description: t("danger-zone.description")
-  }, !personal && /* @__PURE__ */ React.createElement(Settings.Item, {
-    title: t("delete-space.title"),
+  }, /* @__PURE__ */ React.createElement(Form.Row, {
+    label: t("delete-space.title"),
     description: t("delete-space.description")
   }, /* @__PURE__ */ React.createElement(Dialog.Root, {
     open: deleteConfirmOpen,
@@ -267,10 +270,10 @@ var SpaceSettingsContainer = ({ space }) => {
     variant: "destructive",
     onClick: handleDelete,
     "data-testid": "spaceSettings.deleteSpaceConfirm"
-  }, t("delete-space.label")))))))))));
+  }, t("delete-space.label")))))))))))));
 };
 SpaceSettingsContainer.displayName = "SpaceSettingsContainer";
 export {
   SpaceSettingsContainer as default
 };
-//# sourceMappingURL=SpaceSettingsContainer-QAFQ4LWC.mjs.map
+//# sourceMappingURL=SpaceSettingsContainer-72CJWELM.mjs.map

package/dist/lib/neutral/SpaceSettingsContainer-72CJWELM.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/SpaceSettingsContainer/SpaceSettingsContainer.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\nimport React, { type ChangeEvent, useCallback, useMemo, useState } from 'react';\n\nimport { useCapabilities, useOperationInvoker } from '@dxos/app-framework/ui';\nimport { AppSpace, LayoutOperation, Paths } from '@dxos/app-toolkit';\nimport { AppSurface } from '@dxos/app-toolkit/ui';\nimport { Obj } from '@dxos/echo';\nimport { log } from '@dxos/log';\nimport { SpaceArchive } from '@dxos/protocols/proto/dxos/client/services';\nimport { EdgeReplicationSetting } from '@dxos/protocols/proto/dxos/echo/metadata';\nimport { useClient } from '@dxos/react-client';\nimport { Button, Dialog, DropdownMenu, Icon, IconButton, Input, useTranslation } from '@dxos/react-ui';\nimport { Form, type FormFieldMap } from '@dxos/react-ui-form';\nimport { HuePicker, IconPicker } from '@dxos/react-ui-pickers';\n\nimport { meta } from '#meta';\nimport { SpaceOperation } from '#operations';\nimport { SpaceCapabilities, SpaceForm } from '#types';\n\nconst SpaceFormSchema = SpaceForm;\n\n// TODO(wittjosiah): Handle space migrations here?\nexport const SpaceSettingsContainer = ({ space }: AppSurface.SpaceArticleProps) => {\n  const { t } = useTranslation(meta.profile.key);\n  const { invokePromise } = useOperationInvoker();\n  const client = useClient();\n  const [edgeReplication, setEdgeReplication] = useState(\n    space.internal.data.edgeReplication === EdgeReplicationSetting.ENABLED,\n  );\n  const toggleEdgeReplication = useCallback(\n    async (next: boolean) => {\n      setEdgeReplication(next);\n      await space?.internal\n        .setEdgeReplicationPreference(next ? EdgeReplicationSetting.ENABLED : EdgeReplicationSetting.DISABLED)\n        .catch((err: unknown) => {\n          log.catch(err);\n          setEdgeReplication(!next);\n        });\n    },\n    [space],\n  );\n\n  const handleValuesChanged = useCallback(\n    (newValues: Partial<Schema.Schema.Type<typeof SpaceFormSchema>>, meta: { changed?: Record<string, boolean> }) => {\n      const changed = meta.changed ?? {};\n      if (changed['edgeReplication']) {\n        void toggleEdgeReplication(newValues.edgeReplication ?? false);\n      }\n\n      if (changed['name'] || changed['icon'] || changed['hue']) {\n        Obj.update(space.properties, (obj) => {\n          if (changed['name'] && newValues.name !== undefined) {\n            obj.name = newValues.name;\n          }\n          if (changed['icon']) {\n            obj.icon = newValues.icon;\n          }\n          if (changed['hue']) {\n            obj.hue = newValues.hue;\n          }\n        });\n      }\n    },\n    [space, toggleEdgeReplication],\n  );\n\n  const defaultValues = useMemo(\n    () => ({\n      name: space.properties.name,\n      icon: space.properties.icon,\n      hue: space.properties.hue,\n      edgeReplication,\n    }),\n    [space.properties.name, space.properties.icon, space.properties.hue, edgeReplication],\n  );\n\n  const personal = AppSpace.isPersonalSpace(space);\n\n  const fieldMap = useMemo<FormFieldMap>(\n    () => ({\n      name: personal\n        ? () => null\n        : ({ type, label, getValue, onValueChange }) => {\n            const handleChange = useCallback(\n              ({ target: { value } }: ChangeEvent<HTMLInputElement>) => onValueChange(type, value),\n              [onValueChange, type],\n            );\n            return (\n              <Form.Row label={label} description={t('display-name.description')}>\n                <Input.Root>\n                  <Input.TextInput\n                    value={getValue()}\n                    onChange={handleChange}\n                    placeholder={t('display-name-input.placeholder')}\n                    classNames='min-w-64'\n                  />\n                </Input.Root>\n              </Form.Row>\n            );\n          },\n      icon: personal\n        ? () => null\n        : ({ type, label, getValue, onValueChange }) => {\n            const handleChange = useCallback((icon: string) => onValueChange(type, icon), [onValueChange, type]);\n            const handleReset = useCallback(() => onValueChange(type, undefined), [onValueChange, type]);\n            return (\n              <Form.Row label={label} description={t('icon.description')}>\n                <IconPicker\n                  value={getValue()}\n                  onChange={handleChange}\n                  onReset={handleReset}\n                  classNames='justify-self-end'\n                />\n              </Form.Row>\n            );\n          },\n      hue: ({ type, label, getValue, onValueChange }) => {\n        const handleChange = useCallback((nextHue: string) => onValueChange(type, nextHue), [onValueChange, type]);\n        const handleReset = useCallback(() => onValueChange(type, undefined), [onValueChange, type]);\n        return (\n          <Form.Row label={label} description={t('hue.description')}>\n            <HuePicker value={getValue()} onChange={handleChange} onReset={handleReset} classNames='justify-self-end' />\n          </Form.Row>\n        );\n      },\n      edgeReplication: ({ type, label, getValue, onValueChange }) => {\n        const handleChange = useCallback((checked: boolean) => onValueChange(type, checked), [onValueChange, type]);\n        return (\n          <Form.Row label={label} description={t('edge-replication.description')}>\n            <Input.Root>\n              <Input.Switch checked={getValue()} onCheckedChange={handleChange} classNames='justify-self-end' />\n            </Input.Root>\n          </Form.Row>\n        );\n      },\n    }),\n    [t, space, personal],\n  );\n\n  const handleBackupBinary = useCallback(async () => {\n    await invokePromise(SpaceOperation.ExportSpace, { space, format: SpaceArchive.Format.BINARY });\n  }, [space, invokePromise]);\n  const handleBackupJson = useCallback(async () => {\n    await invokePromise(SpaceOperation.ExportSpace, { space, format: SpaceArchive.Format.JSON });\n  }, [space, invokePromise]);\n\n  const repairs = useCapabilities(SpaceCapabilities.Repair);\n  const handleRepair = useCallback(async () => {\n    await Promise.all(repairs.map((repair) => repair({ space, isDefault: AppSpace.isPersonalSpace(space) })));\n  }, [space, repairs]);\n\n  const [deleteConfirmOpen, setDeleteConfirmOpen] = useState(false);\n  // Wired to an onClick handler: must resolve (never reject) so it can't trigger an unhandled rejection.\n  const handleDelete = useCallback(async () => {\n    try {\n      await invokePromise(SpaceOperation.Delete, { space });\n      setDeleteConfirmOpen(false);\n      const personalSpace = AppSpace.getPersonalSpace(client);\n      if (personalSpace) {\n        void invokePromise(LayoutOperation.SwitchWorkspace, { subject: Paths.getSpacePath(personalSpace.id) });\n      }\n    } catch (err) {\n      log.catch(err, { stage: 'delete: invocation rejected', spaceId: space.id });\n      setDeleteConfirmOpen(false);\n      void invokePromise(LayoutOperation.AddToast, {\n        id: `${space.id}-delete-failed`,\n        title: t('delete-space-failed.message'),\n        icon: 'ph--warning--regular',\n      });\n    }\n  }, [space, client, invokePromise, t]);\n\n  return (\n    <Form.Root\n      variant='settings'\n      key={space.id}\n      fieldMap={fieldMap}\n      schema={SpaceFormSchema}\n      defaultValues={defaultValues}\n      onValuesChanged={handleValuesChanged}\n    >\n      <Form.Viewport scroll>\n        <Form.Content>\n          <Form.Section\n            title={t('space-properties-settings-verbose.label')}\n            description={t('space-properties-settings.description', { ns: meta.profile.key })}\n          >\n            <Form.FieldSet />\n          </Form.Section>\n\n          <Form.Section title={t('space-controls.title')} description={t('space-controls.description')}>\n            <Form.Row label={t('space-id.title')} description={t('space-id.description')}>\n              <div className='flex items-center gap-2'>\n                <Input.Root>\n                  <Input.TextInput value={space.id} disabled classNames='flex-1 font-mono text-xs' />\n                </Input.Root>\n                <IconButton\n                  icon='ph--copy--regular'\n                  iconOnly\n                  label={t('copy-space-id.label')}\n                  onClick={() => {\n                    void navigator.clipboard.writeText(space.id);\n                  }}\n                />\n              </div>\n            </Form.Row>\n            <Form.Row label={t('backup-space.title')} description={t('backup-space.description')}>\n              <DropdownMenu.Root>\n                <DropdownMenu.Trigger asChild>\n                  <Button>\n                    {t('download-backup.label')}\n                    <Icon icon='ph--caret-down--regular' size={4} classNames='mis-2' />\n                  </Button>\n                </DropdownMenu.Trigger>\n                <DropdownMenu.Content>\n                  <DropdownMenu.Viewport>\n                    <DropdownMenu.Item onClick={handleBackupBinary}>\n                      {t('download-backup-binary.label')}\n                    </DropdownMenu.Item>\n                    <DropdownMenu.Item onClick={handleBackupJson}>{t('download-backup-json.label')}</DropdownMenu.Item>\n                  </DropdownMenu.Viewport>\n                </DropdownMenu.Content>\n              </DropdownMenu.Root>\n            </Form.Row>\n            <Form.Row label={t('repair-space.title')} description={t('repair-space.description')}>\n              <Button onClick={handleRepair}>{t('repair-space.label')}</Button>\n            </Form.Row>\n          </Form.Section>\n\n          {!personal && (\n            <Form.Section title={t('danger-zone.title')} description={t('danger-zone.description')}>\n              <Form.Row label={t('delete-space.title')} description={t('delete-space.description')}>\n                <Dialog.Root open={deleteConfirmOpen} onOpenChange={setDeleteConfirmOpen}>\n                  <Dialog.Trigger asChild>\n                    <Button variant='destructive' data-testid='spaceSettings.deleteSpace'>\n                      {t('delete-space.label')}\n                    </Button>\n                  </Dialog.Trigger>\n                  <Dialog.Portal>\n                    <Dialog.Overlay>\n                      <Dialog.Content>\n                        <Dialog.Header>\n                          <Dialog.Title>{t('delete-space-confirm.title')}</Dialog.Title>\n                        </Dialog.Header>\n                        <Dialog.Body>\n                          <Dialog.Description>{t('delete-space-confirm.description')}</Dialog.Description>\n                          <div className='flex justify-end gap-2 mbs-4'>\n                            <Dialog.Close asChild>\n                              <Button>{t('cancel.label')}</Button>\n                            </Dialog.Close>\n                            <Button\n                              variant='destructive'\n                              onClick={handleDelete}\n                              data-testid='spaceSettings.deleteSpaceConfirm'\n                            >\n                              {t('delete-space.label')}\n                            </Button>\n                          </div>\n                        </Dialog.Body>\n                      </Dialog.Content>\n                    </Dialog.Overlay>\n                  </Dialog.Portal>\n                </Dialog.Root>\n              </Form.Row>\n            </Form.Section>\n          )}\n        </Form.Content>\n      </Form.Viewport>\n    </Form.Root>\n  );\n};\n\nSpaceSettingsContainer.displayName = 'SpaceSettingsContainer';\n"],
+  "mappings": "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",
+  "names": ["React", "useCallback", "useMemo", "useState", "useCapabilities", "useOperationInvoker", "AppSpace", "LayoutOperation", "Paths", "Obj", "log", "SpaceArchive", "EdgeReplicationSetting", "useClient", "Button", "Dialog", "DropdownMenu", "Icon", "IconButton", "Input", "useTranslation", "Form", "HuePicker", "IconPicker", "meta", "SpaceOperation", "SpaceCapabilities", "SpaceForm", "SpaceFormSchema", "SpaceSettingsContainer", "invokePromise", "client", "edgeReplication", "setEdgeReplication", "toggleEdgeReplication", "next", "setEdgeReplicationPreference", "err", "space", "newValues", "changed", "name", "undefined", "obj", "properties", "hue", "personal", "type", "label", "handleChange", "onValueChange", "value", "getValue", "placeholder", "classNames", "icon", "onReset", "handleReset", "checked", "onCheckedChange", "t", "format", "BINARY", "JSON", "Promise", "map", "repair", "isDefault", "isPersonalSpace", "handleDelete", "Delete", "setDeleteConfirmOpen", "SwitchWorkspace", "stage", "spaceId", "AddToast", "title", "fieldMap", "schema", "defaultValues", "onValuesChanged", "scroll", "Content", "ns", "className", "Root", "disabled", "iconOnly", "onClick", "navigator", "writeText", "asChild", "handleBackupBinary", "Item", "handleBackupJson", "description", "handleRepair", "open", "deleteConfirmOpen", "onOpenChange", "variant", "data-testid", "Close", "displayName"]
+}

package/dist/lib/neutral/TypeCollectionArticle-W76ADS2G.mjs

@@ -0,0 +1,143 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/TypeCollectionArticle/TypeCollectionArticle.tsx
+import * as Option from "effect/Option";
+import React, { useCallback, useMemo } from "react";
+import { Surface, useOperationInvoker } from "@dxos/app-framework/ui";
+import { AppAnnotation, LayoutOperation, Paths } from "@dxos/app-toolkit";
+import { AppSurface } from "@dxos/app-toolkit/ui";
+import { Filter, Obj, Type } from "@dxos/echo";
+import { useObject, useQuery } from "@dxos/react-client/echo";
+import { Card, Focus, Icon, Panel, useTranslation } from "@dxos/react-ui";
+import { useSelection } from "@dxos/react-ui-attention";
+import { Empty } from "@dxos/react-ui-list";
+import { Masonry } from "@dxos/react-ui-masonry";
+import { getStyles } from "@dxos/ui-theme";
+import { meta } from "#meta";
+var TypeCollectionArticle = ({ role, space, typeUri, attendableId }) => {
+  const { t } = useTranslation(meta.profile.key);
+  const { invokePromise } = useOperationInvoker();
+  const currentId = useSelection(attendableId, "single");
+  const objects = useQuery(space.db, Filter.type(typeUri));
+  const handleOpen = useCallback((object) => {
+    const id = Obj.getURI(object);
+    void invokePromise(LayoutOperation.Select, {
+      contextId: attendableId,
+      subject: {
+        mode: "single",
+        id
+      }
+    });
+    void invokePromise(LayoutOperation.Open, {
+      subject: [
+        Paths.getObjectPathFromObject(object)
+      ],
+      pivotId: attendableId,
+      navigation: "immediate"
+    });
+  }, [
+    attendableId,
+    invokePromise
+  ]);
+  const handleDelete = useCallback((object) => {
+    Obj.getDatabase(object)?.remove(object);
+  }, []);
+  const tileItems = useMemo(() => objects.map((object) => ({
+    object,
+    current: Obj.getURI(object) === currentId,
+    onOpen: handleOpen,
+    onDelete: Obj.getParent(object) ? void 0 : handleDelete
+  })), [
+    objects,
+    currentId,
+    handleOpen,
+    handleDelete
+  ]);
+  return /* @__PURE__ */ React.createElement(Panel.Root, {
+    role
+  }, /* @__PURE__ */ React.createElement(Panel.Toolbar, null), /* @__PURE__ */ React.createElement(Panel.Content, null, objects.length === 0 ? /* @__PURE__ */ React.createElement(Empty, {
+    classNames: "bs-full",
+    label: t("type-collection-empty.message")
+  }) : /* @__PURE__ */ React.createElement(Masonry.Root, {
+    Tile: TileAdapter
+  }, /* @__PURE__ */ React.createElement(Masonry.Content, {
+    classNames: "p-trim-md"
+  }, /* @__PURE__ */ React.createElement(Masonry.Viewport, {
+    getId: (data) => Obj.getURI(data.object),
+    items: tileItems
+  })))));
+};
+var TileAdapter = ({ data }) => {
+  if (!data?.object) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(TypeCollectionTile, {
+    object: data.object,
+    current: data.current,
+    onOpen: data.onOpen,
+    onDelete: data.onDelete
+  });
+};
+var TypeCollectionTile = ({ object, current, onOpen, onDelete }) => {
+  const { t } = useTranslation(meta.profile.key);
+  const [live] = useObject(object);
+  const typename = Obj.getTypename(live);
+  const label = Obj.getLabel(live) || t("object-name.placeholder", {
+    ns: typename ?? meta.profile.key,
+    defaultValue: t("object-name.placeholder")
+  });
+  const iconAnnotation = Obj.getIcon(live);
+  const icon = iconAnnotation?.icon ?? "ph--circle-dashed--regular";
+  const iconStyles = iconAnnotation?.hue ? getStyles(iconAnnotation.hue) : void 0;
+  const type = Obj.getType(object);
+  const showCardContent = !!type && Option.getOrElse(AppAnnotation.CardAnnotation.get(Type.getSchema(type)), () => false);
+  const cardData = useMemo(() => ({
+    subject: object
+  }), [
+    object
+  ]);
+  const handleCurrentChange = useCallback(() => onOpen(object), [
+    onOpen,
+    object
+  ]);
+  const menuItems = useMemo(() => [
+    ...onDelete ? [
+      {
+        label: t("delete-object.label", {
+          ns: typename ?? meta.profile.key,
+          defaultValue: t("delete-object.label")
+        }),
+        onClick: () => onDelete?.(object)
+      }
+    ] : []
+  ], [
+    t,
+    typename,
+    onDelete,
+    object
+  ]);
+  return /* @__PURE__ */ React.createElement(Focus.Item, {
+    asChild: true,
+    current,
+    onCurrentChange: handleCurrentChange
+  }, /* @__PURE__ */ React.createElement(Card.Root, {
+    fullWidth: true,
+    classNames: [
+      "dx-hover cursor-pointer",
+      current && "dx-current"
+    ]
+  }, /* @__PURE__ */ React.createElement(Card.Header, null, /* @__PURE__ */ React.createElement(Card.Block, null, /* @__PURE__ */ React.createElement(Icon, {
+    icon,
+    classNames: iconStyles?.text
+  })), /* @__PURE__ */ React.createElement(Card.Title, null, label), menuItems.length > 0 && /* @__PURE__ */ React.createElement(Card.Menu, {
+    items: menuItems
+  })), showCardContent && /* @__PURE__ */ React.createElement(Surface.Surface, {
+    type: AppSurface.CardContent,
+    data: cardData,
+    limit: 1
+  })));
+};
+export {
+  TypeCollectionArticle as default
+};
+//# sourceMappingURL=TypeCollectionArticle-W76ADS2G.mjs.map

package/dist/lib/neutral/TypeCollectionArticle-W76ADS2G.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/TypeCollectionArticle/TypeCollectionArticle.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Option from 'effect/Option';\nimport React, { useCallback, useMemo } from 'react';\n\nimport { Surface, useOperationInvoker } from '@dxos/app-framework/ui';\nimport { AppAnnotation, LayoutOperation, Paths } from '@dxos/app-toolkit';\nimport { AppSurface } from '@dxos/app-toolkit/ui';\nimport { Filter, Obj, Type } from '@dxos/echo';\nimport { type URI } from '@dxos/keys';\nimport { type Space, useObject, useQuery } from '@dxos/react-client/echo';\nimport { Card, Focus, Icon, Panel, useTranslation } from '@dxos/react-ui';\nimport { useSelection } from '@dxos/react-ui-attention';\nimport { Empty } from '@dxos/react-ui-list';\nimport { Masonry } from '@dxos/react-ui-masonry';\nimport { getStyles } from '@dxos/ui-theme';\n\nimport { meta } from '#meta';\n\nexport type TypeCollectionArticleProps = {\n  role?: string;\n  space: Space;\n  typeUri: URI.URI;\n  attendableId: string;\n};\n\n/**\n * List view rendered when a type node is selected: a masonry grid of header-only cards, one per object\n * of the type. Selecting a card navigates to that object, opening it as a sibling plank. Objects are not\n * enumerated in the nav tree; each navigated object becomes a hidden child of the type node resolved on demand.\n */\nexport const TypeCollectionArticle = ({ role, space, typeUri, attendableId }: TypeCollectionArticleProps) => {\n  const { t } = useTranslation(meta.profile.key);\n  const { invokePromise } = useOperationInvoker();\n  const currentId = useSelection(attendableId, 'single');\n\n  const objects = useQuery(space.db, Filter.type(typeUri));\n\n  const handleOpen = useCallback(\n    (object: Obj.Unknown) => {\n      const id = Obj.getURI(object);\n      void invokePromise(LayoutOperation.Select, { contextId: attendableId, subject: { mode: 'single', id } });\n      void invokePromise(LayoutOperation.Open, {\n        subject: [Paths.getObjectPathFromObject(object)],\n        pivotId: attendableId,\n        navigation: 'immediate',\n      });\n    },\n    [attendableId, invokePromise],\n  );\n\n  const handleDelete = useCallback((object: Obj.Unknown) => {\n    Obj.getDatabase(object)?.remove(object);\n  }, []);\n\n  const tileItems = useMemo<TileData[]>(\n    () =>\n      objects.map((object) => ({\n        object,\n        current: Obj.getURI(object) === currentId,\n        onOpen: handleOpen,\n        onDelete: Obj.getParent(object) ? undefined : handleDelete,\n      })),\n    [objects, currentId, handleOpen, handleDelete],\n  );\n\n  return (\n    <Panel.Root role={role}>\n      <Panel.Toolbar />\n      <Panel.Content>\n        {objects.length === 0 ? (\n          <Empty classNames='bs-full' label={t('type-collection-empty.message')} />\n        ) : (\n          <Masonry.Root Tile={TileAdapter}>\n            <Masonry.Content classNames='p-trim-md'>\n              <Masonry.Viewport getId={(data) => Obj.getURI(data.object)} items={tileItems} />\n            </Masonry.Content>\n          </Masonry.Root>\n        )}\n      </Panel.Content>\n    </Panel.Root>\n  );\n};\n\ntype TileData = {\n  object: Obj.Unknown;\n  current: boolean;\n  onOpen: (object: Obj.Unknown) => void;\n  onDelete?: (object: Obj.Unknown) => void;\n};\n\nconst TileAdapter = ({ data }: { data: TileData | undefined; index: number }) => {\n  if (!data?.object) {\n    return null;\n  }\n\n  return (\n    <TypeCollectionTile object={data.object} current={data.current} onOpen={data.onOpen} onDelete={data.onDelete} />\n  );\n};\n\ntype TypeCollectionTileProps = TileData;\n\n/** Selectable header-only card for a single object. */\nconst TypeCollectionTile = ({ object, current, onOpen, onDelete }: TypeCollectionTileProps) => {\n  const { t } = useTranslation(meta.profile.key);\n  // Subscribe so the label re-renders when the object changes.\n  const [live] = useObject(object);\n  // Mirror the app-graph label: the object's own label, else the type-scoped placeholder\n  // (e.g. \"New video\" lives in the type's namespace, not the space plugin's).\n  const typename = Obj.getTypename(live);\n  const label =\n    Obj.getLabel(live) ||\n    t('object-name.placeholder', { ns: typename ?? meta.profile.key, defaultValue: t('object-name.placeholder') });\n\n  const iconAnnotation = Obj.getIcon(live);\n  const icon = iconAnnotation?.icon ?? 'ph--circle-dashed--regular';\n  const iconStyles = iconAnnotation?.hue ? getStyles(iconAnnotation.hue) : undefined;\n\n  // Render a content preview body only for types that opt in via `CardAnnotation`.\n  const type = Obj.getType(object);\n  const showCardContent =\n    !!type && Option.getOrElse(AppAnnotation.CardAnnotation.get(Type.getSchema(type)), () => false);\n  const cardData = useMemo<AppSurface.ObjectCardData>(() => ({ subject: object }), [object]);\n\n  // `Focus.Item` calls `onCurrentChange` on click and on Enter.\n  const handleCurrentChange = useCallback(() => onOpen(object), [onOpen, object]);\n\n  const menuItems = useMemo(\n    () => [\n      ...(onDelete\n        ? [\n            {\n              label: t('delete-object.label', {\n                ns: typename ?? meta.profile.key,\n                defaultValue: t('delete-object.label'),\n              }),\n              onClick: () => onDelete?.(object),\n            },\n          ]\n        : []),\n    ],\n    [t, typename, onDelete, object],\n  );\n\n  return (\n    <Focus.Item asChild current={current} onCurrentChange={handleCurrentChange}>\n      <Card.Root fullWidth classNames={['dx-hover cursor-pointer', current && 'dx-current']}>\n        <Card.Header>\n          <Card.Block>\n            <Icon icon={icon} classNames={iconStyles?.text} />\n          </Card.Block>\n          <Card.Title>{label}</Card.Title>\n          {menuItems.length > 0 && <Card.Menu items={menuItems} />}\n        </Card.Header>\n        {showCardContent && <Surface.Surface type={AppSurface.CardContent} data={cardData} limit={1} />}\n      </Card.Root>\n    </Focus.Item>\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["Option", "React", "useCallback", "useMemo", "Surface", "useOperationInvoker", "AppAnnotation", "LayoutOperation", "Paths", "AppSurface", "Filter", "Obj", "Type", "useObject", "useQuery", "Card", "Focus", "Icon", "Panel", "useTranslation", "useSelection", "Empty", "Masonry", "getStyles", "meta", "TypeCollectionArticle", "role", "space", "typeUri", "attendableId", "t", "profile", "key", "invokePromise", "currentId", "objects", "db", "type", "handleOpen", "object", "id", "getURI", "Select", "contextId", "subject", "mode", "Open", "getObjectPathFromObject", "pivotId", "navigation", "handleDelete", "getDatabase", "remove", "tileItems", "map", "current", "onOpen", "onDelete", "getParent", "undefined", "Root", "Toolbar", "Content", "length", "classNames", "label", "Tile", "TileAdapter", "Viewport", "getId", "data", "items", "TypeCollectionTile", "live", "typename", "getTypename", "getLabel", "ns", "defaultValue", "iconAnnotation", "getIcon", "icon", "iconStyles", "hue", "getType", "showCardContent", "getOrElse", "CardAnnotation", "get", "getSchema", "cardData", "handleCurrentChange", "menuItems", "onClick", "Item", "asChild", "onCurrentChange", "fullWidth", "Header", "Block", "text", "Title", "Menu", "CardContent", "limit"]
+}