@dxos/plugin-space 0.6.14-main.2b6a0f3 → 0.6.14-main.69511f5

package/dist/lib/node-esm/index.mjs

@@ -16,24 +16,24 @@ import {
   ThreadStatus,
   ThreadType,
   parseSpaceInitPlugin
-} from "./chunk-PLPMYTLC.mjs";
+} from "./chunk-FYDGMPSC.mjs";
 
 // packages/plugins/plugin-space/src/SpacePlugin.tsx
 import { signal } from "@preact/signals-core";
-import React17 from "react";
+import React18 from "react";
 import { LayoutAction as LayoutAction2, NavigationAction as NavigationAction3, Surface as Surface2, firstIdInPart, openIds, parseGraphPlugin, parseIntentPlugin as parseIntentPlugin3, parseMetadataResolverPlugin, parseNavigationPlugin as parseNavigationPlugin2, resolvePlugin } from "@dxos/app-framework";
 import { EventSubscriptions } from "@dxos/async";
 import { isReactiveObject as isReactiveObject2 } from "@dxos/echo-schema";
 import { scheduledEffect } from "@dxos/echo-signals/core";
 import { LocalStorageStore } from "@dxos/local-storage";
-import { log as log2 } from "@dxos/log";
+import { log as log3 } from "@dxos/log";
 import { Migrations as Migrations2 } from "@dxos/migrations";
 import { parseAttentionPlugin } from "@dxos/plugin-attention";
 import { parseClientPlugin } from "@dxos/plugin-client";
 import { createExtension, memoize as memoize2, toSignal } from "@dxos/plugin-graph";
 import { ObservabilityAction } from "@dxos/plugin-observability/meta";
 import { PublicKey as PublicKey2 } from "@dxos/react-client";
-import { Expando, Filter, SpaceState as SpaceState3, create as create2, fullyQualifiedId as fullyQualifiedId4, getSpace as getSpace4, getTypename as getTypename2, isEchoObject as isEchoObject2, isSpace as isSpace2, loadObjectReferences, parseFullyQualifiedId } from "@dxos/react-client/echo";
+import { Expando, Filter, SpaceState as SpaceState3, create as create2, fullyQualifiedId as fullyQualifiedId4, getSpace as getSpace4, getTypename as getTypename2, isEchoObject as isEchoObject2, isSpace as isSpace2, loadObjectReferences, parseId } from "@dxos/react-client/echo";
 import { Dialog } from "@dxos/react-ui";
 import { ClipboardProvider as ClipboardProvider2, InvitationManager, osTranslations } from "@dxos/shell/react";
 import { ComplexMap as ComplexMap2, nonNullable, reduceGroupBy } from "@dxos/util";
@@ -171,7 +171,7 @@ var DefaultObjectSettings = ({ object }) => {
     className: "flex flex-col w-full p-2 gap-1"
   }, /* @__PURE__ */ React4.createElement(Input.Root, null, /* @__PURE__ */ React4.createElement(Input.Label, null, t("name label")), /* @__PURE__ */ React4.createElement(Input.TextInput, {
     placeholder: t("name placeholder"),
-    value: object.name,
+    value: object.name ?? "",
     onChange: (event) => {
       object.name = event.target.value;
     }
@@ -246,7 +246,7 @@ var getCollectionGraphNodePartials = ({ collection, space, resolve }) => {
       }
     },
     onCopy: async (child, index) => {
-      const newObject = await cloneObject(child.data, resolve);
+      const newObject = await cloneObject(child.data, resolve, space);
       space.db.add(newObject);
       if (typeof index !== "undefined") {
         collection.objects.splice(index, 0, newObject);
@@ -716,7 +716,7 @@ var getNestedObjects = async (object, resolve) => {
     ...nested.flat()
   ];
 };
-var cloneObject = async (object, resolve) => {
+var cloneObject = async (object, resolve, newSpace) => {
   const schema = getSchema(object);
   const typename = schema ? getObjectAnnotation(schema)?.typename ?? EXPANDO_TYPENAME : EXPANDO_TYPENAME;
   const metadata = resolve(typename);
@@ -735,6 +735,7 @@ var cloneObject = async (object, resolve) => {
   });
   return serializer.deserialize({
     content,
+    space: newSpace,
     newId: true
   });
 };
@@ -1221,15 +1222,14 @@ import { generateName } from "@dxos/display-name";
 import { PublicKey, useClient as useClient3 } from "@dxos/react-client";
 import { getSpace as getSpace3, useMembers as useMembers2, fullyQualifiedId as fullyQualifiedId3 } from "@dxos/react-client/echo";
 import { useIdentity } from "@dxos/react-client/halo";
-import { Avatar, AvatarGroup, AvatarGroupItem, Tooltip as Tooltip2, useDensityContext, useTranslation as useTranslation13, List as List2, ListItem, useDefaultValue } from "@dxos/react-ui";
-import { AttentionGlyph } from "@dxos/react-ui-attention";
+import { Avatar, AvatarGroup, AvatarGroupItem, Tooltip as Tooltip2, useTranslation as useTranslation13, List as List2, ListItem, useDefaultValue } from "@dxos/react-ui";
+import { AttentionGlyph, useAttention } from "@dxos/react-ui-attention";
 import { ComplexMap, keyToFallback } from "@dxos/util";
 var REFRESH_INTERVAL = 5e3;
 var ACTIVITY_DURATION = 3e4;
 var noViewers = new ComplexMap(PublicKey.hash);
 var getName = (identity) => identity.profile?.displayName ?? generateName(identity.identityKey.toHex());
 var SpacePresence = ({ object, spaceKey }) => {
-  const density = useDensityContext();
   const spacePlugin = usePlugin(SPACE_PLUGIN);
   const client = useClient3();
   const identity = useIdentity();
@@ -1259,9 +1259,7 @@ var SpacePresence = ({ object, spaceKey }) => {
       lastSeen
     };
   }).toSorted((a, b) => a.lastSeen - b.lastSeen);
-  return density === "fine" ? /* @__PURE__ */ React13.createElement(SmallPresence, {
-    count: membersForObject.length
-  }) : /* @__PURE__ */ React13.createElement(FullPresence, {
+  return /* @__PURE__ */ React13.createElement(FullPresence, {
     members: membersForObject
   });
 };
@@ -1330,25 +1328,42 @@ var PrensenceAvatar = ({ identity, showName, match, group, index, onClick }) =>
     classNames: "text-sm truncate pli-2"
   }, getName(identity)));
 };
