@dxos/plugin-space 0.8.4-main.c85a9c8dae → 0.8.4-main.d05673bc65

package/dist/lib/browser/{CollectionArticle-WASDM637.mjs → CollectionArticle-WPLUW5HF.mjs}

@@ -1,19 +1,16 @@
 import {
   meta
-} from "./chunk-HSMQFM57.mjs";
+} from "./chunk-CBWGVOJE.mjs";
 
 // src/containers/CollectionArticle/CollectionArticle.tsx
 import React, { useCallback, useMemo } from "react";
 import { useCapabilities, useOperationInvoker } from "@dxos/app-framework/ui";
 import { AppCapabilities, LayoutOperation } from "@dxos/app-toolkit";
-import { Feed, Filter, Obj } from "@dxos/echo";
-import { useClient } from "@dxos/react-client";
-import { getSpace, useQuery } from "@dxos/react-client/echo";
+import { Obj } from "@dxos/echo";
 import { Panel, ScrollArea, Toolbar, toLocalizedString, useTranslation } from "@dxos/react-ui";
 import { Card } from "@dxos/react-ui";
 import { Mosaic } from "@dxos/react-ui-mosaic";
 import { SearchList, useSearchListResults } from "@dxos/react-ui-searchlist";
-import { ManagedCollection } from "@dxos/schema";
 import { getStyles } from "@dxos/ui-theme";
 var useMetadataResolver = () => {
   const allMetadata = useCapabilities(AppCapabilities.Metadata);
@@ -79,38 +76,10 @@ var ObjectTile = (props) => {
     onClick: handleClick
   }, label), /* @__PURE__ */ React.createElement(Card.Menu, null)));
 };
