@dxos/plugin-space 0.9.0 → 0.9.1-staging.ee54ba693a

package/dist/lib/neutral/{SpaceSettingsContainer-IB34TEOB.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 { getPersonalSpace, getSpacePath, isPersonalSpace, 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";
@@ -18,7 +18,7 @@ import { SpaceCapabilities, SpaceForm } from "#types";
 var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-space/src/containers/SpaceSettingsContainer/SpaceSettingsContainer.tsx";
 var SpaceFormSchema = SpaceForm;
 var SpaceSettingsContainer = ({ space }) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   const { invokePromise } = useOperationInvoker();
   const client = useClient();
   const [edgeReplication, setEdgeReplication] = useState(space.internal.data.edgeReplication === EdgeReplicationSetting.ENABLED);
@@ -64,22 +64,22 @@ var SpaceSettingsContainer = ({ space }) => {
     space.properties.hue,
     edgeReplication
   ]);
-  const personal = isPersonalSpace(space);
+  const personal = AppSpace.isPersonalSpace(space);
   const fieldMap = useMemo(() => ({
     name: personal ? () => null : ({ type, label, getValue, onValueChange }) => {
       const handleChange = useCallback(({ target: { value } }) => onValueChange(type, value), [
         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,
@@ -160,7 +160,7 @@ var SpaceSettingsContainer = ({ space }) => {
   const handleRepair = useCallback(async () => {
     await Promise.all(repairs.map((repair) => repair({
       space,
-      isDefault: isPersonalSpace(space)
+      isDefault: AppSpace.isPersonalSpace(space)
     })));
   }, [
     space,
@@ -173,10 +173,10 @@ var SpaceSettingsContainer = ({ space }) => {
         space
       });
       setDeleteConfirmOpen(false);
-      const personalSpace = getPersonalSpace(client);
+      const personalSpace = AppSpace.getPersonalSpace(client);
       if (personalSpace) {
         void invokePromise(LayoutOperation.SwitchWorkspace, {
-          subject: getSpacePath(personalSpace.id)
+          subject: Paths.getSpacePath(personalSpace.id)
         });
       }
     } catch (err) {
@@ -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.id
-    })
-  }, /* @__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-IB34TEOB.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/{SyncStatus-CWOXWDDZ.mjs → SyncStatus-J7CHLO5O.mjs}

@@ -26,7 +26,7 @@ var SyncStatus = () => {
   });
 };
 var SyncStatusIndicator = ({ state, saved }) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   const summary = getSyncSummary(state);
   const offline = Object.values(state).length === 0;
   const needsToUpload = summary.differentDocuments > 0 || summary.missingOnRemote > 0;
@@ -72,7 +72,7 @@ var SyncStatusIndicator = ({ state, saved }) => {
   }, /* @__PURE__ */ React.createElement(EdgeConnectionPopover, null), /* @__PURE__ */ React.createElement(Popover.Arrow, null))));
 };
 var EdgeConnectionPopover = () => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   const client = useClient();
   const { status } = useStream(() => client.services.services.EdgeAgentService.queryEdgeStatus(), {});
   const isConnected = status?.state === EdgeStatus.ConnectionState.CONNECTED;
@@ -144,4 +144,4 @@ var UnitValue = ({ value: input, format, suffix }) => {
 export {
   SyncStatus as default
 };
-//# sourceMappingURL=SyncStatus-CWOXWDDZ.mjs.map
+//# sourceMappingURL=SyncStatus-J7CHLO5O.mjs.map

package/dist/lib/neutral/SyncStatus-J7CHLO5O.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/SyncStatus/SyncStatus.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useEffect, useState } from 'react';\n\nimport { log } from '@dxos/log';\nimport { StatusBar } from '@dxos/plugin-status-bar/components';\nimport { EdgeStatus } from '@dxos/protocols/proto/dxos/client/services';\nimport { type QueryEdgeStatusResponse } from '@dxos/protocols/proto/dxos/client/services';\nimport { useClient } from '@dxos/react-client';\nimport { useStream } from '@dxos/react-client/devtools';\nimport { type SpaceSyncStateMap, getSyncSummary, useSyncState } from '@dxos/react-client/echo';\nimport { Icon, IconButton, Popover, useTranslation } from '@dxos/react-ui';\nimport { iconSize, mx } from '@dxos/ui-theme';\nimport { Unit, type UnitFormat } from '@dxos/util';\n\nimport { createClientSaveTracker, getIcon, getStatus } from '#components';\nimport { meta } from '#meta';\n\nconst SYNC_STALLED_TIMEOUT = 5_000;\n\nexport const SyncStatus = () => {\n  const client = useClient();\n  const state = useSyncState();\n  const [saved, setSaved] = useState(true);\n  useEffect(() => createClientSaveTracker(client, (state) => setSaved(state === 'saved')), []);\n\n  return <SyncStatusIndicator state={state} saved={saved} />;\n};\n\nexport const SyncStatusIndicator = ({ state, saved }: { state: SpaceSyncStateMap; saved: boolean }) => {\n  const { t } = useTranslation(meta.profile.key);\n  const summary = getSyncSummary(state);\n  const offline = Object.values(state).length === 0;\n  const needsToUpload = summary.differentDocuments > 0 || summary.missingOnRemote > 0;\n  const needsToDownload = summary.differentDocuments > 0 || summary.missingOnLocal > 0;\n  const status = getStatus({ offline, saved, needsToUpload, needsToDownload });\n\n  const [classNames, setClassNames] = useState<string>();\n  useEffect(() => {\n    setClassNames(undefined);\n    if (offline || (!needsToUpload && !needsToDownload)) {\n      return;\n    }\n\n    const t = setTimeout(() => {\n      log.warn('sync stalled', { state });\n      setClassNames('text-error-text');\n    }, SYNC_STALLED_TIMEOUT);\n\n    return () => {\n      clearTimeout(t);\n      setClassNames(undefined);\n    };\n  }, [offline, needsToUpload, needsToDownload]);\n\n  return (\n    <Popover.Root>\n      <Popover.Trigger asChild>\n        <StatusBar.Item>\n          <IconButton\n            variant='ghost'\n            icon={getIcon(status)}\n            iconOnly\n            label={t(`${status}.label`)}\n            classNames={classNames}\n          />\n        </StatusBar.Item>\n      </Popover.Trigger>\n      <Popover.Portal>\n        <Popover.Content side='left' classNames=''>\n          <EdgeConnectionPopover />\n          <Popover.Arrow />\n        </Popover.Content>\n      </Popover.Portal>\n    </Popover.Root>\n  );\n};\n\nconst EdgeConnectionPopover = () => {\n  const { t } = useTranslation(meta.profile.key);\n  const client = useClient();\n  const { status } = useStream(\n    () => client.services.services.EdgeAgentService!.queryEdgeStatus(),\n    {} as QueryEdgeStatusResponse,\n  );\n\n  const isConnected = status?.state === EdgeStatus.ConnectionState.CONNECTED;\n\n  return (\n    <div className='flex flex-col gap-2 w-[240px] p-2' style={iconSize(4)}>\n      {/* Connection Status Header */}\n      <div className='flex items-center gap-2 mb-2'>\n        <Icon\n          icon={isConnected ? 'ph--check-circle--regular' : 'ph--warning-circle--regular'}\n          classNames={mx(isConnected ? 'text-success-text' : 'text-error-text animate-pulse')}\n        />\n        <span className='font-medium text-sm'>\n          {isConnected ? t('sync-edge-connected.label') : t('sync-edge-disconnected.label')}\n        </span>\n      </div>\n\n      {/* Connection Details */}\n      {status?.state === EdgeStatus.ConnectionState.NOT_CONNECTED && (\n        <div className='grid grid-cols-[min-content_1fr_min-content_min-content] gap-2'>\n          <Icon icon='ph--cloud-x--regular' />\n          <span className='text-description'>{t('sync-no-connection.label')}</span>\n        </div>\n      )}\n\n      {status?.state === EdgeStatus.ConnectionState.CONNECTED && (\n        <div className='grid grid-cols-[min-content_1fr_min-content_min-content] gap-2 gap-y-1'>\n          {/* Latency */}\n          <div className='col-span-full grid grid-cols-subgrid gap-2 items-center text-sm'>\n            <Icon icon='ph--timer--regular' />\n            <span className='text-description'>{t('sync-latency.label')}</span>\n            <div />\n            <UnitValue value={status.rtt} format={Unit.Millisecond} />\n          </div>\n\n          {/* Upload Speed */}\n          <div className='col-span-full grid grid-cols-subgrid gap-2 items-center text-sm'>\n            <Icon icon='ph--arrow-up--regular' classNames='text-green-500' />\n            <span className='text-description'>{t('sync-upload.label')}</span>\n            <UnitValue value={status.messagesSent} format={Unit.Thousand} />\n            <UnitValue value={status.rateBytesUp} format={Unit.Kilobyte} suffix='/s' />\n          </div>\n\n          {/* Download Speed */}\n          <div className='col-span-full grid grid-cols-subgrid gap-2 items-center text-sm'>\n            <Icon icon='ph--arrow-down--regular' classNames='text-orange-500' />\n            <span className='text-description'>{t('sync-download.label')}</span>\n            <UnitValue value={status.messagesReceived} format={Unit.Thousand} />\n            <UnitValue value={status.rateBytesDown} format={Unit.Kilobyte} suffix='/s' />\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\n// TODO(burdon): Factor out.\nconst UnitValue = ({ value: input, format, suffix }: { value: number; format: UnitFormat; suffix?: string }) => {\n  const { formattedValue, unit } = format(input);\n  return (\n    <span className='font-mono'>\n      {formattedValue}\n      <span className='ms-1 text-subdued'>\n        {unit.symbol}\n        {suffix}\n      </span>\n    </span>\n  );\n};\n"],
+  "mappings": ";;;AAIA,OAAOA,SAASC,WAAWC,gBAAgB;AAE3C,SAASC,WAAW;AACpB,SAASC,iBAAiB;AAC1B,SAASC,kBAAkB;AAE3B,SAASC,iBAAiB;AAC1B,SAASC,iBAAiB;AAC1B,SAAiCC,gBAAgBC,oBAAoB;AACrE,SAASC,MAAMC,YAAYC,SAASC,sBAAsB;AAC1D,SAASC,UAAUC,UAAU;AAC7B,SAASC,YAA6B;AAEtC,SAASC,yBAAyBC,SAASC,iBAAiB;AAC5D,SAASC,YAAY;AAErB,IAAA,eAAMC;IAGJ,uBAAef;AACf,IAAMgB,aAAQb,MAAAA;AACd,QAAM,SAAQc,UAAS;AACvBtB,QAAAA,QAAgBgB,aAAAA;AAEhB,QAAA,CAAA,OAAA,QAAO,IAAA,SAAA,IAAA;YAAqBK,MAAOA,wBAAAA,QAAAA,CAAAA,WAAAA,SAAAA,WAAAA,OAAAA,CAAAA,GAAAA,CAAAA,CAAAA;SAAcE,sBAAAA,cAAAA,qBAAAA;;IACjD;EAEF,CAAA;;AAEE,IAAMC,sBAAyBH,CAAAA,EAAAA,OAAAA,MAAAA,MAAAA;AAC/B,QAAMI,EAAAA,EAAAA,IAAAA,eAAuB,KAACJ,QAAOK,GAAM;AAC3C,QAAMC,UAAAA,eAAwBC,KAAAA;AAC9B,QAAMC,UAAAA,OAAAA,OAAkBL,KAAQI,EAAAA,WAAAA;AAChC,QAAME,gBAASZ,QAAU,qBAAA,KAAA,QAAA,kBAAA;QAAEO,kBAAAA,QAAAA,qBAAAA,KAAAA,QAAAA,iBAAAA;QAASF,SAAAA,UAAAA;IAAOI;IAAeE;IAAgB;IAE1E;EACA7B,CAAAA;QACE+B,CAAAA,YAAcC,aAAAA,IAAAA,SAAAA;YACVP,MAAAA;kBACF,MAAA;AACF,QAAA,WAAA,CAAA,iBAAA,CAAA,iBAAA;AAEA;;eAC6BJ,WAAAA,MAAAA;AAAM,UAAA,KAAA,gBAAA;QACjCU;MACCX,GAAAA,EAAAA,YAAAA,YAAAA,GAAAA,cAAAA,GAAAA,IAAAA,GAAAA,OAAAA,CAAAA;AAEH,oBAAO,iBAAA;2BACQa;WACbF,MAAAA;AACF,mBAAAE,EAAA;AACC,oBAAA,MAAA;IAACR;;IAAwBI;IAAgB;IAE5C;;SAGM,sBAAA,cAAC1B,QAAU+B,MAAI,MACb,sBAAA,cAACxB,QAAAA,SAAAA;IACCyB,SAAQ;KACFlB,sBAAQa,cAAAA,UAAAA,MAAAA,MAAAA,sBAAAA,cAAAA,YAAAA;IACdM,SAAAA;IACAC,MAAAA,QAAYP,MAAO;IACnBQ,UAAAA;sBAIN,QAAA;IACmBC;QAAuB,sBAAA,cAAA,QAAA,QAAA,MAAA,sBAAA,cAAA,QAAA,SAAA;;IAO9C,YAAA;EAEF,GAAMC,sBAAAA,cAAwB,uBAAA,IAAA,GAAA,sBAAA,cAAA,QAAA,OAAA,IAAA,CAAA,CAAA,CAAA;;IAE5B,wBAAenC,MAAAA;AACf,QAAM,EAAEyB,EAAAA,IAAM,eACZ,KAAMW,QAAOC,GAAAA;AAIf,QAAMC,SAAAA,UAAcb;AAEpB,QAAA,EAAA,OAAA,IAAA,UACE,MAAA,OAAA,SAACc,SAAAA,iBAAAA,gBAAAA,GAAAA,CAAAA,CAAAA;QAAIC,cAAU,QAAA,UAAA,WAAA,gBAAA;SAAoD,sBAAA,cAAA,OAAA;;IAE5DA,OAAAA,SAAU,CAAA;KACb,sBAAA,cAACpC,OAAAA;IACCqC,WAAMH;KACM7B,sBAAG6B,cAAc,MAAA;wBAE/B,8BAACI;IAAKF,YAAU,GAAA,cAAA,sBAAA,+BAAA;MACCZ,sBAAE,cAAA,QAAA;IAMdY,WAAU;mBACb,EAAA,2BAACpC,IAAAA,EAAAA,8BAAAA,CAAAA,CAAAA,GAAAA,QAAAA,UAAAA,WAAAA,gBAAAA,iBAAAA,sBAAAA,cAAAA,OAAAA;IAAKqC,WAAK;2BACX,cAAA,MAACC;IAAKF,MAAAA;MAAgC,sBAAA,cAIzCf,QAAQT;IACFwB,WAAU;iCAEb,CAAA,CAAA,GAAA,QAACD,UAAAA,WAAAA,gBAAAA,aAAAA,sBAAAA,cAAAA,OAAAA;IAAIC,WAAU;KACb,sBAAA,cAACpC,OAAAA;IAAKqC,WAAK;2BACX,cAAA,MAACC;IAAKF,MAAAA;MAAgC,sBAAA,cAAA,QACtC;IACWG,WAAOlB;OAAYmB,oBAAaC,CAAAA,GAAW,sBAAA,cAAA,OAAA,IAAA,GAAA,sBAAA,cAAA,WAAA;;IAInDL,QAAAA,KAAU;OACb,sBAAA,cAACpC,OAAAA;IAAKqC,WAAK;KAAmC,sBAAA,cAAA,MAAA;;IACxCD,YAAU;MAAsB,sBAAA,cAAA,QACtC;IAAWG,WAAOlB;OAAqBmB,mBAAaE,CAAQ,GAAA,sBAAA,cAAA,WAAA;kBAC5D;IAAWH,QAAOlB,KAAAA;MAAiCsB,sBAAAA,cAAQ,WAAA;IAAEC,OAAAA,OAAO;;IAIjER,QAAAA;OACH,sBAAA,cAACpC,OAAAA;IAAKqC,WAAK;KAAqC,sBAAA,cAAA,MAAA;;IAC1CD,YAAU;MAAsB,sBAAA,cAAA,QACtC;IAAWG,WAAOlB;OAAyBmB,qBAAqB,CAAA,GAAA,sBAAA,cAAA,WAAA;kBAChE;IAAWD,QAAOlB,KAAAA;MAAmCsB,sBAAAA,cAAQ,WAAA;IAAEC,OAAAA,OAAO;;IAMlF,QAAA;EAEA,CAAA,CAAA,CAAA,CAAA;AACA;IAEE,YAAA,CAAA,EAAA,OACE,OAAA,QAAA,OAACN,MAAAA;QAAKF,EAAAA,gBAAU,KAAA,IAAA,OAAA,KAAA;SACbS,sBAAAA,cACD,QAAA;IAAMT,WAAU;KACbU,gBACAF,sBAAAA,cAAAA,QAAAA;IAIT,WAAA;;;",
+  "names": ["React", "useEffect", "useState", "log", "StatusBar", "EdgeStatus", "useClient", "useStream", "getSyncSummary", "useSyncState", "Icon", "IconButton", "Popover", "useTranslation", "iconSize", "mx", "Unit", "createClientSaveTracker", "getIcon", "getStatus", "meta", "SYNC_STALLED_TIMEOUT", "state", "setSaved", "saved", "summary", "offline", "length", "needsToUpload", "differentDocuments", "needsToDownload", "status", "setClassNames", "undefined", "t", "Item", "variant", "iconOnly", "label", "classNames", "side", "EdgeConnectionPopover", "client", "services", "isConnected", "div", "className", "icon", "span", "value", "format", "Millisecond", "Thousand", "Kilobyte", "suffix", "formattedValue", "unit"]
+}

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"]
+}

package/dist/lib/neutral/{add-object-QYOMCBJA.mjs → add-object-H2N4AOQJ.mjs}

@@ -1,15 +1,15 @@
 import {
   SpaceOperation
-} from "./chunk-YY62663T.mjs";
-import "./chunk-K34BPPQE.mjs";
+} from "./chunk-LMUG6PEJ.mjs";
+import "./chunk-F5KLUP2P.mjs";
 import "./chunk-J5LGTIGS.mjs";
 
 // src/operations/add-object.ts
 import * as Effect from "effect/Effect";
 import * as Option from "effect/Option";
-import { CollectionModel, getCollectionsPath, getObjectPath, getTypePath, getTypeSlug, getTypeSlugFromUri } from "@dxos/app-toolkit";
+import { AppNode, CollectionModel, Paths } from "@dxos/app-toolkit";
 import { Operation } from "@dxos/compute";
-import { Collection, Database, Filter, Obj, Query, Scope, Type } from "@dxos/echo";
+import { Database, Filter, Obj, Query, Scope, Type } from "@dxos/echo";
 import { invariant } from "@dxos/invariant";
 import { ObservabilityOperation } from "@dxos/plugin-observability";
 import { ViewAnnotation, getTypeURIFromQuery } from "@dxos/schema";
@@ -21,8 +21,7 @@ var handler = SpaceOperation.AddObject.pipe(Operation.withHandler(Effect.fnUntra
   invariant(db, "Database not found.", { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 15, S: this, A: ["db", "'Database not found.'"] });
   yield* CollectionModel.add({
     object,
-    target: Database.isDatabase(target) ? void 0 : target,
-    hidden: input.hidden
+    target: Database.isDatabase(target) ? void 0 : target
   }).pipe(Effect.provide(Database.layer(db)));
   const typename = Obj.getTypename(object);
   yield* Operation.schedule(ObservabilityOperation.SendEvent, {
@@ -38,16 +37,17 @@ var handler = SpaceOperation.AddObject.pipe(Operation.withHandler(Effect.fnUntra
   const echoViewPath = runtimeSchema !== void 0 ? ViewAnnotation.get(Type.getSchema(runtimeSchema)).pipe(Option.getOrElse(() => [])) : [];
   const view = echoViewPath.length > 0 ? yield* ViewAnnotation.tryLoadAtPath(object, echoViewPath) : void 0;
   const viewTargetUri = view ? getTypeURIFromQuery(view.query.ast) : void 0;
-  invariant(!view || viewTargetUri != null, `View object ${typename} (${object.id}) has no resolvable target type \u2014 its view query must filter by a known type.`, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 37, S: this, A: ["!view || viewTargetUri != null", "`View object ${typename} (${object.id}) has no resolvable target type \u2014 its view query must filter by a known type.`"] });
+  invariant(!view || viewTargetUri != null, `View object ${typename} (${object.id}) has no resolvable target type \u2014 its view query must filter by a known type.`, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 36, S: this, A: ["!view || viewTargetUri != null", "`View object ${typename} (${object.id}) has no resolvable target type \u2014 its view query must filter by a known type.`"] });
   const objectType = Obj.getType(object);
-  const typeSlug = objectType ? getTypeSlug(objectType) : typename;
+  const typeSlug = objectType ? Paths.getTypeSlug(objectType) : typename;
   const subject = getSubjectPathForNewObject({
     spaceId: db.spaceId,
     objectId: object.id,
     nodeId: input.targetNodeId,
+    object,
     typename,
     typeSlug,
-    viewTargetSlug: viewTargetUri ? getTypeSlugFromUri(viewTargetUri) : void 0
+    viewTargetSlug: viewTargetUri ? Paths.getTypeSlugFromUri(viewTargetUri) : void 0
   });
   return {
     id: Obj.getURI(object),
@@ -59,19 +59,19 @@ var handler = SpaceOperation.AddObject.pipe(Operation.withHandler(Effect.fnUntra
 })));
 var add_object_default = handler;
 var getSubjectPathForNewObject = (props) => {
-  const { nodeId, typename, typeSlug, viewTargetSlug, spaceId, objectId } = props;
+  const { nodeId, object, typeSlug, viewTargetSlug, spaceId, objectId } = props;
   if (typeof nodeId === "string") {
-    return `${nodeId}/${objectId}`;
+    return Paths.getCollectionObjectPath(nodeId, objectId);
   }
-  if (typename === Type.getTypename(Collection.Collection)) {
-    return getCollectionsPath(spaceId, objectId);
+  if (AppNode.isCollectionItem(object)) {
+    return Paths.getCollectionsPath(spaceId, objectId);
   }
   if (viewTargetSlug) {
-    return getTypePath(spaceId, viewTargetSlug, objectId);
+    return Paths.getTypePath(spaceId, viewTargetSlug, objectId);
   }
-  return getObjectPath(spaceId, typeSlug, objectId);
+  return Paths.getObjectPath(spaceId, typeSlug, objectId);
 };
 export {
   add_object_default as default
 };
-//# sourceMappingURL=add-object-QYOMCBJA.mjs.map
+//# sourceMappingURL=add-object-H2N4AOQJ.mjs.map

package/dist/lib/neutral/add-object-H2N4AOQJ.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/operations/add-object.ts"],
+  "sourcesContent": ["// Copyright 2025 DXOS.org\n\nimport * as Effect from 'effect/Effect';\nimport * as Option from 'effect/Option';\n\nimport { AppNode, CollectionModel, Paths } from '@dxos/app-toolkit';\nimport { Operation } from '@dxos/compute';\nimport { Database, Filter, Obj, Query, Scope, Type } from '@dxos/echo';\nimport { invariant } from '@dxos/invariant';\nimport { ObservabilityOperation } from '@dxos/plugin-observability';\nimport { ViewAnnotation, getTypeURIFromQuery } from '@dxos/schema';\n\nimport { SpaceOperation } from './definitions';\n\nconst handler: Operation.WithHandler<typeof SpaceOperation.AddObject> = SpaceOperation.AddObject.pipe(\n  Operation.withHandler(\n    Effect.fnUntraced(function* (input) {\n      const target = input.target as any;\n      const object = input.object as Obj.Unknown;\n      const db = Database.isDatabase(target) ? target : Obj.getDatabase(target);\n      invariant(db, 'Database not found.');\n\n      yield* CollectionModel.add({\n        object,\n        target: Database.isDatabase(target) ? undefined : target,\n      }).pipe(Effect.provide(Database.layer(db)));\n\n      const typename = Obj.getTypename(object)!;\n      yield* Operation.schedule(ObservabilityOperation.SendEvent, {\n        name: 'space.object.add',\n        properties: {\n          spaceId: db.spaceId,\n          objectId: object.id,\n          typename: Obj.getTypename(object),\n        },\n      });\n\n      const types = yield* Effect.promise(() =>\n        db.query(Query.select(Filter.type(Type.Type)).from(Scope.registry())).run(),\n      );\n      const [runtimeSchema] = types.filter((t) => !Type.isTypeKind(t) && Type.getTypename(t) === typename);\n      const echoViewPath =\n        runtimeSchema !== undefined\n          ? ViewAnnotation.get(Type.getSchema(runtimeSchema)).pipe(Option.getOrElse(() => []))\n          : [];\n      const view = echoViewPath.length > 0 ? yield* ViewAnnotation.tryLoadAtPath(object, echoViewPath) : undefined;\n      const viewTargetUri = view ? getTypeURIFromQuery(view.query.ast) : undefined;\n      // A view holder filed under a target type its view query can't resolve would be invisible in\n      // the navigation tree. Fail loudly rather than silently dropping it under its own typename.\n      invariant(\n        !view || viewTargetUri != null,\n        `View object ${typename} (${object.id}) has no resolvable target type — its view query must filter by a known type.`,\n      );\n      // Graph type nodes are keyed by a slash-free slug (entity id for stored types, typename for\n      // static); resolve the object's own type slug rather than filing it under its (human) typename.\n      const objectType = Obj.getType(object);\n      const typeSlug = objectType ? Paths.getTypeSlug(objectType) : typename;\n      const subject = getSubjectPathForNewObject({\n        spaceId: db.spaceId,\n        objectId: object.id,\n        nodeId: input.targetNodeId,\n        object,\n        typename,\n        typeSlug,\n        viewTargetSlug: viewTargetUri ? Paths.getTypeSlugFromUri(viewTargetUri) : undefined,\n      });\n\n      return {\n        id: Obj.getURI(object),\n        subject: [subject],\n        object,\n      };\n    }),\n  ),\n);\nexport default handler;\n\nconst getSubjectPathForNewObject = (props: {\n  spaceId: string;\n  objectId: string;\n  nodeId?: string;\n  object: Obj.Unknown;\n  typename: string;\n  /** Slug of the object's own type ({@link getTypeSlug}) — keys the `types/<slug>` node it files under. */\n  typeSlug: string;\n  /** Slug of the view holder's target type, when the object is a view holder. */\n  viewTargetSlug?: string;\n}): string => {\n  const { nodeId, object, typeSlug, viewTargetSlug, spaceId, objectId } = props;\n  if (typeof nodeId === 'string') {\n    return Paths.getCollectionObjectPath(nodeId, objectId);\n  }\n  if (AppNode.isCollectionItem(object)) {\n    return Paths.getCollectionsPath(spaceId, objectId);\n  }\n  if (viewTargetSlug) {\n    return Paths.getTypePath(spaceId, viewTargetSlug, objectId);\n  }\n  return Paths.getObjectPath(spaceId, typeSlug, objectId);\n};\n"],
+  "mappings": ";;;;;;;AAEA,YAAYA,YAAY;AACxB,YAAYC,YAAY;AAExB,SAASC,SAASC,iBAAiBC,aAAa;AAChD,SAASC,iBAAiB;AAC1B,SAASC,UAAUC,QAAQC,KAAKC,OAAOC,OAAOC,YAAY;AAC1D,SAASC,iBAAiB;AAC1B,SAASC,8BAA8B;AACvC,SAASC,gBAAgBC,2BAA2B;AAIpD,IAAA,eAAwEC;IAIlE,UAAMC,eAAqB,UAAA,KAAA,UAAA,YAAA,kBAAA,WAAA,OAAA;AAC3B,QAAMC,SAAKC,MAASC;AACpBC,QAAAA,SAAc,MAAA;AAEd,QAAA,KAAOC,SAAAA,WAAoB,MAAA,IAAA,SAAA,IAAA,YAAA,MAAA;YACzBL,IAAAA,uBAAAA,EAAAA,YAAAA,YAAAA,GAAAA,cAAAA,GAAAA,IAAAA,GAAAA,MAAAA,GAAAA,CAAAA,MAAAA,uBAAAA,EAAAA,CAAAA;SACAM,gBAAiBH,IAAAA;IAChBI;IAEH,QAAMC,SAAeC,WAAW,MAACT,IAAAA,SAAAA;EACjC,CAAA,EAAA,KAAOU,eAAUC,SAASC,MAAAA,EAAAA,CAAAA,CAAAA;QACxBC,WAAM,IAAA,YAAA,MAAA;SACNC,UAAY,SAAA,uBAAA,WAAA;UACVC;gBACAC;MACAR,SAAAA,GAAUS;MACZ,UAAA,OAAA;MACF,UAAA,IAAA,YAAA,MAAA;IAEA;EAGA,CAAA;AACA,QAAMC,QAAAA,OACJC,eAAAA,MAAkBC,GAAAA,MAAAA,MACdC,OAAAA,OAAkB,KAACC,KAAKC,IAAAA,CAAS,EAACJ,KAAAA,MAAAA,SAAqBK,CAAAA,CAAAA,EAAAA,IAAOC,CAAAA;AAEpE,QAAMC,CAAAA,aAAOR,IAAAA,MAAaS,OAAS,CAAA,MAAI,CAAA,KAAON,WAAAA,CAAAA,KAAeO,KAAAA,YAAc5B,CAAQkB,MAAAA,QAAAA;AACnF,QAAMW,eAAAA,kBAAuBC,SAAoBJ,eAAc,IAAIN,KAAAA,UAAAA,aAAAA,CAAAA,EAAAA,KAAAA,iBAAAA,MAAAA,CAAAA,CAAAA,CAAAA,IAAAA,CAAAA;AACnE,QAAA,OAAA,aAAA,SAAA,IAAA,OAAA,eAAA,cAAA,QAAA,YAA6F,IAAA;AAC7F,QAAA,gBAAA,OAAA,oBAAA,KAAA,MAAA,GAAA,IAAA;AAMA,YAAA,CAAA,QAAA,iBAAA,MAAA,eAAA,QAAA,KAAA,OAAA,EAAA,sFAAgG,EAAA,YAAA,YAAA,GAAA,cAAA,GAAA,IAAA,GAAA,MAAA,GAAA,CAAA,kCAAA,2HAAA,EAAA,CAAA;AAGhG,QAAMW,aAAUC,IAAAA,QAAAA,MAAAA;QACdjB,WAAYA,aAAO,MAAA,YAAA,UAAA,IAAA;QACnBC,UAAUhB,2BAAS;IACnBiC,SAAQC,GAAAA;IACRlC,UAAAA,OAAAA;IACAQ,QAAAA,MAAAA;IACA2B;IACAC;IACF;IAEA,gBAAO,gBAAA,MAAA,mBAAA,aAAA,IAAA;;SAELL;QAAUA,IAAAA,OAAAA,MAAAA;aAAQ;MAClB/B;IACF;IACF;EAGJ;AAEA,CAAA,CAAA,CAAA;IAWE,qBAAQiC;IACR,6BAAsB,CAAU,UAAA;QAC9B,EAAA,QAAOI,QAAMC,UAAAA,gBAAgCtB,SAAAA,SAAAA,IAAAA;AAC/C,MAAA,OAAA,WAAA,UAAA;AACIuB,WAAAA,MAAQC,wBAA0B,QAAA,QAAA;;AAEtC,MAAA,QAAA,iBAAA,MAAA,GAAA;AACIJ,WAAAA,MAAAA,mBAAgB,SAAA,QAAA;;AAEpB,MAAA,gBAAA;AACA,WAAOC,MAAMI,YAAc1B,SAASoB,gBAAUnB,QAAAA;EAChD;;;",
+  "names": ["Effect", "Option", "AppNode", "CollectionModel", "Paths", "Operation", "Database", "Filter", "Obj", "Query", "Scope", "Type", "invariant", "ObservabilityOperation", "ViewAnnotation", "getTypeURIFromQuery", "SpaceOperation", "object", "db", "Database", "isDatabase", "invariant", "CollectionModel", "target", "pipe", "typename", "getTypename", "Operation", "schedule", "ObservabilityOperation", "name", "properties", "spaceId", "objectId", "Obj", "echoViewPath", "runtimeSchema", "undefined", "ViewAnnotation", "Type", "getSchema", "Option", "getOrElse", "view", "length", "tryLoadAtPath", "viewTargetUri", "getTypeURIFromQuery", "subject", "getSubjectPathForNewObject", "nodeId", "input", "typeSlug", "viewTargetSlug", "Paths", "getCollectionObjectPath", "AppNode", "isCollectionItem", "getObjectPath"]
+}

package/dist/lib/neutral/{add-relation-HV3VCMJG.mjs → add-relation-BGTLART5.mjs}

@@ -1,7 +1,7 @@
 import {
   SpaceOperation
-} from "./chunk-YY62663T.mjs";
-import "./chunk-K34BPPQE.mjs";
+} from "./chunk-LMUG6PEJ.mjs";
+import "./chunk-F5KLUP2P.mjs";
 import "./chunk-J5LGTIGS.mjs";
 
 // src/operations/add-relation.ts
@@ -23,4 +23,4 @@ var add_relation_default = handler;
 export {
   add_relation_default as default
 };
-//# sourceMappingURL=add-relation-HV3VCMJG.mjs.map
+//# sourceMappingURL=add-relation-BGTLART5.mjs.map

package/dist/lib/neutral/{add-type-CZVKSEIW.mjs → add-type-JIDLRANR.mjs}

@@ -1,10 +1,10 @@
 import {
   SpaceOperation
-} from "./chunk-YY62663T.mjs";
+} from "./chunk-LMUG6PEJ.mjs";
 import {
   SpaceCapabilities,
   SpaceEvents
-} from "./chunk-K34BPPQE.mjs";
+} from "./chunk-F5KLUP2P.mjs";
 import "./chunk-J5LGTIGS.mjs";
 
 // src/operations/add-type.ts
@@ -54,4 +54,4 @@ var add_type_default = handler;
 export {
   add_type_default as default
 };
-//# sourceMappingURL=add-type-CZVKSEIW.mjs.map
+//# sourceMappingURL=add-type-JIDLRANR.mjs.map