-var SmallPresenceLive = ({ viewers }) => {
-  const [moment, setMoment] = useState7(Date.now());
+var SmallPresenceLive = ({ id, viewers }) => {
+  const getActiveViewers = (viewers2) => {
+    const moment = Date.now();
+    return Array.from(viewers2.values()).filter(({ lastSeen }) => moment - lastSeen < ACTIVITY_DURATION);
+  };
+  const [activeViewers, setActiveViewers] = useState7(viewers ? getActiveViewers(viewers) : []);
   useEffect4(() => {
-    const interval = setInterval(() => setMoment(Date.now()), REFRESH_INTERVAL);
-    return () => clearInterval(interval);
-  }, []);
-  const activeViewers = viewers ? Array.from(viewers.values()).filter(({ lastSeen }) => moment - lastSeen < ACTIVITY_DURATION) : [];
+    if (viewers) {
+      setActiveViewers(getActiveViewers(viewers));
+      const interval = setInterval(() => {
+        setActiveViewers(getActiveViewers(viewers));
+      }, REFRESH_INTERVAL);
+      return () => clearInterval(interval);
+    }
+  }, [
+    viewers
+  ]);
   return /* @__PURE__ */ React13.createElement(SmallPresence, {
+    id,
     count: activeViewers.length
   });
 };