-var useRegularCollectionItems = (collection) => {
-  return useMemo(() => (collection.objects ?? []).map((ref) => ref.target).filter((obj) => Obj.isObject(obj)), [
+var useCollectionItems = (collection, resolveMetadata) => {
+  const objects = useMemo(() => (collection.objects ?? []).map((ref) => ref.target).filter((obj) => Obj.isObject(obj)), [
     collection.objects
   ]);
-};
-var useManagedCollectionItems = (collection) => {
-  const client = useClient();
-  const space = getSpace(collection);
-  const [typename, feedKind] = collection.key.split("~");
-  const schema = useMemo(() => client.graph.schemaRegistry.query({
-    typename,
-    location: [
-      "runtime"
-    ]
-  }).runSync()[0], [
-    client,
-    typename
-  ]);
-  const filter = useMemo(() => typename === Feed.Feed.typename ? Filter.type(Feed.Feed, {
-    kind: feedKind
-  }) : schema ? Filter.type(schema) : Filter.nothing(), [
-    typename,
-    schema,
-    feedKind
-  ]);
-  return useQuery(space?.db, filter);
-};
-var useCollectionItems = (collection, resolveMetadata) => {
-  const isManaged = Obj.instanceOf(ManagedCollection.ManagedCollection, collection);
-  const regularObjects = useRegularCollectionItems(collection);
-  const managedObjects = useManagedCollectionItems(collection);
-  const objects = isManaged ? managedObjects : regularObjects;
   const items = useMemo(() => objects.map((obj) => {
     const typename = Obj.getTypename(obj);
     const metadata = typename ? resolveMetadata(typename) : {};
@@ -139,4 +108,4 @@ var CollectionArticle_default = CollectionArticle;
 export {
   CollectionArticle_default as default
 };
-//# sourceMappingURL=CollectionArticle-WASDM637.mjs.map
+//# sourceMappingURL=CollectionArticle-WPLUW5HF.mjs.map

package/dist/lib/browser/CollectionArticle-WPLUW5HF.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/CollectionArticle/CollectionArticle.tsx", "../../../src/containers/CollectionArticle/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback, useMemo } from 'react';\n\nimport { useCapabilities, useOperationInvoker } from '@dxos/app-framework/ui';\nimport { AppCapabilities, LayoutOperation } from '@dxos/app-toolkit';\nimport { type SurfaceComponentProps } from '@dxos/app-toolkit/ui';\nimport { Obj } from '@dxos/echo';\nimport { type Collection } from '@dxos/echo';\nimport { Panel, ScrollArea, Toolbar, toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { Card } from '@dxos/react-ui';\nimport { Mosaic, type MosaicStackTileComponent } from '@dxos/react-ui-mosaic';\nimport { SearchList, useSearchListResults } from '@dxos/react-ui-searchlist';\nimport { getStyles } from '@dxos/ui-theme';\n\nimport { meta } from '../../meta';\n\n/**\n * Hook to resolve metadata (icon, iconHue, etc.) for objects based on their typename.\n */\nconst useMetadataResolver = () => {\n  const allMetadata = useCapabilities(AppCapabilities.Metadata);\n  return useCallback((typename: string) => allMetadata.find((m) => m.id === typename)?.metadata ?? {}, [allMetadata]);\n};\n\n/**\n * Article view for collections.\n */\nexport const CollectionArticle = ({ subject }: SurfaceComponentProps<Collection.Collection>) => {\n  const { t } = useTranslation(meta.id);\n  const resolveMetadata = useMetadataResolver();\n  const { items, handleSearch } = useCollectionItems(subject, resolveMetadata);\n\n  return (\n    <SearchList.Root onSearch={handleSearch}>\n      <Panel.Root className='dx-article'>\n        <Panel.Toolbar asChild>\n          <Toolbar.Root>\n            <SearchList.Input placeholder={t('search placeholder')} />\n          </Toolbar.Root>\n        </Panel.Toolbar>\n        <Panel.Content asChild>\n          <SearchList.Content>\n            <Mosaic.Container asChild>\n              <ScrollArea.Root orientation='vertical'>\n                <ScrollArea.Viewport classNames='p-2'>\n                  <Mosaic.Stack items={items} getId={(item) => item.id} Tile={ObjectTile} />\n                </ScrollArea.Viewport>\n              </ScrollArea.Root>\n            </Mosaic.Container>\n          </SearchList.Content>\n        </Panel.Content>\n      </Panel.Root>\n    </SearchList.Root>\n  );\n};\n\ntype ObjectItem = {\n  id: string;\n  object: Obj.Unknown;\n  icon: string;\n  iconHue?: string;\n};\n\nconst ObjectTile: MosaicStackTileComponent<ObjectItem> = (props) => {\n  const item = props.data;\n  const { t } = useTranslation(meta.id);\n  const { invokeSync } = 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 = () => {\n    invokeSync(LayoutOperation.Open, { subject: [item.id] });\n  };\n\n  return (\n    <Card.Root fullWidth>\n      <Card.Toolbar>\n        <Card.ToolbarIconButton\n          variant='ghost'\n          label={label}\n          icon={item.icon}\n          iconOnly\n          iconClassNames={styles?.surfaceText}\n        />\n        <Card.Title onClick={handleClick}>{label}</Card.Title>\n        <Card.Menu />\n      </Card.Toolbar>\n    </Card.Root>\n  );\n};\n\ntype MetadataResolver = (typename: string) => { icon?: string; iconHue?: string };\n\n/**\n * Combined hook to get collection items with search/filter support.\n */\nconst useCollectionItems = (collection: Collection.Collection, resolveMetadata: MetadataResolver) => {\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  // Convert objects to items with resolved metadata.\n  const items = useMemo(\n    () =>\n      objects.map((obj) => {\n        const typename = Obj.getTypename(obj);\n        const metadata = typename ? resolveMetadata(typename) : {};\n        return {\n          id: Obj.getDXN(obj).toString(),\n          object: obj,\n          icon: metadata.icon ?? 'ph--placeholder--regular',\n          iconHue: metadata.iconHue,\n        } satisfies ObjectItem;\n      }),\n    [objects, resolveMetadata],\n  );\n\n  // Use searchlist results for filtering.\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", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { CollectionArticle } from './CollectionArticle';\n\nexport default CollectionArticle;\n"],
+  "mappings": "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",
+  "names": ["React", "useCallback", "useMemo", "useCapabilities", "useOperationInvoker", "AppCapabilities", "LayoutOperation", "Obj", "Panel", "ScrollArea", "Toolbar", "toLocalizedString", "useTranslation", "Card", "Mosaic", "SearchList", "useSearchListResults", "getStyles", "useMetadataResolver", "allMetadata", "useCapabilities", "AppCapabilities", "Metadata", "useCallback", "typename", "find", "m", "id", "metadata", "CollectionArticle", "subject", "t", "useTranslation", "meta", "resolveMetadata", "items", "handleSearch", "useCollectionItems", "SearchList", "Root", "onSearch", "Panel", "className", "Toolbar", "asChild", "Input", "placeholder", "Content", "Mosaic", "Container", "ScrollArea", "orientation", "Viewport", "classNames", "Stack", "getId", "item", "Tile", "ObjectTile", "props", "data", "invokeSync", "useOperationInvoker", "Obj", "getTypename", "object", "label", "getLabel", "toLocalizedString", "ns", "defaultValue", "styles", "iconHue", "getStyles", "undefined", "handleClick", "LayoutOperation", "Open", "Card", "fullWidth", "ToolbarIconButton", "variant", "icon", "iconOnly", "iconClassNames", "surfaceText", "Title", "onClick", "Menu", "collection", "objects", "useMemo", "map", "ref", "target", "filter", "obj", "isObject", "getDXN", "toString", "results", "useSearchListResults", "extract", "CollectionArticle"]
+}

package/dist/lib/browser/{CollectionSection-LK4O6QDD.mjs → CollectionSection-H2MBNI63.mjs}

@@ -1,6 +1,6 @@
 import {
   meta
-} from "./chunk-HSMQFM57.mjs";
+} from "./chunk-CBWGVOJE.mjs";
 
 // src/containers/CollectionSection/CollectionSection.tsx
 import React from "react";
@@ -20,4 +20,4 @@ var CollectionSection_default = CollectionSection;
 export {
   CollectionSection_default as default
 };
-//# sourceMappingURL=CollectionSection-LK4O6QDD.mjs.map
+//# sourceMappingURL=CollectionSection-H2MBNI63.mjs.map

package/dist/lib/browser/{CreateObjectDialog-MA6DPYMD.mjs → CreateObjectDialog-YUBUWSEL.mjs}

@@ -1,14 +1,14 @@
 import {
   CreateObjectPanel
-} from "./chunk-RWOK4F4G.mjs";
-import "./chunk-XIIYC7P5.mjs";
-import "./chunk-TPZUQ5DC.mjs";
+} from "./chunk-2WHUSAHE.mjs";
+import "./chunk-ICXESMDI.mjs";
+import "./chunk-6OA75CWN.mjs";
 import {
   SpaceOperation
-} from "./chunk-USN5QKRV.mjs";
+} from "./chunk-6IT5IBB5.mjs";
 import {
   meta
-} from "./chunk-HSMQFM57.mjs";
+} from "./chunk-CBWGVOJE.mjs";
 
 // src/containers/CreateObjectDialog/CreateObjectDialog.tsx
 import * as Effect from "effect/Effect";
@@ -17,7 +17,7 @@ import React, { useCallback, useMemo, useRef, useState } from "react";
 import { Capability } from "@dxos/app-framework";
 import { useOperationInvoker, usePluginManager } from "@dxos/app-framework/ui";
 import { AppCapabilities, LayoutOperation } from "@dxos/app-toolkit";
-import { Database, Obj, Type } from "@dxos/echo";
+import { Collection, Database, Obj, Type } from "@dxos/echo";
 import { runAndForwardErrors } from "@dxos/effect";
 import { invariant } from "@dxos/invariant";
 import { Operation } from "@dxos/operation";
@@ -26,8 +26,8 @@ import { useSpaces } from "@dxos/react-client/echo";
 import { Dialog, useTranslation } from "@dxos/react-ui";
 import { ViewAnnotation } from "@dxos/schema";
 var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-space/src/containers/CreateObjectDialog/CreateObjectDialog.tsx";
-var CREATE_OBJECT_DIALOG = `${meta.id}/CreateObjectDialog`;
-var CreateObjectDialog = ({ target: initialTarget, typename: initialTypename, views, initialFormValues, onCreateObject, shouldNavigate: _shouldNavigate }) => {
+var CREATE_OBJECT_DIALOG = `${meta.id}.CreateObjectDialog`;
+var CreateObjectDialog = ({ target: initialTarget, typename: initialTypename, views, initialFormValues, onCreateObject, shouldNavigate: _shouldNavigate, targetNodeId }) => {
   const manager = usePluginManager();
   const { t } = useTranslation(meta.id);
   const operationInvoker = useOperationInvoker();
@@ -60,7 +60,7 @@ var CreateObjectDialog = ({ target: initialTarget, typename: initialTypename, vi
   }, [
     schemas
   ]);
-  const options = useMemo(() => manager.capabilities.getAll(AppCapabilities.Metadata).filter((entry) => entry.metadata?.createObject).filter((entry) => views === true ? viewTypenames.has(entry.id) : !viewTypenames.has(entry.id)).map((entry) => ({
+  const options = useMemo(() => manager.capabilities.getAll(AppCapabilities.Metadata).filter((entry) => entry.metadata?.createObject).filter((entry) => views === true ? viewTypenames.has(entry.id) : true).map((entry) => ({
     id: entry.id,
     label: t("typename label", {
       ns: entry.id,
@@ -81,7 +81,7 @@ var CreateObjectDialog = ({ target: initialTarget, typename: initialTypename, vi
     const db2 = Database.isDatabase(target) ? target : target && Obj.getDatabase(target);
     invariant(db2, "Missing database", {
       F: __dxlog_file,
-      L: 106,
+      L: 107,
       S: this,
       A: [
         "db",
@@ -92,18 +92,16 @@ var CreateObjectDialog = ({ target: initialTarget, typename: initialTypename, vi
       db: db2
     });
     if (Obj.isObject(object) && !Obj.instanceOf(Type.PersistentType, object)) {
-      const hidden = !metadata.addToCollectionOnCreate;
-      yield* operationInvoker.invoke(SpaceOperation.AddObject, {
+      const { subject } = yield* operationInvoker.invoke(SpaceOperation.AddObject, {
         target,
         object,
-        hidden
+        hidden: !Obj.instanceOf(Collection.Collection, object),
+        targetNodeId
       });
       const shouldNavigate = _shouldNavigate ?? (() => true);
       if (shouldNavigate(object)) {
         yield* operationInvoker.invoke(LayoutOperation.Open, {
-          subject: [
-            Obj.getDXN(object).toString()
-          ]
+          subject
         });
       }
       onCreateObject?.(object);
@@ -137,10 +135,8 @@ var CreateObjectDialog = ({ target: initialTarget, typename: initialTypename, vi
     onCreateObject: handleCreateObject
   })));
 };
-
-// src/containers/CreateObjectDialog/index.ts
-var CreateObjectDialog_default = CreateObjectDialog;
 export {
-  CreateObjectDialog_default as default
+  CreateObjectDialog,
+  CreateObjectDialog as default
 };
-//# sourceMappingURL=CreateObjectDialog-MA6DPYMD.mjs.map
+//# sourceMappingURL=CreateObjectDialog-YUBUWSEL.mjs.map

package/dist/lib/browser/CreateObjectDialog-YUBUWSEL.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/CreateObjectDialog/CreateObjectDialog.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\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 { AppCapabilities, LayoutOperation, getObjectPath } from '@dxos/app-toolkit';\nimport { Collection, Database, Obj, Type } from '@dxos/echo';\nimport { runAndForwardErrors } from '@dxos/effect';\nimport { invariant } from '@dxos/invariant';\nimport { Operation } from '@dxos/operation';\nimport { useClient } from '@dxos/react-client';\nimport { useSpaces } from '@dxos/react-client/echo';\nimport { Dialog, useTranslation } from '@dxos/react-ui';\nimport { ViewAnnotation } from '@dxos/schema';\n\nimport {\n  type CreateObjectOption,\n  CreateObjectPanel,\n  type CreateObjectPanelProps,\n  type Metadata,\n} from '../../components';\nimport { meta } from '../../meta';\nimport { SpaceOperation } from '../../types';\n\nexport const CREATE_OBJECT_DIALOG = `${meta.id}.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 manager = usePluginManager();\n  const { t } = useTranslation(meta.id);\n  const operationInvoker = useOperationInvoker();\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 closeRef = useRef<HTMLButtonElement | null>(null);\n\n  const resolve = useCallback<NonNullable<CreateObjectPanelProps['resolve']>>(\n    (id) => {\n      const metadata = manager.capabilities\n        .getAll(AppCapabilities.Metadata)\n        .find(({ id: entryId }) => entryId === id)?.metadata;\n      return metadata?.createObject ? (metadata as Metadata) : undefined;\n    },\n    [manager],\n  );\n\n  const db = Database.isDatabase(target) ? target : target && Obj.getDatabase(target);\n  // TODO(wittjosiah): Support database schemas.\n  const schemas = db?.schemaRegistry.query({ location: ['runtime'], includeSystem: false }).runSync();\n\n  const viewTypenames = useMemo(() => {\n    const set = new Set<string>();\n    for (const schema of schemas ?? []) {\n      if (ViewAnnotation.get(schema).pipe(Option.getOrElse(() => false))) {\n        set.add(Type.getTypename(schema));\n      }\n    }\n    return set;\n  }, [schemas]);\n\n  const options = useMemo<CreateObjectOption[]>(\n    () =>\n      manager.capabilities\n        .getAll(AppCapabilities.Metadata)\n        .filter((entry) => entry.metadata?.createObject)\n        .filter((entry) => (views === true ? viewTypenames.has(entry.id) : true))\n        .map((entry) => ({\n          id: entry.id,\n          label: t('typename label', { ns: entry.id, defaultValue: entry.id }),\n          icon: entry.metadata?.icon,\n        })),\n    [manager, views, viewTypenames, t],\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 object = yield* metadata.createObject(data, { db });\n        if (Obj.isObject(object) && !Obj.instanceOf(Type.PersistentType, object)) {\n          const { subject } = yield* operationInvoker.invoke(SpaceOperation.AddObject, {\n            target,\n            object,\n            hidden: !Obj.instanceOf(Collection.Collection, object),\n            targetNodeId,\n          });\n          const shouldNavigate = _shouldNavigate ?? (() => true);\n          if (shouldNavigate(object)) {\n            yield* operationInvoker.invoke(LayoutOperation.Open, {\n              subject,\n            });\n          }\n\n          onCreateObject?.(object);\n        }\n      }).pipe(\n        Effect.provideService(Capability.Service, manager.capabilities),\n        Effect.provideService(Operation.Service, operationInvoker),\n        runAndForwardErrors,\n      ),\n    [target, _shouldNavigate, onCreateObject, manager.capabilities, operationInvoker],\n  );\n\n  return (\n    <Dialog.Content>\n      <Dialog.Header>\n        <Dialog.Title>\n          {t('create object dialog title', {\n            object: t('typename label', {\n              ns: typename,\n              defaultValue: views ? 'View' : 'Object',\n            }),\n          })}\n        </Dialog.Title>\n        <Dialog.Close asChild>\n          <Dialog.CloseIconButton 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={client.spaces.default.id}\n          resolve={resolve}\n          onTargetChange={setTarget}\n          onTypenameChange={setTypename}\n          onCreateObject={handleCreateObject}\n        />\n      </Dialog.Body>\n    </Dialog.Content>\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["Effect", "Option", "React", "useCallback", "useMemo", "useRef", "useState", "Capability", "useOperationInvoker", "usePluginManager", "AppCapabilities", "LayoutOperation", "Collection", "Database", "Obj", "Type", "runAndForwardErrors", "invariant", "Operation", "useClient", "useSpaces", "Dialog", "useTranslation", "ViewAnnotation", "CREATE_OBJECT_DIALOG", "meta", "id", "CreateObjectDialog", "target", "initialTarget", "typename", "initialTypename", "views", "initialFormValues", "onCreateObject", "shouldNavigate", "_shouldNavigate", "targetNodeId", "manager", "usePluginManager", "t", "useTranslation", "operationInvoker", "useOperationInvoker", "setTarget", "useState", "setTypename", "client", "useClient", "spaces", "useSpaces", "closeRef", "useRef", "resolve", "useCallback", "metadata", "capabilities", "getAll", "AppCapabilities", "Metadata", "find", "entryId", "createObject", "undefined", "db", "Database", "isDatabase", "Obj", "getDatabase", "schemas", "schemaRegistry", "query", "location", "includeSystem", "runSync", "viewTypenames", "useMemo", "set", "Set", "schema", "ViewAnnotation", "get", "pipe", "getOrElse", "add", "Type", "getTypename", "options", "filter", "entry", "has", "map", "label", "ns", "defaultValue", "icon", "handleCreateObject", "data", "gen", "current", "click", "invariant", "object", "isObject", "instanceOf", "PersistentType", "subject", "invoke", "SpaceOperation", "AddObject", "hidden", "Collection", "LayoutOperation", "Open", "provideService", "Capability", "Service", "Operation", "runAndForwardErrors", "Dialog", "Content", "Header", "Title", "Close", "asChild", "CloseIconButton", "ref", "Body", "CreateObjectPanel", "defaultSpaceId", "default", "onTargetChange", "onTypenameChange"]
+}

package/dist/lib/browser/{CreateSpaceDialog-WCEICWIE.mjs → CreateSpaceDialog-3M2LAWV6.mjs}

@@ -1,23 +1,23 @@
 import {
   useInputSurfaceLookup
-} from "./chunk-XIIYC7P5.mjs";
+} from "./chunk-ICXESMDI.mjs";
 import {
   SpaceForm,
   SpaceOperation
-} from "./chunk-USN5QKRV.mjs";
+} from "./chunk-6IT5IBB5.mjs";
 import {
   meta
-} from "./chunk-HSMQFM57.mjs";
+} from "./chunk-CBWGVOJE.mjs";
 
 // src/containers/CreateSpaceDialog/CreateSpaceDialog.tsx
 import * as Effect from "effect/Effect";
 import React, { useCallback, useRef } from "react";
 import { useOperationInvoker } from "@dxos/app-framework/ui";
-import { LayoutOperation } from "@dxos/app-toolkit";
+import { LayoutOperation, getSpacePath } from "@dxos/app-toolkit";
 import { runAndForwardErrors } from "@dxos/effect";
 import { Dialog, useTranslation } from "@dxos/react-ui";
 import { Form } from "@dxos/react-ui-form";
-var CREATE_SPACE_DIALOG = `${meta.id}/CreateSpaceDialog`;
+var CREATE_SPACE_DIALOG = `${meta.id}.CreateSpaceDialog`;
 var initialValues = {
   edgeReplication: true
 };
@@ -31,7 +31,7 @@ var CreateSpaceDialog = () => {
       const { data: result } = yield* Effect.promise(() => invokePromise(SpaceOperation.Create, data));
       if (result?.space) {
         yield* Effect.promise(() => invokePromise(LayoutOperation.SwitchWorkspace, {
-          subject: result.space.id
+          subject: getSpacePath(result.space.id)
         }));
         yield* Effect.promise(() => invokePromise(LayoutOperation.UpdateDialog, {
           state: false
@@ -61,4 +61,4 @@ var CreateSpaceDialog_default = CreateSpaceDialog;
 export {
   CreateSpaceDialog_default as default
 };
-//# sourceMappingURL=CreateSpaceDialog-WCEICWIE.mjs.map
+//# sourceMappingURL=CreateSpaceDialog-3M2LAWV6.mjs.map

package/dist/lib/browser/CreateSpaceDialog-3M2LAWV6.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/CreateSpaceDialog/CreateSpaceDialog.tsx", "../../../src/containers/CreateSpaceDialog/index.ts"],
+  "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, getSpacePath } from '@dxos/app-toolkit';\nimport { runAndForwardErrors } from '@dxos/effect';\nimport { Dialog, useTranslation } from '@dxos/react-ui';\nimport { Form } from '@dxos/react-ui-form';\n\nimport { useInputSurfaceLookup } from '../../hooks';\nimport { meta } from '../../meta';\nimport { SpaceForm, SpaceOperation } from '../../types';\n\nexport const CREATE_SPACE_DIALOG = `${meta.id}.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.id);\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.SwitchWorkspace, { subject: getSpacePath(result.space.id) }),\n          );\n          yield* Effect.promise(() => invokePromise(LayoutOperation.UpdateDialog, { state: false }));\n        }\n      });\n      await 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.CloseIconButton ref={closeRef} />\n        </Dialog.Close>\n      </Dialog.Header>\n      <Form.Root\n        testId='create-space-form'\n        autoFocus\n        schema={SpaceForm}\n        defaultValues={initialValues}\n        fieldProvider={inputSurfaceLookup}\n        onSave={handleCreateSpace}\n      >\n        <Form.Viewport>\n          <Form.Content>\n            <Form.FieldSet />\n            <Form.Submit />\n          </Form.Content>\n        </Form.Viewport>\n      </Form.Root>\n    </Dialog.Content>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { CreateSpaceDialog } from './CreateSpaceDialog';\n\nexport default CreateSpaceDialog;\n"],
+  "mappings": ";;;;;;;;;;;;AAIA,YAAYA,YAAY;AAExB,OAAOC,SAASC,aAAaC,cAAc;AAE3C,SAASC,2BAA2B;AACpC,SAASC,iBAAiBC,oBAAoB;AAC9C,SAASC,2BAA2B;AACpC,SAASC,QAAQC,sBAAsB;AACvC,SAASC,YAAY;AAMd,IAAMC,sBAAsB,GAAGC,KAAKC,EAAE;AAG7C,IAAMC,gBAA4B;EAAEC,iBAAiB;AAAK;AAEnD,IAAMC,oBAAoB,MAAA;AAC/B,QAAMC,WAAWC,OAAiC,IAAA;AAClD,QAAM,EAAEC,EAAC,IAAKC,eAAeR,KAAKC,EAAE;AACpC,QAAM,EAAEQ,cAAa,IAAKC,oBAAAA;AAE1B,QAAMC,qBAAqBC,sBAAAA;AAE3B,QAAMC,oBAAoBC,YACxB,OAAOC,SAAAA;AACL,UAAMC,UAAiBC,WAAI,aAAA;AACzB,YAAM,EAAEF,MAAMG,OAAM,IAAK,OAAcC,eAAQ,MAAMV,cAAcW,eAAeC,QAAQN,IAAAA,CAAAA;AAC1F,UAAIG,QAAQI,OAAO;AACjB,eAAcH,eAAQ,MACpBV,cAAcc,gBAAgBC,iBAAiB;UAAEC,SAASC,aAAaR,OAAOI,MAAMrB,EAAE;QAAE,CAAA,CAAA;AAE1F,eAAckB,eAAQ,MAAMV,cAAcc,gBAAgBI,cAAc;UAAEC,OAAO;QAAM,CAAA,CAAA;MACzF;IACF,CAAA;AACA,UAAMC,oBAAoBb,OAAAA;EAC5B,GACA;IAACP;GAAc;AAGjB,SACE,sBAAA,cAACqB,OAAOC,SAAO,MACb,sBAAA,cAACD,OAAOE,QAAM,MACZ,sBAAA,cAACF,OAAOG,OAAK,MAAE1B,EAAE,2BAAA,CAAA,GACjB,sBAAA,cAACuB,OAAOI,OAAK;IAACC,SAAAA;KACZ,sBAAA,cAACL,OAAOM,iBAAe;IAACC,KAAKhC;QAGjC,sBAAA,cAACiC,KAAKC,MAAI;IACRC,QAAO;IACPC,WAAAA;IACAC,QAAQC;IACRC,eAAe1C;IACf2C,eAAelC;IACfmC,QAAQjC;KAER,sBAAA,cAACyB,KAAKS,UAAQ,MACZ,sBAAA,cAACT,KAAKP,SAAO,MACX,sBAAA,cAACO,KAAKU,UAAQ,IAAA,GACd,sBAAA,cAACV,KAAKW,QAAM,IAAA,CAAA,CAAA,CAAA,CAAA;AAMxB;;;ACjEA,IAAA,4BAAeC;",
+  "names": ["Effect", "React", "useCallback", "useRef", "useOperationInvoker", "LayoutOperation", "getSpacePath", "runAndForwardErrors", "Dialog", "useTranslation", "Form", "CREATE_SPACE_DIALOG", "meta", "id", "initialValues", "edgeReplication", "CreateSpaceDialog", "closeRef", "useRef", "t", "useTranslation", "invokePromise", "useOperationInvoker", "inputSurfaceLookup", "useInputSurfaceLookup", "handleCreateSpace", "useCallback", "data", "program", "gen", "result", "promise", "SpaceOperation", "Create", "space", "LayoutOperation", "SwitchWorkspace", "subject", "getSpacePath", "UpdateDialog", "state", "runAndForwardErrors", "Dialog", "Content", "Header", "Title", "Close", "asChild", "CloseIconButton", "ref", "Form", "Root", "testId", "autoFocus", "schema", "SpaceForm", "defaultValues", "fieldProvider", "onSave", "Viewport", "FieldSet", "Submit", "CreateSpaceDialog"]
+}

package/dist/lib/browser/{InlineSyncStatus-BT7BRBCO.mjs → InlineSyncStatus-K5MZ3YMZ.mjs}

@@ -1,21 +1,16 @@
-import {
-  usePath
-} from "./chunk-XIIYC7P5.mjs";
-import "./chunk-USN5QKRV.mjs";
 import {
   meta
-} from "./chunk-HSMQFM57.mjs";
+} from "./chunk-CBWGVOJE.mjs";
 
 // src/containers/InlineSyncStatus/InlineSyncStatus.tsx
-import * as Option from "effect/Option";
 import React, { useEffect, useState } from "react";
-import { useAppGraph } from "@dxos/app-toolkit/ui";
+import { getSpacePath } 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";
 import { useSpaceSyncState } from "@dxos/react-client/echo";
 import { Tooltip, useTranslation } from "@dxos/react-ui";
-import { AttentionGlyph, useAttended, useAttention } from "@dxos/react-ui-attention";
+import { AttentionGlyph, useAttention } from "@dxos/react-ui-attention";
 var useEdgeStatus = () => {
   const [status, setStatus] = useState(EdgeStatus.ConnectionState.NOT_CONNECTED);
   const client = useClient();
@@ -30,14 +25,10 @@ var useEdgeStatus = () => {
 };
 var InlineSyncStatus = ({ space, open }) => {
   const { t } = useTranslation(meta.id);
-  const id = space.id;
-  const { hasAttention, isAncestor, isRelated } = useAttention(id);
-  const isAttended = hasAttention || isAncestor || isRelated;
-  const { graph } = useAppGraph();
-  const attended = useAttended();
-  const startOfAttention = attended.at(-1);
-  const path = usePath(graph, startOfAttention);
-  const containsAttended = !open && !isAttended && id && Option.isSome(path) ? path.value.includes(id) : false;
+  const qualifiedId = getSpacePath(space.id);
+  const { hasAttention, isAncestor, isRelated } = useAttention(qualifiedId);
+  const attended = hasAttention || isRelated;
+  const containsAttended = isAncestor && !open;
   const connectedToEdge = useEdgeStatus() === EdgeStatus.ConnectionState.CONNECTED;
   const edgeSyncEnabled = space.internal.data.edgeReplication === EdgeReplicationSetting.ENABLED;
   const syncState = useSpaceSyncState(space);
@@ -48,7 +39,7 @@ var InlineSyncStatus = ({ space, open }) => {
     side: "bottom"
   }, /* @__PURE__ */ React.createElement(AttentionGlyph, {
     syncing,
-    attended: isAttended,
+    attended,
     containsAttended,
     classNames: "self-center mx-1"
   }));
@@ -59,4 +50,4 @@ var InlineSyncStatus_default = InlineSyncStatus;
 export {
   InlineSyncStatus_default as default
 };
-//# sourceMappingURL=InlineSyncStatus-BT7BRBCO.mjs.map
+//# sourceMappingURL=InlineSyncStatus-K5MZ3YMZ.mjs.map

package/dist/lib/browser/InlineSyncStatus-K5MZ3YMZ.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/InlineSyncStatus/InlineSyncStatus.tsx", "../../../src/containers/InlineSyncStatus/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useEffect, useState } from 'react';\n\nimport { getSpacePath } 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.id);\n  const qualifiedId = 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", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { InlineSyncStatus } from './InlineSyncStatus';\n\nexport default InlineSyncStatus;\n"],
+  "mappings": ";;;;;AAIA,OAAOA,SAASC,WAAWC,gBAAgB;AAE3C,SAASC,oBAAoB;AAC7B,SAASC,kBAAkB;AAC3B,SAASC,8BAA8B;AACvC,SAASC,iBAAiB;AAC1B,SAAqBC,yBAAyB;AAC9C,SAASC,SAASC,sBAAsB;AACxC,SAASC,gBAAgBC,oBAAoB;AAI7C,IAAMC,gBAAgB,MAAA;AACpB,QAAM,CAACC,QAAQC,SAAAA,IAAaC,SAASC,WAAWC,gBAAgBC,aAAa;AAC7E,QAAMC,SAASC,UAAAA;AACfC,YAAU,MAAA;AACRF,WAAOG,SAASA,SAASC,kBAAkBC,gBAAAA,EAAkBC,UAAU,CAAC,EAAEZ,QAAAA,QAAM,MAAE;AAChFC,gBAAUD,QAAOa,KAAK;IACxB,CAAA;EACF,GAAG;IAACP;GAAO;AAEX,SAAON;AACT;AAEO,IAAMc,mBAAmB,CAAC,EAAEC,OAAOC,KAAI,MAAoC;AAChF,QAAM,EAAEC,EAAC,IAAKC,eAAeC,KAAKC,EAAE;AACpC,QAAMC,cAAcC,aAAaP,MAAMK,EAAE;AACzC,QAAM,EAAEG,cAAcC,YAAYC,UAAS,IAAKC,aAAaL,WAAAA;AAC7D,QAAMM,WAAWJ,gBAAgBE;AACjC,QAAMG,mBAAmBJ,cAAc,CAACR;AACxC,QAAMa,kBAAkB9B,cAAAA,MAAoBI,WAAWC,gBAAgB0B;AAEvE,QAAMC,kBAAkBhB,MAAMiB,SAASC,KAAKC,oBAAoBC,uBAAuBC;AACvF,QAAMC,YAAYC,kBAAkBvB,KAAAA;AACpC,QAAMwB,UAAUV,mBAAmBE,mBAAmBM,aAAaA,UAAUG,iBAAiB;AAE9F,SACE,sBAAA,cAACC,QAAQC,SAAO;IAACC,SAAAA;IAAQC,SAAS3B,EAAE,eAAA;IAAkB4B,MAAK;KACzD,sBAAA,cAACC,gBAAAA;IACCP;IACAZ;IACAC;IACAmB,YAAW;;AAInB;;;AC5CA,IAAA,2BAAeC;",
+  "names": ["React", "useEffect", "useState", "getSpacePath", "EdgeStatus", "EdgeReplicationSetting", "useClient", "useSpaceSyncState", "Tooltip", "useTranslation", "AttentionGlyph", "useAttention", "useEdgeStatus", "status", "setStatus", "useState", "EdgeStatus", "ConnectionState", "NOT_CONNECTED", "client", "useClient", "useEffect", "services", "EdgeAgentService", "queryEdgeStatus", "subscribe", "state", "InlineSyncStatus", "space", "open", "t", "useTranslation", "meta", "id", "qualifiedId", "getSpacePath", "hasAttention", "isAncestor", "isRelated", "useAttention", "attended", "containsAttended", "connectedToEdge", "CONNECTED", "edgeSyncEnabled", "internal", "data", "edgeReplication", "EdgeReplicationSetting", "ENABLED", "syncState", "useSpaceSyncState", "syncing", "missingOnLocal", "Tooltip", "Trigger", "asChild", "content", "side", "AttentionGlyph", "classNames", "InlineSyncStatus"]
+}

package/dist/lib/browser/{JoinDialog-PMCAIRCU.mjs → JoinDialog-PBK2RE5F.mjs}

@@ -1,11 +1,11 @@
 import {
   meta
-} from "./chunk-HSMQFM57.mjs";
+} from "./chunk-CBWGVOJE.mjs";
 
 // src/containers/JoinDialog/JoinDialog.tsx
 import React, { useCallback } from "react";
 import { useOperationInvoker } from "@dxos/app-framework/ui";
-import { LayoutOperation } from "@dxos/app-toolkit";
+import { LayoutOperation, getSpacePath } from "@dxos/app-toolkit";
 import { useAppGraph } from "@dxos/app-toolkit/ui";
 import { Trigger } from "@dxos/async";
 import { Graph } from "@dxos/plugin-graph";
@@ -14,7 +14,7 @@ import { useClient } from "@dxos/react-client";
 import { Dialog, useTranslation } from "@dxos/react-ui";
 import { JoinPanel } from "@dxos/shell/react";
 import { osTranslations } from "@dxos/ui-theme";
-var JOIN_DIALOG = `${meta.id}/JoinDialog`;
+var JOIN_DIALOG = `${meta.id}.JoinDialog`;
 var JoinDialog = ({ navigableCollections, onDone, ...props }) => {
   const { invokePromise } = useOperationInvoker();
   const client = useClient();
@@ -27,7 +27,7 @@ var JoinDialog = ({ navigableCollections, onDone, ...props }) => {
     }
     await Promise.all([
       invokePromise(LayoutOperation.AddToast, {
-        id: `${meta.id}/join-success`,
+        id: `${meta.id}.join-success`,
         duration: 5e3,
         title: [
           "join success label",
@@ -58,7 +58,7 @@ var JoinDialog = ({ navigableCollections, onDone, ...props }) => {
       space = await trigger.wait();
     }
     await invokePromise(LayoutOperation.SwitchWorkspace, {
-      subject: space.id
+      subject: getSpacePath(space.id)
     });
     const target = result?.target || (navigableCollections ? space?.id : void 0);
     if (target) {
@@ -108,10 +108,8 @@ var JoinDialog = ({ navigableCollections, onDone, ...props }) => {
     onDone: handleDone
   }));
 };
-
-// src/containers/JoinDialog/index.ts
-var JoinDialog_default = JoinDialog;
 export {
-  JoinDialog_default as default
+  JoinDialog,
+  JoinDialog as default
 };
-//# sourceMappingURL=JoinDialog-PMCAIRCU.mjs.map
+//# sourceMappingURL=JoinDialog-PBK2RE5F.mjs.map

package/dist/lib/browser/JoinDialog-PBK2RE5F.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, getSpacePath } 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/types';\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.id}.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.id);\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.id}.join-success`,\n          duration: 5_000,\n          title: ['join success label', { ns: meta.id }],\n          closeLabel: ['dismiss label', { ns: meta.id }],\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: getSpacePath(space.id) });\n\n      // TODO(wittjosiah): If navigableCollections is false and there's no target,\n      //   should try to navigate to the first object of the space replicates.\n      //   Potentially this could also be done on the inviters side to ensure there's always a target.\n      const target = result?.target || (navigableCollections ? space?.id : undefined);\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      }\n\n      await 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  return (\n    <Dialog.Content>\n      <Dialog.Title classNames='sr-only'>{t('join space label', { ns: osTranslations })}</Dialog.Title>\n      <JoinPanel\n        {...props}\n        exitActionParent={<Dialog.Close asChild />}\n        doneActionParent={<Dialog.Close asChild />}\n        onDone={handleDone}\n      />\n    </Dialog.Content>\n  );\n};\n"],
+  "mappings": ";;;;;AAIA,OAAOA,SAASC,mBAAmB;AAEnC,SAASC,2BAA2B;AACpC,SAASC,iBAAiBC,oBAAoB;AAC9C,SAASC,mBAAmB;AAC5B,SAASC,eAAe;AACxB,SAASC,aAAa;AACtB,SAASC,8BAA8B;AACvC,SAASC,iBAAiB;AAG1B,SAASC,QAAQC,sBAAsB;AACvC,SAASC,iBAAsC;AAC/C,SAASC,sBAAsB;AAIxB,IAAMC,cAAc,GAAGC,KAAKC,EAAE;AAM9B,IAAMC,aAAa,CAAC,EAAEC,sBAAsBC,QAAQ,GAAGC,MAAAA,MAAwB;AACpF,QAAM,EAAEC,cAAa,IAAKC,oBAAAA;AAC1B,QAAMC,SAASC,UAAAA;AACf,QAAM,EAAEC,MAAK,IAAKC,YAAAA;AAClB,QAAM,EAAEC,EAAC,IAAKC,eAAeb,KAAKC,EAAE;AAEpC,QAAMa,aAAaC,YACjB,OAAOC,WAAAA;AACL,UAAMC,WAAWD,QAAQC;AACzB,QAAI,CAACA,UAAU;AACb;IACF;AAEA,UAAMC,QAAQC,IAAI;MAChBb,cAAcc,gBAAgBC,UAAU;QACtCpB,IAAI,GAAGD,KAAKC,EAAE;QACdqB,UAAU;QACVC,OAAO;UAAC;UAAsB;YAAEC,IAAIxB,KAAKC;UAAG;;QAC5CwB,YAAY;UAAC;UAAiB;YAAED,IAAIxB,KAAKC;UAAG;;MAC9C,CAAA;MACAK,cAAcc,gBAAgBM,cAAc;QAAEC,OAAO;MAAM,CAAA;KAC5D;AAED,QAAIC,QAAQpB,OAAOqB,OAAOC,IAAIb,QAAAA;AAC9B,QAAI,CAACW,OAAO;AAEV,YAAMG,UAAU,IAAIC,QAAAA;AACpBxB,aAAOqB,OAAOI,UAAU,MAAA;AACtB,cAAML,SAAQpB,OAAOqB,OAAOC,IAAIb,QAAAA;AAChC,YAAIW,QAAO;AACTG,kBAAQG,KAAKN,MAAAA;QACf;MACF,CAAA;AACAA,cAAQ,MAAMG,QAAQI,KAAI;IAC5B;AAEA,UAAM7B,cAAcc,gBAAgBgB,iBAAiB;MAAEC,SAASC,aAAaV,MAAM3B,EAAE;IAAE,CAAA;AAKvF,UAAMsC,SAASvB,QAAQuB,WAAWpC,uBAAuByB,OAAO3B,KAAKuC;AACrE,QAAID,QAAQ;AAGV,YAAME,MAAMC,YAAYhC,OAAO;QAAE6B;MAAO,CAAA,EAAGI,MAAM,MAAA;MAAO,CAAA;AACxD,YAAMzB,QAAQC,IAAI;QAChBb,cAAcc,gBAAgBwB,MAAM;UAAEP,SAAS;YAACE;;QAAQ,CAAA;QACxDjC,cAAcc,gBAAgByB,QAAQ;UAAER,SAASE;QAAO,CAAA;OACzD;IACH;AAEA,UAAMnC,SAASY,MAAAA;AAEf,QAAIY,OAAO;AACT,YAAMtB,cAAcwC,uBAAuBC,WAAW;QACpDC,MAAM;QACNC,YAAY;UACVC,SAAStB,MAAM3B;QACjB;MACF,CAAA;IACF;EACF,GACA;IAACK;IAAeE;IAAQE;IAAOP;IAAsBC;GAAO;AAG9D,SACE,sBAAA,cAAC+C,OAAOC,SAAO,MACb,sBAAA,cAACD,OAAOE,OAAK;IAACC,YAAW;KAAW1C,EAAE,oBAAoB;IAAEY,IAAI+B;EAAe,CAAA,CAAA,GAC/E,sBAAA,cAACC,WAAAA;IACE,GAAGnD;IACJoD,kBAAkB,sBAAA,cAACN,OAAOO,OAAK;MAACC,SAAAA;;IAChCC,kBAAkB,sBAAA,cAACT,OAAOO,OAAK;MAACC,SAAAA;;IAChCvD,QAAQU;;AAIhB;",
+  "names": ["React", "useCallback", "useOperationInvoker", "LayoutOperation", "getSpacePath", "useAppGraph", "Trigger", "Graph", "ObservabilityOperation", "useClient", "Dialog", "useTranslation", "JoinPanel", "osTranslations", "JOIN_DIALOG", "meta", "id", "JoinDialog", "navigableCollections", "onDone", "props", "invokePromise", "useOperationInvoker", "client", "useClient", "graph", "useAppGraph", "t", "useTranslation", "handleDone", "useCallback", "result", "spaceKey", "Promise", "all", "LayoutOperation", "AddToast", "duration", "title", "ns", "closeLabel", "UpdateDialog", "state", "space", "spaces", "get", "trigger", "Trigger", "subscribe", "wake", "wait", "SwitchWorkspace", "subject", "getSpacePath", "target", "undefined", "Graph", "waitForPath", "catch", "Open", "Expose", "ObservabilityOperation", "SendEvent", "name", "properties", "spaceId", "Dialog", "Content", "Title", "classNames", "osTranslations", "JoinPanel", "exitActionParent", "Close", "asChild", "doneActionParent"]
+}

package/dist/lib/browser/{MembersContainer-MMFCXLVZ.mjs → MembersContainer-OGYV2L4M.mjs}

@@ -1,12 +1,12 @@
 import {
   COMPOSER_SPACE_LOCK
-} from "./chunk-TPZUQ5DC.mjs";
+} from "./chunk-6OA75CWN.mjs";
 import {
   SpaceOperation
-} from "./chunk-USN5QKRV.mjs";
+} from "./chunk-6IT5IBB5.mjs";
 import {
   meta
-} from "./chunk-HSMQFM57.mjs";
+} from "./chunk-CBWGVOJE.mjs";
 
 // src/containers/MembersContainer/MembersContainer.tsx
 import React, { useCallback, useMemo, useState } from "react";
@@ -254,4 +254,4 @@ var MembersContainer_default = MembersContainer;
 export {
   MembersContainer_default as default
 };
-//# sourceMappingURL=MembersContainer-MMFCXLVZ.mjs.map
+//# sourceMappingURL=MembersContainer-OGYV2L4M.mjs.map

package/dist/lib/browser/{MenuFooter-HYBTNOBT.mjs → MenuFooter-XCBDK7WP.mjs}

@@ -1,10 +1,9 @@
 import {
   getSpaceDisplayName
-} from "./chunk-TPZUQ5DC.mjs";
-import "./chunk-USN5QKRV.mjs";
+} from "./chunk-6OA75CWN.mjs";
 import {
   meta
-} from "./chunk-HSMQFM57.mjs";
+} from "./chunk-CBWGVOJE.mjs";
 
 // src/containers/MenuFooter/MenuFooter.tsx
 import React from "react";
@@ -35,4 +34,4 @@ var MenuFooter_default = MenuFooter;
 export {
   MenuFooter_default as default
 };
-//# sourceMappingURL=MenuFooter-HYBTNOBT.mjs.map
+//# sourceMappingURL=MenuFooter-XCBDK7WP.mjs.map

package/dist/lib/{node-esm/MenuFooter-2QB3453Y.mjs.map → browser/MenuFooter-XCBDK7WP.mjs.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/containers/MenuFooter/MenuFooter.tsx", "../../../src/containers/MenuFooter/index.ts"],
   "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { getSpace } from '@dxos/client/echo';\nimport { type Obj } from '@dxos/echo';\nimport { useClient } from '@dxos/react-client';\nimport { DropdownMenu, Icon, toLocalizedString, useTranslation } from '@dxos/react-ui';\n\nimport { meta } from '../../meta';\nimport { getSpaceDisplayName } from '../../util';\n\nexport const MenuFooter = ({ object }: { object: Obj.Unknown }) => {\n  const { t } = useTranslation(meta.id);\n  const client = useClient();\n  const space = getSpace(object);\n  const spaceName = space ? getSpaceDisplayName(space, { personal: client.spaces.default === space }) : '';\n  return space ? (\n    <>\n      <DropdownMenu.Separator />\n      <DropdownMenu.GroupLabel>{t('menu footer label')}</DropdownMenu.GroupLabel>\n      <dl className='ps-2 mb-2 text-xs grid grid-cols-[max-content_1fr] gap-2'>\n        <dt className='uppercase text-[.75em] tracking-wide font-medium mt-px self-start'>{t('location label')}</dt>\n        <dd className='line-clamp-3'>\n          <Icon icon='ph--planet--regular' classNames='inline-block me-1' />\n          {toLocalizedString(spaceName, t)}\n        </dd>\n      </dl>\n    </>\n  ) : null;\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { MenuFooter } from './MenuFooter';\n\nexport default MenuFooter;\n"],
-  "mappings": ";;;;;;;;;;AAIA,OAAOA,WAAW;AAElB,SAASC,gBAAgB;AAEzB,SAASC,iBAAiB;AAC1B,SAASC,cAAcC,MAAMC,mBAAmBC,sBAAsB;AAK/D,IAAMC,aAAa,CAAC,EAAEC,OAAM,MAA2B;AAC5D,QAAM,EAAEC,EAAC,IAAKC,eAAeC,KAAKC,EAAE;AACpC,QAAMC,SAASC,UAAAA;AACf,QAAMC,QAAQC,SAASR,MAAAA;AACvB,QAAMS,YAAYF,QAAQG,oBAAoBH,OAAO;IAAEI,UAAUN,OAAOO,OAAOC,YAAYN;EAAM,CAAA,IAAK;AACtG,SAAOA,QACL,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACO,aAAaC,WAAS,IAAA,GACvB,sBAAA,cAACD,aAAaE,YAAU,MAAEf,EAAE,mBAAA,CAAA,GAC5B,sBAAA,cAACgB,MAAAA;IAAGC,WAAU;KACZ,sBAAA,cAACC,MAAAA;IAAGD,WAAU;KAAqEjB,EAAE,gBAAA,CAAA,GACrF,sBAAA,cAACmB,MAAAA;IAAGF,WAAU;KACZ,sBAAA,cAACG,MAAAA;IAAKC,MAAK;IAAsBC,YAAW;MAC3CC,kBAAkBf,WAAWR,CAAAA,CAAAA,CAAAA,CAAAA,IAIlC;AACN;;;AC1BA,IAAA,qBAAewB;",
+  "mappings": ";;;;;;;;AAIA,OAAOA,WAAW;AAElB,SAASC,gBAAgB;AAEzB,SAASC,iBAAiB;AAC1B,SAASC,cAAcC,MAAMC,mBAAmBC,sBAAsB;AAK/D,IAAMC,aAAa,CAAC,EAAEC,OAAM,MAA2B;AAC5D,QAAM,EAAEC,EAAC,IAAKC,eAAeC,KAAKC,EAAE;AACpC,QAAMC,SAASC,UAAAA;AACf,QAAMC,QAAQC,SAASR,MAAAA;AACvB,QAAMS,YAAYF,QAAQG,oBAAoBH,OAAO;IAAEI,UAAUN,OAAOO,OAAOC,YAAYN;EAAM,CAAA,IAAK;AACtG,SAAOA,QACL,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACO,aAAaC,WAAS,IAAA,GACvB,sBAAA,cAACD,aAAaE,YAAU,MAAEf,EAAE,mBAAA,CAAA,GAC5B,sBAAA,cAACgB,MAAAA;IAAGC,WAAU;KACZ,sBAAA,cAACC,MAAAA;IAAGD,WAAU;KAAqEjB,EAAE,gBAAA,CAAA,GACrF,sBAAA,cAACmB,MAAAA;IAAGF,WAAU;KACZ,sBAAA,cAACG,MAAAA;IAAKC,MAAK;IAAsBC,YAAW;MAC3CC,kBAAkBf,WAAWR,CAAAA,CAAAA,CAAAA,CAAAA,IAIlC;AACN;;;AC1BA,IAAA,qBAAewB;",
   "names": ["React", "getSpace", "useClient", "DropdownMenu", "Icon", "toLocalizedString", "useTranslation", "MenuFooter", "object", "t", "useTranslation", "meta", "id", "client", "useClient", "space", "getSpace", "spaceName", "getSpaceDisplayName", "personal", "spaces", "default", "DropdownMenu", "Separator", "GroupLabel", "dl", "className", "dt", "dd", "Icon", "icon", "classNames", "toLocalizedString", "MenuFooter"]
 }

package/dist/lib/browser/{ObjectCardStack-CHWNLUYQ.mjs → ObjectCardStack-OMXF2DSG.mjs}

@@ -1,12 +1,12 @@
 import {
   ObjectForm
-} from "./chunk-RWOK4F4G.mjs";
-import "./chunk-XIIYC7P5.mjs";
-import "./chunk-TPZUQ5DC.mjs";
-import "./chunk-USN5QKRV.mjs";
+} from "./chunk-2WHUSAHE.mjs";
+import "./chunk-ICXESMDI.mjs";
+import "./chunk-6OA75CWN.mjs";
+import "./chunk-6IT5IBB5.mjs";
 import {
   meta
-} from "./chunk-HSMQFM57.mjs";
+} from "./chunk-CBWGVOJE.mjs";
 
 // src/containers/ObjectCardStack/ObjectCardStack.tsx
 import React, { forwardRef, useState } from "react";
@@ -61,4 +61,4 @@ var ObjectCardStack_default = ObjectCardStack;
 export {
   ObjectCardStack_default as default
 };
-//# sourceMappingURL=ObjectCardStack-CHWNLUYQ.mjs.map
+//# sourceMappingURL=ObjectCardStack-OMXF2DSG.mjs.map

package/dist/lib/browser/{ObjectDetails-YUGVDNSA.mjs → ObjectDetails-QFTQQN4W.mjs}

@@ -1,10 +1,10 @@
 import {
   BaseObjectSettings
-} from "./chunk-RWOK4F4G.mjs";
-import "./chunk-XIIYC7P5.mjs";
-import "./chunk-TPZUQ5DC.mjs";
-import "./chunk-USN5QKRV.mjs";
-import "./chunk-HSMQFM57.mjs";
+} from "./chunk-2WHUSAHE.mjs";
+import "./chunk-ICXESMDI.mjs";
+import "./chunk-6OA75CWN.mjs";
+import "./chunk-6IT5IBB5.mjs";
+import "./chunk-CBWGVOJE.mjs";
 
 // src/containers/ObjectDetails/ObjectDetails.tsx
 import React, { forwardRef, useMemo } from "react";
@@ -40,4 +40,4 @@ var ObjectDetails_default = ObjectDetails;
 export {
   ObjectDetails_default as default
 };
-//# sourceMappingURL=ObjectDetails-YUGVDNSA.mjs.map
+//# sourceMappingURL=ObjectDetails-QFTQQN4W.mjs.map

package/dist/lib/browser/{ObjectRenamePopover-RQUOVPFH.mjs → ObjectRenamePopover-JNPJIFIR.mjs}

@@ -1,6 +1,6 @@
 import {
   meta
-} from "./chunk-HSMQFM57.mjs";
+} from "./chunk-CBWGVOJE.mjs";
 
 // src/containers/ObjectRenamePopover/ObjectRenamePopover.tsx
 import React, { useCallback, useRef, useState } from "react";
