@dxos/plugin-space 0.8.4-staging.60fe92afc8 → 0.9.1-main.c7dcc2e112

package/dist/lib/neutral/{CollectionArticle-S3OF5KJ7.mjs → CollectionArticle-BMH7SZ7Q.mjs}

@@ -3,16 +3,16 @@ import "./chunk-J5LGTIGS.mjs";
 // src/containers/CollectionArticle/CollectionArticle.tsx
 import React, { useCallback, useMemo } from "react";
 import { useOperationInvoker } from "@dxos/app-framework/ui";
-import { LayoutOperation, getCollectionObjectPath, getObjectPathFromObject } from "@dxos/app-toolkit";
+import { LayoutOperation, Paths } from "@dxos/app-toolkit";
 import { Obj } from "@dxos/echo";
 import { ScrollArea, toLocalizedString, useTranslation } from "@dxos/react-ui";
-import { Card, Toolbar } from "@dxos/react-ui";
+import { Card, Icon } from "@dxos/react-ui";
 import { Mosaic } from "@dxos/react-ui-mosaic";
 import { SearchPanel, useSearchListResults } from "@dxos/react-ui-search";
 import { getStyles } from "@dxos/ui-theme";
 import { meta } from "#meta";
 var CollectionArticle = ({ subject, attendableId }) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   const { items, handleSearch } = useCollectionItems(subject, attendableId);
   return /* @__PURE__ */ React.createElement(SearchPanel, {
     onSearch: handleSearch
@@ -31,7 +31,7 @@ var CollectionArticle = ({ subject, attendableId }) => {
   })))));
 };
 var ObjectTile = ({ data: item }) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   const { invokePromise } = useOperationInvoker();
   const typename = Obj.getTypename(item.object) ?? "";
   const label = Obj.getLabel(item.object) ?? toLocalizedString([
@@ -55,13 +55,10 @@ var ObjectTile = ({ data: item }) => {
     role: "button",
     classNames: "cursor-pointer",
     onClick: handleClick
-  }, /* @__PURE__ */ React.createElement(Card.Header, null, /* @__PURE__ */ React.createElement(Toolbar.IconButton, {
-    variant: "ghost",
-    label,
+  }, /* @__PURE__ */ React.createElement(Card.Header, null, /* @__PURE__ */ React.createElement(Card.Block, null, /* @__PURE__ */ React.createElement(Icon, {
     icon: item.icon,
-    iconOnly: true,
-    iconClassNames: styles?.fg
-  }), /* @__PURE__ */ React.createElement(Card.Title, null, label), /* @__PURE__ */ React.createElement(Card.Menu, null)));
+    classNames: styles?.fg
+  })), /* @__PURE__ */ React.createElement(Card.Title, null, label), /* @__PURE__ */ React.createElement(Card.Menu, null)));
 };
 var useCollectionItems = (collection, attendableId) => {
   const objects = useMemo(() => (collection.objects ?? []).map((ref) => ref.target).filter((obj) => Obj.isObject(obj)), [
@@ -69,7 +66,7 @@ var useCollectionItems = (collection, attendableId) => {
   ]);
   const items = useMemo(() => objects.map((obj) => {
     const iconAnnotation = Obj.getIcon(obj);
-    const targetPath = attendableId ? getCollectionObjectPath(attendableId, obj.id) : getObjectPathFromObject(obj);
+    const targetPath = attendableId ? Paths.getCollectionObjectPath(attendableId, obj.id) : Paths.getObjectPathFromObject(obj);
     return {
       id: Obj.getURI(obj),
       object: obj,
@@ -93,4 +90,4 @@ var useCollectionItems = (collection, attendableId) => {
 export {
   CollectionArticle as default
 };
-//# sourceMappingURL=CollectionArticle-S3OF5KJ7.mjs.map
+//# sourceMappingURL=CollectionArticle-BMH7SZ7Q.mjs.map

package/dist/lib/neutral/CollectionArticle-BMH7SZ7Q.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/CollectionArticle/CollectionArticle.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback, useMemo } from 'react';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { LayoutOperation, Paths } from '@dxos/app-toolkit';\nimport { type AppSurface } from '@dxos/app-toolkit/ui';\nimport { type Collection, Obj } from '@dxos/echo';\nimport { ScrollArea, toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { Card, Icon } from '@dxos/react-ui';\nimport { Mosaic, type MosaicStackTileComponent } from '@dxos/react-ui-mosaic';\nimport { SearchPanel, useSearchListResults } from '@dxos/react-ui-search';\nimport { getStyles } from '@dxos/ui-theme';\n\nimport { meta } from '#meta';\n\n/**\n * Article view for collections.\n */\nexport const CollectionArticle = ({ subject, attendableId }: AppSurface.ObjectArticleProps<Collection.Collection>) => {\n  const { t } = useTranslation(meta.profile.key);\n  const { items, handleSearch } = useCollectionItems(subject, attendableId);\n\n  return (\n    <SearchPanel onSearch={handleSearch}>\n      <Mosaic.Container asChild>\n        <ScrollArea.Root centered padding thin>\n          <ScrollArea.Viewport>\n            <Mosaic.Stack\n              classNames='gap-1'\n              draggable={false}\n              items={items}\n              getId={(item) => item.id}\n              Tile={ObjectTile}\n            />\n          </ScrollArea.Viewport>\n        </ScrollArea.Root>\n      </Mosaic.Container>\n    </SearchPanel>\n  );\n};\n\ntype ObjectItem = {\n  id: string;\n  object: Obj.Unknown;\n  targetPath: string;\n  icon: string;\n  iconHue?: string;\n};\n\nconst ObjectTile: MosaicStackTileComponent<ObjectItem> = ({ data: item }) => {\n  const { t } = useTranslation(meta.profile.key);\n  const { invokePromise } = useOperationInvoker();\n\n  const typename = Obj.getTypename(item.object) ?? '';\n  const label =\n    Obj.getLabel(item.object) ??\n    toLocalizedString(['object-name.placeholder', { ns: typename, defaultValue: item.id }], t);\n  const styles = item.iconHue ? getStyles(item.iconHue) : undefined;\n\n  const handleClick = useCallback(\n    () => void invokePromise(LayoutOperation.Open, { subject: [item.targetPath] }),\n    [invokePromise, item.targetPath],\n  );\n\n  return (\n    <Card.Root fullWidth role='button' classNames='cursor-pointer' onClick={handleClick}>\n      <Card.Header>\n        <Card.Block>\n          <Icon icon={item.icon} classNames={styles?.fg} />\n        </Card.Block>\n        <Card.Title>{label}</Card.Title>\n        <Card.Menu />\n      </Card.Header>\n    </Card.Root>\n  );\n};\n\n/**\n * Combined hook to get collection items with search/filter support.\n */\nconst useCollectionItems = (collection: Collection.Collection, attendableId?: string) => {\n  const objects = useMemo(\n    () => (collection.objects ?? []).map((ref) => ref.target).filter((obj): obj is Obj.Unknown => Obj.isObject(obj)),\n    [collection.objects],\n  );\n\n  const items = useMemo(\n    () =>\n      objects.map((obj) => {\n        const iconAnnotation = Obj.getIcon(obj);\n        const targetPath = attendableId\n          ? Paths.getCollectionObjectPath(attendableId, obj.id)\n          : Paths.getObjectPathFromObject(obj);\n\n        return {\n          id: Obj.getURI(obj),\n          object: obj,\n          targetPath,\n          icon: iconAnnotation?.icon ?? 'ph--circle-dashed--regular',\n          iconHue: iconAnnotation?.hue,\n        } satisfies ObjectItem;\n      }),\n    [objects, attendableId],\n  );\n\n  const { results, handleSearch } = useSearchListResults({\n    items,\n    extract: (item) => Obj.getLabel(item.object) ?? item.id,\n  });\n\n  return { items: results, handleSearch };\n};\n"],
+  "mappings": "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",
+  "names": ["React", "useCallback", "useMemo", "useOperationInvoker", "LayoutOperation", "Paths", "Obj", "ScrollArea", "toLocalizedString", "useTranslation", "Card", "Icon", "Mosaic", "SearchPanel", "useSearchListResults", "getStyles", "meta", "CollectionArticle", "subject", "attendableId", "t", "profile", "key", "items", "handleSearch", "useCollectionItems", "onSearch", "Container", "asChild", "Root", "centered", "padding", "thin", "Viewport", "Stack", "classNames", "draggable", "getId", "item", "id", "Tile", "ObjectTile", "data", "invokePromise", "typename", "getTypename", "object", "label", "getLabel", "ns", "defaultValue", "styles", "iconHue", "undefined", "handleClick", "Open", "targetPath", "fullWidth", "role", "onClick", "Header", "Block", "icon", "fg", "Title", "Menu", "collection", "objects", "map", "ref", "target", "filter", "obj", "isObject", "iconAnnotation", "getIcon", "getCollectionObjectPath", "getObjectPathFromObject", "getURI", "hue", "results", "extract"]
+}

package/dist/lib/neutral/{CollectionSection-A5WRHE5Z.mjs → CollectionSection-BLYTGOKH.mjs}

@@ -5,7 +5,7 @@ import React from "react";
 import { useTranslation } from "@dxos/react-ui";
 import { meta } from "#meta";
 var CollectionSection = ({ role, subject }) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   return /* @__PURE__ */ React.createElement("div", {
     role,
     className: "min-h-[3.5rem] grid grid-rows-subgrid grid-cols-subgrid items-center"
@@ -16,4 +16,4 @@ var CollectionSection = ({ role, subject }) => {
 export {
   CollectionSection as default
 };
-//# sourceMappingURL=CollectionSection-A5WRHE5Z.mjs.map
+//# sourceMappingURL=CollectionSection-BLYTGOKH.mjs.map

package/dist/lib/neutral/{CollectionSection-A5WRHE5Z.mjs.map → CollectionSection-BLYTGOKH.mjs.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/containers/CollectionSection/CollectionSection.tsx"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type AppSurface } from '@dxos/app-toolkit/ui';\nimport { type Collection } from '@dxos/echo';\nimport { useTranslation } from '@dxos/react-ui';\n\nimport { meta } from '#meta';\n\nexport type CollectionSectionProps = AppSurface.ObjectSectionProps<Collection.Collection>;\n\nexport const CollectionSection = ({ role, subject }: CollectionSectionProps) => {\n  const { t } = useTranslation(meta.id);\n\n  // TODO(wittjosiah): Better placeholder.\n  return (\n    <div role={role} className='min-h-[3.5rem] grid grid-rows-subgrid grid-cols-subgrid items-center'>\n      <span className='truncate'>{subject.name ?? t('unnamed-collection.label')}</span>\n    </div>\n  );\n};\n"],
-  "mappings": ";;;AAIA,OAAOA,WAAW;AAIlB,SAASC,sBAAsB;AAE/B,SAASC,YAAY;AAId,IAAMC,oBAAoB,CAAC,EAAEC,MAAMC,QAAO,MAA0B;AACzE,QAAM,EAAEC,EAAC,IAAKL,eAAeC,KAAKK,EAAE;AAGpC,SACE,sBAAA,cAACC,OAAAA;IAAIJ;IAAYK,WAAU;KACzB,sBAAA,cAACC,QAAAA;IAAKD,WAAU;KAAYJ,QAAQM,QAAQL,EAAE,0BAAA,CAAA,CAAA;AAGpD;",
-  "names": ["React", "useTranslation", "meta", "CollectionSection", "role", "subject", "t", "id", "div", "className", "span", "name"]
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type AppSurface } from '@dxos/app-toolkit/ui';\nimport { type Collection } from '@dxos/echo';\nimport { useTranslation } from '@dxos/react-ui';\n\nimport { meta } from '#meta';\n\nexport type CollectionSectionProps = AppSurface.ObjectSectionProps<Collection.Collection>;\n\nexport const CollectionSection = ({ role, subject }: CollectionSectionProps) => {\n  const { t } = useTranslation(meta.profile.key);\n\n  // TODO(wittjosiah): Better placeholder.\n  return (\n    <div role={role} className='min-h-[3.5rem] grid grid-rows-subgrid grid-cols-subgrid items-center'>\n      <span className='truncate'>{subject.name ?? t('unnamed-collection.label')}</span>\n    </div>\n  );\n};\n"],
+  "mappings": ";;;AAIA,OAAOA,WAAW;AAIlB,SAASC,sBAAsB;AAE/B,SAASC,YAAY;AAId,IAAMC,oBAAoB,CAAC,EAAEC,MAAMC,QAAO,MAA0B;AACzE,QAAM,EAAEC,EAAC,IAAKL,eAAeC,KAAKK,QAAQC,GAAG;AAG7C,SACE,sBAAA,cAACC,OAAAA;IAAIL;IAAYM,WAAU;KACzB,sBAAA,cAACC,QAAAA;IAAKD,WAAU;KAAYL,QAAQO,QAAQN,EAAE,0BAAA,CAAA,CAAA;AAGpD;",
+  "names": ["React", "useTranslation", "meta", "CollectionSection", "role", "subject", "t", "profile", "key", "div", "className", "span", "name"]
 }

package/dist/lib/neutral/{CreateObjectDialog-66R3K6I3.mjs → CreateObjectDialog-4VMOUKM7.mjs}

@@ -1,7 +1,7 @@
 import {
   getSpaceDisplayName
-} from "./chunk-7WUJENBF.mjs";
-import "./chunk-K34BPPQE.mjs";
+} from "./chunk-PSCIOT7Q.mjs";
+import "./chunk-DSYEB2UN.mjs";
 import "./chunk-J5LGTIGS.mjs";
 
 // src/containers/CreateObjectDialog/CreateObjectDialog.tsx
@@ -11,7 +11,7 @@ import * as Option from "effect/Option";
 import React, { useCallback, useMemo, useRef, useState } from "react";
 import { Capability } from "@dxos/app-framework";
 import { useOperationInvoker, usePluginManager } from "@dxos/app-framework/ui";
-import { allTypesQuery, getPersonalSpace, LayoutOperation } from "@dxos/app-toolkit";
+import { AppSpace, LayoutOperation, TypeOptions } from "@dxos/app-toolkit";
 import { PluginRegistryButton, useLayout } from "@dxos/app-toolkit/ui";
 import { Operation } from "@dxos/compute";
 import { Annotation, Database, Obj, Type } from "@dxos/echo";
@@ -26,9 +26,9 @@ import { CreateObjectPanel } from "#components";
 import { meta } from "#meta";
 import { SpaceCapabilities } from "#types";
 var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-space/src/containers/CreateObjectDialog/CreateObjectDialog.tsx";
-var CREATE_OBJECT_DIALOG = `${meta.id}.CreateObjectDialog`;
+var CREATE_OBJECT_DIALOG = `${meta.profile.key}.CreateObjectDialog`;
 var CreateObjectDialog = ({ target: initialTarget, typename: initialTypename, views, initialFormValues, onCreateObject, shouldNavigate: _shouldNavigate, targetNodeId }) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   const manager = usePluginManager();
   const operationInvoker = useOperationInvoker();
   const { invoke } = operationInvoker;
@@ -39,13 +39,13 @@ var CreateObjectDialog = ({ target: initialTarget, typename: initialTypename, vi
   const layout = useLayout();
   const closeRef = useRef(null);
   const db = Database.isDatabase(target) ? target : target && Obj.getDatabase(target);
-  const allTypes = useQuery(db, allTypesQuery);
+  const allTypes = useQuery(db, TypeOptions.allTypesQuery);
   const space = useMemo(() => spaces.find((s) => s.db === db), [
     spaces,
     db
   ]);
   const spaceLabel = useMemo(() => space && toLocalizedString(getSpaceDisplayName(space, {
-    personal: space.id === getPersonalSpace(client)?.id
+    personal: space.id === AppSpace.getPersonalSpace(client)?.id
   }), t), [
     space,
     client,
@@ -70,7 +70,7 @@ var CreateObjectDialog = ({ target: initialTarget, typename: initialTypename, vi
       for (const entry of contributions) {
         entries.push(entry);
         if (owningPlugin) {
-          pluginByEntryId.set(entry.id, owningPlugin.meta.name);
+          pluginByEntryId.set(entry.id, owningPlugin.meta.profile.name);
         }
       }
     }
@@ -190,7 +190,7 @@ var CreateObjectDialog = ({ target: initialTarget, typename: initialTypename, vi
     target,
     typename,
     initialFormValues,
-    defaultSpaceId: getPersonalSpace(client)?.id ?? client.spaces.get()[0]?.id,
+    defaultSpaceId: AppSpace.getPersonalSpace(client)?.id ?? client.spaces.get()[0]?.id,
     resolve,
     onCreateObject: handleCreateObject,
     onTargetChange: setTarget,
@@ -203,4 +203,4 @@ export {
   CreateObjectDialog,
   CreateObjectDialog as default
 };
-//# sourceMappingURL=CreateObjectDialog-66R3K6I3.mjs.map
+//# sourceMappingURL=CreateObjectDialog-4VMOUKM7.mjs.map

package/dist/lib/neutral/CreateObjectDialog-4VMOUKM7.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/CreateObjectDialog/CreateObjectDialog.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { useAtomValue } from '@effect-atom/atom-react';\nimport * as Effect from 'effect/Effect';\nimport * as Option from 'effect/Option';\nimport React, { useCallback, useMemo, useRef, useState } from 'react';\n\nimport { Capability } from '@dxos/app-framework';\nimport { useOperationInvoker, usePluginManager } from '@dxos/app-framework/ui';\nimport { AppSpace, LayoutOperation, TypeOptions } from '@dxos/app-toolkit';\nimport { PluginRegistryButton, useLayout } from '@dxos/app-toolkit/ui';\nimport { Operation } from '@dxos/compute';\nimport { Annotation, Collection, Database, Obj, Type } from '@dxos/echo';\nimport { EffectEx } from '@dxos/effect';\nimport { invariant } from '@dxos/invariant';\nimport { useClient } from '@dxos/react-client';\nimport { useQuery, useSpaces } from '@dxos/react-client/echo';\nimport { Dialog, toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { ViewAnnotation } from '@dxos/schema';\n\nimport { makeCreateObjectEntryForDatabaseType } from '#capabilities';\nimport { type CreateObjectOption, CreateObjectPanel, type CreateObjectPanelProps } from '#components';\nimport { meta } from '#meta';\nimport { SpaceCapabilities } from '#types';\n\nimport { getSpaceDisplayName } from '../../util';\n\nexport const CREATE_OBJECT_DIALOG = `${meta.profile.key}.CreateObjectDialog`;\n\nexport type CreateObjectDialogProps = Pick<CreateObjectPanelProps, 'target' | 'typename' | 'initialFormValues'> & {\n  views?: boolean;\n  onCreateObject?: (object: Obj.Unknown) => void;\n  shouldNavigate?: (object: Obj.Unknown) => boolean;\n  targetNodeId?: string;\n};\n\nexport const CreateObjectDialog = ({\n  target: initialTarget,\n  typename: initialTypename,\n  views,\n  initialFormValues,\n  onCreateObject,\n  shouldNavigate: _shouldNavigate,\n  targetNodeId,\n}: CreateObjectDialogProps) => {\n  const { t } = useTranslation(meta.profile.key);\n  const manager = usePluginManager();\n  const operationInvoker = useOperationInvoker();\n  const { invoke } = operationInvoker;\n  const [target, setTarget] = useState<Database.Database | Collection.Collection | undefined>(initialTarget);\n  const [typename, setTypename] = useState<string | undefined>(initialTypename);\n  const client = useClient();\n  const spaces = useSpaces();\n  const layout = useLayout();\n  const closeRef = useRef<HTMLButtonElement | null>(null);\n\n  const db = Database.isDatabase(target) ? target : target && Obj.getDatabase(target);\n  const allTypes = useQuery(db, TypeOptions.allTypesQuery);\n  const space = useMemo(() => spaces.find((s) => s.db === db), [spaces, db]);\n  const spaceLabel = useMemo(\n    () =>\n      space &&\n      toLocalizedString(\n        getSpaceDisplayName(space, { personal: space.id === AppSpace.getPersonalSpace(client)?.id }),\n        t,\n      ),\n    [space, client, t],\n  );\n\n  // Index all types by typename for label/icon lookups.\n  const typeByTypename = useMemo(() => {\n    const map = new Map<string, Type.AnyEntity>();\n    for (const type of allTypes) {\n      map.set(Type.getTypename(type), type);\n    }\n    return map;\n  }, [allTypes]);\n\n  const entriesByModule = useAtomValue(manager.capabilities.atomByModule(SpaceCapabilities.CreateObjectEntry));\n\n  const { capabilityEntries, pluginNameByEntryId } = useMemo(() => {\n    const entries: SpaceCapabilities.CreateObjectEntry[] = [];\n    const pluginByEntryId = new Map<string, string>();\n    const plugins = manager.getPlugins();\n    for (const [moduleId, contributions] of Object.entries(entriesByModule)) {\n      const owningPlugin = plugins.find((plugin) => plugin.modules.some((module) => module.id === moduleId));\n      for (const entry of contributions) {\n        entries.push(entry);\n        if (owningPlugin) {\n          pluginByEntryId.set(entry.id, owningPlugin.meta.profile.name);\n        }\n      }\n    }\n    return { capabilityEntries: entries, pluginNameByEntryId: pluginByEntryId };\n  }, [entriesByModule, manager]);\n\n  // Synthesize entries for database-persisted object schemas that have no registered capability.\n  const createObjectEntries = useMemo(() => {\n    const registeredIds = new Set(capabilityEntries.map((e) => e.id));\n    // allTypesQuery returns meta-schema entities which may be any entity kind at runtime,\n    // but the query's TypeScript type is conservatively AnyType[]; widen to enable kind narrowing below.\n    const dbEntries = (allTypes as Type.AnyEntity[])\n      .filter((type): type is Type.AnyObj => Type.isObject(type) && Type.getDatabase(type) != null)\n      .filter((type) => !registeredIds.has(Type.getTypename(type)))\n      .map((type) => makeCreateObjectEntryForDatabaseType(type));\n    return [...capabilityEntries, ...dbEntries];\n  }, [capabilityEntries, allTypes]);\n\n  const resolve = useCallback<NonNullable<CreateObjectPanelProps['resolve']>>(\n    (id) => createObjectEntries.find((entry) => entry.id === id),\n    [createObjectEntries],\n  );\n\n  // The type selector is shown while no type has been resolved; the registry button is only relevant then.\n  const showTypeSelector = !(typename && resolve(typename));\n\n  const viewTypenames = useMemo(() => {\n    const set = new Set<string>();\n    for (const [name, type] of typeByTypename) {\n      if (ViewAnnotation.has(type)) {\n        set.add(name);\n      }\n    }\n    return set;\n  }, [typeByTypename]);\n\n  const options = useMemo<CreateObjectOption[]>(\n    () =>\n      createObjectEntries\n        .filter((entry) => (views === true ? viewTypenames.has(entry.id) : true))\n        .map((entry) => {\n          const type = typeByTypename.get(entry.id);\n          const schema = type && Type.getSchema(type);\n          const iconAnnotation = schema ? Annotation.IconAnnotation.get(schema).pipe(Option.getOrUndefined) : undefined;\n          const isDatabase = type ? Type.getDatabase(type) != null : false;\n          return {\n            id: entry.id,\n            label:\n              (isDatabase && type ? Type.getLabel(type) : undefined) ??\n              t('typename.label', { ns: entry.id, defaultValue: entry.id }),\n            icon: iconAnnotation?.icon,\n            iconHue: iconAnnotation?.hue,\n            plugin: pluginNameByEntryId.get(entry.id),\n            description: isDatabase ? spaceLabel : undefined,\n          };\n        }),\n    [createObjectEntries, views, viewTypenames, typeByTypename, t, pluginNameByEntryId, spaceLabel],\n  );\n\n  const handleCreateObject = useCallback<NonNullable<CreateObjectPanelProps['onCreateObject']>>(\n    ({ metadata, data = {} }) =>\n      Effect.gen(function* () {\n        if (!target) {\n          // TODO(wittjosiah): UI feedback.\n          return;\n        }\n\n        // NOTE: Must close before navigating or attention won't follow object.\n        closeRef.current?.click();\n\n        const db = Database.isDatabase(target) ? target : target && Obj.getDatabase(target);\n        invariant(db, 'Missing database');\n        const result = yield* metadata.createObject(data, { db, target, targetNodeId });\n        const shouldNavigate = _shouldNavigate ?? (() => true);\n        if (result.subject.length > 0 && shouldNavigate(result.object)) {\n          if (layout.mode === 'multi') {\n            yield* invoke(LayoutOperation.Set, {\n              subject: [...result.subject],\n            });\n            yield* invoke(LayoutOperation.Expose, {\n              subject: result.subject[0],\n            });\n          } else {\n            yield* invoke(LayoutOperation.Open, {\n              subject: [...result.subject],\n              navigation: 'immediate',\n            });\n          }\n        }\n\n        onCreateObject?.(result.object);\n      }).pipe(\n        Effect.provideService(Capability.Service, manager.capabilities),\n        Effect.provideService(Operation.Service, operationInvoker),\n        EffectEx.runAndForwardErrors,\n      ),\n    [target, _shouldNavigate, onCreateObject, manager.capabilities, invoke, layout.mode],\n  );\n\n  return (\n    <Dialog.Content>\n      <Dialog.Header>\n        <Dialog.Title>\n          {t('create-object-dialog.title', {\n            object: t('typename.label', { ns: typename, defaultValue: views ? 'View' : 'Object' }),\n          })}\n        </Dialog.Title>\n        <Dialog.Close asChild>\n          <Dialog.ActionIconButton action='close' ref={closeRef} />\n        </Dialog.Close>\n      </Dialog.Header>\n      <Dialog.Body>\n        <CreateObjectPanel\n          options={options}\n          spaces={spaces}\n          target={target}\n          typename={typename}\n          initialFormValues={initialFormValues}\n          defaultSpaceId={AppSpace.getPersonalSpace(client)?.id ?? client.spaces.get()[0]?.id}\n          resolve={resolve}\n          onCreateObject={handleCreateObject}\n          onTargetChange={setTarget}\n          onTypenameChange={setTypename}\n        />\n      </Dialog.Body>\n      {showTypeSelector && (\n        <Dialog.ActionBar>\n          <Dialog.Close asChild>\n            <PluginRegistryButton />\n          </Dialog.Close>\n        </Dialog.ActionBar>\n      )}\n    </Dialog.Content>\n  );\n};\n"],
+  "mappings": ";;;;;;;AAIA,SAASA,oBAAoB;AAC7B,YAAYC,YAAY;AACxB,YAAYC,YAAY;AACxB,OAAOC,SAASC,aAAaC,SAASC,QAAQC,gBAAgB;AAE9D,SAASC,kBAAkB;AAC3B,SAASC,qBAAqBC,wBAAwB;AACtD,SAASC,UAAUC,iBAAiBC,mBAAmB;AACvD,SAASC,sBAAsBC,iBAAiB;AAChD,SAASC,iBAAiB;AAC1B,SAASC,YAAwBC,UAAUC,KAAKC,YAAY;AAC5D,SAASC,gBAAgB;AACzB,SAASC,iBAAiB;AAC1B,SAASC,iBAAiB;AAC1B,SAASC,UAAUC,iBAAiB;AACpC,SAASC,QAAQC,mBAAmBC,sBAAsB;AAC1D,SAASC,sBAAsB;AAE/B,SAASC,4CAA4C;AACrD,SAAkCC,yBAAsD;AACxF,SAASC,YAAY;AACrB,SAASC,yBAAyB;AAIlC,IAAA,eAAaC;AAkBX,IAAS,uBAAoBC,GAAKC,KAAAA,QAAW,GAAA;AAC7C,IAAMC,qBAAUC,CAAAA,EAAAA,QAAAA,eAAAA,UAAAA,iBAAAA,OAAAA,mBAAAA,gBAAAA,gBAAAA,iBAAAA,aAAAA,MAAAA;AAChB,QAAMC,EAAAA,EAAAA,IAAAA,eAAmBC,KAAAA,QAAAA,GAAAA;AACzB,QAAM,UAAU,iBAAGD;AACnB,QAAM,mBAAmB,oBAAmEE;AAC5F,QAAM,EAACC,OAAAA,IAAUC;AACjB,QAAMC,CAAAA,QAASC,SAAAA,IAAAA,SAAAA,aAAAA;AACf,QAAMC,CAAAA,UAASC,WAAAA,IAAAA,SAAAA,eAAAA;AACf,QAAMC,SAASC,UAAAA;AACf,QAAMC,SAAAA,UAA4C;AAElD,QAAMC,SAAKC,UAASC;AACpB,QAAMC,WAAWC,OAAAA,IAASJ;AAC1B,QAAMK,KAAAA,SAAQC,WAAcX,MAAW,IAAEY,SAAU,UAAU,IAAA,YAAA,MAAA;QAACZ,WAAAA,SAAAA,IAAAA,YAAAA,aAAAA;QAAQK,QAAAA,QAAAA,MAAAA,OAAAA,KAAAA,CAAAA,MAAAA,EAAAA,OAAAA,EAAAA,GAAAA;IAAG;IACzE;;QAIgG,aAG9F,QAAA,MAAA,SAAA,kBAAA,oBAAA,OAAA;IAACK,UAAAA,MAAAA,OAAAA,SAAAA,iBAAAA,MAAAA,GAAAA;EAAOZ,CAAAA,GAAAA,CAAAA,GAAAA;IAAQe;IAAE;IAGpB;EACA,CAAA;QAEE,iBAAmBL,QAAAA,MAAU;UAC3BM,MAAQC,oBAAAA,IAAKC;AACf,eAAA,QAAA,UAAA;AACA,UAAOF,IAAAA,KAAAA,YAAAA,IAAAA,GAAAA,IAAAA;IACN;AAACN,WAAAA;KAAS;IAEb;EAEA,CAAA;QACE,kBAAyD,aAAA,QAAA,aAAA,aAAA,kBAAA,iBAAA,CAAA;QACzD,EAAA,mBAAMS,oBAAsBC,IAAAA,QAAAA,MAAAA;AAC5B,UAAMC,UAAU5B,CAAAA;AAChB,UAAK,kBAAiB6B,oBAAAA,IAAAA;UACpB,UAAMC,QAAAA,WAAuBC;eACxB,CAAA,UAAMC,aAASH,KAAe,OAAA,QAAA,eAAA,GAAA;YACjCI,eAAaD,QAAAA,KAAAA,CAAAA,WAAAA,OAAAA,QAAAA,KAAAA,CAAAA,WAAAA,OAAAA,OAAAA,QAAAA,CAAAA;iBACTF,SAAAA,eAAc;gBAChBJ,KAAAA,KAAAA;AACF,YAAA,cAAA;AACF,0BAAA,IAAA,MAAA,IAAA,aAAA,KAAA,QAAA,IAAA;QACF;MACA;;WAAqCQ;MAAqC,mBAAA;MACzE,qBAAA;IAACC;;IAAyB;IAE7B;EACA,CAAA;QAEE,sBAAA,QAAA,MAAA;AACA,UAAA,gBAAA,IAAA,IAAA,kBAAA,IAAA,CAAA,MAAA,EAAA,EAAA,CAAA;sBAKWC,SAAAA,OAAAA,CAAAA,SAAAA,KAAAA,SAAAA,IAAAA,KAAAA,KAAAA,YAAAA,IAAAA,KAAAA,IAAAA,EAAAA,OAAAA,CAAAA,SAAAA,CAAAA,cAAAA,IAAAA,KAAAA,YAAAA,IAAAA,CAAAA,CAAAA,EAAAA,IAAAA,CAAAA,SAAAA,qCAAAA,IAAAA,CAAAA;WAAsBC;MAAU,GAAA;MAC1C,GAAA;IAACD;;IAA4B;IAEhC;;QAEuB,UAAA,YAAA,CAAA,OAAA,oBAAA,KAAA,CAAA,UAAA,MAAA,OAAA,EAAA,GAAA;IAGvB;EACA,CAAA;QAGE,mBAAgBE,EAAAA,YAAAA,QAAAA,QAAAA;QAChB,gBAAkBC,QAAK,MAAIC;UACzB,MAAIC,oBAAAA,IAAAA;eACFC,CAAIC,MAAIC,IAAAA,KAAAA,gBAAAA;AACV,UAAA,eAAA,IAAA,IAAA,GAAA;AACF,YAAA,IAAA,IAAA;MACA;IACC;AAACJ,WAAAA;KAAe;IAEnB;;kBAMcK,QAASN,MAAAA,oBAAuBA,OAAAA,CAAAA,UAAAA,UAAAA,OAAAA,cAAAA,IAAAA,MAAAA,EAAAA,IAAAA,IAAAA,EAAAA,IAAAA,CAAAA,UAAAA;AACtC,UAAMO,OAAAA,eAAiBD,IAASE,MAAAA,EAAAA;AAChC,UAAM/B,SAAAA,QAAauB,KAAOf,UAAKwB,IAAW;AAC1C,UAAA,iBAAO,SAAA,WAAA,eAAA,IAAA,MAAA,EAAA,KAAA,qBAAA,IAAA;UACLC,aAAY,OAAA,KAAA,YAAA,IAAA,KAAA,OAAA;WACZC;UAEwBC,MAAInB;cAAUoB,cAAcpB,OAAQ,KAAA,SAAA,IAAA,IAAA,WAAA,EAAA,kBAAA;QAAC,IAAA,MAAA;QAC7DqB,cAAMP,MAAgBO;MACtBC,CAAAA;MACAC,MAAAA,gBAAQrB;MACRsB,SAAAA,gBAAaxC;MACf,QAAA,oBAAA,IAAA,MAAA,EAAA;MAEN,aAAA,aAAA,aAAA;IAACyC;EAAqBC,CAAAA,GAAAA;IAAOC;IAAenB;IAAgBlB;IAAGY;IAAqB0B;IAAW;IAGjG;;6BAIQ,YAAA,CAAA,EAAA,UAAiC,OAAA,CAAA,EAAA,MAAA,WAAA,aAAA;QACjC,CAAA,QAAA;AAGF;IACA/C;AAGAgD,aAAAA,SAAc,MAAA;AACd,UAAMC,MAAAA,SAAS,WAAgBC,MAAAA,IAAAA,SAAmB,UAAA,IAAA,YAAA,MAAA;cAAEjD,KAAAA,oBAAAA,EAAAA,YAAAA,YAAAA,GAAAA,cAAAA,GAAAA,KAAAA,GAAAA,MAAAA,GAAAA,CAAAA,MAAAA,oBAAAA,EAAAA,CAAAA;UAAIkD,SAAAA,OAAAA,SAAAA,aAAAA,MAAAA;MAAQC,IAAAA;MAAa;MAC7E;IACA,CAAA;UACE,iBAAe,oBAAc,MAAA;eAC3B,QAAOC,SAAOC,KAAAA,eAAqB,OAAA,MAAA,GAAA;iBACjCC,SAAS,SAAA;sBAAIN,gBAAc,KAAA;mBAAC;YAC9B,GAAA,OAAA;UACA;;AAEA,eAAA,OAAA,gBAAA,QAAA;UACK,SAAA,OAAA,QAAA,CAAA;QACL,CAAA;;sBACeA,gBAAc,MAAA;mBAAC;YAC5BO,GAAAA,OAAY;UACd;UACF,YAAA;QACF,CAAA;MAEAC;IACCC;AAKJP,qBAAAA,OAAAA,MAAAA;EAAQQ,CAAAA,EAAAA,KAAAA,sBAAAA,WAAAA,SAAAA,QAAAA,YAAAA,GAAAA,sBAAAA,UAAAA,SAAAA,gBAAAA,GAAAA,SAAAA,mBAAAA,GAAAA;IAAiBF;IAAgBtE;IAAsBkE;IAAQvD,QAAO8D;IAAK;IAGtF,OAAA;;SAK4CpE,sBAAAA,cAAAA,OAAAA,SAAAA,MAAAA,sBAAAA,cAAAA,OAAAA,QAAAA,MAAAA,sBAAAA,cAAAA,OAAAA,OAAAA,MAAAA,EAAAA,8BAAAA;YAAU+C,EAAAA,kBAAsB;MAAkB,IAAA;MACtF,cAEF,QAAA,SAACsB;IAAaC,CAAAA;OACZ,sBAAA,cAACD,OAAOE,OAAAA;IAAiBC,SAAO;KAAahE,sBAAAA,cAAAA,OAAAA,kBAAAA;;IAK7CiE,KAAAA;QACQrE,sBAAAA,cAAAA,OAAAA,MAAAA,MAAAA,sBAAAA,cAAAA,mBAAAA;IACRuD;IACA3D;IACA0E;IACAC;IACAC;IACAX,gBAAgBY,SAAAA,iBAAAA,MAAAA,GAAAA,MAAAA,OAAAA,OAAAA,IAAAA,EAAAA,CAAAA,GAAAA;IAChBC;IACAC,gBAAAA;oBAGHC;IAEiBV,kBAAAA;2BACXW,sBAAAA,cAAAA,OAAAA,WAAAA,MAAAA,sBAAAA,cAAAA,OAAAA,OAAAA;IAMX,SAAA;;;",
+  "names": ["useAtomValue", "Effect", "Option", "React", "useCallback", "useMemo", "useRef", "useState", "Capability", "useOperationInvoker", "usePluginManager", "AppSpace", "LayoutOperation", "TypeOptions", "PluginRegistryButton", "useLayout", "Operation", "Annotation", "Database", "Obj", "Type", "EffectEx", "invariant", "useClient", "useQuery", "useSpaces", "Dialog", "toLocalizedString", "useTranslation", "ViewAnnotation", "makeCreateObjectEntryForDatabaseType", "CreateObjectPanel", "meta", "SpaceCapabilities", "CREATE_OBJECT_DIALOG", "meta", "profile", "manager", "usePluginManager", "operationInvoker", "useOperationInvoker", "initialTarget", "typename", "setTypename", "client", "useClient", "spaces", "useSpaces", "layout", "useLayout", "closeRef", "db", "Database", "isDatabase", "allTypes", "useQuery", "space", "useMemo", "s", "t", "map", "Type", "getTypename", "pluginByEntryId", "Map", "plugins", "contributions", "owningPlugin", "find", "entry", "entries", "pluginNameByEntryId", "entriesByModule", "capabilityEntries", "dbEntries", "Set", "type", "typeByTypename", "ViewAnnotation", "set", "add", "name", "schema", "iconAnnotation", "Annotation", "getDatabase", "id", "label", "ns", "defaultValue", "icon", "iconHue", "plugin", "description", "createObjectEntries", "views", "viewTypenames", "spaceLabel", "invariant", "result", "createObject", "target", "targetNodeId", "invoke", "LayoutOperation", "subject", "navigation", "onCreateObject", "pipe", "_shouldNavigate", "mode", "Dialog", "asChild", "ActionIconButton", "action", "options", "initialFormValues", "defaultSpaceId", "resolve", "handleCreateObject", "onTargetChange", "onTypenameChange", "showTypeSelector", "PluginRegistryButton"]
+}

package/dist/lib/neutral/{CreateSpaceDialog-CDGSEIJB.mjs → CreateSpaceDialog-WWNUTLVK.mjs}

@@ -4,7 +4,7 @@ import "./chunk-J5LGTIGS.mjs";
 import * as Effect from "effect/Effect";
 import React, { useCallback, useRef } from "react";
 import { useOperationInvoker } from "@dxos/app-framework/ui";
-import { LayoutOperation, getSpaceHomePath, getSpacePath } from "@dxos/app-toolkit";
+import { LayoutOperation, Paths } from "@dxos/app-toolkit";
 import { EffectEx } from "@dxos/effect";
 import { Column, Dialog, useTranslation } from "@dxos/react-ui";
 import { Form } from "@dxos/react-ui-form";
@@ -12,13 +12,13 @@ import { useInputSurfaceLookup } from "#hooks";
 import { meta } from "#meta";
 import { SpaceOperation } from "#operations";
 import { SpaceForm } from "#types";
-var CREATE_SPACE_DIALOG = `${meta.id}.CreateSpaceDialog`;
+var CREATE_SPACE_DIALOG = `${meta.profile.key}.CreateSpaceDialog`;
 var initialValues = {
   edgeReplication: true
 };
 var CreateSpaceDialog = () => {
   const closeRef = useRef(null);
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   const { invokePromise } = useOperationInvoker();
   const inputSurfaceLookup = useInputSurfaceLookup();
   const handleCreateSpace = useCallback(async (data) => {
@@ -27,9 +27,9 @@ var CreateSpaceDialog = () => {
       if (result?.space) {
         yield* Effect.promise(() => invokePromise(LayoutOperation.Open, {
           subject: [
-            getSpaceHomePath(result.space.id)
+            Paths.getSpaceHomePath(result.space.id)
           ],
-          workspace: getSpacePath(result.space.id),
+          workspace: Paths.getSpacePath(result.space.id),
           navigation: "immediate"
         }));
         yield* Effect.promise(() => invokePromise(LayoutOperation.UpdateDialog, {
@@ -58,4 +58,4 @@ var CreateSpaceDialog = () => {
 export {
   CreateSpaceDialog as default
 };
-//# sourceMappingURL=CreateSpaceDialog-CDGSEIJB.mjs.map
+//# sourceMappingURL=CreateSpaceDialog-WWNUTLVK.mjs.map

package/dist/lib/neutral/CreateSpaceDialog-WWNUTLVK.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/CreateSpaceDialog/CreateSpaceDialog.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\nimport type * as Schema from 'effect/Schema';\nimport React, { useCallback, useRef } from 'react';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { LayoutOperation, Paths } from '@dxos/app-toolkit';\nimport { EffectEx } from '@dxos/effect';\nimport { Column, Dialog, useTranslation } from '@dxos/react-ui';\nimport { Form } from '@dxos/react-ui-form';\n\nimport { useInputSurfaceLookup } from '#hooks';\nimport { meta } from '#meta';\nimport { SpaceOperation } from '#operations';\nimport { SpaceForm } from '#types';\n\nexport const CREATE_SPACE_DIALOG = `${meta.profile.key}.CreateSpaceDialog`;\n\ntype FormValues = Schema.Schema.Type<typeof SpaceForm>;\nconst initialValues: FormValues = { edgeReplication: true };\n\nexport const CreateSpaceDialog = () => {\n  const closeRef = useRef<HTMLButtonElement | null>(null);\n  const { t } = useTranslation(meta.profile.key);\n  const { invokePromise } = useOperationInvoker();\n\n  const inputSurfaceLookup = useInputSurfaceLookup();\n\n  const handleCreateSpace = useCallback(\n    async (data: FormValues) => {\n      const program = Effect.gen(function* () {\n        const { data: result } = yield* Effect.promise(() => invokePromise(SpaceOperation.Create, data));\n        if (result?.space) {\n          yield* Effect.promise(() =>\n            invokePromise(LayoutOperation.Open, {\n              subject: [Paths.getSpaceHomePath(result.space.id)],\n              workspace: Paths.getSpacePath(result.space.id),\n              navigation: 'immediate',\n            }),\n          );\n          yield* Effect.promise(() => invokePromise(LayoutOperation.UpdateDialog, { state: false }));\n        }\n      });\n      await EffectEx.runAndForwardErrors(program);\n    },\n    [invokePromise],\n  );\n\n  return (\n    <Dialog.Content>\n      <Dialog.Header>\n        <Dialog.Title>{t('create-space-dialog.title')}</Dialog.Title>\n        <Dialog.Close asChild>\n          <Dialog.ActionIconButton action='close' ref={closeRef} />\n        </Dialog.Close>\n      </Dialog.Header>\n      <Dialog.Body>\n        <Form.Root\n          testId='create-space-form'\n          autoFocus\n          schema={SpaceForm}\n          defaultValues={initialValues}\n          fieldProvider={inputSurfaceLookup}\n          onSave={handleCreateSpace}\n        >\n          {/* Dialog.Body owns the gutter Column; place the form in its center column via Column.Center\n              (not Form.Viewport's own Column.Root, which double-insets) so it aligns with the title. */}\n          <Column.Center>\n            <Form.Content>\n              <Form.FieldSet />\n              <Form.Submit />\n            </Form.Content>\n          </Column.Center>\n        </Form.Root>\n      </Dialog.Body>\n    </Dialog.Content>\n  );\n};\n"],
+  "mappings": ";;;AAIA,YAAYA,YAAY;AAExB,OAAOC,SAASC,aAAaC,cAAc;AAE3C,SAASC,2BAA2B;AACpC,SAASC,iBAAiBC,aAAa;AACvC,SAASC,gBAAgB;AACzB,SAASC,QAAQC,QAAQC,sBAAsB;AAC/C,SAASC,YAAY;AAErB,SAASC,6BAA6B;AACtC,SAASC,YAAY;AACrB,SAASC,sBAAsB;AAC/B,SAASC,iBAAiB;AAEnB,IAAMC,sBAAsB,GAAGH,KAAKI,QAAQC,GAAG;AAGtD,IAAMC,gBAA4B;EAAEC,iBAAiB;AAAK;AAEnD,IAAMC,oBAAoB,MAAA;AAC/B,QAAMC,WAAWnB,OAAiC,IAAA;AAClD,QAAM,EAAEoB,EAAC,IAAKb,eAAeG,KAAKI,QAAQC,GAAG;AAC7C,QAAM,EAAEM,cAAa,IAAKpB,oBAAAA;AAE1B,QAAMqB,qBAAqBb,sBAAAA;AAE3B,QAAMc,oBAAoBxB,YACxB,OAAOyB,SAAAA;AACL,UAAMC,UAAiBC,WAAI,aAAA;AACzB,YAAM,EAAEF,MAAMG,OAAM,IAAK,OAAcC,eAAQ,MAAMP,cAAcV,eAAekB,QAAQL,IAAAA,CAAAA;AAC1F,UAAIG,QAAQG,OAAO;AACjB,eAAcF,eAAQ,MACpBP,cAAcnB,gBAAgB6B,MAAM;UAClCC,SAAS;YAAC7B,MAAM8B,iBAAiBN,OAAOG,MAAMI,EAAE;;UAChDC,WAAWhC,MAAMiC,aAAaT,OAAOG,MAAMI,EAAE;UAC7CG,YAAY;QACd,CAAA,CAAA;AAEF,eAAcT,eAAQ,MAAMP,cAAcnB,gBAAgBoC,cAAc;UAAEC,OAAO;QAAM,CAAA,CAAA;MACzF;IACF,CAAA;AACA,UAAMnC,SAASoC,oBAAoBf,OAAAA;EACrC,GACA;IAACJ;GAAc;AAGjB,SACE,sBAAA,cAACf,OAAOmC,SAAO,MACb,sBAAA,cAACnC,OAAOoC,QAAM,MACZ,sBAAA,cAACpC,OAAOqC,OAAK,MAAEvB,EAAE,2BAAA,CAAA,GACjB,sBAAA,cAACd,OAAOsC,OAAK;IAACC,SAAAA;KACZ,sBAAA,cAACvC,OAAOwC,kBAAgB;IAACC,QAAO;IAAQC,KAAK7B;QAGjD,sBAAA,cAACb,OAAO2C,MAAI,MACV,sBAAA,cAACzC,KAAK0C,MAAI;IACRC,QAAO;IACPC,WAAAA;IACAC,QAAQzC;IACR0C,eAAetC;IACfuC,eAAejC;IACfkC,QAAQjC;KAIR,sBAAA,cAAClB,OAAOoD,QAAM,MACZ,sBAAA,cAACjD,KAAKiC,SAAO,MACX,sBAAA,cAACjC,KAAKkD,UAAQ,IAAA,GACd,sBAAA,cAAClD,KAAKmD,QAAM,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAO1B;",
+  "names": ["Effect", "React", "useCallback", "useRef", "useOperationInvoker", "LayoutOperation", "Paths", "EffectEx", "Column", "Dialog", "useTranslation", "Form", "useInputSurfaceLookup", "meta", "SpaceOperation", "SpaceForm", "CREATE_SPACE_DIALOG", "profile", "key", "initialValues", "edgeReplication", "CreateSpaceDialog", "closeRef", "t", "invokePromise", "inputSurfaceLookup", "handleCreateSpace", "data", "program", "gen", "result", "promise", "Create", "space", "Open", "subject", "getSpaceHomePath", "id", "workspace", "getSpacePath", "navigation", "UpdateDialog", "state", "runAndForwardErrors", "Content", "Header", "Title", "Close", "asChild", "ActionIconButton", "action", "ref", "Body", "Root", "testId", "autoFocus", "schema", "defaultValues", "fieldProvider", "onSave", "Center", "FieldSet", "Submit"]
+}

package/dist/lib/neutral/{ImportSpaceDialog-7GKV4OTF.mjs → ImportSpaceDialog-CSSRTFAO.mjs}

@@ -4,12 +4,12 @@ import "./chunk-J5LGTIGS.mjs";
 import React, { useCallback } from "react";
 import { FileUploader } from "react-drag-drop-files";
 import { useOperationInvoker } from "@dxos/app-framework/ui";
-import { LayoutOperation, getSpacePath } from "@dxos/app-toolkit";
+import { LayoutOperation, Paths } from "@dxos/app-toolkit";
 import { Button, Dialog, Icon, useTranslation } from "@dxos/react-ui";
 import { meta } from "#meta";
 import { SpaceOperation } from "#operations";
 var ImportSpaceDialog = () => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   const { invokePromise } = useOperationInvoker();
   const handleFile = useCallback(async (file) => {
     const contents = new Uint8Array(await file.arrayBuffer());
@@ -24,7 +24,7 @@ var ImportSpaceDialog = () => {
     });
     if (result?.space) {
       await invokePromise(LayoutOperation.SwitchWorkspace, {
-        subject: getSpacePath(result.space.id)
+        subject: Paths.getSpacePath(result.space.id)
       });
     }
   }, [
@@ -61,4 +61,4 @@ var ImportSpaceDialog = () => {
 export {
   ImportSpaceDialog as default
 };
-//# sourceMappingURL=ImportSpaceDialog-7GKV4OTF.mjs.map
+//# sourceMappingURL=ImportSpaceDialog-CSSRTFAO.mjs.map

package/dist/lib/neutral/ImportSpaceDialog-CSSRTFAO.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/ImportSpaceDialog/ImportSpaceDialog.tsx"],
+  "sourcesContent": ["//\n// Copyright 2026 DXOS.org\n//\n\nimport React, { useCallback } from 'react';\nimport { FileUploader } from 'react-drag-drop-files';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { LayoutOperation, Paths } from '@dxos/app-toolkit';\nimport { Button, Dialog, Icon, useTranslation } from '@dxos/react-ui';\n\nimport { meta } from '#meta';\nimport { SpaceOperation } from '#operations';\n\nexport const ImportSpaceDialog = () => {\n  const { t } = useTranslation(meta.profile.key);\n  const { invokePromise } = useOperationInvoker();\n\n  const handleFile = useCallback(\n    async (file: File) => {\n      const contents = new Uint8Array(await file.arrayBuffer());\n      const { data: result } = await invokePromise(SpaceOperation.ImportSpace, {\n        archive: { filename: file.name, contents },\n      });\n      await invokePromise(LayoutOperation.UpdateDialog, { state: false });\n      if (result?.space) {\n        await invokePromise(LayoutOperation.SwitchWorkspace, { subject: Paths.getSpacePath(result.space.id) });\n      }\n    },\n    [invokePromise],\n  );\n\n  return (\n    <Dialog.Content>\n      <Dialog.Header>\n        <Dialog.Title>{t('import-space-dialog.title')}</Dialog.Title>\n        <Dialog.Close asChild>\n          <Dialog.ActionIconButton action='close' />\n        </Dialog.Close>\n      </Dialog.Header>\n      <Dialog.Body>\n        <p className='my-4'>{t('import-space-dialog.description')}</p>\n        <FileUploader\n          types={['json', 'tar']}\n          classes='block my-4 p-8 border-2 border-dashed border-neutral-500/50 rounded-sm flex items-center justify-center gap-2 cursor-pointer'\n          dropMessageStyle={{ border: 'none', backgroundColor: '#EEE' }}\n          handleChange={(file: File) => {\n            void handleFile(file);\n          }}\n        >\n          <Icon icon='ph--file-plus--duotone' size={8} />\n          <span>{t('import-space-dialog.upload.label')}</span>\n        </FileUploader>\n      </Dialog.Body>\n      <Dialog.ActionBar>\n        <Dialog.Close asChild>\n          <Button variant='primary'>{t('cancel.label')}</Button>\n        </Dialog.Close>\n      </Dialog.ActionBar>\n    </Dialog.Content>\n  );\n};\n"],
+  "mappings": ";;;AAIA,OAAOA,SAASC,mBAAmB;AACnC,SAASC,oBAAoB;AAE7B,SAASC,2BAA2B;AACpC,SAASC,iBAAiBC,aAAa;AACvC,SAASC,QAAQC,QAAQC,MAAMC,sBAAsB;AAErD,SAASC,YAAY;AACrB,SAASC,sBAAsB;AAExB,IAAMC,oBAAoB,MAAA;AAC/B,QAAM,EAAEC,EAAC,IAAKJ,eAAeC,KAAKI,QAAQC,GAAG;AAC7C,QAAM,EAAEC,cAAa,IAAKb,oBAAAA;AAE1B,QAAMc,aAAahB,YACjB,OAAOiB,SAAAA;AACL,UAAMC,WAAW,IAAIC,WAAW,MAAMF,KAAKG,YAAW,CAAA;AACtD,UAAM,EAAEC,MAAMC,OAAM,IAAK,MAAMP,cAAcL,eAAea,aAAa;MACvEC,SAAS;QAAEC,UAAUR,KAAKS;QAAMR;MAAS;IAC3C,CAAA;AACA,UAAMH,cAAcZ,gBAAgBwB,cAAc;MAAEC,OAAO;IAAM,CAAA;AACjE,QAAIN,QAAQO,OAAO;AACjB,YAAMd,cAAcZ,gBAAgB2B,iBAAiB;QAAEC,SAAS3B,MAAM4B,aAAaV,OAAOO,MAAMI,EAAE;MAAE,CAAA;IACtG;EACF,GACA;IAAClB;GAAc;AAGjB,SACE,sBAAA,cAACT,OAAO4B,SAAO,MACb,sBAAA,cAAC5B,OAAO6B,QAAM,MACZ,sBAAA,cAAC7B,OAAO8B,OAAK,MAAExB,EAAE,2BAAA,CAAA,GACjB,sBAAA,cAACN,OAAO+B,OAAK;IAACC,SAAAA;KACZ,sBAAA,cAAChC,OAAOiC,kBAAgB;IAACC,QAAO;QAGpC,sBAAA,cAAClC,OAAOmC,MAAI,MACV,sBAAA,cAACC,KAAAA;IAAEC,WAAU;KAAQ/B,EAAE,iCAAA,CAAA,GACvB,sBAAA,cAACX,cAAAA;IACC2C,OAAO;MAAC;MAAQ;;IAChBC,SAAQ;IACRC,kBAAkB;MAAEC,QAAQ;MAAQC,iBAAiB;IAAO;IAC5DC,cAAc,CAAChC,SAAAA;AACb,WAAKD,WAAWC,IAAAA;IAClB;KAEA,sBAAA,cAACV,MAAAA;IAAK2C,MAAK;IAAyBC,MAAM;MAC1C,sBAAA,cAACC,QAAAA,MAAMxC,EAAE,kCAAA,CAAA,CAAA,CAAA,GAGb,sBAAA,cAACN,OAAO+C,WAAS,MACf,sBAAA,cAAC/C,OAAO+B,OAAK;IAACC,SAAAA;KACZ,sBAAA,cAACjC,QAAAA;IAAOiD,SAAQ;KAAW1C,EAAE,cAAA,CAAA,CAAA,CAAA,CAAA;AAKvC;",
+  "names": ["React", "useCallback", "FileUploader", "useOperationInvoker", "LayoutOperation", "Paths", "Button", "Dialog", "Icon", "useTranslation", "meta", "SpaceOperation", "ImportSpaceDialog", "t", "profile", "key", "invokePromise", "handleFile", "file", "contents", "Uint8Array", "arrayBuffer", "data", "result", "ImportSpace", "archive", "filename", "name", "UpdateDialog", "state", "space", "SwitchWorkspace", "subject", "getSpacePath", "id", "Content", "Header", "Title", "Close", "asChild", "ActionIconButton", "action", "Body", "p", "className", "types", "classes", "dropMessageStyle", "border", "backgroundColor", "handleChange", "icon", "size", "span", "ActionBar", "variant"]
+}

package/dist/lib/neutral/{InlineSyncStatus-TBJKZCH7.mjs → InlineSyncStatus-UOUTAPCU.mjs}

@@ -2,7 +2,7 @@ import "./chunk-J5LGTIGS.mjs";
 
 // src/containers/InlineSyncStatus/InlineSyncStatus.tsx
 import React, { useEffect, useState } from "react";
-import { getSpacePath } from "@dxos/app-toolkit";
+import { Paths } from "@dxos/app-toolkit";
 import { EdgeStatus } from "@dxos/protocols/proto/dxos/client/services";
 import { EdgeReplicationSetting } from "@dxos/protocols/proto/dxos/echo/metadata";
 import { useClient } from "@dxos/react-client";
@@ -23,8 +23,8 @@ var useEdgeStatus = () => {
   return status;
 };
 var InlineSyncStatus = ({ space, open }) => {
-  const { t } = useTranslation(meta.id);
-  const qualifiedId = getSpacePath(space.id);
+  const { t } = useTranslation(meta.profile.key);
+  const qualifiedId = Paths.getSpacePath(space.id);
   const { hasAttention, isAncestor, isRelated } = useAttention(qualifiedId);
   const attended = hasAttention || isRelated;
   const containsAttended = isAncestor && !open;
@@ -46,4 +46,4 @@ var InlineSyncStatus = ({ space, open }) => {
 export {
   InlineSyncStatus as default
 };
-//# sourceMappingURL=InlineSyncStatus-TBJKZCH7.mjs.map
+//# sourceMappingURL=InlineSyncStatus-UOUTAPCU.mjs.map

package/dist/lib/neutral/InlineSyncStatus-UOUTAPCU.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/InlineSyncStatus/InlineSyncStatus.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useEffect, useState } from 'react';\n\nimport { Paths } from '@dxos/app-toolkit';\nimport { EdgeStatus } from '@dxos/protocols/proto/dxos/client/services';\nimport { EdgeReplicationSetting } from '@dxos/protocols/proto/dxos/echo/metadata';\nimport { useClient } from '@dxos/react-client';\nimport { type Space, useSpaceSyncState } from '@dxos/react-client/echo';\nimport { Tooltip, useTranslation } from '@dxos/react-ui';\nimport { AttentionGlyph, useAttention } from '@dxos/react-ui-attention';\n\nimport { meta } from '#meta';\n\nconst useEdgeStatus = (): EdgeStatus.ConnectionState => {\n  const [status, setStatus] = useState(EdgeStatus.ConnectionState.NOT_CONNECTED);\n  const client = useClient();\n  useEffect(() => {\n    client.services.services.EdgeAgentService?.queryEdgeStatus().subscribe(({ status }) => {\n      setStatus(status.state);\n    });\n  }, [client]);\n\n  return status;\n};\n\nexport const InlineSyncStatus = ({ space, open }: { space: Space; open?: boolean }) => {\n  const { t } = useTranslation(meta.profile.key);\n  const qualifiedId = Paths.getSpacePath(space.id);\n  const { hasAttention, isAncestor, isRelated } = useAttention(qualifiedId);\n  const attended = hasAttention || isRelated;\n  const containsAttended = isAncestor && !open;\n  const connectedToEdge = useEdgeStatus() === EdgeStatus.ConnectionState.CONNECTED;\n  // TODO(wittjosiah): This is not reactive.\n  const edgeSyncEnabled = space.internal.data.edgeReplication === EdgeReplicationSetting.ENABLED;\n  const syncState = useSpaceSyncState(space);\n  const syncing = connectedToEdge && edgeSyncEnabled && syncState && syncState.missingOnLocal > 0;\n\n  return (\n    <Tooltip.Trigger asChild content={t('syncing.label')} side='bottom'>\n      <AttentionGlyph\n        syncing={syncing}\n        attended={attended}\n        containsAttended={containsAttended}\n        classNames='self-center mx-1'\n      />\n    </Tooltip.Trigger>\n  );\n};\n"],
+  "mappings": ";;;AAIA,OAAOA,SAASC,WAAWC,gBAAgB;AAE3C,SAASC,aAAa;AACtB,SAASC,kBAAkB;AAC3B,SAASC,8BAA8B;AACvC,SAASC,iBAAiB;AAC1B,SAAqBC,yBAAyB;AAC9C,SAASC,SAASC,sBAAsB;AACxC,SAASC,gBAAgBC,oBAAoB;AAE7C,SAASC,YAAY;AAErB,IAAMC,gBAAgB,MAAA;AACpB,QAAM,CAACC,QAAQC,SAAAA,IAAab,SAASE,WAAWY,gBAAgBC,aAAa;AAC7E,QAAMC,SAASZ,UAAAA;AACfL,YAAU,MAAA;AACRiB,WAAOC,SAASA,SAASC,kBAAkBC,gBAAAA,EAAkBC,UAAU,CAAC,EAAER,QAAAA,QAAM,MAAE;AAChFC,gBAAUD,QAAOS,KAAK;IACxB,CAAA;EACF,GAAG;IAACL;GAAO;AAEX,SAAOJ;AACT;AAEO,IAAMU,mBAAmB,CAAC,EAAEC,OAAOC,KAAI,MAAoC;AAChF,QAAM,EAAEC,EAAC,IAAKlB,eAAeG,KAAKgB,QAAQC,GAAG;AAC7C,QAAMC,cAAc3B,MAAM4B,aAAaN,MAAMO,EAAE;AAC/C,QAAM,EAAEC,cAAcC,YAAYC,UAAS,IAAKxB,aAAamB,WAAAA;AAC7D,QAAMM,WAAWH,gBAAgBE;AACjC,QAAME,mBAAmBH,cAAc,CAACR;AACxC,QAAMY,kBAAkBzB,cAAAA,MAAoBT,WAAWY,gBAAgBuB;AAEvE,QAAMC,kBAAkBf,MAAMgB,SAASC,KAAKC,oBAAoBtC,uBAAuBuC;AACvF,QAAMC,YAAYtC,kBAAkBkB,KAAAA;AACpC,QAAMqB,UAAUR,mBAAmBE,mBAAmBK,aAAaA,UAAUE,iBAAiB;AAE9F,SACE,sBAAA,cAACvC,QAAQwC,SAAO;IAACC,SAAAA;IAAQC,SAASvB,EAAE,eAAA;IAAkBwB,MAAK;KACzD,sBAAA,cAACzC,gBAAAA;IACCoC;IACAV;IACAC;IACAe,YAAW;;AAInB;",
+  "names": ["React", "useEffect", "useState", "Paths", "EdgeStatus", "EdgeReplicationSetting", "useClient", "useSpaceSyncState", "Tooltip", "useTranslation", "AttentionGlyph", "useAttention", "meta", "useEdgeStatus", "status", "setStatus", "ConnectionState", "NOT_CONNECTED", "client", "services", "EdgeAgentService", "queryEdgeStatus", "subscribe", "state", "InlineSyncStatus", "space", "open", "t", "profile", "key", "qualifiedId", "getSpacePath", "id", "hasAttention", "isAncestor", "isRelated", "attended", "containsAttended", "connectedToEdge", "CONNECTED", "edgeSyncEnabled", "internal", "data", "edgeReplication", "ENABLED", "syncState", "syncing", "missingOnLocal", "Trigger", "asChild", "content", "side", "classNames"]
+}

package/dist/lib/neutral/{JoinDialog-SSFKRFTJ.mjs → JoinDialog-QZGNRJ4P.mjs}

@@ -3,7 +3,7 @@ import "./chunk-J5LGTIGS.mjs";
 // src/containers/JoinDialog/JoinDialog.tsx
 import React, { useCallback } from "react";
 import { useOperationInvoker } from "@dxos/app-framework/ui";
-import { LayoutOperation, getSpacePath } from "@dxos/app-toolkit";
+import { LayoutOperation, Paths } from "@dxos/app-toolkit";
 import { useAppGraph } from "@dxos/app-toolkit/ui";
 import { Trigger } from "@dxos/async";
 import { Graph } from "@dxos/plugin-graph";
@@ -13,12 +13,12 @@ import { Dialog, useTranslation } from "@dxos/react-ui";
 import { JoinPanel } from "@dxos/shell/react";
 import { osTranslations } from "@dxos/ui-theme";
 import { meta } from "#meta";
-var JOIN_DIALOG = `${meta.id}.JoinDialog`;
+var JOIN_DIALOG = `${meta.profile.key}.JoinDialog`;
 var JoinDialog = ({ navigableCollections, onDone, ...props }) => {
   const { invokePromise } = useOperationInvoker();
   const client = useClient();
   const { graph } = useAppGraph();
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   const handleDone = useCallback(async (result) => {
     const spaceKey = result?.spaceKey;
     if (!spaceKey) {
@@ -26,18 +26,18 @@ var JoinDialog = ({ navigableCollections, onDone, ...props }) => {
     }
     await Promise.all([
       invokePromise(LayoutOperation.AddToast, {
-        id: `${meta.id}.join-success`,
+        id: `${meta.profile.key}.join-success`,
         duration: 5e3,
         title: [
           "join-success.label",
           {
-            ns: meta.id
+            ns: meta.profile.key
           }
         ],
         closeLabel: [
           "dismiss.label",
           {
-            ns: meta.id
+            ns: meta.profile.key
           }
         ]
       }),
@@ -57,9 +57,9 @@ var JoinDialog = ({ navigableCollections, onDone, ...props }) => {
       space = await trigger.wait();
     }
     await invokePromise(LayoutOperation.SwitchWorkspace, {
-      subject: getSpacePath(space.id)
+      subject: Paths.getSpacePath(space.id)
     });
-    const target = result?.target || (navigableCollections ? space?.id : void 0);
+    const target = result?.target;
     if (target) {
       await Graph.waitForPath(graph, {
         target
@@ -75,6 +75,13 @@ var JoinDialog = ({ navigableCollections, onDone, ...props }) => {
           subject: target
         })
       ]);
+    } else {
+      await invokePromise(LayoutOperation.Open, {
+        subject: [
+          Paths.getSpaceHomePath(space.id)
+        ],
+        workspace: Paths.getSpacePath(space.id)
+      });
     }
     onDone?.(result);
     if (space) {
@@ -111,4 +118,4 @@ export {
   JoinDialog,
   JoinDialog as default
 };
-//# sourceMappingURL=JoinDialog-SSFKRFTJ.mjs.map
+//# sourceMappingURL=JoinDialog-QZGNRJ4P.mjs.map

package/dist/lib/neutral/JoinDialog-QZGNRJ4P.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/JoinDialog/JoinDialog.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useCallback } from 'react';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { LayoutOperation, Paths } from '@dxos/app-toolkit';\nimport { useAppGraph } from '@dxos/app-toolkit/ui';\nimport { Trigger } from '@dxos/async';\nimport { Graph } from '@dxos/plugin-graph';\nimport { ObservabilityOperation } from '@dxos/plugin-observability';\nimport { useClient } from '@dxos/react-client';\nimport { type Space } from '@dxos/react-client/echo';\nimport { type InvitationResult } from '@dxos/react-client/invitations';\nimport { Dialog, useTranslation } from '@dxos/react-ui';\nimport { JoinPanel, type JoinPanelProps } from '@dxos/shell/react';\nimport { osTranslations } from '@dxos/ui-theme';\n\nimport { meta } from '#meta';\n\nexport const JOIN_DIALOG = `${meta.profile.key}.JoinDialog`;\n\nexport type JoinDialogProps = JoinPanelProps & {\n  navigableCollections?: boolean;\n};\n\nexport const JoinDialog = ({ navigableCollections, onDone, ...props }: JoinDialogProps) => {\n  const { invokePromise } = useOperationInvoker();\n  const client = useClient();\n  const { graph } = useAppGraph();\n  const { t } = useTranslation(meta.profile.key);\n\n  const handleDone = useCallback(\n    async (result: InvitationResult | null) => {\n      const spaceKey = result?.spaceKey;\n      if (!spaceKey) {\n        return;\n      }\n\n      await Promise.all([\n        invokePromise(LayoutOperation.AddToast, {\n          id: `${meta.profile.key}.join-success`,\n          duration: 5_000,\n          title: ['join-success.label', { ns: meta.profile.key }],\n          closeLabel: ['dismiss.label', { ns: meta.profile.key }],\n        }),\n        invokePromise(LayoutOperation.UpdateDialog, { state: false }),\n      ]);\n\n      let space = client.spaces.get(spaceKey);\n      if (!space) {\n        // TODO(wittjosiah): Add api to wait for a space.\n        const trigger = new Trigger<Space>();\n        client.spaces.subscribe(() => {\n          const space = client.spaces.get(spaceKey);\n          if (space) {\n            trigger.wake(space);\n          }\n        });\n        space = await trigger.wait();\n      }\n\n      await invokePromise(LayoutOperation.SwitchWorkspace, { subject: Paths.getSpacePath(space.id) });\n\n      const target = result?.target;\n      if (target) {\n        // Wait before navigating to the target node.\n        // If the target has not yet replicated, this will trigger a loading toast.\n        await Graph.waitForPath(graph, { target }).catch(() => {});\n        await Promise.all([\n          invokePromise(LayoutOperation.Open, { subject: [target] }),\n          invokePromise(LayoutOperation.Expose, { subject: target }),\n        ]);\n      } else {\n        await invokePromise(LayoutOperation.Open, {\n          subject: [Paths.getSpaceHomePath(space.id)],\n          workspace: Paths.getSpacePath(space.id),\n        });\n      }\n\n      onDone?.(result);\n\n      if (space) {\n        await invokePromise(ObservabilityOperation.SendEvent, {\n          name: 'space.join',\n          properties: {\n            spaceId: space.id,\n          },\n        });\n      }\n    },\n    [invokePromise, client, graph, navigableCollections, onDone],\n  );\n\n  // TODO(burdon): Move JoinHeading into Dialog.Heading.\n  return (\n    <Dialog.Content>\n      <Dialog.Title classNames='sr-only'>{t('join-space.label', { ns: osTranslations })}</Dialog.Title>\n      <Dialog.Body>\n        <JoinPanel\n          {...props}\n          exitActionParent={<Dialog.Close asChild />}\n          doneActionParent={<Dialog.Close asChild />}\n          onDone={handleDone}\n        />\n      </Dialog.Body>\n    </Dialog.Content>\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["React", "useCallback", "useOperationInvoker", "LayoutOperation", "Paths", "useAppGraph", "Trigger", "Graph", "ObservabilityOperation", "useClient", "Dialog", "useTranslation", "JoinPanel", "osTranslations", "meta", "JOIN_DIALOG", "profile", "key", "JoinDialog", "navigableCollections", "onDone", "props", "invokePromise", "client", "graph", "t", "handleDone", "result", "spaceKey", "Promise", "all", "AddToast", "id", "duration", "title", "ns", "closeLabel", "UpdateDialog", "state", "space", "spaces", "get", "trigger", "subscribe", "wake", "wait", "SwitchWorkspace", "subject", "getSpacePath", "target", "waitForPath", "catch", "Open", "Expose", "getSpaceHomePath", "workspace", "SendEvent", "name", "properties", "spaceId", "Content", "Title", "classNames", "Body", "exitActionParent", "Close", "asChild", "doneActionParent"]
+}

package/dist/lib/neutral/{MembersContainer-KMCQDWCS.mjs → MembersContainer-OWCAMBKS.mjs}

@@ -5,7 +5,7 @@ import * as Option from "effect/Option";
 import React, { useMemo, useState } from "react";
 import { QR } from "react-qr-rounded";
 import { useOperationInvoker } from "@dxos/app-framework/ui";
-import { RootCollectionAnnotation } from "@dxos/app-toolkit";
+import { AppAnnotation } from "@dxos/app-toolkit";
 import { Annotation, Obj } from "@dxos/echo";
 import { log } from "@dxos/log";
 import { useConfig } from "@dxos/react-client";
@@ -30,7 +30,7 @@ var handleInvitationEvent = (invitation, subscription) => {
   }
 };
 var MembersContainer = ({ space, createInvitationUrl }) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   const config = useConfig();
   const { invokePromise } = useOperationInvoker();
   const invitations = useSpaceInvitations(space.key);
@@ -42,7 +42,7 @@ var MembersContainer = ({ space, createInvitationUrl }) => {
     setInternalActiveAction(nextAction);
     localStorage.setItem(activeActionKey, nextAction);
   };
-  const target = Annotation.get(space.properties, RootCollectionAnnotation).pipe(Option.getOrUndefined)?.target?.objects[0]?.target;
+  const target = Annotation.get(space.properties, AppAnnotation.RootCollectionAnnotation).pipe(Option.getOrUndefined)?.target?.objects[0]?.target;
   const inviteActions = useMemo(() => ({
     inviteOne: {
       label: t("invite-one.label", {
@@ -166,7 +166,7 @@ var InvitationQR = ({ id, url, onCancel }) => {
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("p", {
     className: "text-description"
   }, t("qr-code.description", {
-    ns: meta.id
+    ns: meta.profile.key
   })), /* @__PURE__ */ React.createElement("div", {
     role: "group",
     className: "grid grid-cols-[1fr_min-content] my-2 gap-2"
@@ -224,4 +224,4 @@ var InvitationComplete = ({ statusValue }) => {
 export {
   MembersContainer as default
 };
-//# sourceMappingURL=MembersContainer-KMCQDWCS.mjs.map
+//# sourceMappingURL=MembersContainer-OWCAMBKS.mjs.map

package/dist/lib/neutral/MembersContainer-OWCAMBKS.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/MembersContainer/MembersContainer.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Option from 'effect/Option';\nimport React, { type Dispatch, type SetStateAction, useMemo, useState } from 'react';\nimport { QR } from 'react-qr-rounded';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { AppAnnotation } from '@dxos/app-toolkit';\nimport { AppSurface } from '@dxos/app-toolkit/ui';\nimport { Annotation, Obj } from '@dxos/echo';\nimport { log } from '@dxos/log';\nimport { useConfig } from '@dxos/react-client';\nimport { useSpaceInvitations } from '@dxos/react-client/echo';\nimport { type CancellableInvitationObservable, Invitation, InvitationEncoder } from '@dxos/react-client/invitations';\nimport { Button, Clipboard, Icon, useId, useTranslation } from '@dxos/react-ui';\nimport { Settings } from '@dxos/react-ui-form';\nimport {\n  type ActionMenuItem,\n  AuthCode,\n  BifurcatedAction,\n  Centered,\n  Emoji,\n  InvitationList,\n  SpaceMemberList,\n  Viewport,\n  translationKey as shellTranslationKey,\n} from '@dxos/shell/react';\nimport { hexToEmoji } from '@dxos/util';\n\nimport { meta } from '#meta';\nimport { SpaceOperation } from '#operations';\n\n// TODO(wittjosiah): Copied from Shell.\nconst activeActionKey = 'dxos:react-shell/space-manager/active-action';\n\nconst handleInvitationEvent = (invitation: Invitation, subscription: ZenObservable.Subscription) => {\n  const invitationCode = InvitationEncoder.encode(invitation);\n  if (invitation.state === Invitation.State.CONNECTING) {\n    log.info(JSON.stringify({ invitationCode, authCode: invitation.authCode }));\n    subscription.unsubscribe();\n  }\n};\n\nexport type MembersContainerProps = AppSurface.SpaceArticleProps<{\n  createInvitationUrl: (invitationCode: string) => string;\n}>;\n\nexport const MembersContainer = ({ space, createInvitationUrl }: MembersContainerProps) => {\n  const { t } = useTranslation(meta.profile.key);\n  const config = useConfig();\n  const { invokePromise } = useOperationInvoker();\n  const invitations = useSpaceInvitations(space.key);\n  const visibleInvitations = invitations?.filter(\n    (invitation) => ![Invitation.State.CANCELLED].includes(invitation.get().state),\n  );\n\n  const [activeAction, setInternalActiveAction] = useState(localStorage.getItem(activeActionKey) ?? 'inviteMany');\n\n  const setActiveAction = (nextAction: string) => {\n    setInternalActiveAction(nextAction);\n    localStorage.setItem(activeActionKey, nextAction);\n  };\n\n  // TODO(wittjosiah): Track which was the most recently viewed object.\n  const target = Annotation.get(space.properties, AppAnnotation.RootCollectionAnnotation).pipe(Option.getOrUndefined)\n    ?.target?.objects[0]?.target;\n\n  const inviteActions = useMemo(\n    (): Record<string, ActionMenuItem> => ({\n      inviteOne: {\n        label: t('invite-one.label', { ns: shellTranslationKey }),\n        description: t('invite-one.description', { ns: shellTranslationKey }),\n        icon: 'ph--user-plus--regular',\n        testId: 'membersContainer.inviteOne',\n        onClick: async () => {\n          const { data: invitation } = await invokePromise(SpaceOperation.Share, {\n            space,\n            type: Invitation.Type.INTERACTIVE,\n            authMethod: Invitation.AuthMethod.SHARED_SECRET,\n            multiUse: false,\n            target: target && Obj.getURI(target),\n          });\n          if (invitation && config.values.runtime?.app?.env?.DX_ENVIRONMENT !== 'production') {\n            const subscription: ZenObservable.Subscription = (invitation as CancellableInvitationObservable).subscribe(\n              (invitation: Invitation) => handleInvitationEvent(invitation, subscription),\n            );\n          }\n        },\n      },\n      inviteMany: {\n        label: t('invite-many.label', { ns: shellTranslationKey }),\n        description: t('invite-many.description', { ns: shellTranslationKey }),\n        icon: 'ph--users-three--regular',\n        testId: 'membersContainer.inviteMany',\n        onClick: async () => {\n          const { data: invitation } = await invokePromise(SpaceOperation.Share, {\n            space,\n            type: Invitation.Type.DELEGATED,\n            authMethod: Invitation.AuthMethod.KNOWN_PUBLIC_KEY,\n            multiUse: true,\n            target: target && Obj.getURI(target),\n          });\n          if (invitation && config.values.runtime?.app?.env?.DX_ENVIRONMENT !== 'production') {\n            const subscription: ZenObservable.Subscription = (invitation as CancellableInvitationObservable).subscribe(\n              (invitation: Invitation) => handleInvitationEvent(invitation, subscription),\n            );\n          }\n        },\n      },\n    }),\n    [t, space, target, invokePromise],\n  );\n\n  const [selectedInvitation, setSelectedInvitation] = useState<CancellableInvitationObservable | null>(null);\n  const handleSend = (event: { type: 'selectInvitation'; invitation: CancellableInvitationObservable }) => {\n    setSelectedInvitation(event.invitation);\n  };\n  const handleBack = () => {\n    setSelectedInvitation(null);\n  };\n\n  return (\n    <Clipboard.Provider>\n      <Settings.Viewport>\n        <Settings.Section title={t('members-verbose.label')} description={t('members.description')}>\n          <Settings.Panel>\n            <div role='group' className='min-w-0'>\n              <h3 className='text-lg mb-2'>{t('members.label')}</h3>\n              <SpaceMemberList spaceKey={space.key} includeSelf />\n            </div>\n            <div role='group' className='min-w-0'>\n              <h3 className='text-lg mb-2'>{t('invitations.label')}</h3>\n              {selectedInvitation && <InvitationSection {...selectedInvitation} onBack={handleBack} />}\n              {!selectedInvitation && (\n                <>\n                  <p className='text-description mb-2'>{t('space-invitation.description')}</p>\n                  <InvitationList\n                    className='mb-2'\n                    send={handleSend}\n                    invitations={visibleInvitations ?? []}\n                    onClickRemove={(invitation) => invitation.cancel()}\n                    createInvitationUrl={createInvitationUrl}\n                  />\n                  <BifurcatedAction\n                    actions={inviteActions}\n                    activeAction={activeAction}\n                    onChangeActiveAction={setActiveAction as Dispatch<SetStateAction<string>>}\n                    data-testid='membersContainer.createInvitation'\n                  />\n                </>\n              )}\n            </div>\n          </Settings.Panel>\n        </Settings.Section>\n      </Settings.Viewport>\n    </Clipboard.Provider>\n  );\n};\n\n// TODO(wittjosiah): Reconcile the below components with DevicesContainer in @dxos/plugin-client.\n\ntype InvitationComponentProps = Partial<\n  Pick<Invitation, 'authCode' | 'invitationId'> & {\n    state: Invitation.State;\n    url: string;\n    onBack: () => void;\n  }\n>;\n\nconst InvitationSection = ({\n  state = Invitation.State.INIT,\n  authCode,\n  invitationId = 'never',\n  url = 'never',\n  onBack,\n}: InvitationComponentProps) => {\n  const activeView =\n    state < 0\n      ? 'init'\n      : state >= Invitation.State.CANCELLED\n        ? 'complete'\n        : state >= Invitation.State.READY_FOR_AUTHENTICATION && authCode\n          ? 'auth-code'\n          : 'qr-code';\n  return (\n    <Viewport.Root activeView={activeView}>\n      <Viewport.Views>\n        <Viewport.View id='init'>\n          {/* This view intentionally left blank while conditionally rendering the viewport. */}\n        </Viewport.View>\n        <Viewport.View id='complete'>\n          <InvitationComplete statusValue={state} />\n        </Viewport.View>\n        <Viewport.View id='auth-code'>\n          <InvitationAuthCode id={invitationId} code={authCode ?? 'never'} onCancel={onBack} />\n        </Viewport.View>\n        <Viewport.View id='qr-code'>\n          <InvitationQR id={invitationId} url={url} onCancel={onBack} />\n        </Viewport.View>\n      </Viewport.Views>\n    </Viewport.Root>\n  );\n};\n\nconst InvitationQR = ({ id, url, onCancel }: { id: string; url: string; onCancel?: () => void }) => {\n  const { t } = useTranslation(shellTranslationKey);\n  const qrLabel = useId('members-container__qr-code');\n  const emoji = hexToEmoji(id);\n  return (\n    <>\n      <p className='text-description'>{t('qr-code.description', { ns: meta.profile.key })}</p>\n      <div role='group' className='grid grid-cols-[1fr_min-content] my-2 gap-2'>\n        <div className='w-full aspect-square relative text-description'>\n          <QR\n            rounding={100}\n            backgroundColor='transparent'\n            color='currentColor'\n            aria-labelledby={qrLabel}\n            errorCorrectionLevel='Q'\n            cutout={true}\n          >\n            {url ?? 'never'}\n          </QR>\n          <Centered>\n            <Emoji text={emoji} />\n          </Centered>\n        </div>\n        <span id={qrLabel} className='sr-only'>\n          {t('qr.label')}\n        </span>\n        <Clipboard.Button value={url ?? 'never'} />\n      </div>\n      <Button variant='ghost' onClick={onCancel}>\n        {t('cancel.label')}\n      </Button>\n    </>\n  );\n};\n\nconst InvitationAuthCode = ({ id, code, onCancel }: { id: string; code: string; onCancel?: () => void }) => {\n  const { t } = useTranslation(shellTranslationKey);\n  const emoji = hexToEmoji(id);\n\n  return (\n    <>\n      <p className='text-description'>{t('auth-other-device-emoji.message')}</p>\n      {emoji && <Emoji text={emoji} className='mx-auto my-2 text-center' />}\n      <p className='text-description'>{t('auth-code.message')}</p>\n      <AuthCode code={code} large classNames='mx-auto my-2 text-center grow' />\n      <Button variant='ghost' onClick={onCancel}>\n        {t('cancel.label')}\n      </Button>\n    </>\n  );\n};\n\nconst InvitationComplete = ({ statusValue }: { statusValue: number }) => {\n  return statusValue > 0 ? (\n    <Icon icon='ph--check--regular' size={6} classNames='m-1.5' />\n  ) : (\n    <Icon icon='ph--x--regular' size={6} classNames='m-1.5' />\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["Option", "React", "useMemo", "useState", "QR", "useOperationInvoker", "AppAnnotation", "Annotation", "Obj", "log", "useConfig", "useSpaceInvitations", "Invitation", "InvitationEncoder", "Button", "Clipboard", "Icon", "useId", "useTranslation", "Settings", "AuthCode", "BifurcatedAction", "Centered", "Emoji", "InvitationList", "SpaceMemberList", "Viewport", "translationKey", "shellTranslationKey", "hexToEmoji", "meta", "SpaceOperation", "invitationCode", "State", "stringify", "authCode", "invitation", "subscription", "unsubscribe", "config", "invokePromise", "invitations", "visibleInvitations", "filter", "includes", "get", "activeAction", "setInternalActiveAction", "setActiveAction", "nextAction", "localStorage", "activeActionKey", "inviteOne", "ns", "description", "icon", "testId", "onClick", "space", "type", "INTERACTIVE", "authMethod", "multiUse", "target", "getURI", "values", "runtime", "inviteMany", "DELEGATED", "t", "setSelectedInvitation", "event", "role", "className", "spaceKey", "includeSelf", "selectedInvitation", "onBack", "handleBack", "send", "handleSend", "onClickRemove", "createInvitationUrl", "actions", "onChangeActiveAction", "data-testid", "InvitationSection", "Root", "activeView", "Views", "id", "InvitationComplete", "statusValue", "InvitationAuthCode", "invitationId", "onCancel", "InvitationQR", "url", "emoji", "profile", "rounding", "backgroundColor", "color", "aria-labelledby", "errorCorrectionLevel", "cutout", "text", "span", "qrLabel", "value", "variant", "code", "large", "classNames", "size"]
+}

package/dist/lib/neutral/{MenuFooter-5JT7V5FZ.mjs → MenuFooter-QCNFUIAO.mjs}

@@ -1,20 +1,20 @@
 import {
   getSpaceDisplayName
-} from "./chunk-7WUJENBF.mjs";
-import "./chunk-K34BPPQE.mjs";
+} from "./chunk-PSCIOT7Q.mjs";
+import "./chunk-DSYEB2UN.mjs";
 import "./chunk-J5LGTIGS.mjs";
 
 // src/containers/MenuFooter/MenuFooter.tsx
 import React from "react";
-import { isPersonalSpace } from "@dxos/app-toolkit";
+import { AppSpace } from "@dxos/app-toolkit";
 import { getSpace } from "@dxos/client/echo";
 import { DropdownMenu, Icon, toLocalizedString, useTranslation } from "@dxos/react-ui";
 import { meta } from "#meta";
 var MenuFooter = ({ object }) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   const space = getSpace(object);
   const spaceName = space ? getSpaceDisplayName(space, {
-    personal: isPersonalSpace(space)
+    personal: AppSpace.isPersonalSpace(space)
   }) : "";
   return space ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DropdownMenu.Separator, null), /* @__PURE__ */ React.createElement(DropdownMenu.GroupLabel, null, t("menu-footer.label")), /* @__PURE__ */ React.createElement("dl", {
     className: "ps-2 mb-2 text-xs grid grid-cols-[max-content_1fr] gap-2"
@@ -30,4 +30,4 @@ var MenuFooter = ({ object }) => {
 export {
   MenuFooter as default
 };
-//# sourceMappingURL=MenuFooter-5JT7V5FZ.mjs.map
+//# sourceMappingURL=MenuFooter-QCNFUIAO.mjs.map