-var SmallPresence = ({ count }) => {
+var SmallPresence = ({ id, count }) => {
   const { t } = useTranslation13(SPACE_PLUGIN);
+  const { hasAttention, isAncestor, isRelated } = useAttention(id);
+  const attention = hasAttention || isAncestor || isRelated;
   return /* @__PURE__ */ React13.createElement(Tooltip2.Root, null, /* @__PURE__ */ React13.createElement(Tooltip2.Trigger, {
     asChild: true
+  }, /* @__PURE__ */ React13.createElement("div", {
+    role: "none",
+    className: "flex",
+    "data-attention": attention
   }, /* @__PURE__ */ React13.createElement(AttentionGlyph, {
     presence: count > 1 ? "many" : count === 1 ? "one" : "none",
     classNames: "self-center mie-1"
-  })), /* @__PURE__ */ React13.createElement(Tooltip2.Portal, null, /* @__PURE__ */ React13.createElement(Tooltip2.Content, {
+  }))), /* @__PURE__ */ React13.createElement(Tooltip2.Portal, null, /* @__PURE__ */ React13.createElement(Tooltip2.Content, {
     side: "bottom",
     classNames: "z-[70]"
   }, /* @__PURE__ */ React13.createElement("span", null, t("presence label", {
@@ -1359,13 +1374,13 @@ var SmallPresence = ({ count }) => {
 // packages/plugins/plugin-space/src/components/SpaceSettings.tsx
 import React14 from "react";
 import { useIntentDispatcher as useIntentDispatcher2, useResolvePlugins } from "@dxos/app-framework";
-import { SettingsValue } from "@dxos/plugin-settings";
 import { Input as Input4, Select, toLocalizedString as toLocalizedString2, useTranslation as useTranslation14 } from "@dxos/react-ui";
+import { FormInput } from "@dxos/react-ui-data";
 var SpaceSettings = ({ settings }) => {
   const { t } = useTranslation14(SPACE_PLUGIN);
   const dispatch = useIntentDispatcher2();
   const plugins = useResolvePlugins(parseSpaceInitPlugin);
-  return /* @__PURE__ */ React14.createElement(React14.Fragment, null, /* @__PURE__ */ React14.createElement(SettingsValue, {
+  return /* @__PURE__ */ React14.createElement(React14.Fragment, null, /* @__PURE__ */ React14.createElement(FormInput, {
     label: t("show hidden spaces label")
   }, /* @__PURE__ */ React14.createElement(Input4.Switch, {
     checked: settings.showHidden,
@@ -1376,7 +1391,7 @@ var SpaceSettings = ({ settings }) => {
         state: !!checked
       }
     })
-  })), /* @__PURE__ */ React14.createElement(SettingsValue, {
+  })), /* @__PURE__ */ React14.createElement(FormInput, {
     label: t("default on space create label")
   }, /* @__PURE__ */ React14.createElement(Select.Root, {
     value: settings.onSpaceCreate,
@@ -1389,25 +1404,69 @@ var SpaceSettings = ({ settings }) => {
   }, toLocalizedString2(onSpaceCreate.label, t)))))))));
 };
 
+// packages/plugins/plugin-space/src/components/SpaceSettingsPanel.tsx
+import React15, { useCallback as useCallback5, useState as useState8 } from "react";
+import { log as log2 } from "@dxos/log";
+import { EdgeReplicationSetting } from "@dxos/protocols/proto/dxos/echo/metadata";
+import { Input as Input5, useTranslation as useTranslation15 } from "@dxos/react-ui";
+var __dxlog_file3 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/SpaceSettingsPanel.tsx";
+var SpaceSettingsPanel = ({ space }) => {
+  const { t } = useTranslation15(SPACE_PLUGIN);
+  const [edgeReplication, setEdgeReplication] = useState8(space.internal.data.edgeReplication === EdgeReplicationSetting.ENABLED);
+  const toggleEdgeReplication = useCallback5(async (next) => {
+    setEdgeReplication(next);
+    await space?.internal.setEdgeReplicationPreference(next ? EdgeReplicationSetting.ENABLED : EdgeReplicationSetting.DISABLED).catch((err) => {
+      log2.catch(err, void 0, {
+        F: __dxlog_file3,
+        L: 30,
+        S: void 0,
+        C: (f, a) => f(...a)
+      });
+      setEdgeReplication(!next);
+    });
+  }, [
+    space
+  ]);
+  return /* @__PURE__ */ React15.createElement("div", {
+    role: "form",
+    className: "flex flex-col w-full p-2 gap-4"
+  }, /* @__PURE__ */ React15.createElement(Input5.Root, null, /* @__PURE__ */ React15.createElement("div", {
+    role: "none",
+    className: "flex flex-col gap-1"
+  }, /* @__PURE__ */ React15.createElement(Input5.Label, null, t("name label")), /* @__PURE__ */ React15.createElement(Input5.TextInput, {
+    placeholder: t("name placeholder"),
+    value: space.properties.name,
+    onChange: (event) => {
+      space.properties.name = event.target.value;
+    }
+  }))), /* @__PURE__ */ React15.createElement(Input5.Root, null, /* @__PURE__ */ React15.createElement("div", {
+    role: "none",
+    className: "flex justify-between"
+  }, /* @__PURE__ */ React15.createElement(Input5.Label, null, t("edge replication label")), /* @__PURE__ */ React15.createElement(Input5.Switch, {
+    checked: edgeReplication,
+    onCheckedChange: toggleEdgeReplication
+  }))));
+};
+
 // packages/plugins/plugin-space/src/components/SaveStatus.tsx
-import React15, { useEffect as useEffect5, useState as useState8 } from "react";
+import React16, { useEffect as useEffect5, useState as useState9 } from "react";
 import { Context } from "@dxos/context";
 import { StatusBar } from "@dxos/plugin-status-bar";
 import { useClient as useClient4 } from "@dxos/react-client";
-import { Icon, useTranslation as useTranslation15 } from "@dxos/react-ui";
-var __dxlog_file3 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/SaveStatus.tsx";
+import { Icon, useTranslation as useTranslation16 } from "@dxos/react-ui";
+var __dxlog_file4 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/SaveStatus.tsx";
 var SaveStatus = () => {
-  const { t } = useTranslation15(SPACE_PLUGIN);
+  const { t } = useTranslation16(SPACE_PLUGIN);
   const client = useClient4();
-  const [state, setState] = useState8("saved");
+  const [state, setState] = useState9("saved");
   useEffect5(() => {
     return createClientSaveTracker(client, (state2) => {
       setState(state2);
     });
   }, []);
-  return /* @__PURE__ */ React15.createElement(StatusBar.Item, {
+  return /* @__PURE__ */ React16.createElement(StatusBar.Item, {
     title: state === "saving" ? t("saving label") : t("saved label")
-  }, /* @__PURE__ */ React15.createElement(Icon, {
+  }, /* @__PURE__ */ React16.createElement(Icon, {
     icon: state === "saving" ? "ph--arrows-clockwise--regular" : "ph--check-circle--regular",
     size: 4
   }));
@@ -1439,7 +1498,7 @@ var createClientSaveTracker = (client, cb) => {
 };
 var createSpaceSaveTracker = (space, cb) => {
   const ctx = new Context(void 0, {
-    F: __dxlog_file3,
+    F: __dxlog_file4,
     L: 64
   });
   void space.waitUntilReady().then(() => {
@@ -1472,18 +1531,18 @@ var createSpaceSaveTracker = (space, cb) => {
 };
 
 // packages/plugins/plugin-space/src/components/SyncStatus/SyncStatus.tsx
-import React16, { useEffect as useEffect7, useState as useState10 } from "react";
+import React17, { useEffect as useEffect7, useState as useState11 } from "react";
 import { StatusBar as StatusBar2 } from "@dxos/plugin-status-bar";
-import { Icon as Icon2, Popover as Popover3, useTranslation as useTranslation16 } from "@dxos/react-ui";
+import { Icon as Icon2, Popover as Popover3, useTranslation as useTranslation17 } from "@dxos/react-ui";
 import { SyntaxHighlighter } from "@dxos/react-ui-syntax-highlighter";
 import { mx as mx7 } from "@dxos/react-ui-theme";
 
 // packages/plugins/plugin-space/src/components/SyncStatus/types.ts
-import { useEffect as useEffect6, useState as useState9 } from "react";
+import { useEffect as useEffect6, useState as useState10 } from "react";
 import { Context as Context2 } from "@dxos/context";
 import { EdgeService } from "@dxos/protocols";
 import { useClient as useClient5 } from "@dxos/react-client";
-var __dxlog_file4 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/SyncStatus/types.ts";
+var __dxlog_file5 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/components/SyncStatus/types.ts";
 var createEmptyEdgeSyncState = () => ({
   missingOnLocal: 0,
   missingOnRemote: 0,
@@ -1504,10 +1563,10 @@ var getSyncSummary = (syncMap) => {
 var isEdgePeerId = (peerId, spaceId) => peerId.startsWith(`${EdgeService.AUTOMERGE_REPLICATOR}:${spaceId}`);
 var useSyncState = () => {
   const client = useClient5();
-  const [spaceState, setSpaceState] = useState9({});
+  const [spaceState, setSpaceState] = useState10({});
   useEffect6(() => {
     const ctx = new Context2(void 0, {
-      F: __dxlog_file4,
+      F: __dxlog_file5,
       L: 48
     });
     const createSubscriptions = (spaces) => {
@@ -1548,7 +1607,7 @@ var styles = {
 };
 var SyncStatus = () => {
   const state = useSyncState();
-  return /* @__PURE__ */ React16.createElement(SyncStatusIndicator, {
+  return /* @__PURE__ */ React17.createElement(SyncStatusIndicator, {
     state
   });
 };
@@ -1557,7 +1616,7 @@ var SyncStatusIndicator = ({ state }) => {
   const offline = false;
   const needsToUpload = summary.differentDocuments > 0 || summary.missingOnRemote > 0;
   const needsToDownload = summary.differentDocuments > 0 || summary.missingOnLocal > 0;
-  const [classNames, setClassNames] = useState10();
+  const [classNames, setClassNames] = useState11();
   useEffect7(() => {
     setClassNames(void 0);
     if (!needsToUpload && !needsToDownload) {
@@ -1571,36 +1630,38 @@ var SyncStatusIndicator = ({ state }) => {
     needsToUpload,
     needsToDownload
   ]);
-  return /* @__PURE__ */ React16.createElement(StatusBar2.Item, null, /* @__PURE__ */ React16.createElement(Popover3.Root, null, /* @__PURE__ */ React16.createElement(Popover3.Trigger, null, /* @__PURE__ */ React16.createElement(Icon2, {
+  return /* @__PURE__ */ React17.createElement(StatusBar2.Item, null, /* @__PURE__ */ React17.createElement(Popover3.Root, null, /* @__PURE__ */ React17.createElement(Popover3.Trigger, null, /* @__PURE__ */ React17.createElement(Icon2, {
     icon: offline ? "ph--cloud-x--regular" : needsToUpload ? "ph--cloud-arrow-up--regular" : needsToDownload ? "ph--cloud-arrow-down--regular" : "ph--cloud-check--regular",
     size: 4,
     classNames
-  })), /* @__PURE__ */ React16.createElement(Popover3.Content, null, /* @__PURE__ */ React16.createElement(SyncStatusDetail, {
+  })), /* @__PURE__ */ React17.createElement(Popover3.Content, {
+    sideOffset: 16
+  }, /* @__PURE__ */ React17.createElement(SyncStatusDetail, {
     state,
     summary,
     debug: false
   }))));
 };
 var SyncStatusDetail = ({ classNames, state, summary, debug }) => {
-  const { t } = useTranslation16(SPACE_PLUGIN);
+  const { t } = useTranslation17(SPACE_PLUGIN);
   const entries = Object.entries(state).sort(([a], [b]) => a < b ? -1 : a > b ? 1 : 0);
-  return /* @__PURE__ */ React16.createElement("div", {
+  return /* @__PURE__ */ React17.createElement("div", {
     className: mx7("flex flex-col text-xs min-w-[16rem]", classNames)
-  }, /* @__PURE__ */ React16.createElement("h1", {
+  }, /* @__PURE__ */ React17.createElement("h1", {
     className: "p-2"
-  }, t("sync status title")), /* @__PURE__ */ React16.createElement("div", {
+  }, t("sync status title")), /* @__PURE__ */ React17.createElement("div", {
     className: "flex flex-col gap-[2px] my-[2px]"
-  }, entries.map(([spaceId, state2]) => /* @__PURE__ */ React16.createElement(SpaceRow, {
+  }, entries.map(([spaceId, state2]) => /* @__PURE__ */ React17.createElement(SpaceRow, {
     key: spaceId,
     spaceId,
     state: state2
-  }))), debug && /* @__PURE__ */ React16.createElement(SyntaxHighlighter, {
+  }))), debug && /* @__PURE__ */ React17.createElement(SyntaxHighlighter, {
     language: "json"
   }, JSON.stringify(summary, null, 2)));
 };
 var useActive = (count) => {
-  const [current, setCurrent] = useState10(count);
-  const [active, setActive] = useState10(false);
+  const [current, setCurrent] = useState11(count);
+  const [active, setActive] = useState11(false);
   useEffect7(() => {
     let t;
     if (count !== current) {
@@ -1624,17 +1685,17 @@ var useActive = (count) => {
 var SpaceRow = ({ spaceId, state: { localDocumentCount, remoteDocumentCount, missingOnLocal, missingOnRemote } }) => {
   const downActive = useActive(localDocumentCount);
   const upActive = useActive(remoteDocumentCount);
-  return /* @__PURE__ */ React16.createElement("div", {
+  return /* @__PURE__ */ React17.createElement("div", {
     className: mx7("flex items-center mx-[2px] gap-[2px] cursor-pointer", styles.barHover),
     title: spaceId,
     onClick: () => {
       void navigator.clipboard.writeText(spaceId);
     }
-  }, /* @__PURE__ */ React16.createElement(Icon2, {
+  }, /* @__PURE__ */ React17.createElement(Icon2, {
     icon: "ph--arrow-fat-line-left--regular",
     size: 3,
     classNames: mx7(downActive && "animate-[pulse_1s_infinite]")
-  }), /* @__PURE__ */ React16.createElement(Candle, {
+  }), /* @__PURE__ */ React17.createElement(Candle, {
     up: {
       count: remoteDocumentCount,
       total: remoteDocumentCount + missingOnRemote
@@ -1644,37 +1705,37 @@ var SpaceRow = ({ spaceId, state: { localDocumentCount, remoteDocumentCount, mis
       total: localDocumentCount + missingOnLocal
     },
     title: spaceId
-  }), /* @__PURE__ */ React16.createElement(Icon2, {
+  }), /* @__PURE__ */ React17.createElement(Icon2, {
     icon: "ph--arrow-fat-line-right--regular",
     size: 3,
     classNames: mx7(upActive && "animate-[pulse_1s_step-start_infinite]")
   }));
 };
 var Candle = ({ classNames, up, down }) => {
-  return /* @__PURE__ */ React16.createElement("div", {
+  return /* @__PURE__ */ React17.createElement("div", {
     className: mx7("grid grid-cols-[1fr_2rem_1fr] w-full h-3", classNames)
-  }, /* @__PURE__ */ React16.createElement(Bar, {
+  }, /* @__PURE__ */ React17.createElement(Bar, {
     classNames: "justify-end",
     ...up
-  }), /* @__PURE__ */ React16.createElement("div", {
+  }), /* @__PURE__ */ React17.createElement("div", {
     className: "relative"
-  }, /* @__PURE__ */ React16.createElement("div", {
+  }, /* @__PURE__ */ React17.createElement("div", {
     className: mx7("absolute inset-0 flex items-center justify-center text-xs", styles.barBg)
-  }, up.total)), /* @__PURE__ */ React16.createElement(Bar, down));
+  }, up.total)), /* @__PURE__ */ React17.createElement(Bar, down));
 };
 var Bar = ({ classNames, count, total }) => {
   let p = count / total * 100;
   if (count < total) {
     p = Math.min(p, 95);
   }
-  return /* @__PURE__ */ React16.createElement("div", {
+  return /* @__PURE__ */ React17.createElement("div", {
     className: mx7("relative flex w-full", styles.barBg, classNames)
-  }, /* @__PURE__ */ React16.createElement("div", {
+  }, /* @__PURE__ */ React17.createElement("div", {
     className: mx7("shrink-0", styles.barFg),
     style: {
       width: `${p}%`
     }
-  }), count !== total && /* @__PURE__ */ React16.createElement("div", {
+  }), count !== total && /* @__PURE__ */ React17.createElement("div", {
     className: "absolute top-0 bottom-0 flex items-center mx-0.5 text-black text-xs"
   }, count));
 };
@@ -1686,8 +1747,8 @@ var translations_default = [
       [SPACE_PLUGIN]: {
         "plugin name": "Spaces",
         "first run message": "Nothing selected.",
-        "create space label": "Create a new space",
-        "join space label": "Join a space",
+        "create space label": "Create space",
+        "join space label": "Join space",
         "empty space message": "No documents",
         "empty tree message": "No spaces",
         "unnamed space label": "New space",
@@ -1764,14 +1825,16 @@ var translations_default = [
         "dismiss label": "Dismiss",
         "join success label": "Successfully joined space",
         "name label": "Name",
-        "name placeholder": "Name"
+        "name placeholder": "Name",
+        "unnamed object settings label": "Settings",
+        "edge replication label": "Enable EDGE Replication"
       }
     }
   }
 ];
 
 // packages/plugins/plugin-space/src/SpacePlugin.tsx
-var __dxlog_file5 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/SpacePlugin.tsx";
+var __dxlog_file6 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-space/src/SpacePlugin.tsx";
 var ACTIVE_NODE_BROADCAST_INTERVAL = 3e4;
 var OBJECT_ID_LENGTH = 60;
 var SPACE_MAX_OBJECTS = 500;
@@ -1785,6 +1848,7 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
     awaiting: void 0,
     spaceNames: {},
     viewersByObject: {},
+    // TODO(wittjosiah): Stop using (Complex)Map inside reactive object.
     viewersByIdentity: new ComplexMap2(PublicKey2.hash),
     sdkMigrationRunning: {}
   });
@@ -1858,11 +1922,11 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
               // TODO(Zan): When we re-open a part, we should remove it from the removed list in the navigation plugin.
               removed: removed.filter((id) => !ids2.includes(id))
             }).catch((err) => {
-              log2.warn("Failed to broadcast active node for presence.", {
+              log3.warn("Failed to broadcast active node for presence.", {
                 err: err.message
               }, {
-                F: __dxlog_file5,
-                L: 229,
+                F: __dxlog_file6,
+                L: 231,
                 S: void 0,
                 C: (f, a) => f(...a)
               });
@@ -1912,14 +1976,12 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
     ready: async (plugins) => {
       settings.prop({
         key: "showHidden",
-        storageKey: "show-hidden",
         type: LocalStorageStore.bool({
           allowUndefined: true
         })
       });
       state.prop({
         key: "spaceNames",
-        storageKey: "space-names",
         type: LocalStorageStore.json()
       });
       navigationPlugin = resolvePlugin(plugins, parseNavigationPlugin2);
@@ -1971,7 +2033,7 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
         ...translations_default,
         osTranslations
       ],
-      root: () => state.values.awaiting ? /* @__PURE__ */ React17.createElement(AwaitingObject, {
+      root: () => state.values.awaiting ? /* @__PURE__ */ React18.createElement(AwaitingObject, {
         id: state.values.awaiting
       }) : null,
       metadata: {
@@ -2003,7 +2065,7 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
           switch (role) {
             case "article":
             case "main":
-              return isSpace2(primary) && primary.state.get() === SpaceState3.SPACE_READY ? /* @__PURE__ */ React17.createElement(Surface2, {
+              return isSpace2(primary) && primary.state.get() === SpaceState3.SPACE_READY ? /* @__PURE__ */ React18.createElement(Surface2, {
                 data: {
                   active: primary.properties[CollectionType.typename],
                   id: primary.id
@@ -2011,43 +2073,50 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                 role,
                 ...rest
               }) : primary instanceof CollectionType ? {
-                node: /* @__PURE__ */ React17.createElement(CollectionMain, {
+                node: /* @__PURE__ */ React18.createElement(CollectionMain, {
                   collection: primary
                 }),
                 disposition: "fallback"
-              } : typeof primary === "string" && primary.length === OBJECT_ID_LENGTH ? /* @__PURE__ */ React17.createElement(MissingObject, {
+              } : typeof primary === "string" && primary.length === OBJECT_ID_LENGTH ? /* @__PURE__ */ React18.createElement(MissingObject, {
                 id: primary
               }) : null;
             case "complementary--settings":
-              return isEchoObject2(data.subject) ? /* @__PURE__ */ React17.createElement(DefaultObjectSettings, {
-                object: data.subject
-              }) : null;
+              return isSpace2(data.subject) ? /* @__PURE__ */ React18.createElement(SpaceSettingsPanel, {
+                space: data.subject
+              }) : isEchoObject2(data.subject) ? {
+                node: /* @__PURE__ */ React18.createElement(DefaultObjectSettings, {
+                  object: data.subject
+                }),
+                disposition: "fallback"
+              } : null;
             case "dialog":
               if (data.component === "dxos.org/plugin/space/InvitationManagerDialog") {
-                return /* @__PURE__ */ React17.createElement(Dialog.Content, null, /* @__PURE__ */ React17.createElement(ClipboardProvider2, null, /* @__PURE__ */ React17.createElement(InvitationManager, {
+                return /* @__PURE__ */ React18.createElement(Dialog.Content, null, /* @__PURE__ */ React18.createElement(ClipboardProvider2, null, /* @__PURE__ */ React18.createElement(InvitationManager, {
                   active: true,
                   ...data.subject
                 })));
-              } else {
-                return null;
               }
-            case "popover":
+              return null;
+            case "popover": {
               if (data.component === "dxos.org/plugin/space/RenameSpacePopover" && isSpace2(data.subject)) {
-                return /* @__PURE__ */ React17.createElement(PopoverRenameSpace, {
+                return /* @__PURE__ */ React18.createElement(PopoverRenameSpace, {
                   space: data.subject
                 });
               }
               if (data.component === "dxos.org/plugin/space/RenameObjectPopover" && isReactiveObject2(data.subject)) {
-                return /* @__PURE__ */ React17.createElement(PopoverRenameObject, {
+                return /* @__PURE__ */ React18.createElement(PopoverRenameObject, {
                   object: data.subject
                 });
               }
               return null;
+            }
             // TODO(burdon): Add role name syntax to minimal plugin docs.
             case "presence--glyph": {
-              return isReactiveObject2(data.object) ? /* @__PURE__ */ React17.createElement(SmallPresenceLive, {
+              return isReactiveObject2(data.object) ? /* @__PURE__ */ React18.createElement(SmallPresenceLive, {
+                id: data.id,
                 viewers: state.values.viewersByObject[fullyQualifiedId4(data.object)]
-              }) : /* @__PURE__ */ React17.createElement(SmallPresence, {
+              }) : /* @__PURE__ */ React18.createElement(SmallPresence, {
+                id: data.id,
                 count: 0
               });
             }
@@ -2061,32 +2130,32 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
               const space = isSpace2(data.object) ? data.object : getSpace4(data.object);
               const object = isSpace2(data.object) ? data.object.state.get() === SpaceState3.SPACE_READY ? space?.properties[CollectionType.typename] : void 0 : data.object;
               return space && object ? {
-                node: /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement(SpacePresence, {
+                node: /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement(SpacePresence, {
                   object
-                }), space.properties[COMPOSER_SPACE_LOCK] ? null : /* @__PURE__ */ React17.createElement(ShareSpaceButton, {
+                }), space.properties[COMPOSER_SPACE_LOCK] ? null : /* @__PURE__ */ React18.createElement(ShareSpaceButton, {
                   spaceId: space.id
                 })),
                 disposition: "hoist"
               } : null;
             }
             case "section":
-              return data.object instanceof CollectionType ? /* @__PURE__ */ React17.createElement(CollectionSection, {
+              return data.object instanceof CollectionType ? /* @__PURE__ */ React18.createElement(CollectionSection, {
                 collection: data.object
               }) : null;
             case "settings":
-              return data.plugin === meta_default.id ? /* @__PURE__ */ React17.createElement(SpaceSettings, {
+              return data.plugin === meta_default.id ? /* @__PURE__ */ React18.createElement(SpaceSettings, {
                 settings: settings.values
               }) : null;
             case "menu-footer":
-              if (!isEchoObject2(data.object)) {
-                return null;
-              } else {
-                return /* @__PURE__ */ React17.createElement(MenuFooter, {
+              if (isEchoObject2(data.object)) {
+                return /* @__PURE__ */ React18.createElement(MenuFooter, {
                   object: data.object
                 });
+              } else {
+                return null;
               }
             case "status": {
-              return /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement(SyncStatus, null), /* @__PURE__ */ React17.createElement(SaveStatus, null));
+              return /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement(SyncStatus, null), /* @__PURE__ */ React18.createElement(SaveStatus, null));
             }
             default:
               return null;
@@ -2102,7 +2171,7 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
           const dispatch = intentPlugin?.provides.intent.dispatch;
           const resolve = metadataPlugin?.provides.metadata.resolver;
           const graph = graphPlugin?.provides.graph;
-          if (!graph || !dispatch || !resolve || !client) {
+          if (!client || !dispatch || !resolve || !graph) {
             return [];
           }
           return [
@@ -2134,7 +2203,6 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                           ns: SPACE_PLUGIN
                         }
                       ],
-                      palette: "teal",
                       testId: "spacePlugin.spaces",
                       role: "branch",
                       childrenPersistenceClass: "echo",
@@ -2146,9 +2214,9 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                         if (spacesOrder) {
                           spacesOrder.order = nextOrder.map(({ id }) => id);
                         } else {
-                          log2.warn("spaces order object not found", void 0, {
-                            F: __dxlog_file5,
-                            L: 526,
+                          log3.warn("spaces order object not found", void 0, {
+                            F: __dxlog_file6,
+                            L: 528,
                             S: void 0,
                             C: (f, a) => f(...a)
                           });
@@ -2185,8 +2253,9 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                       }
                     ],
                     icon: "ph--plus--regular",
-                    disposition: "toolbar",
-                    testId: "spacePlugin.createSpace"
+                    disposition: "item",
+                    testId: "spacePlugin.createSpace",
+                    className: "pbs-4"
                   }
                 },
                 {
@@ -2210,7 +2279,9 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                       }
                     ],
                     icon: "ph--sign-in--regular",
-                    testId: "spacePlugin.joinSpace"
+                    disposition: "item",
+                    testId: "spacePlugin.joinSpace",
+                    className: "pbe-4"
                   }
                 }
               ],
@@ -2345,9 +2416,36 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                 if (!id.endsWith("~settings")) {
                   return;
                 }
+                const type = "orphan-settings-for-subject";
+                const icon = "ph--gear--regular";
                 const [subjectId] = id.split("~");
-                const [spaceId, objectId] = parseFullyQualifiedId(subjectId);
+                const { spaceId, objectId } = parseId(subjectId);
                 const space = client.spaces.get().find((space2) => space2.id === spaceId);
+                if (!objectId) {
+                  const label2 = space ? space.properties.name || [
+                    "unnamed space label",
+                    {
+                      ns: SPACE_PLUGIN
+                    }
+                  ] : [
+                    "unnamed object settings label",
+                    {
+                      ns: SPACE_PLUGIN
+                    }
+                  ];
+                  return {
+                    id,
+                    type,
+                    data: null,
+                    properties: {
+                      icon,
+                      label: label2,
+                      showResolvedThreads: false,
+                      object: null,
+                      space
+                    }
+                  };
+                }
                 const object = toSignal((onChange) => {
                   const timeout = setTimeout(async () => {
                     await space?.db.loadObjectById(objectId);
@@ -2367,10 +2465,10 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
                 ];
                 return {
                   id,
-                  type: "orphan-settings-for-subject",
+                  type,
                   data: null,
                   properties: {
-                    icon: "ph--gear--regular",
+                    icon,
                     label,
                     object
                   }
@@ -2909,10 +3007,11 @@ var SpacePlugin = ({ firstRun, onFirstRun } = {}) => {
             case SpaceAction.DUPLICATE_OBJECT: {
               const originalObject = intent.data?.object ?? intent.data?.result;
               const resolve = resolvePlugin(plugins, parseMetadataResolverPlugin)?.provides.metadata.resolver;
-              if (!isEchoObject2(originalObject) || !resolve) {
+              const space = isSpace2(intent.data?.target) ? intent.data?.target : getSpace4(intent.data?.target);
+              if (!isEchoObject2(originalObject) || !resolve || !space) {
                 return;
               }
-              const newObject = await cloneObject(originalObject, resolve);
+              const newObject = await cloneObject(originalObject, resolve, space);
               return {
                 intents: [
                   [
@@ -2976,6 +3075,7 @@ export {
   SpacePlugin,
   SpacePresence,
   SpaceSettings,
+  SpaceSettingsPanel,
   SyncStatus,
   SyncStatusDetail,
   SyncStatusIndicator,