@@ -11,7 +11,7 @@ import { log } from "@dxos/log";
 import { Button, Input, useTranslation } from "@dxos/react-ui";
 import { osTranslations } from "@dxos/ui-theme";
 var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-space/src/containers/ObjectRenamePopover/ObjectRenamePopover.tsx";
-var OBJECT_RENAME_POPOVER = `${meta.id}/ObjectRenamePopover`;
+var OBJECT_RENAME_POPOVER = `${meta.id}.ObjectRenamePopover`;
 var ObjectRenamePopover = ({ object }) => {
   const { t } = useTranslation(meta.id);
   const doneButton = useRef(null);
@@ -67,4 +67,4 @@ var ObjectRenamePopover_default = ObjectRenamePopover;
 export {
   ObjectRenamePopover_default as default
 };
-//# sourceMappingURL=ObjectRenamePopover-RQUOVPFH.mjs.map
+//# sourceMappingURL=ObjectRenamePopover-JNPJIFIR.mjs.map

package/dist/lib/browser/{ObjectRenamePopover-RQUOVPFH.mjs.map → ObjectRenamePopover-JNPJIFIR.mjs.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/containers/ObjectRenamePopover/ObjectRenamePopover.tsx", "../../../src/containers/ObjectRenamePopover/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useCallback, useRef, useState } from 'react';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { LayoutOperation } from '@dxos/app-toolkit';\nimport { Obj } from '@dxos/echo';\nimport { log } from '@dxos/log';\nimport { Button, Input, useTranslation } from '@dxos/react-ui';\nimport { osTranslations } from '@dxos/ui-theme';\n\nimport { meta } from '../../meta';\n\nexport const OBJECT_RENAME_POPOVER = `${meta.id}/ObjectRenamePopover`;\n\nexport const ObjectRenamePopover = ({ object }: { object: Obj.Unknown }) => {\n  const { t } = useTranslation(meta.id);\n  const doneButton = useRef<HTMLButtonElement>(null);\n  const [name, setName] = useState(Obj.getLabel(object));\n  const { invokePromise } = useOperationInvoker();\n\n  const handleDone = useCallback(() => {\n    try {\n      name && Obj.change(object, () => Obj.setLabel(object, name));\n    } catch (err) {\n      log.error('Failed to rename object', { err });\n    }\n    void invokePromise(LayoutOperation.UpdatePopover, { anchorId: '', state: false });\n  }, [object, name, invokePromise]);\n\n  return (\n    <div role='none' className='p-2 flex gap-2'>\n      <div role='none' className='flex-1'>\n        <Input.Root>\n          <Input.Label srOnly>{t('object name label')}</Input.Label>\n          <Input.TextInput\n            placeholder={t('object placeholder')}\n            value={name}\n            data-testid='spacePlugin.renameObject.input'\n            onChange={({ target: { value } }) => setName(value)}\n            onKeyDown={({ key }) => key === 'Enter' && doneButton.current?.click()}\n          />\n        </Input.Root>\n      </div>\n      <Button ref={doneButton} classNames='self-stretch' onClick={handleDone}>\n        {t('done label', { ns: osTranslations })}\n      </Button>\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { ObjectRenamePopover } from './ObjectRenamePopover';\n\nexport default ObjectRenamePopover;\n"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useCallback, useRef, useState } from 'react';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { LayoutOperation } from '@dxos/app-toolkit';\nimport { Obj } from '@dxos/echo';\nimport { log } from '@dxos/log';\nimport { Button, Input, useTranslation } from '@dxos/react-ui';\nimport { osTranslations } from '@dxos/ui-theme';\n\nimport { meta } from '../../meta';\n\nexport const OBJECT_RENAME_POPOVER = `${meta.id}.ObjectRenamePopover`;\n\nexport const ObjectRenamePopover = ({ object }: { object: Obj.Unknown }) => {\n  const { t } = useTranslation(meta.id);\n  const doneButton = useRef<HTMLButtonElement>(null);\n  const [name, setName] = useState(Obj.getLabel(object));\n  const { invokePromise } = useOperationInvoker();\n\n  const handleDone = useCallback(() => {\n    try {\n      name && Obj.change(object, () => Obj.setLabel(object, name));\n    } catch (err) {\n      log.error('Failed to rename object', { err });\n    }\n    void invokePromise(LayoutOperation.UpdatePopover, { anchorId: '', state: false });\n  }, [object, name, invokePromise]);\n\n  return (\n    <div role='none' className='p-2 flex gap-2'>\n      <div role='none' className='flex-1'>\n        <Input.Root>\n          <Input.Label srOnly>{t('object name label')}</Input.Label>\n          <Input.TextInput\n            placeholder={t('object placeholder')}\n            value={name}\n            data-testid='spacePlugin.renameObject.input'\n            onChange={({ target: { value } }) => setName(value)}\n            onKeyDown={({ key }) => key === 'Enter' && doneButton.current?.click()}\n          />\n        </Input.Root>\n      </div>\n      <Button ref={doneButton} classNames='self-stretch' onClick={handleDone}>\n        {t('done label', { ns: osTranslations })}\n      </Button>\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { ObjectRenamePopover } from './ObjectRenamePopover';\n\nexport default ObjectRenamePopover;\n"],
   "mappings": ";;;;;AAIA,OAAOA,SAASC,aAAaC,QAAQC,gBAAgB;AAErD,SAASC,2BAA2B;AACpC,SAASC,uBAAuB;AAChC,SAASC,WAAW;AACpB,SAASC,WAAW;AACpB,SAASC,QAAQC,OAAOC,sBAAsB;AAC9C,SAASC,sBAAsB;;AAIxB,IAAMC,wBAAwB,GAAGC,KAAKC,EAAE;AAExC,IAAMC,sBAAsB,CAAC,EAAEC,OAAM,MAA2B;AACrE,QAAM,EAAEC,EAAC,IAAKC,eAAeL,KAAKC,EAAE;AACpC,QAAMK,aAAaC,OAA0B,IAAA;AAC7C,QAAM,CAACC,MAAMC,OAAAA,IAAWC,SAASC,IAAIC,SAAST,MAAAA,CAAAA;AAC9C,QAAM,EAAEU,cAAa,IAAKC,oBAAAA;AAE1B,QAAMC,aAAaC,YAAY,MAAA;AAC7B,QAAI;AACFR,cAAQG,IAAIM,OAAOd,QAAQ,MAAMQ,IAAIO,SAASf,QAAQK,IAAAA,CAAAA;IACxD,SAASW,KAAK;AACZC,UAAIC,MAAM,2BAA2B;QAAEF;MAAI,GAAA;;;;;;IAC7C;AACA,SAAKN,cAAcS,gBAAgBC,eAAe;MAAEC,UAAU;MAAIC,OAAO;IAAM,CAAA;EACjF,GAAG;IAACtB;IAAQK;IAAMK;GAAc;AAEhC,SACE,sBAAA,cAACa,OAAAA;IAAIC,MAAK;IAAOC,WAAU;KACzB,sBAAA,cAACF,OAAAA;IAAIC,MAAK;IAAOC,WAAU;KACzB,sBAAA,cAACC,MAAMC,MAAI,MACT,sBAAA,cAACD,MAAME,OAAK;IAACC,QAAAA;KAAQ5B,EAAE,mBAAA,CAAA,GACvB,sBAAA,cAACyB,MAAMI,WAAS;IACdC,aAAa9B,EAAE,oBAAA;IACf+B,OAAO3B;IACP4B,eAAY;IACZC,UAAU,CAAC,EAAEC,QAAQ,EAAEH,MAAK,EAAE,MAAO1B,QAAQ0B,KAAAA;IAC7CI,WAAW,CAAC,EAAEC,IAAG,MAAOA,QAAQ,WAAWlC,WAAWmC,SAASC,MAAAA;QAIrE,sBAAA,cAACC,QAAAA;IAAOC,KAAKtC;IAAYuC,YAAW;IAAeC,SAAS/B;KACzDX,EAAE,cAAc;IAAE2C,IAAIC;EAAe,CAAA,CAAA,CAAA;AAI9C;;;AC7CA,IAAA,8BAAeC;",
   "names": ["React", "useCallback", "useRef", "useState", "useOperationInvoker", "LayoutOperation", "Obj", "log", "Button", "Input", "useTranslation", "osTranslations", "OBJECT_RENAME_POPOVER", "meta", "id", "ObjectRenamePopover", "object", "t", "useTranslation", "doneButton", "useRef", "name", "setName", "useState", "Obj", "getLabel", "invokePromise", "useOperationInvoker", "handleDone", "useCallback", "change", "setLabel", "err", "log", "error", "LayoutOperation", "UpdatePopover", "anchorId", "state", "div", "role", "className", "Input", "Root", "Label", "srOnly", "TextInput", "placeholder", "value", "data-testid", "onChange", "target", "onKeyDown", "key", "current", "click", "Button", "ref", "classNames", "onClick", "ns", "osTranslations", "ObjectRenamePopover"]
 }