@dxos/shell 0.7.3-main.2dd075e → 0.7.3-staging.0905f03

package/dist/lib/node/react.cjs

@@ -34,14 +34,10 @@ __export(react_exports, {
   AuthCode: () => AuthCode,
   BifurcatedAction: () => BifurcatedAction,
   Centered: () => Centered,
-  ClipboardContext: () => ClipboardContext,
-  ClipboardProvider: () => ClipboardProvider,
   CloseButton: () => CloseButton,
   CompoundButton: () => CompoundButton,
   ConfirmReset: () => ConfirmReset,
   ConfirmResetImpl: () => ConfirmResetImpl,
-  CopyButton: () => CopyButton,
-  CopyButtonIconOnly: () => CopyButtonIconOnly,
   DeviceList: () => DeviceList,
   Emoji: () => Emoji,
   EmojiPickerBlock: () => EmojiPickerBlock,
@@ -97,7 +93,6 @@ __export(react_exports, {
   successBgColor: () => successBgColor,
   successStrokeColor: () => successStrokeColor,
   successTextColor: () => successTextColor,
-  useClipboardContext: () => useClipboardContext,
   useShell: () => useShell,
   useViewportContext: () => useViewportContext
 });
@@ -107,231 +102,225 @@ var import_react = require("@phosphor-icons/react");
 var import_react2 = __toESM(require("react"));
 var import_react_ui = require("@dxos/react-ui");
 var import_react_ui_theme = require("@dxos/react-ui-theme");
-var import_react3 = require("@phosphor-icons/react");
-var import_react4 = __toESM(require("react"));
+var import_react3 = __toESM(require("react"));
 var import_react_ui2 = require("@dxos/react-ui");
 var import_react_ui_theme2 = require("@dxos/react-ui-theme");
-var import_react5 = __toESM(require("react"));
+var import_data = __toESM(require("@emoji-mart/data"));
+var import_react4 = __toESM(require("@emoji-mart/react"));
+var import_react5 = require("@phosphor-icons/react");
+var import_react_use_controllable_state = require("@radix-ui/react-use-controllable-state");
 var import_react6 = __toESM(require("react"));
 var import_react_ui3 = require("@dxos/react-ui");
 var import_react_ui_theme3 = require("@dxos/react-ui-theme");
-var import_data = __toESM(require("@emoji-mart/data"));
-var import_react7 = __toESM(require("@emoji-mart/react"));
-var import_react8 = require("@phosphor-icons/react");
-var import_react_use_controllable_state = require("@radix-ui/react-use-controllable-state");
-var import_react9 = __toESM(require("react"));
+var import_react7 = require("@phosphor-icons/react");
+var import_react_use_controllable_state2 = require("@radix-ui/react-use-controllable-state");
+var import_react8 = __toESM(require("react"));
 var import_react_ui4 = require("@dxos/react-ui");
 var import_react_ui_theme4 = require("@dxos/react-ui-theme");
-var import_react10 = require("@phosphor-icons/react");
-var import_react_use_controllable_state2 = require("@radix-ui/react-use-controllable-state");
-var import_react11 = __toESM(require("react"));
-var import_react_ui5 = require("@dxos/react-ui");
-var import_react_ui_theme5 = require("@dxos/react-ui-theme");
-var import_react12 = __toESM(require("react"));
+var import_react9 = __toESM(require("react"));
 var import_display_name = require("@dxos/display-name");
 var import_echo = require("@dxos/react-client/echo");
-var import_react_ui6 = require("@dxos/react-ui");
-var import_react_ui_theme6 = require("@dxos/react-ui-theme");
+var import_react_ui5 = require("@dxos/react-ui");
+var import_react_ui_theme5 = require("@dxos/react-ui-theme");
 var import_util = require("@dxos/util");
-var import_react13 = __toESM(require("react"));
+var import_react10 = __toESM(require("react"));
 var import_react_client = require("@dxos/react-client");
 var import_echo2 = require("@dxos/react-client/echo");
+var import_react_ui6 = require("@dxos/react-ui");
+var import_react_ui_theme6 = require("@dxos/react-ui-theme");
+var import_react11 = require("@phosphor-icons/react");
+var import_react12 = __toESM(require("react"));
 var import_react_ui7 = require("@dxos/react-ui");
 var import_react_ui_theme7 = require("@dxos/react-ui-theme");
-var import_react14 = require("@phosphor-icons/react");
-var import_react15 = __toESM(require("react"));
-var import_react_ui8 = require("@dxos/react-ui");
-var import_react_ui_theme8 = require("@dxos/react-ui-theme");
-var import_react16 = require("@phosphor-icons/react");
-var import_react17 = __toESM(require("react"));
+var import_react13 = require("@phosphor-icons/react");
+var import_react14 = __toESM(require("react"));
 var import_display_name2 = require("@dxos/display-name");
 var import_halo = require("@dxos/react-client/halo");
 var import_mesh = require("@dxos/react-client/mesh");
-var import_react_ui9 = require("@dxos/react-ui");
-var import_react_ui_theme9 = require("@dxos/react-ui-theme");
+var import_react_ui8 = require("@dxos/react-ui");
+var import_react_ui_theme8 = require("@dxos/react-ui-theme");
 var import_util2 = require("@dxos/util");
-var import_react18 = require("@phosphor-icons/react");
+var import_react15 = require("@phosphor-icons/react");
 var import_date_fns = require("date-fns");
-var import_react19 = __toESM(require("react"));
+var import_react16 = __toESM(require("react"));
 var import_invitations = require("@dxos/react-client/invitations");
-var import_react_ui10 = require("@dxos/react-ui");
-var import_react_ui_theme10 = require("@dxos/react-ui-theme");
+var import_react_ui9 = require("@dxos/react-ui");
+var import_react_ui_theme9 = require("@dxos/react-ui-theme");
 var import_util3 = require("@dxos/util");
-var import_react20 = __toESM(require("react"));
+var import_react17 = __toESM(require("react"));
+var import_react_ui_theme10 = require("@dxos/react-ui-theme");
+var import_react18 = __toESM(require("react"));
+var import_echo3 = require("@dxos/react-client/echo");
+var import_react19 = __toESM(require("react"));
+var import_react_ui10 = require("@dxos/react-ui");
 var import_react_ui_theme11 = require("@dxos/react-ui-theme");
+var import_react20 = require("@phosphor-icons/react");
+var import_react_use_controllable_state3 = require("@radix-ui/react-use-controllable-state");
 var import_react21 = __toESM(require("react"));
-var import_echo3 = require("@dxos/react-client/echo");
-var import_react22 = __toESM(require("react"));
 var import_react_ui11 = require("@dxos/react-ui");
 var import_react_ui_theme12 = require("@dxos/react-ui-theme");
+var import_react22 = __toESM(require("react"));
+var import_react_ui_theme13 = require("@dxos/react-ui-theme");
 var import_react23 = require("@phosphor-icons/react");
-var import_react_use_controllable_state3 = require("@radix-ui/react-use-controllable-state");
 var import_react24 = __toESM(require("react"));
 var import_react_ui12 = require("@dxos/react-ui");
-var import_react_ui_theme13 = require("@dxos/react-ui-theme");
-var import_react25 = __toESM(require("react"));
 var import_react_ui_theme14 = require("@dxos/react-ui-theme");
-var import_react26 = require("@phosphor-icons/react");
-var import_react27 = __toESM(require("react"));
-var import_react_ui13 = require("@dxos/react-ui");
+var import_react25 = __toESM(require("react"));
 var import_react_ui_theme15 = require("@dxos/react-ui-theme");
-var import_react28 = __toESM(require("react"));
+var import_react26 = __toESM(require("react"));
 var import_react_ui_theme16 = require("@dxos/react-ui-theme");
-var import_react29 = __toESM(require("react"));
+var import_react27 = __toESM(require("react"));
 var import_react_ui_theme17 = require("@dxos/react-ui-theme");
-var import_react30 = __toESM(require("react"));
+var import_react28 = __toESM(require("react"));
+var import_react_ui13 = require("@dxos/react-ui");
+var import_react29 = __toESM(require("react"));
 var import_react_ui_theme18 = require("@dxos/react-ui-theme");
-var import_react31 = __toESM(require("react"));
-var import_react_ui14 = require("@dxos/react-ui");
-var import_react32 = __toESM(require("react"));
-var import_react_ui_theme19 = require("@dxos/react-ui-theme");
 var import_react_tabster = require("@fluentui/react-tabster");
 var import_react_context = require("@radix-ui/react-context");
 var import_react_use_controllable_state4 = require("@radix-ui/react-use-controllable-state");
-var import_react33 = __toESM(require("react"));
+var import_react30 = __toESM(require("react"));
+var import_react_ui14 = require("@dxos/react-ui");
+var import_react_ui_theme19 = require("@dxos/react-ui-theme");
+var import_react31 = __toESM(require("react"));
 var import_react_ui15 = require("@dxos/react-ui");
 var import_react_ui_theme20 = require("@dxos/react-ui-theme");
-var import_react34 = __toESM(require("react"));
-var import_react_ui16 = require("@dxos/react-ui");
-var import_react_ui_theme21 = require("@dxos/react-ui-theme");
 var import_util4 = require("@dxos/util");
-var import_react35 = __toESM(require("react"));
-var import_react_ui17 = require("@dxos/react-ui");
-var import_react36 = require("@phosphor-icons/react");
-var import_react37 = __toESM(require("react"));
+var import_react32 = __toESM(require("react"));
+var import_react_ui16 = require("@dxos/react-ui");
+var import_react33 = require("@phosphor-icons/react");
+var import_react34 = __toESM(require("react"));
 var import_display_name3 = require("@dxos/display-name");
-var import_invariant = require("@dxos/invariant");
 var import_log = require("@dxos/log");
 var import_react_client2 = require("@dxos/react-client");
 var import_halo2 = require("@dxos/react-client/halo");
 var import_invitations2 = require("@dxos/react-client/invitations");
 var import_mesh2 = require("@dxos/react-client/mesh");
-var import_react_ui18 = require("@dxos/react-ui");
-var import_react_ui_theme22 = require("@dxos/react-ui-theme");
+var import_react_ui17 = require("@dxos/react-ui");
+var import_react_ui_theme21 = require("@dxos/react-ui-theme");
 var import_util5 = require("@dxos/util");
-var import_react38 = require("@xstate/react");
+var import_react35 = require("@xstate/react");
 var import_xstate = require("xstate");
 var import_log2 = require("@dxos/log");
-var import_react39 = __toESM(require("react"));
+var import_react36 = __toESM(require("react"));
 var import_log3 = require("@dxos/log");
 var import_react_client3 = require("@dxos/react-client");
 var import_halo3 = require("@dxos/react-client/halo");
 var import_invitations3 = require("@dxos/react-client/invitations");
-var import_react40 = __toESM(require("react"));
+var import_react37 = __toESM(require("react"));
 var import_log4 = require("@dxos/log");
-var import_react_ui19 = require("@dxos/react-ui");
+var import_react_ui18 = require("@dxos/react-ui");
 var import_util6 = require("@dxos/util");
 var import_react_client4 = require("@dxos/react-client");
-var import_react41 = require("react");
-var import_invariant2 = require("@dxos/invariant");
+var import_react38 = require("react");
+var import_invariant = require("@dxos/invariant");
 var import_log5 = require("@dxos/log");
 var import_services = require("@dxos/protocols/proto/dxos/client/services");
 var import_metadata = require("@dxos/protocols/proto/dxos/echo/metadata");
 var import_react_client5 = require("@dxos/react-client");
-var import_react42 = require("react");
-var import_invariant3 = require("@dxos/invariant");
+var import_react39 = require("react");
+var import_invariant2 = require("@dxos/invariant");
 var import_log6 = require("@dxos/log");
 var import_react_client6 = require("@dxos/react-client");
 var import_invitations4 = require("@dxos/react-client/invitations");
-var import_react43 = require("@phosphor-icons/react");
-var import_react44 = __toESM(require("react"));
+var import_react40 = require("@phosphor-icons/react");
+var import_react41 = __toESM(require("react"));
 var import_react_qr_rounded = require("react-qr-rounded");
-var import_react_ui20 = require("@dxos/react-ui");
-var import_react_ui_theme23 = require("@dxos/react-ui-theme");
+var import_react_ui19 = require("@dxos/react-ui");
+var import_react_ui_theme22 = require("@dxos/react-ui-theme");
 var import_util7 = require("@dxos/util");
 var import_invitations5 = require("@dxos/react-client/invitations");
-var import_react45 = require("@phosphor-icons/react");
-var import_react46 = __toESM(require("react"));
+var import_react42 = require("@phosphor-icons/react");
+var import_react43 = __toESM(require("react"));
 var import_log7 = require("@dxos/log");
-var import_react_ui21 = require("@dxos/react-ui");
-var import_react_ui_theme24 = require("@dxos/react-ui-theme");
-var import_react47 = __toESM(require("react"));
+var import_react_ui20 = require("@dxos/react-ui");
+var import_react_ui_theme23 = require("@dxos/react-ui-theme");
+var import_react44 = __toESM(require("react"));
 var import_log8 = require("@dxos/log");
 var import_react_client7 = require("@dxos/react-client");
 var import_halo4 = require("@dxos/react-client/halo");
+var import_react_ui21 = require("@dxos/react-ui");
+var import_react45 = require("@phosphor-icons/react");
+var import_react46 = __toESM(require("react"));
 var import_react_ui22 = require("@dxos/react-ui");
-var import_react48 = require("@phosphor-icons/react");
-var import_react49 = __toESM(require("react"));
-var import_react_ui23 = require("@dxos/react-ui");
-var import_react_ui_theme25 = require("@dxos/react-ui-theme");
-var import_react50 = require("@xstate/react");
-var import_react51 = require("react");
+var import_react_ui_theme24 = require("@dxos/react-ui-theme");
+var import_react47 = require("@xstate/react");
+var import_react48 = require("react");
 var import_xstate2 = require("xstate");
 var import_log9 = require("@dxos/log");
 var import_react_client8 = require("@dxos/react-client");
 var import_invitations6 = require("@dxos/react-client/invitations");
-var import_react52 = require("@phosphor-icons/react");
-var import_react53 = __toESM(require("react"));
+var import_react49 = require("@phosphor-icons/react");
+var import_react50 = __toESM(require("react"));
+var import_react_ui23 = require("@dxos/react-ui");
+var import_react_ui_theme25 = require("@dxos/react-ui-theme");
+var import_react51 = __toESM(require("react"));
+var import_display_name4 = require("@dxos/display-name");
 var import_react_ui24 = require("@dxos/react-ui");
 var import_react_ui_theme26 = require("@dxos/react-ui-theme");
-var import_react54 = __toESM(require("react"));
-var import_display_name4 = require("@dxos/display-name");
-var import_react_ui25 = require("@dxos/react-ui");
-var import_react_ui_theme27 = require("@dxos/react-ui-theme");
 var import_util8 = require("@dxos/util");
-var import_react55 = __toESM(require("react"));
+var import_react52 = __toESM(require("react"));
 var import_log10 = require("@dxos/log");
 var import_react_client9 = require("@dxos/react-client");
+var import_react_ui25 = require("@dxos/react-ui");
+var import_react53 = __toESM(require("react"));
 var import_react_ui26 = require("@dxos/react-ui");
-var import_react56 = __toESM(require("react"));
-var import_react_ui27 = require("@dxos/react-ui");
-var import_react57 = __toESM(require("react"));
+var import_react54 = __toESM(require("react"));
 var import_log11 = require("@dxos/log");
+var import_react_ui27 = require("@dxos/react-ui");
+var import_react55 = __toESM(require("react"));
 var import_react_ui28 = require("@dxos/react-ui");
-var import_react58 = __toESM(require("react"));
+var import_react_ui_theme27 = require("@dxos/react-ui-theme");
+var import_react56 = __toESM(require("react"));
+var import_invitations7 = require("@dxos/react-client/invitations");
 var import_react_ui29 = require("@dxos/react-ui");
 var import_react_ui_theme28 = require("@dxos/react-ui-theme");
-var import_react59 = __toESM(require("react"));
-var import_invitations7 = require("@dxos/react-client/invitations");
-var import_react_ui30 = require("@dxos/react-ui");
-var import_react_ui_theme29 = require("@dxos/react-ui-theme");
 var import_util9 = require("@dxos/util");
 var import_invitations8 = require("@dxos/react-client/invitations");
-var import_react60 = require("@phosphor-icons/react");
-var import_react61 = __toESM(require("react"));
+var import_react57 = require("@phosphor-icons/react");
+var import_react58 = __toESM(require("react"));
 var import_log12 = require("@dxos/log");
 var import_invitations9 = require("@dxos/react-client/invitations");
-var import_react_ui31 = require("@dxos/react-ui");
-var import_react62 = require("@xstate/react");
+var import_react_ui30 = require("@dxos/react-ui");
+var import_react59 = require("@xstate/react");
 var import_xstate3 = require("xstate");
 var import_log13 = require("@dxos/log");
-var import_react63 = require("@phosphor-icons/react");
-var import_react64 = __toESM(require("react"));
+var import_react60 = require("@phosphor-icons/react");
+var import_react61 = __toESM(require("react"));
 var import_log14 = require("@dxos/log");
 var import_react_client10 = require("@dxos/react-client");
 var import_echo4 = require("@dxos/react-client/echo");
 var import_invitations10 = require("@dxos/react-client/invitations");
+var import_react_ui31 = require("@dxos/react-ui");
+var import_react_ui_theme29 = require("@dxos/react-ui-theme");
+var import_react62 = __toESM(require("react"));
 var import_react_ui32 = require("@dxos/react-ui");
-var import_react_ui_theme30 = require("@dxos/react-ui-theme");
-var import_react65 = __toESM(require("react"));
+var import_react63 = __toESM(require("react"));
 var import_react_ui33 = require("@dxos/react-ui");
-var import_react66 = __toESM(require("react"));
-var import_react_ui34 = require("@dxos/react-ui");
-var import_react67 = __toESM(require("react"));
+var import_react64 = __toESM(require("react"));
 var import_client = require("react-dom/client");
 var import_client_protocol = require("@dxos/client-protocol");
 var import_react_client11 = require("@dxos/react-client");
-var import_react_ui35 = require("@dxos/react-ui");
-var import_react_ui_theme31 = require("@dxos/react-ui-theme");
+var import_react_ui34 = require("@dxos/react-ui");
+var import_react_ui_theme30 = require("@dxos/react-ui-theme");
 var import_rpc_tunnel = require("@dxos/rpc-tunnel");
-var import_react68 = __toESM(require("react"));
+var import_react65 = __toESM(require("react"));
 var import_log15 = require("@dxos/log");
 var import_react_client12 = require("@dxos/react-client");
 var import_react_client13 = require("@dxos/react-client");
 var import_echo5 = require("@dxos/react-client/echo");
-var import_react69 = __toESM(require("react"));
+var import_react66 = __toESM(require("react"));
+var import_react_ui35 = require("@dxos/react-ui");
+var import_react67 = __toESM(require("react"));
 var import_react_ui36 = require("@dxos/react-ui");
-var import_react70 = __toESM(require("react"));
-var import_react_ui37 = require("@dxos/react-ui");
 var import_async = require("@dxos/async");
 var import_client_protocol2 = require("@dxos/client-protocol");
-var import_invariant4 = require("@dxos/invariant");
+var import_invariant3 = require("@dxos/invariant");
 var import_iframe = require("@dxos/protocols/proto/dxos/iframe");
 var import_rpc = require("@dxos/rpc");
-var import_react71 = __toESM(require("react"));
+var import_react68 = __toESM(require("react"));
 var import_react_client14 = require("@dxos/react-client");
 var import_halo5 = require("@dxos/react-client/halo");
-var import_react_ui_theme32 = require("@dxos/react-ui-theme");
+var import_react_ui_theme31 = require("@dxos/react-ui-theme");
 var import_async2 = require("@dxos/async");
 var import_react_client15 = require("@dxos/react-client");
 var AgentConfig = ({ agentStatus, validationMessage, onAgentDestroy, onAgentCreate, onAgentRefresh }) => {
@@ -417,92 +406,11 @@ var AgentConfig = ({ agentStatus, validationMessage, onAgentDestroy, onAgentCrea
     className: import_react_ui_theme.descriptionText
   }, t("create agent description")))));
 };
-var ClipboardContext = /* @__PURE__ */ (0, import_react5.createContext)({
-  textValue: "",
-  setTextValue: async (_) => {
-  }
-});
-var useClipboardContext = () => (0, import_react5.useContext)(ClipboardContext);
-var ClipboardProvider = ({ children }) => {
-  const [textValue, setInternalTextValue] = (0, import_react5.useState)("");
-  const setTextValue = (0, import_react5.useCallback)(async (nextValue) => {
-    await navigator.clipboard.writeText(nextValue);
-    return setInternalTextValue(nextValue);
-  }, []);
-  return /* @__PURE__ */ import_react5.default.createElement(ClipboardContext.Provider, {
-    value: {
-      textValue,
-      setTextValue
-    }
-  }, children);
-};
-var inactiveLabelStyles = "invisible bs-px -mbe-px overflow-hidden";
-var CopyButton = ({ value, classNames, iconProps: iconProps2, ...props }) => {
-  const { t } = (0, import_react_ui2.useTranslation)("os");
-  const { textValue, setTextValue } = useClipboardContext();
-  const isCopied = textValue === value;
-  return /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Button, {
-    ...props,
-    classNames: [
-      "inline-flex flex-col justify-center",
-      classNames
-    ],
-    onClick: () => setTextValue(value),
-    "data-testid": "copy-invitation"
-  }, /* @__PURE__ */ import_react4.default.createElement("div", {
-    role: "none",
-    className: (0, import_react_ui_theme2.mx)("flex gap-1 items-center", isCopied && inactiveLabelStyles)
-  }, /* @__PURE__ */ import_react4.default.createElement("span", {
-    className: "pli-1"
-  }, t("copy invitation code label")), /* @__PURE__ */ import_react4.default.createElement(import_react3.Copy, {
-    className: (0, import_react_ui_theme2.getSize)(5),
-    ...iconProps2
-  })), /* @__PURE__ */ import_react4.default.createElement("div", {
-    role: "none",
-    className: (0, import_react_ui_theme2.mx)("flex gap-1 items-center", !isCopied && inactiveLabelStyles)
-  }, /* @__PURE__ */ import_react4.default.createElement("span", {
-    className: "pli-1"
-  }, t("copy success label")), /* @__PURE__ */ import_react4.default.createElement(import_react3.Check, {
-    className: (0, import_react_ui_theme2.getSize)(5),
-    ...iconProps2
-  })));
-};
-var CopyButtonIconOnly = ({ value, classNames, iconProps: iconProps2, variant, ...props }) => {
-  const { t } = (0, import_react_ui2.useTranslation)("os");
-  const { textValue, setTextValue } = useClipboardContext();
-  const isCopied = textValue === value;
-  const label = isCopied ? t("copy success label") : t("copy invitation code label");
-  const [open, setOpen] = (0, import_react4.useState)(false);
-  return /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Tooltip.Root, {
-    delayDuration: 1500,
-    open,
-    onOpenChange: setOpen
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Tooltip.Portal, null, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Tooltip.Content, {
-    side: "bottom",
-    sideOffset: 12,
-    classNames: "z-30"
-  }, /* @__PURE__ */ import_react4.default.createElement("span", null, label), /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Tooltip.Arrow, null))), /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Tooltip.Trigger, {
-    "aria-label": label,
-    ...props,
-    onClick: () => setTextValue(value).then(() => setOpen(true)),
-    "data-testid": "copy-invitation",
-    asChild: true
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Button, {
-    variant,
-    classNames: [
-      "inline-flex flex-col justify-center",
-      classNames
-    ]
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react3.Copy, {
-    className: (0, import_react_ui_theme2.getSize)(5),
-    ...iconProps2
-  }))));
-};
 var CompoundButton = ({ children, description, before, after, variant = "default", elevation: propsElevation, slots = {}, ...buttonProps }) => {
-  const labelId = (0, import_react_ui3.useId)("compoundButton-label");
-  const descriptionId = (0, import_react_ui3.useId)("compoundButton-description");
-  const { tx } = (0, import_react_ui3.useThemeContext)();
-  const elevation = (0, import_react_ui3.useElevationContext)(propsElevation);
+  const labelId = (0, import_react_ui2.useId)("compoundButton-label");
+  const descriptionId = (0, import_react_ui2.useId)("compoundButton-description");
+  const { tx } = (0, import_react_ui2.useThemeContext)();
+  const elevation = (0, import_react_ui2.useElevationContext)(propsElevation);
   const styleProps = {
     ...buttonProps,
     variant,
@@ -510,7 +418,7 @@ var CompoundButton = ({ children, description, before, after, variant = "default
     textWrap: true
   };
   const buttonClassName = tx("button.root", "button button--compound", styleProps, "flex items-center gap-4 plb-2.5", slots.root?.className);
-  return /* @__PURE__ */ import_react6.default.createElement("button", {
+  return /* @__PURE__ */ import_react3.default.createElement("button", {
     ...buttonProps,
     ...slots.root,
     className: buttonClassName,
@@ -518,38 +426,38 @@ var CompoundButton = ({ children, description, before, after, variant = "default
     ...description && {
       "aria-describedby": descriptionId
     }
-  }, before && /* @__PURE__ */ import_react6.default.createElement("div", {
+  }, before && /* @__PURE__ */ import_react3.default.createElement("div", {
     role: "none",
     className: "grow-0"
-  }, before), /* @__PURE__ */ import_react6.default.createElement("div", {
+  }, before), /* @__PURE__ */ import_react3.default.createElement("div", {
     role: "none",
     ...slots.middle,
-    className: (0, import_react_ui_theme3.mx)("grow whitespace-normal flex flex-col gap-1 text-left", slots.middle?.className)
-  }, /* @__PURE__ */ import_react6.default.createElement("p", {
+    className: (0, import_react_ui_theme2.mx)("grow whitespace-normal flex flex-col gap-1 text-left", slots.middle?.className)
+  }, /* @__PURE__ */ import_react3.default.createElement("p", {
     ...slots.label,
     id: labelId,
-    className: (0, import_react_ui_theme3.mx)(slots.label?.className)
-  }, children), description && /* @__PURE__ */ import_react6.default.createElement("p", {
+    className: (0, import_react_ui_theme2.mx)(slots.label?.className)
+  }, children), description && /* @__PURE__ */ import_react3.default.createElement("p", {
     id: descriptionId,
     ...slots.description,
-    className: (0, import_react_ui_theme3.mx)("text-xs mbe-1 font-normal", variant === "primary" ? import_react_ui_theme3.descriptionTextPrimary : import_react_ui_theme3.descriptionText, slots.description?.className)
-  }, description)), after && /* @__PURE__ */ import_react6.default.createElement("div", {
+    className: (0, import_react_ui_theme2.mx)("text-xs mbe-1 font-normal", variant === "primary" ? import_react_ui_theme2.descriptionTextPrimary : import_react_ui_theme2.descriptionText, slots.description?.className)
+  }, description)), after && /* @__PURE__ */ import_react3.default.createElement("div", {
     role: "none",
     className: "grow-0"
   }, after));
 };
 var EmojiPickerToolbarButton = ({ disabled, defaultEmoji, emoji, onChangeEmoji, classNames }) => {
-  const { t } = (0, import_react_ui4.useTranslation)("os");
-  const { themeMode } = (0, import_react_ui4.useThemeContext)();
+  const { t } = (0, import_react_ui3.useTranslation)("os");
+  const { themeMode } = (0, import_react_ui3.useThemeContext)();
   const [_emojiValue, setEmojiValue] = (0, import_react_use_controllable_state.useControllableState)({
     prop: emoji,
     onChange: onChangeEmoji,
     defaultProp: defaultEmoji
   });
-  const [emojiPickerOpen, setEmojiPickerOpen] = (0, import_react9.useState)(false);
-  const suppressNextTooltip = (0, import_react9.useRef)(false);
-  const [triggerTooltipOpen, setTriggerTooltipOpen] = (0, import_react9.useState)(false);
-  return /* @__PURE__ */ import_react9.default.createElement(import_react_ui4.Tooltip.Root, {
+  const [emojiPickerOpen, setEmojiPickerOpen] = (0, import_react6.useState)(false);
+  const suppressNextTooltip = (0, import_react6.useRef)(false);
+  const [triggerTooltipOpen, setTriggerTooltipOpen] = (0, import_react6.useState)(false);
+  return /* @__PURE__ */ import_react6.default.createElement(import_react_ui3.Tooltip.Root, {
     open: triggerTooltipOpen,
     onOpenChange: (nextOpen) => {
       if (suppressNextTooltip.current) {
@@ -559,30 +467,30 @@ var EmojiPickerToolbarButton = ({ disabled, defaultEmoji, emoji, onChangeEmoji,
         setTriggerTooltipOpen(nextOpen);
       }
     }
-  }, /* @__PURE__ */ import_react9.default.createElement(import_react_ui4.Popover.Root, {
+  }, /* @__PURE__ */ import_react6.default.createElement(import_react_ui3.Popover.Root, {
     open: emojiPickerOpen,
     onOpenChange: (nextOpen) => {
       setEmojiPickerOpen(nextOpen);
       suppressNextTooltip.current = true;
     }
-  }, /* @__PURE__ */ import_react9.default.createElement(import_react_ui4.Tooltip.Trigger, {
+  }, /* @__PURE__ */ import_react6.default.createElement(import_react_ui3.Tooltip.Trigger, {
     asChild: true
-  }, /* @__PURE__ */ import_react9.default.createElement(import_react_ui4.Popover.Trigger, {
+  }, /* @__PURE__ */ import_react6.default.createElement(import_react_ui3.Popover.Trigger, {
     asChild: true
-  }, /* @__PURE__ */ import_react9.default.createElement(import_react_ui4.Toolbar.Button, {
+  }, /* @__PURE__ */ import_react6.default.createElement(import_react_ui3.Toolbar.Button, {
     classNames: [
       "gap-2 text-2xl plb-1",
       classNames
     ],
     disabled
-  }, /* @__PURE__ */ import_react9.default.createElement("span", {
+  }, /* @__PURE__ */ import_react6.default.createElement("span", {
     className: "sr-only"
-  }, t("select emoji label")), /* @__PURE__ */ import_react9.default.createElement(import_react8.UserCircle, {
-    className: (0, import_react_ui_theme4.getSize)(5)
-  })))), /* @__PURE__ */ import_react9.default.createElement(import_react_ui4.Tooltip.Portal, null, /* @__PURE__ */ import_react9.default.createElement(import_react_ui4.Tooltip.Content, {
+  }, t("select emoji label")), /* @__PURE__ */ import_react6.default.createElement(import_react5.UserCircle, {
+    className: (0, import_react_ui_theme3.getSize)(5)
+  })))), /* @__PURE__ */ import_react6.default.createElement(import_react_ui3.Tooltip.Portal, null, /* @__PURE__ */ import_react6.default.createElement(import_react_ui3.Tooltip.Content, {
     side: "bottom",
     classNames: "z-50"
-  }, t("select emoji label"), /* @__PURE__ */ import_react9.default.createElement(import_react_ui4.Tooltip.Arrow, null))), /* @__PURE__ */ import_react9.default.createElement(import_react_ui4.Popover.Content, {
+  }, t("select emoji label"), /* @__PURE__ */ import_react6.default.createElement(import_react_ui3.Tooltip.Arrow, null))), /* @__PURE__ */ import_react6.default.createElement(import_react_ui3.Popover.Content, {
     side: "bottom",
     onKeyDownCapture: (event) => {
       if (event.key === "Escape") {
@@ -591,7 +499,7 @@ var EmojiPickerToolbarButton = ({ disabled, defaultEmoji, emoji, onChangeEmoji,
         suppressNextTooltip.current = true;
       }
     }
-  }, /* @__PURE__ */ import_react9.default.createElement(import_react7.default, {
+  }, /* @__PURE__ */ import_react6.default.createElement(import_react4.default, {
     data: import_data.default,
     onEmojiSelect: ({ native }) => {
       if (native) {
@@ -603,11 +511,11 @@ var EmojiPickerToolbarButton = ({ disabled, defaultEmoji, emoji, onChangeEmoji,
     maxFrequentRows: 0,
     noCountryFlags: true,
     theme: themeMode
-  }), /* @__PURE__ */ import_react9.default.createElement(import_react_ui4.Popover.Arrow, null))));
+  }), /* @__PURE__ */ import_react6.default.createElement(import_react_ui3.Popover.Arrow, null))));
 };
 var EmojiPickerBlock = ({ disabled, defaultEmoji, emoji, onChangeEmoji, onClickClear }) => {
-  const { t } = (0, import_react_ui4.useTranslation)("os");
-  const [isMd] = (0, import_react_ui4.useMediaQuery)("md", {
+  const { t } = (0, import_react_ui3.useTranslation)("os");
+  const [isMd] = (0, import_react_ui3.useMediaQuery)("md", {
     ssr: false
   });
   const [emojiValue, setEmojiValue] = (0, import_react_use_controllable_state.useControllableState)({
@@ -615,23 +523,23 @@ var EmojiPickerBlock = ({ disabled, defaultEmoji, emoji, onChangeEmoji, onClickC
     onChange: onChangeEmoji,
     defaultProp: defaultEmoji
   });
-  const [emojiPickerOpen, setEmojiPickerOpen] = (0, import_react9.useState)(false);
-  return /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, null, /* @__PURE__ */ import_react9.default.createElement(import_react_ui4.Popover.Root, {
+  const [emojiPickerOpen, setEmojiPickerOpen] = (0, import_react6.useState)(false);
+  return /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, /* @__PURE__ */ import_react6.default.createElement(import_react_ui3.Popover.Root, {
     open: emojiPickerOpen,
     onOpenChange: setEmojiPickerOpen
-  }, /* @__PURE__ */ import_react9.default.createElement(import_react_ui4.Popover.Trigger, {
+  }, /* @__PURE__ */ import_react6.default.createElement(import_react_ui3.Popover.Trigger, {
     asChild: true
-  }, /* @__PURE__ */ import_react9.default.createElement(import_react_ui4.Button, {
+  }, /* @__PURE__ */ import_react6.default.createElement(import_react_ui3.Button, {
     variant: "ghost",
     classNames: "gap-2 text-2xl plb-1",
     disabled
-  }, /* @__PURE__ */ import_react9.default.createElement("span", {
+  }, /* @__PURE__ */ import_react6.default.createElement("span", {
     className: "sr-only"
-  }, t("select emoji label")), /* @__PURE__ */ import_react9.default.createElement("span", {
+  }, t("select emoji label")), /* @__PURE__ */ import_react6.default.createElement("span", {
     className: "grow pis-14"
-  }, emojiValue), /* @__PURE__ */ import_react9.default.createElement(import_react8.CaretDown, {
-    className: (0, import_react_ui_theme4.getSize)(4)
-  }))), /* @__PURE__ */ import_react9.default.createElement(import_react_ui4.Popover.Content, {
+  }, emojiValue), /* @__PURE__ */ import_react6.default.createElement(import_react5.CaretDown, {
+    className: (0, import_react_ui_theme3.getSize)(4)
+  }))), /* @__PURE__ */ import_react6.default.createElement(import_react_ui3.Popover.Content, {
     side: "right",
     sideOffset: isMd ? 0 : -310,
     onKeyDownCapture: (event) => {
@@ -640,7 +548,7 @@ var EmojiPickerBlock = ({ disabled, defaultEmoji, emoji, onChangeEmoji, onClickC
         setEmojiPickerOpen(false);
       }
     }
-  }, /* @__PURE__ */ import_react9.default.createElement(import_react7.default, {
+  }, /* @__PURE__ */ import_react6.default.createElement(import_react4.default, {
     data: import_data.default,
     onEmojiSelect: ({ native }) => {
       if (native) {
@@ -651,29 +559,29 @@ var EmojiPickerBlock = ({ disabled, defaultEmoji, emoji, onChangeEmoji, onClickC
     autoFocus: true,
     maxFrequentRows: 0,
     noCountryFlags: true
-  }), /* @__PURE__ */ import_react9.default.createElement(import_react_ui4.Popover.Arrow, null))), /* @__PURE__ */ import_react9.default.createElement(import_react_ui4.Tooltip.Root, null, /* @__PURE__ */ import_react9.default.createElement(import_react_ui4.Tooltip.Trigger, {
+  }), /* @__PURE__ */ import_react6.default.createElement(import_react_ui3.Popover.Arrow, null))), /* @__PURE__ */ import_react6.default.createElement(import_react_ui3.Tooltip.Root, null, /* @__PURE__ */ import_react6.default.createElement(import_react_ui3.Tooltip.Trigger, {
     asChild: true
-  }, /* @__PURE__ */ import_react9.default.createElement(import_react_ui4.Button, {
+  }, /* @__PURE__ */ import_react6.default.createElement(import_react_ui3.Button, {
     variant: "ghost",
     onClick: onClickClear,
     disabled
-  }, /* @__PURE__ */ import_react9.default.createElement("span", {
+  }, /* @__PURE__ */ import_react6.default.createElement("span", {
     className: "sr-only"
-  }, t("clear label")), /* @__PURE__ */ import_react9.default.createElement(import_react8.ArrowCounterClockwise, null))), /* @__PURE__ */ import_react9.default.createElement(import_react_ui4.Tooltip.Portal, null, /* @__PURE__ */ import_react9.default.createElement(import_react_ui4.Tooltip.Content, {
+  }, t("clear label")), /* @__PURE__ */ import_react6.default.createElement(import_react5.ArrowCounterClockwise, null))), /* @__PURE__ */ import_react6.default.createElement(import_react_ui3.Tooltip.Portal, null, /* @__PURE__ */ import_react6.default.createElement(import_react_ui3.Tooltip.Content, {
     style: {
       zIndex: 70
     },
     side: "right"
-  }, t("clear label"), /* @__PURE__ */ import_react9.default.createElement(import_react_ui4.Tooltip.Arrow, null)))));
+  }, t("clear label"), /* @__PURE__ */ import_react6.default.createElement(import_react_ui3.Tooltip.Arrow, null)))));
 };
 var HuePreview = ({ hue }) => {
-  const { tx } = (0, import_react_ui5.useThemeContext)();
+  const { tx } = (0, import_react_ui4.useThemeContext)();
   const size = 20;
-  return /* @__PURE__ */ import_react11.default.createElement("svg", {
+  return /* @__PURE__ */ import_react8.default.createElement("svg", {
     width: size,
     height: size,
     viewBox: `0 0 ${size} ${size}`
-  }, /* @__PURE__ */ import_react11.default.createElement("rect", {
+  }, /* @__PURE__ */ import_react8.default.createElement("rect", {
     x: 0,
     y: 0,
     width: size,
@@ -683,18 +591,18 @@ var HuePreview = ({ hue }) => {
     })
   }));
 };
-var hueTokens = Object.keys(import_react_ui_theme5.hueTokenThemes).slice(0, 16);
+var hueTokens = Object.keys(import_react_ui_theme4.hueTokenThemes).slice(0, 16);
 var HuePickerToolbarButton = ({ disabled, hue, onChangeHue, classNames, defaultHue }) => {
-  const { t } = (0, import_react_ui5.useTranslation)("os");
+  const { t } = (0, import_react_ui4.useTranslation)("os");
   const [hueValue, setHueValue] = (0, import_react_use_controllable_state2.useControllableState)({
     prop: hue,
     onChange: onChangeHue,
     defaultProp: defaultHue
   });
-  const [huePickerOpen, setHuePickerOpen] = (0, import_react11.useState)(false);
-  const suppressNextTooltip = (0, import_react11.useRef)(false);
-  const [triggerTooltipOpen, setTriggerTooltipOpen] = (0, import_react11.useState)(false);
-  return /* @__PURE__ */ import_react11.default.createElement(import_react_ui5.Tooltip.Root, {
+  const [huePickerOpen, setHuePickerOpen] = (0, import_react8.useState)(false);
+  const suppressNextTooltip = (0, import_react8.useRef)(false);
+  const [triggerTooltipOpen, setTriggerTooltipOpen] = (0, import_react8.useState)(false);
+  return /* @__PURE__ */ import_react8.default.createElement(import_react_ui4.Tooltip.Root, {
     open: triggerTooltipOpen,
     onOpenChange: (nextOpen) => {
       if (suppressNextTooltip.current) {
@@ -704,146 +612,146 @@ var HuePickerToolbarButton = ({ disabled, hue, onChangeHue, classNames, defaultH
         setTriggerTooltipOpen(nextOpen);
       }
     }
-  }, /* @__PURE__ */ import_react11.default.createElement(import_react_ui5.DropdownMenu.Root, {
+  }, /* @__PURE__ */ import_react8.default.createElement(import_react_ui4.DropdownMenu.Root, {
     modal: false,
     open: huePickerOpen,
     onOpenChange: (nextOpen) => {
       setHuePickerOpen(nextOpen);
       suppressNextTooltip.current = true;
     }
-  }, /* @__PURE__ */ import_react11.default.createElement(import_react_ui5.Tooltip.Trigger, {
+  }, /* @__PURE__ */ import_react8.default.createElement(import_react_ui4.Tooltip.Trigger, {
     asChild: true
-  }, /* @__PURE__ */ import_react11.default.createElement(import_react_ui5.DropdownMenu.Trigger, {
+  }, /* @__PURE__ */ import_react8.default.createElement(import_react_ui4.DropdownMenu.Trigger, {
     asChild: true
-  }, /* @__PURE__ */ import_react11.default.createElement(import_react_ui5.Toolbar.Button, {
-    classNames: (0, import_react_ui_theme5.mx)("gap-2 plb-1", classNames),
+  }, /* @__PURE__ */ import_react8.default.createElement(import_react_ui4.Toolbar.Button, {
+    classNames: (0, import_react_ui_theme4.mx)("gap-2 plb-1", classNames),
     disabled
-  }, /* @__PURE__ */ import_react11.default.createElement("span", {
+  }, /* @__PURE__ */ import_react8.default.createElement("span", {
     className: "sr-only"
-  }, t("select hue label")), /* @__PURE__ */ import_react11.default.createElement(import_react10.Palette, {
-    className: (0, import_react_ui_theme5.getSize)(5)
-  })))), /* @__PURE__ */ import_react11.default.createElement(import_react_ui5.Tooltip.Portal, null, /* @__PURE__ */ import_react11.default.createElement(import_react_ui5.Tooltip.Content, {
+  }, t("select hue label")), /* @__PURE__ */ import_react8.default.createElement(import_react7.Palette, {
+    className: (0, import_react_ui_theme4.getSize)(5)
+  })))), /* @__PURE__ */ import_react8.default.createElement(import_react_ui4.Tooltip.Portal, null, /* @__PURE__ */ import_react8.default.createElement(import_react_ui4.Tooltip.Content, {
     side: "bottom",
     classNames: "z-50"
-  }, t("select hue label"), /* @__PURE__ */ import_react11.default.createElement(import_react_ui5.Tooltip.Arrow, null))), /* @__PURE__ */ import_react11.default.createElement(import_react_ui5.DropdownMenu.Content, {
+  }, t("select hue label"), /* @__PURE__ */ import_react8.default.createElement(import_react_ui4.Tooltip.Arrow, null))), /* @__PURE__ */ import_react8.default.createElement(import_react_ui4.DropdownMenu.Content, {
     side: "bottom",
     classNames: "!w-40"
-  }, /* @__PURE__ */ import_react11.default.createElement(import_react_ui5.DropdownMenu.Viewport, {
+  }, /* @__PURE__ */ import_react8.default.createElement(import_react_ui4.DropdownMenu.Viewport, {
     classNames: "grid grid-cols-4"
   }, hueTokens.map((hue2) => {
-    return /* @__PURE__ */ import_react11.default.createElement(import_react_ui5.DropdownMenu.CheckboxItem, {
+    return /* @__PURE__ */ import_react8.default.createElement(import_react_ui4.DropdownMenu.CheckboxItem, {
       key: hue2,
       checked: hue2 === hueValue,
       onCheckedChange: () => setHueValue(hue2),
       classNames: "px-0 py-2 items-center justify-center"
-    }, /* @__PURE__ */ import_react11.default.createElement(HuePreview, {
+    }, /* @__PURE__ */ import_react8.default.createElement(HuePreview, {
       hue: hue2
     }));
   })))));
 };
 var HuePickerBlock = ({ disabled, hue, onChangeHue, defaultHue, onClickClear }) => {
-  const { t } = (0, import_react_ui5.useTranslation)("os");
+  const { t } = (0, import_react_ui4.useTranslation)("os");
   const [hueValue, setHueValue] = (0, import_react_use_controllable_state2.useControllableState)({
     prop: hue,
     onChange: onChangeHue,
     defaultProp: defaultHue
   });
-  return /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, /* @__PURE__ */ import_react11.default.createElement(import_react_ui5.DropdownMenu.Root, {
+  return /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, /* @__PURE__ */ import_react8.default.createElement(import_react_ui4.DropdownMenu.Root, {
     modal: false
-  }, /* @__PURE__ */ import_react11.default.createElement(import_react_ui5.DropdownMenu.Trigger, {
+  }, /* @__PURE__ */ import_react8.default.createElement(import_react_ui4.DropdownMenu.Trigger, {
     asChild: true
-  }, /* @__PURE__ */ import_react11.default.createElement(import_react_ui5.Button, {
+  }, /* @__PURE__ */ import_react8.default.createElement(import_react_ui4.Button, {
     variant: "ghost",
     classNames: "gap-2 plb-1",
     disabled
-  }, /* @__PURE__ */ import_react11.default.createElement("span", {
+  }, /* @__PURE__ */ import_react8.default.createElement("span", {
     className: "sr-only"
-  }, t("select hue label")), /* @__PURE__ */ import_react11.default.createElement("div", {
+  }, t("select hue label")), /* @__PURE__ */ import_react8.default.createElement("div", {
     role: "none",
     className: "pis-14 grow flex items-center justify-center gap-2"
-  }, /* @__PURE__ */ import_react11.default.createElement(HuePreview, {
+  }, /* @__PURE__ */ import_react8.default.createElement(HuePreview, {
     hue: hueValue
-  }), /* @__PURE__ */ import_react11.default.createElement("span", null, t(`${hueValue} label`))), /* @__PURE__ */ import_react11.default.createElement(import_react10.CaretDown, {
-    className: (0, import_react_ui_theme5.getSize)(4)
-  }))), /* @__PURE__ */ import_react11.default.createElement(import_react_ui5.DropdownMenu.Content, {
+  }), /* @__PURE__ */ import_react8.default.createElement("span", null, t(`${hueValue} label`))), /* @__PURE__ */ import_react8.default.createElement(import_react7.CaretDown, {
+    className: (0, import_react_ui_theme4.getSize)(4)
+  }))), /* @__PURE__ */ import_react8.default.createElement(import_react_ui4.DropdownMenu.Content, {
     side: "right"
-  }, /* @__PURE__ */ import_react11.default.createElement(import_react_ui5.DropdownMenu.Viewport, null, Object.keys(import_react_ui_theme5.hueTokenThemes).map((hue2) => {
-    return /* @__PURE__ */ import_react11.default.createElement(import_react_ui5.DropdownMenu.CheckboxItem, {
+  }, /* @__PURE__ */ import_react8.default.createElement(import_react_ui4.DropdownMenu.Viewport, null, Object.keys(import_react_ui_theme4.hueTokenThemes).map((hue2) => {
+    return /* @__PURE__ */ import_react8.default.createElement(import_react_ui4.DropdownMenu.CheckboxItem, {
       key: hue2,
       checked: hue2 === hueValue,
       onCheckedChange: () => setHueValue(hue2)
-    }, /* @__PURE__ */ import_react11.default.createElement(HuePreview, {
+    }, /* @__PURE__ */ import_react8.default.createElement(HuePreview, {
       hue: hue2
-    }), /* @__PURE__ */ import_react11.default.createElement("span", {
+    }), /* @__PURE__ */ import_react8.default.createElement("span", {
       className: "grow"
-    }, t(`${hue2} label`)), /* @__PURE__ */ import_react11.default.createElement(import_react_ui5.DropdownMenu.ItemIndicator, null, /* @__PURE__ */ import_react11.default.createElement(import_react10.Check, null)));
-  })), /* @__PURE__ */ import_react11.default.createElement(import_react_ui5.DropdownMenu.Arrow, null))), /* @__PURE__ */ import_react11.default.createElement(import_react_ui5.Tooltip.Root, null, /* @__PURE__ */ import_react11.default.createElement(import_react_ui5.Tooltip.Trigger, {
+    }, t(`${hue2} label`)), /* @__PURE__ */ import_react8.default.createElement(import_react_ui4.DropdownMenu.ItemIndicator, null, /* @__PURE__ */ import_react8.default.createElement(import_react7.Check, null)));
+  })), /* @__PURE__ */ import_react8.default.createElement(import_react_ui4.DropdownMenu.Arrow, null))), /* @__PURE__ */ import_react8.default.createElement(import_react_ui4.Tooltip.Root, null, /* @__PURE__ */ import_react8.default.createElement(import_react_ui4.Tooltip.Trigger, {
     asChild: true
-  }, /* @__PURE__ */ import_react11.default.createElement(import_react_ui5.Button, {
+  }, /* @__PURE__ */ import_react8.default.createElement(import_react_ui4.Button, {
     variant: "ghost",
     onClick: onClickClear,
     disabled
-  }, /* @__PURE__ */ import_react11.default.createElement("span", {
+  }, /* @__PURE__ */ import_react8.default.createElement("span", {
     className: "sr-only"
-  }, t("clear label")), /* @__PURE__ */ import_react11.default.createElement(import_react10.ArrowCounterClockwise, null))), /* @__PURE__ */ import_react11.default.createElement(import_react_ui5.Tooltip.Portal, null, /* @__PURE__ */ import_react11.default.createElement(import_react_ui5.Tooltip.Content, {
+  }, t("clear label")), /* @__PURE__ */ import_react8.default.createElement(import_react7.ArrowCounterClockwise, null))), /* @__PURE__ */ import_react8.default.createElement(import_react_ui4.Tooltip.Portal, null, /* @__PURE__ */ import_react8.default.createElement(import_react_ui4.Tooltip.Content, {
     style: {
       zIndex: 70
     },
     side: "right"
-  }, t("clear label"), /* @__PURE__ */ import_react11.default.createElement(import_react_ui5.Tooltip.Arrow, null)))));
+  }, t("clear label"), /* @__PURE__ */ import_react8.default.createElement(import_react_ui4.Tooltip.Arrow, null)))));
 };
-var IdentityListItem = /* @__PURE__ */ (0, import_react12.forwardRef)(({ identity, presence, onClick, classNames, ...props }, forwardedRef) => {
+var IdentityListItem = /* @__PURE__ */ (0, import_react9.forwardRef)(({ identity, presence, onClick, classNames, ...props }, forwardedRef) => {
   const fallbackValue = (0, import_util.keyToFallback)(identity.identityKey);
-  const labelId = (0, import_react_ui6.useId)("identityListItem__label");
+  const labelId = (0, import_react_ui5.useId)("identityListItem__label");
   const displayName = identity.profile?.displayName ?? (0, import_display_name.generateName)(identity.identityKey.toHex());
-  return /* @__PURE__ */ import_react12.default.createElement(import_react_ui6.ListItem.Root, {
+  return /* @__PURE__ */ import_react9.default.createElement(import_react_ui5.ListItem.Root, {
     ...props,
-    classNames: (0, import_react_ui_theme6.mx)("flex gap-2 pis-3 pie-1 items-center", onClick && "cursor-pointer", classNames),
+    classNames: (0, import_react_ui_theme5.mx)("flex gap-2 pis-3 pie-1 items-center", onClick && "cursor-pointer", classNames),
     onClick: () => onClick?.(),
     "data-testid": "identity-list-item",
     labelId,
     ref: forwardedRef
-  }, /* @__PURE__ */ import_react12.default.createElement(import_react_ui6.Avatar.Root, {
+  }, /* @__PURE__ */ import_react9.default.createElement(import_react_ui5.Avatar.Root, {
     status: presence === import_echo.SpaceMember.PresenceState.ONLINE ? "active" : "inactive",
     labelId,
     hue: identity.profile?.data?.hue || fallbackValue.hue
-  }, /* @__PURE__ */ import_react12.default.createElement(import_react_ui6.Avatar.Frame, {
+  }, /* @__PURE__ */ import_react9.default.createElement(import_react_ui5.Avatar.Frame, {
     classNames: "place-self-center"
-  }, /* @__PURE__ */ import_react12.default.createElement(import_react_ui6.Avatar.Fallback, {
+  }, /* @__PURE__ */ import_react9.default.createElement(import_react_ui5.Avatar.Fallback, {
     text: identity.profile?.data?.emoji || fallbackValue.emoji
-  })), /* @__PURE__ */ import_react12.default.createElement(import_react_ui6.Avatar.Label, {
+  })), /* @__PURE__ */ import_react9.default.createElement(import_react_ui5.Avatar.Label, {
     classNames: "text-sm truncate pli-2"
   }, displayName)));
 });
 var SpaceMemberList = ({ spaceKey, includeSelf, onSelect }) => {
   const client = (0, import_react_client.useClient)();
   const allUnsortedMembers = (0, import_echo2.useMembers)(spaceKey);
-  const members = (0, import_react13.useMemo)(() => includeSelf ? allUnsortedMembers.sort((member) => member.identity.identityKey.equals(client.halo.identity.get().identityKey) ? -1 : 1) : allUnsortedMembers.filter((member) => !member.identity.identityKey.equals(client.halo.identity.get().identityKey)), [
+  const members = (0, import_react10.useMemo)(() => includeSelf ? allUnsortedMembers.sort((member) => member.identity.identityKey.equals(client.halo.identity.get().identityKey) ? -1 : 1) : allUnsortedMembers.filter((member) => !member.identity.identityKey.equals(client.halo.identity.get().identityKey)), [
     allUnsortedMembers
   ]);
-  return /* @__PURE__ */ import_react13.default.createElement(SpaceMemberListImpl, {
+  return /* @__PURE__ */ import_react10.default.createElement(SpaceMemberListImpl, {
     members,
     onSelect
   });
 };
 var SpaceMemberListImpl = ({ members, onSelect }) => {
-  const { t } = (0, import_react_ui7.useTranslation)("os");
+  const { t } = (0, import_react_ui6.useTranslation)("os");
   const visibleMembers = members.filter((member) => member.identity);
-  return visibleMembers.length > 0 ? /* @__PURE__ */ import_react13.default.createElement(import_react_ui7.List, {
+  return visibleMembers.length > 0 ? /* @__PURE__ */ import_react10.default.createElement(import_react_ui6.List, {
     classNames: "flex flex-col gap-2",
     "data-testid": "space-members-list"
   }, visibleMembers.map((member) => {
-    return /* @__PURE__ */ import_react13.default.createElement(IdentityListItem, {
+    return /* @__PURE__ */ import_react10.default.createElement(IdentityListItem, {
       key: member.identity.identityKey.toHex(),
       identity: member.identity,
       presence: member.presence,
       onClick: onSelect && (() => onSelect(member))
     });
-  })) : /* @__PURE__ */ import_react13.default.createElement("div", {
+  })) : /* @__PURE__ */ import_react10.default.createElement("div", {
     role: "none",
     className: "grow flex items-center p-2"
-  }, /* @__PURE__ */ import_react13.default.createElement("p", {
-    className: (0, import_react_ui_theme7.mx)(import_react_ui_theme7.descriptionText, "text-center is-full mlb-2")
+  }, /* @__PURE__ */ import_react10.default.createElement("p", {
+    className: (0, import_react_ui_theme6.mx)(import_react_ui_theme6.descriptionText, "text-center is-full mlb-2")
   }, t("empty space members message")));
 };
 var iconProps = {
@@ -853,16 +761,16 @@ var iconProps = {
   x: 8,
   y: 8
 };
-var DeviceListItem = /* @__PURE__ */ (0, import_react17.forwardRef)(({ device, onClickAdd, onClickEdit, onClickReset, onClickRecover, onClickJoinExisting, classNames, connectionState, onAgentDestroy: _, ...props }, forwardedRef) => {
-  const { t } = (0, import_react_ui9.useTranslation)("os");
+var DeviceListItem = /* @__PURE__ */ (0, import_react14.forwardRef)(({ device, onClickAdd, onClickEdit, onClickReset, onClickRecover, onClickJoinExisting, classNames, connectionState, onAgentDestroy: _, ...props }, forwardedRef) => {
+  const { t } = (0, import_react_ui8.useTranslation)("os");
   const fallbackValue = (0, import_util2.keyToFallback)(device.deviceKey);
-  const labelId = (0, import_react_ui9.useId)("identityListItem__label");
+  const labelId = (0, import_react_ui8.useId)("identityListItem__label");
   const displayName = device.profile ? t("device name placeholder", {
     os: device.profile.os,
     platform: device.profile.platform
   }) : (0, import_display_name2.generateName)(device.deviceKey.toHex());
   const isCurrent = device.kind === import_halo.DeviceKind.CURRENT;
-  return /* @__PURE__ */ import_react17.default.createElement(import_react_ui9.ListItem.Root, {
+  return /* @__PURE__ */ import_react14.default.createElement(import_react_ui8.ListItem.Root, {
     ...props,
     classNames: [
       "flex gap-2 items-center mlb-2",
@@ -871,58 +779,58 @@ var DeviceListItem = /* @__PURE__ */ (0, import_react17.forwardRef)(({ device, o
     "data-testid": `device-list-item${isCurrent ? "-current" : ""}`,
     labelId,
     ref: forwardedRef
-  }, /* @__PURE__ */ import_react17.default.createElement(import_react_ui9.Avatar.Root, {
+  }, /* @__PURE__ */ import_react14.default.createElement(import_react_ui8.Avatar.Root, {
     status: isCurrent && connectionState === import_mesh.ConnectionState.OFFLINE ? "error" : device.presence === import_halo.Device.PresenceState.ONLINE ? "active" : "inactive",
     labelId,
     hue: fallbackValue.hue,
     variant: "square"
-  }, /* @__PURE__ */ import_react17.default.createElement(import_react_ui9.Avatar.Frame, {
+  }, /* @__PURE__ */ import_react14.default.createElement(import_react_ui8.Avatar.Frame, {
     classNames: "place-self-center"
-  }, device.profile?.type ? device.profile.type === import_halo.DeviceType.AGENT_MANAGED ? /* @__PURE__ */ import_react17.default.createElement(import_react16.Database, iconProps) : device.profile.type === import_halo.DeviceType.BROWSER ? /* @__PURE__ */ import_react17.default.createElement(import_react16.Compass, iconProps) : device.profile.type === import_halo.DeviceType.NATIVE ? /* @__PURE__ */ import_react17.default.createElement(import_react16.Desktop, iconProps) : [
+  }, device.profile?.type ? device.profile.type === import_halo.DeviceType.AGENT_MANAGED ? /* @__PURE__ */ import_react14.default.createElement(import_react13.Database, iconProps) : device.profile.type === import_halo.DeviceType.BROWSER ? /* @__PURE__ */ import_react14.default.createElement(import_react13.Compass, iconProps) : device.profile.type === import_halo.DeviceType.NATIVE ? /* @__PURE__ */ import_react14.default.createElement(import_react13.Desktop, iconProps) : [
     import_halo.DeviceType.AGENT,
     import_halo.DeviceType.AGENT_MANAGED
-  ].includes(device.profile.type) ? /* @__PURE__ */ import_react17.default.createElement(import_react16.Robot, iconProps) : device.profile.type === import_halo.DeviceType.MOBILE ? /* @__PURE__ */ import_react17.default.createElement(import_react16.DeviceMobile, iconProps) : /* @__PURE__ */ import_react17.default.createElement(import_react16.Devices, iconProps) : /* @__PURE__ */ import_react17.default.createElement(import_react_ui9.Avatar.Fallback, {
+  ].includes(device.profile.type) ? /* @__PURE__ */ import_react14.default.createElement(import_react13.Robot, iconProps) : device.profile.type === import_halo.DeviceType.MOBILE ? /* @__PURE__ */ import_react14.default.createElement(import_react13.DeviceMobile, iconProps) : /* @__PURE__ */ import_react14.default.createElement(import_react13.Devices, iconProps) : /* @__PURE__ */ import_react14.default.createElement(import_react_ui8.Avatar.Fallback, {
     text: fallbackValue.emoji
-  })), /* @__PURE__ */ import_react17.default.createElement(import_react_ui9.Avatar.Label, {
+  })), /* @__PURE__ */ import_react14.default.createElement(import_react_ui8.Avatar.Label, {
     classNames: "flex-1 text-sm truncate"
-  }, displayName), isCurrent && /* @__PURE__ */ import_react17.default.createElement(import_react_ui9.Tag, {
+  }, displayName), isCurrent && /* @__PURE__ */ import_react14.default.createElement(import_react_ui8.Tag, {
     color: "primary"
-  }, t("current device tag label")), device.kind === import_halo.DeviceKind.CURRENT && /* @__PURE__ */ import_react17.default.createElement(import_react_ui9.DropdownMenu.Root, null, /* @__PURE__ */ import_react17.default.createElement(import_react_ui9.DropdownMenu.Trigger, {
+  }, t("current device tag label")), device.kind === import_halo.DeviceKind.CURRENT && /* @__PURE__ */ import_react14.default.createElement(import_react_ui8.DropdownMenu.Root, null, /* @__PURE__ */ import_react14.default.createElement(import_react_ui8.DropdownMenu.Trigger, {
     asChild: true
-  }, /* @__PURE__ */ import_react17.default.createElement(import_react_ui9.Button, {
+  }, /* @__PURE__ */ import_react14.default.createElement(import_react_ui8.Button, {
     variant: "ghost",
     classNames: "pli-0 is-[--rail-action] bs-[--rail-action]",
     "data-testid": `device-list-item${isCurrent ? "-current" : ""}.options`
-  }, /* @__PURE__ */ import_react17.default.createElement("span", {
+  }, /* @__PURE__ */ import_react14.default.createElement("span", {
     className: "sr-only"
-  }, t("more options label")), /* @__PURE__ */ import_react17.default.createElement(import_react16.DotsThree, {
-    className: (0, import_react_ui_theme9.getSize)(5)
-  }))), /* @__PURE__ */ import_react17.default.createElement(import_react_ui9.DropdownMenu.Content, null, /* @__PURE__ */ import_react17.default.createElement(import_react_ui9.DropdownMenu.Viewport, null, /* @__PURE__ */ import_react17.default.createElement(import_react_ui9.DropdownMenu.Item, {
+  }, t("more options label")), /* @__PURE__ */ import_react14.default.createElement(import_react13.DotsThree, {
+    className: (0, import_react_ui_theme8.getSize)(5)
+  }))), /* @__PURE__ */ import_react14.default.createElement(import_react_ui8.DropdownMenu.Content, null, /* @__PURE__ */ import_react14.default.createElement(import_react_ui8.DropdownMenu.Viewport, null, /* @__PURE__ */ import_react14.default.createElement(import_react_ui8.DropdownMenu.Item, {
     "data-testid": "device-list-item-current.join-existing",
     onClick: onClickJoinExisting
-  }, /* @__PURE__ */ import_react17.default.createElement(import_react16.ShareFat, {
-    className: (0, import_react_ui_theme9.getSize)(5)
-  }), t("choose join new identity label")), onClickRecover && /* @__PURE__ */ import_react17.default.createElement(import_react_ui9.DropdownMenu.Item, {
+  }, /* @__PURE__ */ import_react14.default.createElement(import_react13.ShareFat, {
+    className: (0, import_react_ui_theme8.getSize)(5)
+  }), t("choose join new identity label")), onClickRecover && /* @__PURE__ */ import_react14.default.createElement(import_react_ui8.DropdownMenu.Item, {
     "data-testid": "device-list-item-current.recover",
     onClick: onClickRecover
-  }, /* @__PURE__ */ import_react17.default.createElement(import_react16.FirstAidKit, {
-    className: (0, import_react_ui_theme9.getSize)(5)
-  }), t("choose recover identity label")), /* @__PURE__ */ import_react17.default.createElement(import_react_ui9.DropdownMenu.Item, {
+  }, /* @__PURE__ */ import_react14.default.createElement(import_react13.FirstAidKit, {
+    className: (0, import_react_ui_theme8.getSize)(5)
+  }), t("choose recover identity label")), /* @__PURE__ */ import_react14.default.createElement(import_react_ui8.DropdownMenu.Item, {
     "data-testid": "device-list-item-current.reset",
     onClick: onClickReset
-  }, /* @__PURE__ */ import_react17.default.createElement(import_react16.Power, {
-    className: (0, import_react_ui_theme9.getSize)(5)
+  }, /* @__PURE__ */ import_react14.default.createElement(import_react13.Power, {
+    className: (0, import_react_ui_theme8.getSize)(5)
   }), t("reset device label")))))));
 });
 var DeviceList = ({ devices, connectionState, onClickAdd, onClickEdit, onClickReset, onClickRecover, onClickJoinExisting, onAgentDestroy }) => {
-  const { t } = (0, import_react_ui8.useTranslation)("os");
-  return /* @__PURE__ */ import_react15.default.createElement("div", {
+  const { t } = (0, import_react_ui7.useTranslation)("os");
+  return /* @__PURE__ */ import_react12.default.createElement("div", {
     role: "none",
     className: "p-1"
-  }, /* @__PURE__ */ import_react15.default.createElement("h2", {
-    className: (0, import_react_ui_theme8.mx)(import_react_ui_theme8.descriptionText, "text-center mbs-2")
-  }, t("devices heading")), devices.length > 0 && /* @__PURE__ */ import_react15.default.createElement(import_react_ui8.List, null, devices.map((device) => {
-    return /* @__PURE__ */ import_react15.default.createElement(DeviceListItem, {
+  }, /* @__PURE__ */ import_react12.default.createElement("h2", {
+    className: (0, import_react_ui_theme7.mx)(import_react_ui_theme7.descriptionText, "text-center mbs-2")
+  }, t("devices heading")), devices.length > 0 && /* @__PURE__ */ import_react12.default.createElement(import_react_ui7.List, null, devices.map((device) => {
+    return /* @__PURE__ */ import_react12.default.createElement(DeviceListItem, {
       key: device.deviceKey.toHex(),
       device,
       onClickEdit: () => onClickEdit?.(device),
@@ -932,22 +840,22 @@ var DeviceList = ({ devices, connectionState, onClickAdd, onClickEdit, onClickRe
       connectionState,
       onAgentDestroy
     });
-  })), /* @__PURE__ */ import_react15.default.createElement(import_react_ui8.Button, {
+  })), /* @__PURE__ */ import_react12.default.createElement(import_react_ui7.Button, {
     variant: "ghost",
     classNames: "justify-start gap-2 !pis-0 !pie-3 is-full",
     "data-testid": "devices-panel.create-invitation",
     onClick: onClickAdd
-  }, /* @__PURE__ */ import_react15.default.createElement("div", {
+  }, /* @__PURE__ */ import_react12.default.createElement("div", {
     role: "img",
-    className: (0, import_react_ui_theme8.mx)((0, import_react_ui_theme8.getSize)(8), "m-1 rounded-sm bg-input grid place-items-center")
-  }, /* @__PURE__ */ import_react15.default.createElement(import_react14.Plus, {
+    className: (0, import_react_ui_theme7.mx)((0, import_react_ui_theme7.getSize)(8), "m-1 rounded-sm bg-input grid place-items-center")
+  }, /* @__PURE__ */ import_react12.default.createElement(import_react11.Plus, {
     weight: "light",
-    className: (0, import_react_ui_theme8.getSize)(6)
-  })), /* @__PURE__ */ import_react15.default.createElement("span", {
+    className: (0, import_react_ui_theme7.getSize)(6)
+  })), /* @__PURE__ */ import_react12.default.createElement("span", {
     className: "grow font-medium text-start"
-  }, t("choose add device label")), /* @__PURE__ */ import_react15.default.createElement(import_react14.CaretRight, {
+  }, t("choose add device label")), /* @__PURE__ */ import_react12.default.createElement(import_react11.CaretRight, {
     weight: "bold",
-    className: (0, import_react_ui_theme8.getSize)(4)
+    className: (0, import_react_ui_theme7.getSize)(4)
   })));
 };
 var AuthCode = (props) => {
@@ -955,7 +863,7 @@ var AuthCode = (props) => {
   const l = code?.length ?? 0;
   const left = code?.slice(0, l / 2);
   const right = code?.slice(l / 2);
-  const codeRef = (0, import_react20.useRef)(null);
+  const codeRef = (0, import_react17.useRef)(null);
   const handleClick = () => {
     if (codeRef.current) {
       const selection = window.getSelection();
@@ -966,18 +874,18 @@ var AuthCode = (props) => {
     }
     void navigator.clipboard.writeText(code ?? "");
   };
-  return /* @__PURE__ */ import_react20.default.createElement("span", {
-    className: (0, import_react_ui_theme11.mx)(large ? "text-6xl" : "text-2xl", "font-mono pli-2.5 rounded cursor-pointer", classNames),
+  return /* @__PURE__ */ import_react17.default.createElement("span", {
+    className: (0, import_react_ui_theme10.mx)(large ? "text-6xl" : "text-2xl", "font-mono pli-2.5 rounded cursor-pointer", classNames),
     onClick: handleClick,
     ref: codeRef
-  }, /* @__PURE__ */ import_react20.default.createElement("span", {
+  }, /* @__PURE__ */ import_react17.default.createElement("span", {
     className: "mie-[0.4em]"
-  }, left), /* @__PURE__ */ import_react20.default.createElement("span", null, right));
+  }, left), /* @__PURE__ */ import_react17.default.createElement("span", null, right));
 };
 var InvitationListItem = (props) => {
   const { invitation } = props;
   const invitationStatus = (0, import_invitations.useInvitationStatus)(invitation);
-  return /* @__PURE__ */ import_react19.default.createElement(InvitationListItemImpl, {
+  return /* @__PURE__ */ import_react16.default.createElement(InvitationListItemImpl, {
     ...props,
     invitationStatus
   });
@@ -987,11 +895,11 @@ var avatarProps = {
   variant: "circle"
 };
 var AvatarStackEffect = ({ animation, status, reverseEffects }) => {
-  const { tx } = (0, import_react_ui10.useThemeContext)();
-  return /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, /* @__PURE__ */ import_react19.default.createElement("span", {
+  const { tx } = (0, import_react_ui9.useThemeContext)();
+  return /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement("span", {
     role: "none",
-    className: (0, import_react_ui_theme10.mx)("absolute inline-end-auto opacity-20", reverseEffects ? "inline-start-3" : "inline-start-1", (0, import_react_ui_theme10.getSize)(avatarProps.size))
-  }, /* @__PURE__ */ import_react19.default.createElement("span", {
+    className: (0, import_react_ui_theme9.mx)("absolute inline-end-auto opacity-20", reverseEffects ? "inline-start-3" : "inline-start-1", (0, import_react_ui_theme9.getSize)(avatarProps.size))
+  }, /* @__PURE__ */ import_react16.default.createElement("span", {
     role: "none",
     className: tx("avatar.ring", "avatar__ring", {
       ...avatarProps,
@@ -1001,10 +909,10 @@ var AvatarStackEffect = ({ animation, status, reverseEffects }) => {
     style: {
       animationDelay: "400ms"
     }
-  })), /* @__PURE__ */ import_react19.default.createElement("span", {
+  })), /* @__PURE__ */ import_react16.default.createElement("span", {
     role: "none",
-    className: (0, import_react_ui_theme10.mx)("absolute inline-end-auto opacity-50", reverseEffects ? "inline-start-2" : "inline-start-2", (0, import_react_ui_theme10.getSize)(avatarProps.size))
-  }, /* @__PURE__ */ import_react19.default.createElement("span", {
+    className: (0, import_react_ui_theme9.mx)("absolute inline-end-auto opacity-50", reverseEffects ? "inline-start-2" : "inline-start-2", (0, import_react_ui_theme9.getSize)(avatarProps.size))
+  }, /* @__PURE__ */ import_react16.default.createElement("span", {
     role: "none",
     className: tx("avatar.ring", "avatar__ring", {
       ...avatarProps,
@@ -1017,7 +925,7 @@ var AvatarStackEffect = ({ animation, status, reverseEffects }) => {
   })));
 };
 var InvitationListItemImpl = ({ invitation, invitationStatus: propsInvitationStatus, send, onClickRemove, createInvitationUrl, reverseEffects, ...props }) => {
-  const { t } = (0, import_react_ui10.useTranslation)("os");
+  const { t } = (0, import_react_ui9.useTranslation)("os");
   const { cancel, status: invitationStatus, invitationCode, authCode, multiUse, shareable } = propsInvitationStatus;
   const isCancellable = !([
     import_invitations.Invitation.State.ERROR,
@@ -1030,7 +938,7 @@ var InvitationListItemImpl = ({ invitation, invitationStatus: propsInvitationSta
     import_invitations.Invitation.State.CONNECTED
   ].indexOf(invitationStatus) >= 0);
   const showAuthCode = invitationStatus === import_invitations.Invitation.State.READY_FOR_AUTHENTICATION;
-  const handleClickRemove = (0, import_react19.useCallback)(() => onClickRemove?.(invitation), [
+  const handleClickRemove = (0, import_react16.useCallback)(() => onClickRemove?.(invitation), [
     invitation,
     onClickRemove
   ]);
@@ -1059,39 +967,39 @@ var InvitationListItemImpl = ({ invitation, invitationStatus: propsInvitationSta
     import_invitations.Invitation.State.SUCCESS
   ].includes(invitationStatus);
   const avatarStatus = avatarError ? "error" : avatarGreen ? "active" : "inactive";
-  return /* @__PURE__ */ import_react19.default.createElement(import_react_ui10.ListItem.Root, {
+  return /* @__PURE__ */ import_react16.default.createElement(import_react_ui9.ListItem.Root, {
     id: invitationCode,
     ...props,
     classNames: [
       "flex gap-2 pis-3 pie-1 items-center relative",
       props.classNames
     ]
-  }, /* @__PURE__ */ import_react19.default.createElement(import_react_ui10.ListItem.Heading, {
+  }, /* @__PURE__ */ import_react16.default.createElement(import_react_ui9.ListItem.Heading, {
     classNames: "sr-only"
-  }, t(multiUse ? "invite many list item label" : "invite one list item label")), multiUse && /* @__PURE__ */ import_react19.default.createElement(AvatarStackEffect, {
+  }, t(multiUse ? "invite many list item label" : "invite one list item label")), multiUse && /* @__PURE__ */ import_react16.default.createElement(AvatarStackEffect, {
     status: avatarStatus,
     animation: avatarAnimation,
     reverseEffects
-  }), /* @__PURE__ */ import_react19.default.createElement(import_react_ui10.Tooltip.Root, null, /* @__PURE__ */ import_react19.default.createElement(import_react_ui10.Avatar.Root, {
+  }), /* @__PURE__ */ import_react16.default.createElement(import_react_ui9.Tooltip.Root, null, /* @__PURE__ */ import_react16.default.createElement(import_react_ui9.Avatar.Root, {
     ...avatarProps,
     animation: avatarAnimation,
     status: avatarStatus
-  }, /* @__PURE__ */ import_react19.default.createElement(import_react_ui10.Tooltip.Trigger, {
+  }, /* @__PURE__ */ import_react16.default.createElement(import_react_ui9.Tooltip.Trigger, {
     asChild: true
-  }, /* @__PURE__ */ import_react19.default.createElement(import_react_ui10.Avatar.Frame, {
+  }, /* @__PURE__ */ import_react16.default.createElement(import_react_ui9.Avatar.Frame, {
     tabIndex: 0,
     classNames: [
-      import_react_ui_theme10.focusRing,
+      import_react_ui_theme9.focusRing,
       "relative rounded-full place-self-center"
     ]
-  }, /* @__PURE__ */ import_react19.default.createElement(import_react_ui10.Avatar.Fallback, {
+  }, /* @__PURE__ */ import_react16.default.createElement(import_react_ui9.Avatar.Fallback, {
     text: (0, import_util3.hexToEmoji)(invitationId)
-  })))), /* @__PURE__ */ import_react19.default.createElement(import_react_ui10.Tooltip.Portal, null, /* @__PURE__ */ import_react19.default.createElement(import_react_ui10.Tooltip.Content, {
+  })))), /* @__PURE__ */ import_react16.default.createElement(import_react_ui9.Tooltip.Portal, null, /* @__PURE__ */ import_react16.default.createElement(import_react_ui9.Tooltip.Content, {
     side: "left",
     classNames: "z-[70]"
-  }, t(multiUse ? "invite many qr label" : "invite one qr label"), /* @__PURE__ */ import_react19.default.createElement(import_react_ui10.Tooltip.Arrow, null)))), showShare && invitationUrl ? /* @__PURE__ */ import_react19.default.createElement(import_react_ui10.Tooltip.Root, null, /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, /* @__PURE__ */ import_react19.default.createElement(import_react_ui10.Tooltip.Trigger, {
+  }, t(multiUse ? "invite many qr label" : "invite one qr label"), /* @__PURE__ */ import_react16.default.createElement(import_react_ui9.Tooltip.Arrow, null)))), showShare && invitationUrl ? /* @__PURE__ */ import_react16.default.createElement(import_react_ui9.Tooltip.Root, null, /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement(import_react_ui9.Tooltip.Trigger, {
     asChild: true
-  }, /* @__PURE__ */ import_react19.default.createElement(import_react_ui10.Button, {
+  }, /* @__PURE__ */ import_react16.default.createElement(import_react_ui9.Button, {
     variant: "ghost",
     classNames: "grow justify-start font-medium",
     onClick: () => send({
@@ -1099,56 +1007,56 @@ var InvitationListItemImpl = ({ invitation, invitationStatus: propsInvitationSta
       invitation
     }),
     "data-testid": "show-qrcode"
-  }, /* @__PURE__ */ import_react19.default.createElement("span", null, t("open share panel label")))), /* @__PURE__ */ import_react19.default.createElement(CopyButtonIconOnly, {
+  }, /* @__PURE__ */ import_react16.default.createElement("span", null, t("open share panel label")))), /* @__PURE__ */ import_react16.default.createElement(import_react_ui9.Clipboard.IconButton, {
     variant: "ghost",
     value: invitationUrl
-  })), /* @__PURE__ */ import_react19.default.createElement(import_react_ui10.Tooltip.Portal, null, /* @__PURE__ */ import_react19.default.createElement(import_react_ui10.Tooltip.Content, {
+  })), /* @__PURE__ */ import_react16.default.createElement(import_react_ui9.Tooltip.Portal, null, /* @__PURE__ */ import_react16.default.createElement(import_react_ui9.Tooltip.Content, {
     side: "left",
     classNames: "z-[70]"
-  }, invitationHasLifetime && /* @__PURE__ */ import_react19.default.createElement("span", null, "Expires ", invitationTimeLeft)))) : showAuthCode ? /* @__PURE__ */ import_react19.default.createElement(AuthCode, {
+  }, invitationHasLifetime && /* @__PURE__ */ import_react16.default.createElement("span", null, "Expires ", invitationTimeLeft)))) : showAuthCode ? /* @__PURE__ */ import_react16.default.createElement(AuthCode, {
     code: authCode,
     classNames: "grow"
-  }) : invitationStatus === import_invitations.Invitation.State.CONNECTING ? /* @__PURE__ */ import_react19.default.createElement("span", {
+  }) : invitationStatus === import_invitations.Invitation.State.CONNECTING ? /* @__PURE__ */ import_react16.default.createElement("span", {
     className: "pli-2 grow text-neutral-500"
-  }, "Connecting...") : invitationStatus === import_invitations.Invitation.State.AUTHENTICATING ? /* @__PURE__ */ import_react19.default.createElement("span", {
+  }, "Connecting...") : invitationStatus === import_invitations.Invitation.State.AUTHENTICATING ? /* @__PURE__ */ import_react16.default.createElement("span", {
     className: "pli-2 grow text-neutral-500"
-  }, "Authenticating...") : invitationStatus === import_invitations.Invitation.State.ERROR || invitationStatus === import_invitations.Invitation.State.TIMEOUT ? /* @__PURE__ */ import_react19.default.createElement("span", {
+  }, "Authenticating...") : invitationStatus === import_invitations.Invitation.State.ERROR || invitationStatus === import_invitations.Invitation.State.TIMEOUT ? /* @__PURE__ */ import_react16.default.createElement("span", {
     className: "pli-2 grow text-neutral-500"
-  }, "Failed") : invitationStatus === import_invitations.Invitation.State.CANCELLED ? /* @__PURE__ */ import_react19.default.createElement("span", {
+  }, "Failed") : invitationStatus === import_invitations.Invitation.State.CANCELLED ? /* @__PURE__ */ import_react16.default.createElement("span", {
     className: "pli-2 grow text-neutral-500"
-  }, "Cancelled") : invitationStatus === import_invitations.Invitation.State.SUCCESS ? /* @__PURE__ */ import_react19.default.createElement("span", {
+  }, "Cancelled") : invitationStatus === import_invitations.Invitation.State.SUCCESS ? /* @__PURE__ */ import_react16.default.createElement("span", {
     className: "pli-2 grow truncate"
-  }, "User joined") : !shareable ? /* @__PURE__ */ import_react19.default.createElement("span", {
+  }, "User joined") : !shareable ? /* @__PURE__ */ import_react16.default.createElement("span", {
     className: "pli-2 grow text-neutral-500"
-  }, "Pending Invitation") : /* @__PURE__ */ import_react19.default.createElement("span", {
+  }, "Pending Invitation") : /* @__PURE__ */ import_react16.default.createElement("span", {
     className: "grow"
-  }, " "), isCancellable ? /* @__PURE__ */ import_react19.default.createElement(import_react_ui10.Button, {
+  }, " "), isCancellable ? /* @__PURE__ */ import_react16.default.createElement(import_react_ui9.Button, {
     variant: "ghost",
     classNames: "flex gap-1 pli-0",
     onClick: cancel,
     "data-testid": "cancel-invitation"
-  }, /* @__PURE__ */ import_react19.default.createElement("span", {
+  }, /* @__PURE__ */ import_react16.default.createElement("span", {
     className: "sr-only"
-  }, t("cancel invitation label")), /* @__PURE__ */ import_react19.default.createElement(import_react18.X, {
-    className: (0, import_react_ui_theme10.getSize)(4)
-  })) : /* @__PURE__ */ import_react19.default.createElement(import_react_ui10.Button, {
+  }, t("cancel invitation label")), /* @__PURE__ */ import_react16.default.createElement(import_react15.X, {
+    className: (0, import_react_ui_theme9.getSize)(4)
+  })) : /* @__PURE__ */ import_react16.default.createElement(import_react_ui9.Button, {
     variant: "ghost",
     classNames: "flex gap-1 pli-0",
     onClick: handleClickRemove,
     "data-testid": "remove-invitation"
-  }, /* @__PURE__ */ import_react19.default.createElement("span", {
+  }, /* @__PURE__ */ import_react16.default.createElement("span", {
     className: "sr-only"
-  }, t("remove invitation label")), /* @__PURE__ */ import_react19.default.createElement(import_react18.X, {
-    className: (0, import_react_ui_theme10.getSize)(4)
+  }, t("remove invitation label")), /* @__PURE__ */ import_react16.default.createElement(import_react15.X, {
+    className: (0, import_react_ui_theme9.getSize)(4)
   })));
 };
 var InvitationList = ({ invitations, send, ...invitationProps }) => {
   const { className, InvitationListItem: Item = InvitationListItem } = invitationProps;
-  return /* @__PURE__ */ import_react22.default.createElement(import_react_ui11.List, {
-    classNames: (0, import_react_ui_theme12.mx)("flex flex-col gap-2", className)
+  return /* @__PURE__ */ import_react19.default.createElement(import_react_ui10.List, {
+    classNames: (0, import_react_ui_theme11.mx)("flex flex-col gap-2", className)
   }, invitations.map((invitation) => {
     const value = invitation.get().invitationId;
-    return /* @__PURE__ */ import_react22.default.createElement(Item, {
+    return /* @__PURE__ */ import_react19.default.createElement(Item, {
       key: value,
       send,
       invitation,
@@ -1159,12 +1067,12 @@ var InvitationList = ({ invitations, send, ...invitationProps }) => {
 var InvitationListContainer = ({ spaceKey, createInvitationUrl, send }) => {
   const space = (0, import_echo3.useSpace)(spaceKey);
   const invitations = (0, import_echo3.useSpaceInvitations)(spaceKey);
-  const handleClickRemove = (0, import_react21.useCallback)((invitation) => {
+  const handleClickRemove = (0, import_react18.useCallback)((invitation) => {
     void invitation.cancel();
   }, [
     space
   ]);
-  return /* @__PURE__ */ import_react21.default.createElement(InvitationList, {
+  return /* @__PURE__ */ import_react18.default.createElement(InvitationList, {
     invitations,
     onClickRemove: handleClickRemove,
     createInvitationUrl,
@@ -1175,12 +1083,12 @@ var defaultActions = {
   noopAction: {
     label: "No-op",
     description: "",
-    icon: import_react23.Placeholder,
+    icon: import_react20.Placeholder,
     onClick: () => {
     }
   }
 };
-var BifurcatedAction = /* @__PURE__ */ (0, import_react24.forwardRef)((props, forwardedRef) => {
+var BifurcatedAction = /* @__PURE__ */ (0, import_react21.forwardRef)((props, forwardedRef) => {
   const { classNames, variant, isFull = true, actions = defaultActions, activeAction: propsActiveAction, onChangeActiveAction, defaultActiveAction, "data-testid": testId, ...rest } = props;
   const dropdownTestId = testId && `${testId}.more`;
   const [activeActionKey2 = Object.keys(actions)[0], setActiveAction] = (0, import_react_use_controllable_state3.useControllableState)({
@@ -1189,11 +1097,11 @@ var BifurcatedAction = /* @__PURE__ */ (0, import_react24.forwardRef)((props, fo
     defaultProp: defaultActiveAction
   });
   const activeAction = actions[activeActionKey2] ?? {};
-  const { t } = (0, import_react_ui12.useTranslation)("os");
-  return /* @__PURE__ */ import_react24.default.createElement("div", {
+  const { t } = (0, import_react_ui11.useTranslation)("os");
+  return /* @__PURE__ */ import_react21.default.createElement("div", {
     role: "none",
-    className: (0, import_react_ui_theme13.mx)("mbs-2 flex gap-px items-center", isFull && "is-full")
-  }, /* @__PURE__ */ import_react24.default.createElement(import_react_ui12.Button, {
+    className: (0, import_react_ui_theme12.mx)("mbs-2 flex gap-px items-center", isFull && "is-full")
+  }, /* @__PURE__ */ import_react21.default.createElement(import_react_ui11.Button, {
     ...rest,
     classNames: [
       "bs-11 flex-1 min-is-0 flex gap-2 rounded-ie-none",
@@ -1203,22 +1111,22 @@ var BifurcatedAction = /* @__PURE__ */ (0, import_react24.forwardRef)((props, fo
     variant,
     "data-testid": testId,
     onClick: activeAction.onClick
-  }, activeAction.icon && /* @__PURE__ */ import_react24.default.createElement(activeAction.icon, {
-    className: (0, import_react_ui_theme13.getSize)(5)
-  }), /* @__PURE__ */ import_react24.default.createElement("span", null, activeAction.label)), /* @__PURE__ */ import_react24.default.createElement(import_react_ui12.DropdownMenu.Root, null, /* @__PURE__ */ import_react24.default.createElement(import_react_ui12.DropdownMenu.Trigger, {
+  }, activeAction.icon && /* @__PURE__ */ import_react21.default.createElement(activeAction.icon, {
+    className: (0, import_react_ui_theme12.getSize)(5)
+  }), /* @__PURE__ */ import_react21.default.createElement("span", null, activeAction.label)), /* @__PURE__ */ import_react21.default.createElement(import_react_ui11.DropdownMenu.Root, null, /* @__PURE__ */ import_react21.default.createElement(import_react_ui11.DropdownMenu.Trigger, {
     asChild: true
-  }, /* @__PURE__ */ import_react24.default.createElement(import_react_ui12.Button, {
+  }, /* @__PURE__ */ import_react21.default.createElement(import_react_ui11.Button, {
     classNames: [
       "bs-11 flex-none rounded-is-none",
       classNames
     ],
     "data-testid": dropdownTestId
-  }, /* @__PURE__ */ import_react24.default.createElement("span", {
+  }, /* @__PURE__ */ import_react21.default.createElement("span", {
     className: "sr-only"
-  }, t("invite options label")), /* @__PURE__ */ import_react24.default.createElement(import_react23.CaretDown, {
-    className: (0, import_react_ui_theme13.getSize)(4)
-  }))), /* @__PURE__ */ import_react24.default.createElement(import_react_ui12.DropdownMenu.Portal, null, /* @__PURE__ */ import_react24.default.createElement(import_react_ui12.DropdownMenu.Content, null, /* @__PURE__ */ import_react24.default.createElement(import_react_ui12.DropdownMenu.Viewport, null, Object.entries(actions).map(([id, action]) => {
-    return /* @__PURE__ */ import_react24.default.createElement(import_react_ui12.DropdownMenu.CheckboxItem, {
+  }, t("invite options label")), /* @__PURE__ */ import_react21.default.createElement(import_react20.CaretDown, {
+    className: (0, import_react_ui_theme12.getSize)(4)
+  }))), /* @__PURE__ */ import_react21.default.createElement(import_react_ui11.DropdownMenu.Portal, null, /* @__PURE__ */ import_react21.default.createElement(import_react_ui11.DropdownMenu.Content, null, /* @__PURE__ */ import_react21.default.createElement(import_react_ui11.DropdownMenu.Viewport, null, Object.entries(actions).map(([id, action]) => {
+    return /* @__PURE__ */ import_react21.default.createElement(import_react_ui11.DropdownMenu.CheckboxItem, {
       key: id,
       "aria-labelledby": `${id}__label`,
       "aria-describedby": `${id}__description`,
@@ -1226,27 +1134,27 @@ var BifurcatedAction = /* @__PURE__ */ (0, import_react24.forwardRef)((props, fo
       onCheckedChange: (checked) => checked && setActiveAction(id),
       classNames: "gap-2",
       "data-testid": action.testId
-    }, action.icon && /* @__PURE__ */ import_react24.default.createElement(action.icon, {
-      className: (0, import_react_ui_theme13.getSize)(5)
-    }), /* @__PURE__ */ import_react24.default.createElement("div", {
+    }, action.icon && /* @__PURE__ */ import_react21.default.createElement(action.icon, {
+      className: (0, import_react_ui_theme12.getSize)(5)
+    }), /* @__PURE__ */ import_react21.default.createElement("div", {
       role: "none",
       className: "flex-1 min-is-0 space-b-1"
-    }, /* @__PURE__ */ import_react24.default.createElement("p", {
+    }, /* @__PURE__ */ import_react21.default.createElement("p", {
       id: `${id}__label`
-    }, action.label), action.description && /* @__PURE__ */ import_react24.default.createElement("p", {
+    }, action.label), action.description && /* @__PURE__ */ import_react21.default.createElement("p", {
       id: `${id}__description`,
-      className: import_react_ui_theme13.descriptionText
-    }, action.description)), /* @__PURE__ */ import_react24.default.createElement(import_react_ui12.DropdownMenu.ItemIndicator, {
+      className: import_react_ui_theme12.descriptionText
+    }, action.description)), /* @__PURE__ */ import_react21.default.createElement(import_react_ui11.DropdownMenu.ItemIndicator, {
       asChild: true
-    }, /* @__PURE__ */ import_react24.default.createElement(import_react23.Check, {
+    }, /* @__PURE__ */ import_react21.default.createElement(import_react20.Check, {
       weight: "bold",
-      className: (0, import_react_ui_theme13.getSize)(4)
+      className: (0, import_react_ui_theme12.getSize)(4)
     })));
-  })), /* @__PURE__ */ import_react24.default.createElement(import_react_ui12.DropdownMenu.Arrow, null)))));
+  })), /* @__PURE__ */ import_react21.default.createElement(import_react_ui11.DropdownMenu.Arrow, null)))));
 });
-var Action = /* @__PURE__ */ (0, import_react24.forwardRef)((props, forwardedRef) => {
+var Action = /* @__PURE__ */ (0, import_react21.forwardRef)((props, forwardedRef) => {
   const { children, classNames, variant, isFull = true, ...rest } = props;
-  return /* @__PURE__ */ import_react24.default.createElement(import_react_ui12.Button, {
+  return /* @__PURE__ */ import_react21.default.createElement(import_react_ui11.Button, {
     ...rest,
     classNames: [
       isFull && "is-full",
@@ -1257,37 +1165,37 @@ var Action = /* @__PURE__ */ (0, import_react24.forwardRef)((props, forwardedRef
     variant
   }, children);
 });
-var Actions = /* @__PURE__ */ (0, import_react25.forwardRef)(({ classNames, children, ...props }, forwardedRef) => {
-  return /* @__PURE__ */ import_react25.default.createElement("div", {
+var Actions = /* @__PURE__ */ (0, import_react22.forwardRef)(({ classNames, children, ...props }, forwardedRef) => {
+  return /* @__PURE__ */ import_react22.default.createElement("div", {
     ...props,
-    className: (0, import_react_ui_theme14.mx)("flex flex-col gap-2 mbs-2", Array.isArray(children) && children.length > 1 ? "justify-between" : "justify-center", classNames),
+    className: (0, import_react_ui_theme13.mx)("flex flex-col gap-2 mbs-2", Array.isArray(children) && children.length > 1 ? "justify-between" : "justify-center", classNames),
     ref: forwardedRef
   }, children);
 });
 var CloseButton = ({ onDone, ...props }) => {
-  const { t } = (0, import_react_ui13.useTranslation)("os");
-  return /* @__PURE__ */ import_react27.default.createElement(import_react_ui13.Button, {
+  const { t } = (0, import_react_ui12.useTranslation)("os");
+  return /* @__PURE__ */ import_react24.default.createElement(import_react_ui12.Button, {
     variant: "ghost",
-    classNames: (0, import_react_ui_theme15.mx)("plb-0 pli-2 absolute block-start-0 inline-end-0 z-[1]"),
+    classNames: (0, import_react_ui_theme14.mx)("plb-0 pli-2 absolute block-start-0 inline-end-0 z-[1]"),
     onClick: () => onDone?.(),
     ...props
-  }, /* @__PURE__ */ import_react27.default.createElement(import_react26.X, {
+  }, /* @__PURE__ */ import_react24.default.createElement(import_react23.X, {
     weight: "bold",
-    className: (0, import_react_ui_theme15.getSize)(4)
-  }), /* @__PURE__ */ import_react27.default.createElement("span", {
+    className: (0, import_react_ui_theme14.getSize)(4)
+  }), /* @__PURE__ */ import_react24.default.createElement("span", {
     className: "sr-only"
   }, t("exit label")));
 };
 var Emoji = ({ text, className }) => {
   const size = 14;
-  return /* @__PURE__ */ import_react28.default.createElement("div", {
+  return /* @__PURE__ */ import_react25.default.createElement("div", {
     role: "none",
-    className: (0, import_react_ui_theme16.mx)((0, import_react_ui_theme16.getSize)(size), "rounded relative pointer-events-none", className)
-  }, /* @__PURE__ */ import_react28.default.createElement("svg", {
+    className: (0, import_react_ui_theme15.mx)((0, import_react_ui_theme15.getSize)(size), "rounded relative pointer-events-none", className)
+  }, /* @__PURE__ */ import_react25.default.createElement("svg", {
     viewBox: `0 0 ${size * 4} ${size * 4}`,
     width: size * 4,
     height: size * 4
-  }, /* @__PURE__ */ import_react28.default.createElement("text", {
+  }, /* @__PURE__ */ import_react25.default.createElement("text", {
     x: "50%",
     y: "50%",
     textAnchor: "middle",
@@ -1298,41 +1206,41 @@ var Emoji = ({ text, className }) => {
 };
 var Centered = (props) => {
   const { children } = props;
-  return /* @__PURE__ */ import_react28.default.createElement("div", {
+  return /* @__PURE__ */ import_react25.default.createElement("div", {
     role: "none",
     className: "absolute inset-0 flex items-center justify-center"
   }, children);
 };
-var Heading = /* @__PURE__ */ (0, import_react29.forwardRef)(({ titleId, title, titleSrOnly, children, corner }, forwardedRef) => {
-  return /* @__PURE__ */ import_react29.default.createElement("div", {
+var Heading = /* @__PURE__ */ (0, import_react26.forwardRef)(({ titleId, title, titleSrOnly, children, corner }, forwardedRef) => {
+  return /* @__PURE__ */ import_react26.default.createElement("div", {
     role: "none",
     className: "pbe-2 relative",
     ref: forwardedRef
-  }, corner, /* @__PURE__ */ import_react29.default.createElement("h1", {
+  }, corner, /* @__PURE__ */ import_react26.default.createElement("h1", {
     ...!titleSrOnly && {
       id: titleId
     },
-    className: (0, import_react_ui_theme17.mx)(import_react_ui_theme17.descriptionText, "text-center mlb-2", titleSrOnly && "invisible")
-  }, title), titleSrOnly && /* @__PURE__ */ import_react29.default.createElement("span", {
+    className: (0, import_react_ui_theme16.mx)(import_react_ui_theme16.descriptionText, "text-center mlb-2", titleSrOnly && "invisible")
+  }, title), titleSrOnly && /* @__PURE__ */ import_react26.default.createElement("span", {
     id: titleId
   }, title), children);
 });
 var Label = (props) => {
   const { children } = props;
-  return /* @__PURE__ */ import_react30.default.createElement("span", {
-    className: (0, import_react_ui_theme18.mx)(import_react_ui_theme18.descriptionText, "text-center mli-6 whitespace-normal")
+  return /* @__PURE__ */ import_react27.default.createElement("span", {
+    className: (0, import_react_ui_theme17.mx)(import_react_ui_theme17.descriptionText, "text-center mli-6 whitespace-normal")
   }, children);
 };
 var Input = ({ validationMessage, label, ...props }) => {
-  return /* @__PURE__ */ import_react31.default.createElement(import_react_ui14.Input.Root, null, /* @__PURE__ */ import_react31.default.createElement(import_react_ui14.Input.Label, null, label), /* @__PURE__ */ import_react31.default.createElement(import_react_ui14.Input.TextInput, {
+  return /* @__PURE__ */ import_react28.default.createElement(import_react_ui13.Input.Root, null, /* @__PURE__ */ import_react28.default.createElement(import_react_ui13.Input.Label, null, label), /* @__PURE__ */ import_react28.default.createElement(import_react_ui13.Input.TextInput, {
     ...props,
     classNames: "plb-3 mbs-2 text-center"
-  }), /* @__PURE__ */ import_react31.default.createElement(import_react_ui14.Input.DescriptionAndValidation, null, validationMessage && /* @__PURE__ */ import_react31.default.createElement(import_react_ui14.Input.Validation, null, validationMessage)));
+  }), /* @__PURE__ */ import_react28.default.createElement(import_react_ui13.Input.DescriptionAndValidation, null, validationMessage && /* @__PURE__ */ import_react28.default.createElement(import_react_ui13.Input.Validation, null, validationMessage)));
 };
-var StepHeading = /* @__PURE__ */ (0, import_react32.forwardRef)(({ children, className, ...props }, forwardedRef) => {
-  return /* @__PURE__ */ import_react32.default.createElement("h2", {
+var StepHeading = /* @__PURE__ */ (0, import_react29.forwardRef)(({ children, className, ...props }, forwardedRef) => {
+  return /* @__PURE__ */ import_react29.default.createElement("h2", {
     ...props,
-    className: (0, import_react_ui_theme19.mx)("font-normal text-sm mbe-4 mli-1 text-center", className),
+    className: (0, import_react_ui_theme18.mx)("font-normal text-sm mbe-4 mli-1 text-center", className),
     ref: forwardedRef
   }, children);
 });
@@ -1347,16 +1255,16 @@ var ViewportRoot = ({ __viewportScope, classNames, children, defaultActiveView,
     defaultProp: defaultActiveView,
     onChange: onActiveViewChange
   });
-  return /* @__PURE__ */ import_react33.default.createElement(ViewportProvider, {
+  return /* @__PURE__ */ import_react30.default.createElement(ViewportProvider, {
     focusManaged,
     activeView,
     setActiveView,
     scope: __viewportScope
-  }, /* @__PURE__ */ import_react33.default.createElement("div", {
+  }, /* @__PURE__ */ import_react30.default.createElement("div", {
     role: "region",
     "aria-live": "polite",
     ...props,
-    className: (0, import_react_ui_theme20.mx)("is-full overflow-hidden", classNames)
+    className: (0, import_react_ui_theme19.mx)("is-full overflow-hidden", classNames)
   }, children));
 };
 ViewportRoot.displayName = VIEWPORT_NAME;
@@ -1364,20 +1272,20 @@ var ViewportViews = ({ classNames, children, ...props }) => {
   const size = {
     inlineSize: `${Math.ceil(children.length) * 100}%`
   };
-  return /* @__PURE__ */ import_react33.default.createElement("div", {
+  return /* @__PURE__ */ import_react30.default.createElement("div", {
     role: "none",
     style: size,
     ...props,
-    className: (0, import_react_ui_theme20.mx)("flex", classNames)
+    className: (0, import_react_ui_theme19.mx)("flex", classNames)
   }, children);
 };
 ViewportViews.displayName = VIEWS_NAME;
-var ViewportView = /* @__PURE__ */ (0, import_react33.forwardRef)(({ __viewportScope, classNames, children, id, ...props }, forwardedRef) => {
+var ViewportView = /* @__PURE__ */ (0, import_react30.forwardRef)(({ __viewportScope, classNames, children, id, ...props }, forwardedRef) => {
   const { activeView, focusManaged } = useViewportContext(VIEW_NAME, __viewportScope);
   const isActive = id === activeView;
-  const ref = (0, import_react_ui15.useForwardedRef)(forwardedRef);
+  const ref = (0, import_react_ui14.useForwardedRef)(forwardedRef);
   const { findFirstFocusable } = (0, import_react_tabster.useFocusFinders)();
-  (0, import_react33.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     if (!focusManaged && isActive && document.body.hasAttribute("data-is-keyboard") && ref.current) {
       findFirstFocusable(ref.current)?.focus();
     }
@@ -1386,12 +1294,12 @@ var ViewportView = /* @__PURE__ */ (0, import_react33.forwardRef)(({ __viewportS
     ref.current,
     isActive
   ]);
-  return /* @__PURE__ */ import_react33.default.createElement("section", {
+  return /* @__PURE__ */ import_react30.default.createElement("section", {
     ...props,
     ...!isActive && {
       "aria-hidden": true
     },
-    className: (0, import_react_ui_theme20.mx)("min-is-0 flex-1 flex flex-col", isActive ? "order-2" : "order-4 invisible", classNames),
+    className: (0, import_react_ui_theme19.mx)("min-is-0 flex-1 flex flex-col", isActive ? "order-2" : "order-4 invisible", classNames),
     ref
   }, children);
 });
@@ -1401,20 +1309,20 @@ var Viewport = {
   Views: ViewportViews,
   View: ViewportView
 };
-var SpaceListItem = /* @__PURE__ */ (0, import_react34.forwardRef)(({ space, onClick }, ref) => {
+var SpaceListItem = /* @__PURE__ */ (0, import_react31.forwardRef)(({ space, onClick }, ref) => {
   const fallbackValue = (0, import_util4.keyToEmoji)(space.key);
-  const labelId = (0, import_react_ui16.useId)("identityListItem__label");
+  const labelId = (0, import_react_ui15.useId)("identityListItem__label");
   const displayName = space.properties.name ?? (0, import_util4.humanize)(space.key.toHex());
-  return /* @__PURE__ */ import_react34.default.createElement("li", {
-    className: (0, import_react_ui_theme21.mx)("flex gap-2 items-center mbe-2", onClick && "cursor-pointer"),
+  return /* @__PURE__ */ import_react31.default.createElement("li", {
+    className: (0, import_react_ui_theme20.mx)("flex gap-2 items-center mbe-2", onClick && "cursor-pointer"),
     onClick: () => onClick?.(),
     ref,
     "data-testid": "space-list-item"
-  }, /* @__PURE__ */ import_react34.default.createElement(import_react_ui16.Avatar.Root, {
+  }, /* @__PURE__ */ import_react31.default.createElement(import_react_ui15.Avatar.Root, {
     labelId
-  }, /* @__PURE__ */ import_react34.default.createElement(import_react_ui16.Avatar.Frame, null, /* @__PURE__ */ import_react34.default.createElement(import_react_ui16.Avatar.Fallback, {
+  }, /* @__PURE__ */ import_react31.default.createElement(import_react_ui15.Avatar.Frame, null, /* @__PURE__ */ import_react31.default.createElement(import_react_ui15.Avatar.Fallback, {
     text: fallbackValue
-  })), /* @__PURE__ */ import_react34.default.createElement(import_react_ui16.Avatar.Label, {
+  })), /* @__PURE__ */ import_react31.default.createElement(import_react_ui15.Avatar.Label, {
     classNames: "text-sm truncate"
   }, displayName)));
 });
@@ -1513,7 +1421,7 @@ var identityMachine = (0, import_xstate.createMachine)({
   }
 });
 var useIdentityMachine = (client, options) => {
-  return (0, import_react38.useMachine)(identityMachine, {
+  return (0, import_react35.useMachine)(identityMachine, {
     ...options,
     context: {
       ...options?.context,
@@ -1556,7 +1464,7 @@ var IdentityActionChooser = (props) => {
     });
   };
   const isProduction = client.config.values.runtime?.app?.env?.DX_ENVIRONMENT === "production";
-  return /* @__PURE__ */ import_react39.default.createElement(IdentityActionChooserImpl, {
+  return /* @__PURE__ */ import_react36.default.createElement(IdentityActionChooserImpl, {
     ...props,
     onClickAdd: createInvitation,
     onClickJoinExisting: () => send?.({
@@ -1572,10 +1480,10 @@ var IdentityActionChooser = (props) => {
 };
 var IdentityActionChooserImpl = ({ devices, connectionState, agentHostingEnabled, onClickAdd, onClickJoinExisting, onClickRecover, onClickReset, ...agentProps }) => {
   const edgeDeviceAvailable = devices.find((device) => device.profile?.type === import_halo3.DeviceType.AGENT_MANAGED && device.profile?.os?.toUpperCase() === "EDGE");
-  return /* @__PURE__ */ import_react39.default.createElement("div", {
+  return /* @__PURE__ */ import_react36.default.createElement("div", {
     role: "none",
     className: "bs-40 grow overflow-y-auto"
-  }, /* @__PURE__ */ import_react39.default.createElement(DeviceList, {
+  }, /* @__PURE__ */ import_react36.default.createElement(DeviceList, {
     devices,
     connectionState,
     onClickAdd,
@@ -1583,13 +1491,13 @@ var IdentityActionChooserImpl = ({ devices, connectionState, agentHostingEnabled
     onClickRecover: agentProps.agentStatus === "created" ? onClickRecover : void 0,
     onClickReset,
     onAgentDestroy: agentProps.onAgentDestroy
-  }), !edgeDeviceAvailable && agentHostingEnabled && /* @__PURE__ */ import_react39.default.createElement(AgentConfig, agentProps));
+  }), !edgeDeviceAvailable && agentHostingEnabled && /* @__PURE__ */ import_react36.default.createElement(AgentConfig, agentProps));
 };
 var __dxlog_file3 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/IdentityPanel/useEdgeAgentsHandlers.ts";
 var useEdgeAgentHandlers = ({ identity }) => {
-  const [validationMessage, setValidationMessage] = (0, import_react41.useState)("");
-  const [lastReceivedStatus, setLastReceivedStatus] = (0, import_react41.useState)(import_services.QueryAgentStatusResponse.AgentStatus.UNKNOWN);
-  const [agentStatus, setAgentStatus] = (0, import_react41.useState)("getting");
+  const [validationMessage, setValidationMessage] = (0, import_react38.useState)("");
+  const [lastReceivedStatus, setLastReceivedStatus] = (0, import_react38.useState)(import_services.QueryAgentStatusResponse.AgentStatus.UNKNOWN);
+  const [agentStatus, setAgentStatus] = (0, import_react38.useState)("getting");
   const client = (0, import_react_client5.useClient)();
   const agentHostingEnabled = Boolean(client.config.values.runtime?.client?.edgeFeatures?.agents);
   const handleStatus = (status) => {
@@ -1606,7 +1514,7 @@ var useEdgeAgentHandlers = ({ identity }) => {
         break;
     }
   };
-  (0, import_react41.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     const stream = client.services.services.EdgeAgentService?.queryAgentStatus();
     stream?.subscribe(({ status }) => {
       setLastReceivedStatus(status);
@@ -1618,7 +1526,7 @@ var useEdgeAgentHandlers = ({ identity }) => {
     };
   }, []);
   const onAgentCreate = async () => {
-    (0, import_invariant2.invariant)(identity, "Identity not found", {
+    (0, import_invariant.invariant)(identity, "Identity not found", {
       F: __dxlog_file3,
       L: 59,
       S: void 0,
@@ -1675,8 +1583,8 @@ var useEdgeAgentHandlers = ({ identity }) => {
 };
 var __dxlog_file4 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/IdentityPanel/useKubeAgentHandlers.ts";
 var useKubeAgentHandlers = ({ invitations, identity }) => {
-  const [validationMessage, setValidationMessage] = (0, import_react42.useState)("");
-  const [agentStatus, setAgentStatus] = (0, import_react42.useState)("getting");
+  const [validationMessage, setValidationMessage] = (0, import_react39.useState)("");
+  const [agentStatus, setAgentStatus] = (0, import_react39.useState)("getting");
   const agentHostingProviderClient = (0, import_react_client6.useAgentHostingClient)();
   const client = (0, import_react_client6.useClient)();
   const updateAgentStatus = async () => {
@@ -1699,7 +1607,7 @@ var useKubeAgentHandlers = ({ invitations, identity }) => {
     }
   };
   const createAgent = async (invitationCode) => {
-    (0, import_invariant3.invariant)(identity, "Identity not found", {
+    (0, import_invariant2.invariant)(identity, "Identity not found", {
       F: __dxlog_file4,
       L: 50,
       S: void 0,
@@ -1729,7 +1637,7 @@ var useKubeAgentHandlers = ({ invitations, identity }) => {
     }
   };
   const destroyAgent = async () => {
-    (0, import_invariant3.invariant)(identity, "Identity not found", {
+    (0, import_invariant2.invariant)(identity, "Identity not found", {
       F: __dxlog_file4,
       L: 73,
       S: void 0,
@@ -1753,10 +1661,10 @@ var useKubeAgentHandlers = ({ invitations, identity }) => {
       setValidationMessage("No agent provider configured.");
     }
   };
-  (0, import_react42.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     void updateAgentStatus();
   }, []);
-  const handleAgentCreate = (0, import_react42.useCallback)(async (invitation) => {
+  const handleAgentCreate = (0, import_react39.useCallback)(async (invitation) => {
     const invitationCode = import_invitations4.InvitationEncoder.encode(invitation);
     if (invitation.state === import_invitations4.Invitation.State.CONNECTING) {
       import_log6.log.info(JSON.stringify({
@@ -1840,18 +1748,18 @@ var invitationStatusValue = /* @__PURE__ */ new Map([
   ]
 ]);
 var InvitationManagerView = ({ children, ...props }) => {
-  return /* @__PURE__ */ import_react44.default.createElement(Viewport.View, {
+  return /* @__PURE__ */ import_react41.default.createElement(Viewport.View, {
     ...props,
     classNames: "grow flex flex-col justify-around items-center"
   }, children);
 };
 var InvitationManager = ({ invitationUrl, active, send, status, multiUse, authCode, id = "0" }) => {
-  const { t } = (0, import_react_ui20.useTranslation)("os");
-  const qrLabel = (0, import_react_ui20.useId)("invitation-manager__qr-code");
+  const { t } = (0, import_react_ui19.useTranslation)("os");
+  const qrLabel = (0, import_react_ui19.useId)("invitation-manager__qr-code");
   const statusValue = multiUse ? 0 : invitationStatusValue.get(status) ?? 0;
   const showAuthCode = statusValue === 3;
   const emoji = (0, import_util7.hexToEmoji)(id);
-  const activeView = (0, import_react44.useMemo)(() => {
+  const activeView = (0, import_react41.useMemo)(() => {
     if (multiUse) {
       return "showing qr";
     }
@@ -1867,50 +1775,50 @@ var InvitationManager = ({ invitationUrl, active, send, status, multiUse, authCo
   }, [
     statusValue
   ]);
-  return /* @__PURE__ */ import_react44.default.createElement(import_react44.default.Fragment, null, /* @__PURE__ */ import_react44.default.createElement(Viewport.Root, {
+  return /* @__PURE__ */ import_react41.default.createElement(import_react41.default.Fragment, null, /* @__PURE__ */ import_react41.default.createElement(Viewport.Root, {
     activeView,
     classNames: "grow plb-1"
-  }, /* @__PURE__ */ import_react44.default.createElement(Viewport.Views, null, /* @__PURE__ */ import_react44.default.createElement(InvitationManagerView, {
+  }, /* @__PURE__ */ import_react41.default.createElement(Viewport.Views, null, /* @__PURE__ */ import_react41.default.createElement(InvitationManagerView, {
     id: "showing qr",
     emoji
-  }, /* @__PURE__ */ import_react44.default.createElement("p", {
+  }, /* @__PURE__ */ import_react41.default.createElement("p", {
     className: "text-sm mlb-1 font-normal text-center"
-  }, t(multiUse ? "invite many qr label" : "invite one qr label")), /* @__PURE__ */ import_react44.default.createElement("div", {
+  }, t(multiUse ? "invite many qr label" : "invite one qr label")), /* @__PURE__ */ import_react41.default.createElement("div", {
     role: "none",
-    className: (0, import_react_ui_theme23.mx)(import_react_ui_theme23.descriptionText, "is-full max-is-[14rem] relative")
-  }, /* @__PURE__ */ import_react44.default.createElement(import_react_qr_rounded.QR, {
+    className: (0, import_react_ui_theme22.mx)(import_react_ui_theme22.descriptionText, "is-full max-is-[14rem] relative")
+  }, /* @__PURE__ */ import_react41.default.createElement(import_react_qr_rounded.QR, {
     rounding: 100,
     backgroundColor: "transparent",
     color: "currentColor",
-    className: (0, import_react_ui_theme23.mx)("is-full bs-full p-2", showAuthCode && "invisible"),
+    className: (0, import_react_ui_theme22.mx)("is-full bs-full p-2", showAuthCode && "invisible"),
     "aria-labelledby": qrLabel,
     errorCorrectionLevel: "Q",
     cutout: true
-  }, invitationUrl ?? "never"), /* @__PURE__ */ import_react44.default.createElement(Centered, null, /* @__PURE__ */ import_react44.default.createElement(Emoji, {
+  }, invitationUrl ?? "never"), /* @__PURE__ */ import_react41.default.createElement(Centered, null, /* @__PURE__ */ import_react41.default.createElement(Emoji, {
     text: emoji
-  }))), /* @__PURE__ */ import_react44.default.createElement("span", {
+  }))), /* @__PURE__ */ import_react41.default.createElement("span", {
     id: qrLabel,
     className: "sr-only"
-  }, t("qr label")), /* @__PURE__ */ import_react44.default.createElement(CopyButton, {
+  }, t("qr label")), /* @__PURE__ */ import_react41.default.createElement(import_react_ui19.Clipboard.Button, {
     variant: "ghost",
     value: invitationUrl ?? "never"
-  })), /* @__PURE__ */ import_react44.default.createElement(InvitationManagerView, {
+  })), /* @__PURE__ */ import_react41.default.createElement(InvitationManagerView, {
     id: "showing auth code"
-  }, /* @__PURE__ */ import_react44.default.createElement(Label, null, t("auth code message")), /* @__PURE__ */ import_react44.default.createElement(AuthCode, {
+  }, /* @__PURE__ */ import_react41.default.createElement(Label, null, t("auth code message")), /* @__PURE__ */ import_react41.default.createElement(AuthCode, {
     code: authCode,
     large: true,
     classNames: "text-black dark:text-white"
-  }), /* @__PURE__ */ import_react44.default.createElement(Label, null, t("auth other device emoji message")), emoji && /* @__PURE__ */ import_react44.default.createElement(Emoji, {
+  }), /* @__PURE__ */ import_react41.default.createElement(Label, null, t("auth other device emoji message")), emoji && /* @__PURE__ */ import_react41.default.createElement(Emoji, {
     text: emoji
-  })), /* @__PURE__ */ import_react44.default.createElement(InvitationManagerView, {
+  })), /* @__PURE__ */ import_react41.default.createElement(InvitationManagerView, {
     id: "showing final"
-  }, statusValue > 0 ? /* @__PURE__ */ import_react44.default.createElement(import_react43.Check, {
-    className: (0, import_react_ui_theme23.mx)("m-1.5", (0, import_react_ui_theme23.getSize)(6))
-  }) : /* @__PURE__ */ import_react44.default.createElement(import_react43.X, {
-    className: (0, import_react_ui_theme23.mx)("m-1.5", (0, import_react_ui_theme23.getSize)(6))
-  })))), /* @__PURE__ */ import_react44.default.createElement(Actions, {
+  }, statusValue > 0 ? /* @__PURE__ */ import_react41.default.createElement(import_react40.Check, {
+    className: (0, import_react_ui_theme22.mx)("m-1.5", (0, import_react_ui_theme22.getSize)(6))
+  }) : /* @__PURE__ */ import_react41.default.createElement(import_react40.X, {
+    className: (0, import_react_ui_theme22.mx)("m-1.5", (0, import_react_ui_theme22.getSize)(6))
+  })))), /* @__PURE__ */ import_react41.default.createElement(Actions, {
     classNames: "mbs-4"
-  }, /* @__PURE__ */ import_react44.default.createElement(Action, {
+  }, /* @__PURE__ */ import_react41.default.createElement(Action, {
     disabled: !active,
     onClick: () => send?.({
       type: "deselectInvitation"
@@ -1919,9 +1827,9 @@ var InvitationManager = ({ invitationUrl, active, send, status, multiUse, authCo
 };
 var __dxlog_file5 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/steps/ConfirmReset.tsx";
 var ConfirmReset = ({ active, onCancel, onConfirm, mode }) => {
-  const { t } = (0, import_react_ui21.useTranslation)("os");
-  const [validationMessage, setValidationMessage] = (0, import_react46.useState)("");
-  const [pending, setPending] = (0, import_react46.useState)(false);
+  const { t } = (0, import_react_ui20.useTranslation)("os");
+  const [validationMessage, setValidationMessage] = (0, import_react43.useState)("");
+  const [pending, setPending] = (0, import_react43.useState)(false);
   const processReset = async () => {
     setPending(true);
     return onConfirm?.().then(() => setPending(false), (error) => {
@@ -1935,7 +1843,7 @@ var ConfirmReset = ({ active, onCancel, onConfirm, mode }) => {
       setPending(false);
     });
   };
-  return /* @__PURE__ */ import_react46.default.createElement(ConfirmResetImpl, {
+  return /* @__PURE__ */ import_react43.default.createElement(ConfirmResetImpl, {
     disabled: !active,
     pending,
     validationMessage,
@@ -1945,20 +1853,20 @@ var ConfirmReset = ({ active, onCancel, onConfirm, mode }) => {
   });
 };
 var ConfirmResetImpl = ({ disabled, pending, validationMessage, onConfirm, onCancel, mode }) => {
-  const { t } = (0, import_react_ui21.useTranslation)("os");
+  const { t } = (0, import_react_ui20.useTranslation)("os");
   const confirmationValue = t("confirmation value");
-  const [inputValue, setInputValue] = (0, import_react46.useState)("");
+  const [inputValue, setInputValue] = (0, import_react43.useState)("");
   const testIdAffix = mode === "join new identity" ? "join-new-identity" : mode === "recover" ? "recover" : "reset-storage";
-  return /* @__PURE__ */ import_react46.default.createElement(import_react46.default.Fragment, null, /* @__PURE__ */ import_react46.default.createElement("div", {
+  return /* @__PURE__ */ import_react43.default.createElement(import_react43.default.Fragment, null, /* @__PURE__ */ import_react43.default.createElement("div", {
     role: "none",
     className: "grow flex flex-col gap-2 justify-center"
-  }, /* @__PURE__ */ import_react46.default.createElement(import_react_ui21.Message.Root, {
+  }, /* @__PURE__ */ import_react43.default.createElement(import_react_ui20.Message.Root, {
     valence: "error"
-  }, /* @__PURE__ */ import_react46.default.createElement(import_react_ui21.Message.Title, null, /* @__PURE__ */ import_react46.default.createElement(import_react45.Warning, {
-    className: (0, import_react_ui_theme24.mx)((0, import_react_ui_theme24.getSize)(6), "inline mie-2")
-  }), t("sign out chooser title")), /* @__PURE__ */ import_react46.default.createElement(import_react_ui21.Message.Body, null, t("sign out chooser message"))), /* @__PURE__ */ import_react46.default.createElement(Input, {
+  }, /* @__PURE__ */ import_react43.default.createElement(import_react_ui20.Message.Title, null, /* @__PURE__ */ import_react43.default.createElement(import_react42.Warning, {
+    className: (0, import_react_ui_theme23.mx)((0, import_react_ui_theme23.getSize)(6), "inline mie-2")
+  }), t("sign out chooser title")), /* @__PURE__ */ import_react43.default.createElement(import_react_ui20.Message.Body, null, t("sign out chooser message"))), /* @__PURE__ */ import_react43.default.createElement(Input, {
     validationMessage,
-    label: /* @__PURE__ */ import_react46.default.createElement(StepHeading, {
+    label: /* @__PURE__ */ import_react43.default.createElement(StepHeading, {
       className: "text-start mlb-2"
     }, t(mode === "join new identity" ? "join new identity input label" : mode === "recover" ? "recover reset input label" : "reset storage input label", {
       confirmationValue
@@ -1969,11 +1877,11 @@ var ConfirmResetImpl = ({ disabled, pending, validationMessage, onConfirm, onCan
       confirmationValue
     }),
     onChange: ({ target: { value } }) => setInputValue(value)
-  })), /* @__PURE__ */ import_react46.default.createElement(Actions, null, onCancel && /* @__PURE__ */ import_react46.default.createElement(Action, {
+  })), /* @__PURE__ */ import_react43.default.createElement(Actions, null, onCancel && /* @__PURE__ */ import_react43.default.createElement(Action, {
     disabled,
     onClick: onCancel,
     "data-testid": `${testIdAffix}.reset-identity-cancel`
-  }, t("cancel label")), onConfirm && /* @__PURE__ */ import_react46.default.createElement(Action, {
+  }, t("cancel label")), onConfirm && /* @__PURE__ */ import_react43.default.createElement(Action, {
     variant: "destructive",
     disabled: disabled || pending || inputValue !== confirmationValue,
     onClick: onConfirm,
@@ -1984,14 +1892,13 @@ var __dxlog_file6 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/I
 var viewStyles = "pbs-1 pbe-3 pli-3";
 var getHueValue = (identity) => identity?.profile?.data?.hue || (0, import_util5.hexToHue)(identity?.identityKey.toHex() ?? "0");
 var getEmojiValue = (identity) => identity?.profile?.data?.emoji || (0, import_util5.hexToEmoji)(identity?.identityKey.toHex() ?? "0");
-var IdentityHeading = ({ titleId, title, identity, hideRecover, onDone, onUpdateProfile, connectionState, onChangeConnectionState }) => {
-  const client = (0, import_react_client2.useClient)();
+var IdentityHeading = ({ titleId, title, identity, onDone, onUpdateProfile, connectionState, onChangeConnectionState }) => {
   const fallbackValue = (0, import_util5.keyToFallback)(identity.identityKey);
-  const { t } = (0, import_react_ui18.useTranslation)("os");
-  const [displayName, setDisplayName] = (0, import_react37.useState)(identity.profile?.displayName ?? "");
-  const [emoji, setEmojiDirectly] = (0, import_react37.useState)(getEmojiValue(identity));
-  const [hue, setHueDirectly] = (0, import_react37.useState)(getHueValue(identity));
-  const { textValue, setTextValue } = useClipboardContext();
+  const { t } = (0, import_react_ui17.useTranslation)("os");
+  const [displayName, setDisplayName] = (0, import_react34.useState)(identity.profile?.displayName ?? "");
+  const [emoji, setEmojiDirectly] = (0, import_react34.useState)(getEmojiValue(identity));
+  const [hue, setHueDirectly] = (0, import_react34.useState)(getHueValue(identity));
+  const { textValue, setTextValue } = (0, import_react_ui17.useClipboard)();
   const identityHex = identity.identityKey.toHex();
   const publicKeyCopied = textValue === identityHex;
   const setEmoji = (nextEmoji) => {
@@ -2014,43 +1921,30 @@ var IdentityHeading = ({ titleId, title, identity, hideRecover, onDone, onUpdate
       }
     });
   };
-  const handleRecoveryCode = async () => {
-    (0, import_invariant.invariant)(client.services.services.IdentityService, "IdentityService not available", {
-      F: __dxlog_file6,
-      L: 77,
-      S: void 0,
-      A: [
-        "client.services.services.IdentityService",
-        "'IdentityService not available'"
-      ]
-    });
-    const { seedphrase } = await client.services.services.IdentityService.createRecoveryPhrase();
-    void setTextValue(seedphrase);
-  };
   const isConnected = connectionState === import_mesh2.ConnectionState.ONLINE;
-  return /* @__PURE__ */ import_react37.default.createElement(Heading, {
+  return /* @__PURE__ */ import_react34.default.createElement(Heading, {
     titleId,
     title,
-    corner: /* @__PURE__ */ import_react37.default.createElement(CloseButton, {
+    corner: /* @__PURE__ */ import_react34.default.createElement(CloseButton, {
       onDone
     })
-  }, /* @__PURE__ */ import_react37.default.createElement(import_react_ui18.Avatar.Root, {
+  }, /* @__PURE__ */ import_react34.default.createElement(import_react_ui17.Avatar.Root, {
     size: 16,
     variant: "circle",
     status: isConnected ? "active" : "error",
     hue: hue || fallbackValue.hue
-  }, /* @__PURE__ */ import_react37.default.createElement(import_react_ui18.Toolbar.Root, {
+  }, /* @__PURE__ */ import_react34.default.createElement(import_react_ui17.Toolbar.Root, {
     classNames: "flex justify-center"
-  }, /* @__PURE__ */ import_react37.default.createElement(import_react_ui18.Avatar.Frame, {
+  }, /* @__PURE__ */ import_react34.default.createElement(import_react_ui17.Avatar.Frame, {
     classNames: "relative z-[2] -mli-4 chromatic-ignore"
-  }, /* @__PURE__ */ import_react37.default.createElement(import_react_ui18.Avatar.Fallback, {
+  }, /* @__PURE__ */ import_react34.default.createElement(import_react_ui17.Avatar.Fallback, {
     text: emoji || fallbackValue.emoji
-  }))), /* @__PURE__ */ import_react37.default.createElement(import_react_ui18.Avatar.Label, {
+  }))), /* @__PURE__ */ import_react34.default.createElement(import_react_ui17.Avatar.Label, {
     classNames: "sr-only",
     "data-testid": "identityHeading.displayName"
-  }, identity.profile?.displayName ?? (0, import_display_name3.generateName)(identity.identityKey.toHex())), /* @__PURE__ */ import_react37.default.createElement(import_react_ui18.Input.Root, null, /* @__PURE__ */ import_react37.default.createElement(import_react_ui18.Input.Label, {
+  }, identity.profile?.displayName ?? (0, import_display_name3.generateName)(identity.identityKey.toHex())), /* @__PURE__ */ import_react34.default.createElement(import_react_ui17.Input.Root, null, /* @__PURE__ */ import_react34.default.createElement(import_react_ui17.Input.Label, {
     srOnly: true
-  }, t("display name input label")), /* @__PURE__ */ import_react37.default.createElement(import_react_ui18.Input.TextInput, {
+  }, t("display name input label")), /* @__PURE__ */ import_react34.default.createElement(import_react_ui17.Input.TextInput, {
     variant: "subdued",
     "data-testid": "display-name-input",
     placeholder: t("display name input placeholder"),
@@ -2061,62 +1955,52 @@ var IdentityHeading = ({ titleId, title, identity, hideRecover, onDone, onUpdate
       ...identity.profile,
       displayName: value
     })
-  })), /* @__PURE__ */ import_react37.default.createElement(import_react_ui18.Toolbar.Root, {
+  })), /* @__PURE__ */ import_react34.default.createElement(import_react_ui17.Toolbar.Root, {
     classNames: "flex justify-center items-center gap-1 pt-3"
-  }, /* @__PURE__ */ import_react37.default.createElement(EmojiPickerToolbarButton, {
+  }, /* @__PURE__ */ import_react34.default.createElement(EmojiPickerToolbarButton, {
     emoji,
     onChangeEmoji: setEmoji,
     classNames: "bs-[--rail-action]"
-  }), /* @__PURE__ */ import_react37.default.createElement(HuePickerToolbarButton, {
+  }), /* @__PURE__ */ import_react34.default.createElement(HuePickerToolbarButton, {
     hue,
     onChangeHue: setHue,
     classNames: "bs-[--rail-action]"
-  }), /* @__PURE__ */ import_react37.default.createElement(import_react_ui18.Tooltip.Root, null, /* @__PURE__ */ import_react37.default.createElement(import_react_ui18.Tooltip.Trigger, {
+  }), /* @__PURE__ */ import_react34.default.createElement(import_react_ui17.Tooltip.Root, null, /* @__PURE__ */ import_react34.default.createElement(import_react_ui17.Tooltip.Trigger, {
     asChild: true
-  }, /* @__PURE__ */ import_react37.default.createElement(import_react_ui18.Toolbar.Button, {
+  }, /* @__PURE__ */ import_react34.default.createElement(import_react_ui17.Toolbar.Button, {
     classNames: "bs-[--rail-action]",
     "data-testid": "update-profile-form-copy-key",
     onClick: () => setTextValue(identityHex)
-  }, /* @__PURE__ */ import_react37.default.createElement("span", {
+  }, /* @__PURE__ */ import_react34.default.createElement("span", {
     className: "sr-only"
-  }, t(publicKeyCopied ? "copy success label" : "copy self public key label")), /* @__PURE__ */ import_react37.default.createElement(import_react36.Key, {
-    className: (0, import_react_ui_theme22.getSize)(5)
-  }))), /* @__PURE__ */ import_react37.default.createElement(import_react_ui18.Tooltip.Portal, null, /* @__PURE__ */ import_react37.default.createElement(import_react_ui18.Tooltip.Content, {
-    side: "bottom",
-    classNames: "z-50"
-  }, t(publicKeyCopied ? "copy success label" : "copy self public key label"), /* @__PURE__ */ import_react37.default.createElement(import_react_ui18.Tooltip.Arrow, null)))), !hideRecover && /* @__PURE__ */ import_react37.default.createElement(import_react_ui18.Tooltip.Root, null, /* @__PURE__ */ import_react37.default.createElement(import_react_ui18.Tooltip.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ import_react37.default.createElement(import_react_ui18.Toolbar.Button, {
-    classNames: "bs-[--rail-action]",
-    onClick: handleRecoveryCode
-  }, /* @__PURE__ */ import_react37.default.createElement(import_react36.FirstAidKit, {
-    className: (0, import_react_ui_theme22.getSize)(5)
-  }))), /* @__PURE__ */ import_react37.default.createElement(import_react_ui18.Tooltip.Portal, null, /* @__PURE__ */ import_react37.default.createElement(import_react_ui18.Tooltip.Content, {
+  }, t(publicKeyCopied ? "copy success label" : "copy self public key label")), /* @__PURE__ */ import_react34.default.createElement(import_react33.Key, {
+    className: (0, import_react_ui_theme21.getSize)(5)
+  }))), /* @__PURE__ */ import_react34.default.createElement(import_react_ui17.Tooltip.Portal, null, /* @__PURE__ */ import_react34.default.createElement(import_react_ui17.Tooltip.Content, {
     side: "bottom",
     classNames: "z-50"
-  }, t("create recovery code label"), /* @__PURE__ */ import_react37.default.createElement(import_react_ui18.Tooltip.Arrow, null)))), /* @__PURE__ */ import_react37.default.createElement(import_react_ui18.Tooltip.Root, null, /* @__PURE__ */ import_react37.default.createElement(import_react_ui18.Tooltip.Trigger, {
+  }, t(publicKeyCopied ? "copy success label" : "copy self public key label"), /* @__PURE__ */ import_react34.default.createElement(import_react_ui17.Tooltip.Arrow, null)))), /* @__PURE__ */ import_react34.default.createElement(import_react_ui17.Tooltip.Root, null, /* @__PURE__ */ import_react34.default.createElement(import_react_ui17.Tooltip.Trigger, {
     asChild: true
-  }, /* @__PURE__ */ import_react37.default.createElement(import_react_ui18.Toolbar.Button, {
+  }, /* @__PURE__ */ import_react34.default.createElement(import_react_ui17.Toolbar.Button, {
     classNames: [
       "bs-[--rail-action]",
       !isConnected && "text-error-500"
     ],
     onClick: () => onChangeConnectionState?.(isConnected ? import_mesh2.ConnectionState.OFFLINE : import_mesh2.ConnectionState.ONLINE)
-  }, /* @__PURE__ */ import_react37.default.createElement("span", {
+  }, /* @__PURE__ */ import_react34.default.createElement("span", {
     className: "sr-only"
-  }, t(isConnected ? "disconnect label" : "connect label")), isConnected ? /* @__PURE__ */ import_react37.default.createElement(import_react36.PlugsConnected, {
-    className: (0, import_react_ui_theme22.getSize)(5)
-  }) : /* @__PURE__ */ import_react37.default.createElement(import_react36.Plugs, {
-    className: (0, import_react_ui_theme22.getSize)(5)
-  }))), /* @__PURE__ */ import_react37.default.createElement(import_react_ui18.Tooltip.Portal, null, /* @__PURE__ */ import_react37.default.createElement(import_react_ui18.Tooltip.Content, {
+  }, t(isConnected ? "disconnect label" : "connect label")), isConnected ? /* @__PURE__ */ import_react34.default.createElement(import_react33.PlugsConnected, {
+    className: (0, import_react_ui_theme21.getSize)(5)
+  }) : /* @__PURE__ */ import_react34.default.createElement(import_react33.Plugs, {
+    className: (0, import_react_ui_theme21.getSize)(5)
+  }))), /* @__PURE__ */ import_react34.default.createElement(import_react_ui17.Tooltip.Portal, null, /* @__PURE__ */ import_react34.default.createElement(import_react_ui17.Tooltip.Content, {
     side: "bottom",
     classNames: "z-50"
-  }, t(isConnected ? "disconnect label" : "connect label"), /* @__PURE__ */ import_react37.default.createElement(import_react_ui18.Tooltip.Arrow, null)))))));
+  }, t(isConnected ? "disconnect label" : "connect label"), /* @__PURE__ */ import_react34.default.createElement(import_react_ui17.Tooltip.Arrow, null)))))));
 };
 var IdentityPanelImpl = (props) => {
   const { identity, titleId, activeView, onUpdateProfile, onResetStorage, onRecover, onJoinNewIdentity, IdentityActionChooser: IdentityActionChooserComponent = IdentityActionChooser, InvitationManager: InvitationManagerComponent = InvitationManager, connectionState, onChangeConnectionState, onDone, ...rest } = props;
-  const { t } = (0, import_react_ui18.useTranslation)("os");
-  const title = (0, import_react37.useMemo)(() => {
+  const { t } = (0, import_react_ui17.useTranslation)("os");
+  const title = (0, import_react34.useMemo)(() => {
     switch (activeView) {
       case "device invitation manager":
         return t("choose add device label");
@@ -2129,7 +2013,7 @@ var IdentityPanelImpl = (props) => {
   ]);
   const onCancelReset = () => rest.send?.("unchooseAction");
   const hideRecover = rest.agentStatus !== "created";
-  return /* @__PURE__ */ import_react37.default.createElement(import_react37.default.Fragment, null, /* @__PURE__ */ import_react37.default.createElement(IdentityHeading, {
+  return /* @__PURE__ */ import_react34.default.createElement(import_react34.default.Fragment, null, /* @__PURE__ */ import_react34.default.createElement(IdentityHeading, {
     identity,
     titleId,
     title,
@@ -2138,44 +2022,44 @@ var IdentityPanelImpl = (props) => {
     onUpdateProfile,
     connectionState,
     onChangeConnectionState
-  }), /* @__PURE__ */ import_react37.default.createElement(Viewport.Root, {
+  }), /* @__PURE__ */ import_react34.default.createElement(Viewport.Root, {
     activeView
-  }, /* @__PURE__ */ import_react37.default.createElement(Viewport.Views, null, /* @__PURE__ */ import_react37.default.createElement(Viewport.View, {
+  }, /* @__PURE__ */ import_react34.default.createElement(Viewport.Views, null, /* @__PURE__ */ import_react34.default.createElement(Viewport.View, {
     id: "identity action chooser",
     classNames: viewStyles
-  }, /* @__PURE__ */ import_react37.default.createElement(IdentityActionChooserComponent, {
+  }, /* @__PURE__ */ import_react34.default.createElement(IdentityActionChooserComponent, {
     active: activeView === "identity action chooser",
     ...rest,
     connectionState
-  })), /* @__PURE__ */ import_react37.default.createElement(Viewport.View, {
+  })), /* @__PURE__ */ import_react34.default.createElement(Viewport.View, {
     id: "device invitation manager",
     classNames: viewStyles
-  }, /* @__PURE__ */ import_react37.default.createElement(InvitationManagerComponent, {
+  }, /* @__PURE__ */ import_react34.default.createElement(InvitationManagerComponent, {
     active: activeView === "device invitation manager",
     ...rest,
     invitationUrl: rest.createInvitationUrl(rest.invitationCode)
-  })), /* @__PURE__ */ import_react37.default.createElement(Viewport.View, {
+  })), /* @__PURE__ */ import_react34.default.createElement(Viewport.View, {
     classNames: viewStyles,
     id: "confirm join new identity"
-  }, /* @__PURE__ */ import_react37.default.createElement(ConfirmReset, {
+  }, /* @__PURE__ */ import_react34.default.createElement(ConfirmReset, {
     active: activeView === "confirm join new identity",
     ...rest,
     mode: "join new identity",
     onConfirm: onJoinNewIdentity,
     onCancel: onCancelReset
-  })), /* @__PURE__ */ import_react37.default.createElement(Viewport.View, {
+  })), /* @__PURE__ */ import_react34.default.createElement(Viewport.View, {
     classNames: viewStyles,
     id: "confirm recover"
-  }, /* @__PURE__ */ import_react37.default.createElement(ConfirmReset, {
+  }, /* @__PURE__ */ import_react34.default.createElement(ConfirmReset, {
     active: activeView === "confirm recover",
     ...rest,
     mode: "recover",
     onConfirm: onRecover,
     onCancel: onCancelReset
-  })), /* @__PURE__ */ import_react37.default.createElement(Viewport.View, {
+  })), /* @__PURE__ */ import_react34.default.createElement(Viewport.View, {
     classNames: viewStyles,
     id: "confirm reset storage"
-  }, /* @__PURE__ */ import_react37.default.createElement(ConfirmReset, {
+  }, /* @__PURE__ */ import_react34.default.createElement(ConfirmReset, {
     active: activeView === "confirm reset storage",
     ...rest,
     mode: "reset storage",
@@ -2185,13 +2069,13 @@ var IdentityPanelImpl = (props) => {
 };
 var IdentityPanelWithInvitationImpl = ({ invitation, ...props }) => {
   const invitationStatus = (0, import_invitations2.useInvitationStatus)(invitation);
-  return /* @__PURE__ */ import_react37.default.createElement(IdentityPanelImpl, {
+  return /* @__PURE__ */ import_react34.default.createElement(IdentityPanelImpl, {
     ...props,
     ...invitationStatus
   });
 };
 var IdentityPanel = ({ titleId: propsTitleId, createInvitationUrl = (code) => code, initialDisposition = "default", ...props }) => {
-  const titleId = (0, import_react_ui18.useId)("identityPanel__heading", propsTitleId);
+  const titleId = (0, import_react_ui17.useId)("identityPanel__heading", propsTitleId);
   const client = (0, import_react_client2.useClient)();
   const devices = (0, import_halo2.useDevices)();
   const identity = (0, import_halo2.useIdentity)();
@@ -2203,7 +2087,7 @@ var IdentityPanel = ({ titleId: propsTitleId, createInvitationUrl = (code) => co
   if (!identity) {
     import_log.log.error("IdentityPanel rendered with no active identity.", void 0, {
       F: __dxlog_file6,
-      L: 288,
+      L: 255,
       S: void 0,
       C: (f, a) => f(...a)
     });
@@ -2216,11 +2100,11 @@ var IdentityPanel = ({ titleId: propsTitleId, createInvitationUrl = (code) => co
   });
   const { swarm: connectionState } = (0, import_mesh2.useNetworkStatus)();
   const handleChangeConnectionState = async (nextState) => client?.mesh.updateConfig(nextState);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     const subscription = identityService.subscribe((state) => {
       (0, import_log.log)("[state]", state, {
         F: __dxlog_file6,
-        L: 301,
+        L: 268,
         S: void 0,
         C: (f, a) => f(...a)
       });
@@ -2229,7 +2113,7 @@ var IdentityPanel = ({ titleId: propsTitleId, createInvitationUrl = (code) => co
   }, [
     identityService
   ]);
-  const activeView = (0, import_react37.useMemo)(() => {
+  const activeView = (0, import_react34.useMemo)(() => {
     switch (true) {
       case identityState.matches("choosingAction"):
         return "identity action chooser";
@@ -2266,34 +2150,34 @@ var IdentityPanel = ({ titleId: propsTitleId, createInvitationUrl = (code) => co
     onChangeConnectionState: handleChangeConnectionState,
     ...agentProps
   };
-  return identityState.context.invitation ? /* @__PURE__ */ import_react37.default.createElement(IdentityPanelWithInvitationImpl, {
+  return identityState.context.invitation ? /* @__PURE__ */ import_react34.default.createElement(IdentityPanelWithInvitationImpl, {
     ...implProps,
     invitation: identityState.context.invitation
-  }) : /* @__PURE__ */ import_react37.default.createElement(IdentityPanelImpl, implProps);
+  }) : /* @__PURE__ */ import_react34.default.createElement(IdentityPanelImpl, implProps);
 };
-var JoinHeading = /* @__PURE__ */ (0, import_react49.forwardRef)(({ mode, titleId, exitActionParent, onExit }, forwardedRef) => {
-  const { t } = (0, import_react_ui23.useTranslation)("os");
-  const exitButton = /* @__PURE__ */ import_react49.default.createElement(import_react_ui23.Button, {
+var JoinHeading = /* @__PURE__ */ (0, import_react46.forwardRef)(({ mode, titleId, exitActionParent, onExit }, forwardedRef) => {
+  const { t } = (0, import_react_ui22.useTranslation)("os");
+  const exitButton = /* @__PURE__ */ import_react46.default.createElement(import_react_ui22.Button, {
     variant: "ghost",
     ...onExit && {
       onClick: onExit
     },
-    classNames: (0, import_react_ui_theme25.mx)(import_react_ui_theme25.descriptionText, "plb-0 pli-2 absolute block-start-0 inline-end-0 z-[1]"),
+    classNames: (0, import_react_ui_theme24.mx)(import_react_ui_theme24.descriptionText, "plb-0 pli-2 absolute block-start-0 inline-end-0 z-[1]"),
     "data-testid": "join-exit"
-  }, /* @__PURE__ */ import_react49.default.createElement(import_react48.X, {
+  }, /* @__PURE__ */ import_react46.default.createElement(import_react45.X, {
     weight: "bold",
-    className: (0, import_react_ui_theme25.getSize)(4)
-  }), /* @__PURE__ */ import_react49.default.createElement("span", {
+    className: (0, import_react_ui_theme24.getSize)(4)
+  }), /* @__PURE__ */ import_react46.default.createElement("span", {
     className: "sr-only"
   }, t("exit label")));
-  return /* @__PURE__ */ import_react49.default.createElement(Heading, {
+  return /* @__PURE__ */ import_react46.default.createElement(Heading, {
     ref: forwardedRef,
     titleId,
     title: t(mode === "halo-only" ? "selecting identity heading" : "joining space heading"),
     ...mode === "halo-only" ? {
       titleSrOnly: true
     } : {
-      corner: exitActionParent ? /* @__PURE__ */ (0, import_react49.cloneElement)(exitActionParent, {}, exitButton) : exitButton
+      corner: exitActionParent ? /* @__PURE__ */ (0, import_react46.cloneElement)(exitActionParent, {}, exitButton) : exitButton
     },
     titleSrOnly: mode === "halo-only"
   });
@@ -2798,7 +2682,7 @@ var defaultCodeFromUrl = (invitationType, text) => {
   }
 };
 var useJoinMachine = (client, options) => {
-  const redeemHaloInvitationCode = (0, import_react51.useCallback)(({ halo }) => {
+  const redeemHaloInvitationCode = (0, import_react48.useCallback)(({ halo }) => {
     if (halo.unredeemedCode) {
       try {
         const invitation = import_invitations6.InvitationEncoder.decode(defaultCodeFromUrl("halo", halo.unredeemedCode));
@@ -2823,7 +2707,7 @@ var useJoinMachine = (client, options) => {
   }, [
     client
   ]);
-  const redeemSpaceInvitationCode = (0, import_react51.useCallback)(({ space }) => {
+  const redeemSpaceInvitationCode = (0, import_react48.useCallback)(({ space }) => {
     if (space.unredeemedCode) {
       try {
         const invitation = import_invitations6.InvitationEncoder.decode(defaultCodeFromUrl("space", space.unredeemedCode));
@@ -2848,7 +2732,7 @@ var useJoinMachine = (client, options) => {
   }, [
     client
   ]);
-  const invalidateHaloInvitationCode = (0, import_react51.useCallback)(({ halo }) => {
+  const invalidateHaloInvitationCode = (0, import_react48.useCallback)(({ halo }) => {
     if (halo.unredeemedCode) {
       options?.onInvalidateInvitationCode?.(halo.unredeemedCode);
       return {
@@ -2861,7 +2745,7 @@ var useJoinMachine = (client, options) => {
   }, [
     options?.onInvalidateInvitationCode
   ]);
-  const invalidateSpaceInvitationCode = (0, import_react51.useCallback)(({ space }) => {
+  const invalidateSpaceInvitationCode = (0, import_react48.useCallback)(({ space }) => {
     if (space.unredeemedCode) {
       options?.onInvalidateInvitationCode?.(space.unredeemedCode);
       return {
@@ -2874,7 +2758,7 @@ var useJoinMachine = (client, options) => {
   }, [
     options?.onInvalidateInvitationCode
   ]);
-  return (0, import_react50.useMachine)(joinMachine, {
+  return (0, import_react47.useMachine)(joinMachine, {
     ...options,
     actions: {
       ...options?.actions,
@@ -2896,11 +2780,11 @@ var useJoinMachine = (client, options) => {
 var AdditionMethodChooser = (viewStateProps) => {
   const disabled = !viewStateProps.active;
   const { send } = viewStateProps;
-  const { t } = (0, import_react_ui24.useTranslation)("os");
+  const { t } = (0, import_react_ui23.useTranslation)("os");
   const sharedButtonProps = {
     disabled,
-    after: /* @__PURE__ */ import_react53.default.createElement(import_react52.CaretRight, {
-      className: (0, import_react_ui_theme26.getSize)(4),
+    after: /* @__PURE__ */ import_react50.default.createElement(import_react49.CaretRight, {
+      className: (0, import_react_ui_theme25.getSize)(4),
       weight: "bold"
     }),
     slots: {
@@ -2909,35 +2793,35 @@ var AdditionMethodChooser = (viewStateProps) => {
       }
     }
   };
-  return /* @__PURE__ */ import_react53.default.createElement(import_react53.default.Fragment, null, /* @__PURE__ */ import_react53.default.createElement(StepHeading, null, t("addition method chooser title")), /* @__PURE__ */ import_react53.default.createElement("div", {
+  return /* @__PURE__ */ import_react50.default.createElement(import_react50.default.Fragment, null, /* @__PURE__ */ import_react50.default.createElement(StepHeading, null, t("addition method chooser title")), /* @__PURE__ */ import_react50.default.createElement("div", {
     role: "none",
     className: "flex flex-col gap-1 grow"
-  }, /* @__PURE__ */ import_react53.default.createElement(CompoundButton, {
+  }, /* @__PURE__ */ import_react50.default.createElement(CompoundButton, {
     ...sharedButtonProps,
     description: t("create identity description"),
-    before: /* @__PURE__ */ import_react53.default.createElement(import_react52.Plus, {
-      className: (0, import_react_ui_theme26.getSize)(6)
+    before: /* @__PURE__ */ import_react50.default.createElement(import_react49.Plus, {
+      className: (0, import_react_ui_theme25.getSize)(6)
     }),
     onClick: () => send({
       type: "createIdentity"
     }),
     "data-autofocus": "choosingAuthMethod",
     "data-testid": "identity-chooser.create-identity"
-  }, t("create identity label")), /* @__PURE__ */ import_react53.default.createElement(CompoundButton, {
+  }, t("create identity label")), /* @__PURE__ */ import_react50.default.createElement(CompoundButton, {
     ...sharedButtonProps,
     description: t("join identity description"),
-    before: /* @__PURE__ */ import_react53.default.createElement(import_react52.QrCode, {
-      className: (0, import_react_ui_theme26.getSize)(6)
+    before: /* @__PURE__ */ import_react50.default.createElement(import_react49.QrCode, {
+      className: (0, import_react_ui_theme25.getSize)(6)
     }),
     onClick: () => send({
       type: "acceptHaloInvitation"
     }),
     "data-testid": "identity-chooser.join-identity"
-  }, t("join identity label")), /* @__PURE__ */ import_react53.default.createElement(CompoundButton, {
+  }, t("join identity label")), /* @__PURE__ */ import_react50.default.createElement(CompoundButton, {
     ...sharedButtonProps,
     description: t("recover identity description"),
-    before: /* @__PURE__ */ import_react53.default.createElement(import_react52.Textbox, {
-      className: (0, import_react_ui_theme26.getSize)(6)
+    before: /* @__PURE__ */ import_react50.default.createElement(import_react49.Textbox, {
+      className: (0, import_react_ui_theme25.getSize)(6)
     }),
     onClick: () => send({
       type: "recoverIdentity"
@@ -2948,31 +2832,31 @@ var AdditionMethodChooser = (viewStateProps) => {
 var IdentityAdded = (props) => {
   const { mode, addedIdentity, active, send, onDone, doneActionParent } = props;
   const disabled = !active;
-  const { t } = (0, import_react_ui25.useTranslation)("os");
+  const { t } = (0, import_react_ui24.useTranslation)("os");
   const addedIdentityHex = addedIdentity?.identityKey.toHex() ?? "0";
   const fallbackValue = (0, import_util8.hexToFallback)(addedIdentityHex);
-  const labelId = (0, import_react_ui25.useId)("identityListItem__label");
+  const labelId = (0, import_react_ui24.useId)("identityListItem__label");
   const displayName = addedIdentity?.profile?.displayName ?? (addedIdentity && (0, import_display_name4.generateName)(addedIdentityHex));
-  const doneAction = /* @__PURE__ */ import_react54.default.createElement(Action, {
+  const doneAction = /* @__PURE__ */ import_react51.default.createElement(Action, {
     ...onDone && {
       onClick: () => onDone(null)
     },
     disabled,
     "data-autofocus": "confirmingAddedIdentity",
     "data-testid": "identity-added-done"
-  }, /* @__PURE__ */ import_react54.default.createElement("span", null, t("done label")));
-  return /* @__PURE__ */ import_react54.default.createElement(import_react54.default.Fragment, null, /* @__PURE__ */ import_react54.default.createElement(StepHeading, null, t("identity added label")), /* @__PURE__ */ import_react54.default.createElement("div", {
+  }, /* @__PURE__ */ import_react51.default.createElement("span", null, t("done label")));
+  return /* @__PURE__ */ import_react51.default.createElement(import_react51.default.Fragment, null, /* @__PURE__ */ import_react51.default.createElement(StepHeading, null, t("identity added label")), /* @__PURE__ */ import_react51.default.createElement("div", {
     role: "none",
     className: "grow flex flex-col items-center justify-center text-center gap-2"
-  }, /* @__PURE__ */ import_react54.default.createElement(import_react_ui25.Avatar.Root, {
+  }, /* @__PURE__ */ import_react51.default.createElement(import_react_ui24.Avatar.Root, {
     status: "active",
     labelId,
     hue: addedIdentity?.profile?.data?.hue || fallbackValue.hue
-  }, /* @__PURE__ */ import_react54.default.createElement(import_react_ui25.Avatar.Frame, null, /* @__PURE__ */ import_react54.default.createElement(import_react_ui25.Avatar.Fallback, {
+  }, /* @__PURE__ */ import_react51.default.createElement(import_react_ui24.Avatar.Frame, null, /* @__PURE__ */ import_react51.default.createElement(import_react_ui24.Avatar.Fallback, {
     text: addedIdentity?.profile?.data?.emoji || fallbackValue.emoji
-  })), /* @__PURE__ */ import_react54.default.createElement(import_react_ui25.Avatar.Label, {
-    classNames: (0, import_react_ui_theme27.mx)("text-lg truncate", !addedIdentity?.profile?.displayName && "font-mono")
-  }, displayName))), /* @__PURE__ */ import_react54.default.createElement(Actions, null, mode === "halo-only" ? doneActionParent ? /* @__PURE__ */ (0, import_react54.cloneElement)(doneActionParent, {}, doneAction) : doneAction : /* @__PURE__ */ import_react54.default.createElement(Action, {
+  })), /* @__PURE__ */ import_react51.default.createElement(import_react_ui24.Avatar.Label, {
+    classNames: (0, import_react_ui_theme26.mx)("text-lg truncate", !addedIdentity?.profile?.displayName && "font-mono")
+  }, displayName))), /* @__PURE__ */ import_react51.default.createElement(Actions, null, mode === "halo-only" ? doneActionParent ? /* @__PURE__ */ (0, import_react51.cloneElement)(doneActionParent, {}, doneAction) : doneAction : /* @__PURE__ */ import_react51.default.createElement(Action, {
     variant: "primary",
     disabled: disabled || !addedIdentity,
     onClick: () => addedIdentity && send({
@@ -2987,11 +2871,11 @@ var IdentityInput = (props) => {
   const { send, method } = props;
   const isRecover = method === "recover identity";
   const client = (0, import_react_client9.useClient)();
-  const { t } = (0, import_react_ui26.useTranslation)("os");
-  const [validationMessage, setValidationMessage] = (0, import_react55.useState)("");
-  const createIdentity = (value) => {
+  const { t } = (0, import_react_ui25.useTranslation)("os");
+  const [validationMessage, setValidationMessage] = (0, import_react52.useState)("");
+  const handleConfirm = async (value) => {
     if (isRecover) {
-      void client.halo.recoverIdentity({
+      await client.halo.recoverIdentity({
         seedphrase: value
       }).then((identity) => {
         send?.({
@@ -3001,14 +2885,14 @@ var IdentityInput = (props) => {
       }, (error) => {
         import_log10.log.catch(error, void 0, {
           F: __dxlog_file8,
-          L: 38,
+          L: 39,
           S: void 0,
           C: (f, a) => f(...a)
         });
         setValidationMessage(t("failed to recover identity message"));
       });
     } else {
-      void client.halo.createIdentity({
+      await client.halo.createIdentity({
         displayName: value
       }).then((identity) => {
         send?.({
@@ -3018,7 +2902,7 @@ var IdentityInput = (props) => {
       }, (error) => {
         import_log10.log.catch(error, void 0, {
           F: __dxlog_file8,
-          L: 48,
+          L: 49,
           S: void 0,
           C: (f, a) => f(...a)
         });
@@ -3026,41 +2910,43 @@ var IdentityInput = (props) => {
       });
     }
   };
-  return /* @__PURE__ */ import_react55.default.createElement(IdentityInputImpl, {
+  return /* @__PURE__ */ import_react52.default.createElement(IdentityInputImpl, {
     ...props,
-    onDisplayNameConfirm: createIdentity,
+    onConfirm: handleConfirm,
     validationMessage
   });
 };
 var IdentityInputImpl = (props) => {
-  const { method, send, active, onDisplayNameConfirm, validationMessage } = props;
-  const disabled = !active;
-  const { t } = (0, import_react_ui26.useTranslation)("os");
-  const [inputValue, setInputValue] = (0, import_react55.useState)("");
+  const { method, active, onConfirm, validationMessage } = props;
+  const { t } = (0, import_react_ui25.useTranslation)("os");
+  const [inputValue, setInputValue] = (0, import_react52.useState)("");
+  const [pending, setPending] = (0, import_react52.useState)(false);
+  const disabled = !active || pending;
   const isRecover = method === "recover identity";
-  return /* @__PURE__ */ import_react55.default.createElement(import_react55.default.Fragment, null, /* @__PURE__ */ import_react55.default.createElement("div", {
+  const handleConfirm = (0, import_react52.useCallback)(async () => {
+    setPending(true);
+    await onConfirm?.(inputValue);
+    setPending(false);
+  }, [
+    onConfirm,
+    inputValue
+  ]);
+  return /* @__PURE__ */ import_react52.default.createElement(import_react52.default.Fragment, null, /* @__PURE__ */ import_react52.default.createElement("div", {
     role: "none",
     className: "grow flex flex-col justify-center"
-  }, /* @__PURE__ */ import_react55.default.createElement(Input, {
+  }, /* @__PURE__ */ import_react52.default.createElement(Input, {
     validationMessage,
-    label: /* @__PURE__ */ import_react55.default.createElement(StepHeading, null, t(isRecover ? "recover identity input label" : "new identity input label")),
+    label: /* @__PURE__ */ import_react52.default.createElement(StepHeading, null, t(isRecover ? "recover identity input label" : "new identity input label")),
     disabled,
     "data-testid": "identity-input",
-    placeholder: isRecover ? "Type your recovery phrase" : "Type a display name",
+    placeholder: isRecover ? t("recovery code placeholder") : t("display name placeholder"),
     onChange: ({ target: { value } }) => setInputValue(value)
-  })), /* @__PURE__ */ import_react55.default.createElement(Actions, null, /* @__PURE__ */ import_react55.default.createElement(Action, {
-    variant: "ghost",
-    disabled,
-    onClick: () => send?.({
-      type: "deselectAuthMethod"
-    }),
-    "data-testid": `${method === "recover identity" ? "recover" : "create"}-identity-input-back`
-  }, t("back label")), /* @__PURE__ */ import_react55.default.createElement(Action, {
+  })), /* @__PURE__ */ import_react52.default.createElement(Actions, null, /* @__PURE__ */ import_react52.default.createElement(Action, {
     variant: "primary",
-    disabled,
-    onClick: () => onDisplayNameConfirm?.(inputValue),
+    disabled: disabled || inputValue.trim().length === 0,
+    onClick: handleConfirm,
     "data-testid": `${method === "recover identity" ? "recover" : "create"}-identity-input-continue`
-  }, t("continue label"))));
+  }, pending ? t("continue label") : t("pending label"))));
 };
 var __dxlog_file9 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/JoinPanel/steps/InvitationInput.tsx";
 var invitationCodeFromUrl = (text) => {
@@ -3081,9 +2967,9 @@ var invitationCodeFromUrl = (text) => {
 var InvitationInput = (props) => {
   const { Kind, active, send, unredeemedCode, onExit, exitActionParent, onDone, doneActionParent, succeededKeys } = props;
   const disabled = !active;
-  const { t } = (0, import_react_ui28.useTranslation)("os");
-  const [inputValue, setInputValue] = (0, import_react57.useState)(unredeemedCode ?? "");
-  (0, import_react57.useEffect)(() => {
+  const { t } = (0, import_react_ui27.useTranslation)("os");
+  const [inputValue, setInputValue] = (0, import_react54.useState)(unredeemedCode ?? "");
+  (0, import_react54.useEffect)(() => {
     unredeemedCode && setInputValue(unredeemedCode ?? "");
   }, [
     unredeemedCode
@@ -3100,7 +2986,7 @@ var InvitationInput = (props) => {
       }
     });
   };
-  const exitAction = /* @__PURE__ */ import_react57.default.createElement(Action, {
+  const exitAction = /* @__PURE__ */ import_react54.default.createElement(Action, {
     variant: "ghost",
     disabled,
     ...onExit ? {
@@ -3110,20 +2996,19 @@ var InvitationInput = (props) => {
     },
     "data-testid": "join-exit"
   }, t("cancel label"));
-  return /* @__PURE__ */ import_react57.default.createElement(import_react57.default.Fragment, null, /* @__PURE__ */ import_react57.default.createElement("div", {
+  return /* @__PURE__ */ import_react54.default.createElement(import_react54.default.Fragment, null, /* @__PURE__ */ import_react54.default.createElement("div", {
     role: "none",
     className: "grow flex flex-col justify-center"
-  }, /* @__PURE__ */ import_react57.default.createElement(Input, {
-    label: /* @__PURE__ */ import_react57.default.createElement(StepHeading, null, t("invitation input label")),
-    // TODO(burdon): Translation.
-    placeholder: "Type an invitation code",
+  }, /* @__PURE__ */ import_react54.default.createElement(Input, {
+    label: /* @__PURE__ */ import_react54.default.createElement(StepHeading, null, t("invitation input label")),
+    placeholder: t("invitation input placeholder"),
     disabled,
     value: inputValue,
     onChange: ({ target: { value } }) => setInputValue(value),
     "data-autofocus": `inputting${Kind}InvitationCode`,
     "data-testid": `${Kind.toLowerCase()}-invitation-input`,
     onKeyUp: ({ key }) => key === "Enter" && handleNext()
-  })), /* @__PURE__ */ import_react57.default.createElement(Actions, null, Kind === "Halo" ? null : exitActionParent ? /* @__PURE__ */ (0, import_react57.cloneElement)(exitActionParent, {}, exitAction) : doneActionParent ? /* @__PURE__ */ (0, import_react57.cloneElement)(doneActionParent, {}, exitAction) : exitAction, /* @__PURE__ */ import_react57.default.createElement(Action, {
+  })), /* @__PURE__ */ import_react54.default.createElement(Actions, null, Kind === "Halo" ? null : exitActionParent ? /* @__PURE__ */ (0, import_react54.cloneElement)(exitActionParent, {}, exitAction) : doneActionParent ? /* @__PURE__ */ (0, import_react54.cloneElement)(doneActionParent, {}, exitAction) : exitAction, /* @__PURE__ */ import_react54.default.createElement(Action, {
     variant: "primary",
     disabled: disabled || inputValue.trim().length === 0,
     onClick: handleNext,
@@ -3140,14 +3025,14 @@ var InvitationActions = ({
   Kind,
   failReason
 }) => {
-  const { t } = (0, import_react_ui29.useTranslation)("os");
+  const { t } = (0, import_react_ui28.useTranslation)("os");
   if (failReason) {
-    return /* @__PURE__ */ import_react58.default.createElement(import_react58.default.Fragment, null, /* @__PURE__ */ import_react58.default.createElement(StepHeading, {
-      className: import_react_ui_theme28.descriptionText
-    }, t(failReason === "timeout" ? "timeout status label" : failReason === "cancelled" ? "cancelled status label" : "error status label")), /* @__PURE__ */ import_react58.default.createElement("div", {
+    return /* @__PURE__ */ import_react55.default.createElement(import_react55.default.Fragment, null, /* @__PURE__ */ import_react55.default.createElement(StepHeading, {
+      className: import_react_ui_theme27.descriptionText
+    }, t(failReason === "timeout" ? "timeout status label" : failReason === "cancelled" ? "cancelled status label" : "error status label")), /* @__PURE__ */ import_react55.default.createElement("div", {
       role: "none",
       className: "grow"
-    }), /* @__PURE__ */ import_react58.default.createElement(Actions, null, /* @__PURE__ */ import_react58.default.createElement(Action, {
+    }), /* @__PURE__ */ import_react55.default.createElement(Actions, null, /* @__PURE__ */ import_react55.default.createElement(Action, {
       disabled: !active,
       onClick: () => send({
         type: `reset${Kind}Invitation`
@@ -3155,16 +3040,16 @@ var InvitationActions = ({
       "data-testid": "invitation-rescuer-reset"
     }, t("reset label"))));
   } else {
-    return /* @__PURE__ */ import_react58.default.createElement(import_react58.default.Fragment, null, /* @__PURE__ */ import_react58.default.createElement(StepHeading, {
-      className: import_react_ui_theme28.descriptionText
-    }, t("connecting status label")), /* @__PURE__ */ import_react58.default.createElement("div", {
+    return /* @__PURE__ */ import_react55.default.createElement(import_react55.default.Fragment, null, /* @__PURE__ */ import_react55.default.createElement(StepHeading, {
+      className: import_react_ui_theme27.descriptionText
+    }, t("connecting status label")), /* @__PURE__ */ import_react55.default.createElement("div", {
       role: "none",
       className: "grow"
-    }), /* @__PURE__ */ import_react58.default.createElement(Actions, null, /* @__PURE__ */ import_react58.default.createElement(Action, {
+    }), /* @__PURE__ */ import_react55.default.createElement(Actions, null, /* @__PURE__ */ import_react55.default.createElement(Action, {
       disabled: true,
       classNames: "order-2",
       "data-testid": "next"
-    }, t("next label")), /* @__PURE__ */ import_react58.default.createElement(Action, {
+    }, t("next label")), /* @__PURE__ */ import_react55.default.createElement(Action, {
       disabled: !active,
       onClick: onInvitationCancel,
       "data-testid": "invitation-rescuer-cancel"
@@ -3173,45 +3058,45 @@ var InvitationActions = ({
 };
 var InvitationRescuer = (props) => {
   const { Kind, invitationState, active, send } = props;
-  const { t } = (0, import_react_ui29.useTranslation)("os");
-  return /* @__PURE__ */ import_react58.default.createElement(import_react58.default.Fragment, null, typeof invitationState === "undefined" ? /* @__PURE__ */ import_react58.default.createElement(import_react58.default.Fragment, null, /* @__PURE__ */ import_react58.default.createElement("div", {
+  const { t } = (0, import_react_ui28.useTranslation)("os");
+  return /* @__PURE__ */ import_react55.default.createElement(import_react55.default.Fragment, null, typeof invitationState === "undefined" ? /* @__PURE__ */ import_react55.default.createElement(import_react55.default.Fragment, null, /* @__PURE__ */ import_react55.default.createElement("div", {
     role: "none",
     className: "grow flex flex-col justify-center"
-  }, /* @__PURE__ */ import_react58.default.createElement(StepHeading, {
-    className: import_react_ui_theme28.descriptionText
-  }, "There was a problem joining the space")), /* @__PURE__ */ import_react58.default.createElement(Actions, null, /* @__PURE__ */ import_react58.default.createElement(Action, {
+  }, /* @__PURE__ */ import_react55.default.createElement(StepHeading, {
+    className: import_react_ui_theme27.descriptionText
+  }, "There was a problem joining the space")), /* @__PURE__ */ import_react55.default.createElement(Actions, null, /* @__PURE__ */ import_react55.default.createElement(Action, {
     disabled: !active,
     "data-testid": "invitation-rescuer-blank-reset",
     onClick: () => send({
       type: `reset${Kind}Invitation`
     })
-  }, t("reset label")))) : /* @__PURE__ */ import_react58.default.createElement(InvitationActions, props));
+  }, t("reset label")))) : /* @__PURE__ */ import_react55.default.createElement(InvitationActions, props));
 };
 var pinLength = 6;
 var InvitationAuthenticator = ({ failed, Kind, authMethod, active, pending, invitationId, onInvitationAuthenticate, onInvitationCancel }) => {
   const disabled = !active || pending;
-  const { t } = (0, import_react_ui30.useTranslation)("os");
+  const { t } = (0, import_react_ui29.useTranslation)("os");
   const invitationType = Kind.toLowerCase();
-  const [authCode, setAuthCode] = (0, import_react59.useState)("");
+  const [authCode, setAuthCode] = (0, import_react56.useState)("");
   const onChange = ({ target: { value } }) => {
     setAuthCode(value);
     if (value.length === pinLength) {
       document.querySelector(`[data-autofocus-pinlength="${invitationType}"]`)?.focus();
     }
   };
-  return /* @__PURE__ */ import_react59.default.createElement(import_react59.default.Fragment, null, /* @__PURE__ */ import_react59.default.createElement("div", {
+  return /* @__PURE__ */ import_react56.default.createElement(import_react56.default.Fragment, null, /* @__PURE__ */ import_react56.default.createElement("div", {
     role: "none",
     className: "grow flex flex-col justify-center gap-4"
-  }, /* @__PURE__ */ import_react59.default.createElement(import_react_ui30.Input.Root, failed && {
+  }, /* @__PURE__ */ import_react56.default.createElement(import_react_ui29.Input.Root, failed && {
     validationValence: "error"
-  }, /* @__PURE__ */ import_react59.default.createElement(import_react_ui30.Input.Label, {
+  }, /* @__PURE__ */ import_react56.default.createElement(import_react_ui29.Input.Label, {
     asChild: true
-  }, authMethod === import_invitations7.Invitation.AuthMethod.SHARED_SECRET ? /* @__PURE__ */ import_react59.default.createElement(StepHeading, null, t("auth code input label")) : /* @__PURE__ */ import_react59.default.createElement(import_react59.default.Fragment, null, /* @__PURE__ */ import_react59.default.createElement(StepHeading, {
-    className: import_react_ui_theme29.descriptionText
-  }, t("authenticating label")), /* @__PURE__ */ import_react59.default.createElement("div", {
+  }, authMethod === import_invitations7.Invitation.AuthMethod.SHARED_SECRET ? /* @__PURE__ */ import_react56.default.createElement(StepHeading, null, t("auth code input label")) : /* @__PURE__ */ import_react56.default.createElement(import_react56.default.Fragment, null, /* @__PURE__ */ import_react56.default.createElement(StepHeading, {
+    className: import_react_ui_theme28.descriptionText
+  }, t("authenticating label")), /* @__PURE__ */ import_react56.default.createElement("div", {
     role: "none",
     className: "grow"
-  }))), authMethod === import_invitations7.Invitation.AuthMethod.SHARED_SECRET && /* @__PURE__ */ import_react59.default.createElement(import_react_ui30.Input.PinInput, {
+  }))), authMethod === import_invitations7.Invitation.AuthMethod.SHARED_SECRET && /* @__PURE__ */ import_react56.default.createElement(import_react_ui29.Input.PinInput, {
     disabled,
     length: pinLength,
     onChange,
@@ -3222,18 +3107,18 @@ var InvitationAuthenticator = ({ failed, Kind, authMethod, active, pending, invi
     "data-prevent-ios-autofocus": true,
     "data-testid": `${invitationType}-auth-code-input`,
     "data-1p-ignore": true
-  }), failed && /* @__PURE__ */ import_react59.default.createElement(import_react_ui30.Input.DescriptionAndValidation, {
+  }), failed && /* @__PURE__ */ import_react56.default.createElement(import_react_ui29.Input.DescriptionAndValidation, {
     classNames: "text-center"
-  }, /* @__PURE__ */ import_react59.default.createElement(import_react_ui30.Input.Validation, null, t("failed to authenticate message")))), invitationId && authMethod === import_invitations7.Invitation.AuthMethod.SHARED_SECRET && /* @__PURE__ */ import_react59.default.createElement(import_react59.default.Fragment, null, /* @__PURE__ */ import_react59.default.createElement(Label, null, t("auth other device emoji message")), /* @__PURE__ */ import_react59.default.createElement("div", {
+  }, /* @__PURE__ */ import_react56.default.createElement(import_react_ui29.Input.Validation, null, t("failed to authenticate message")))), invitationId && authMethod === import_invitations7.Invitation.AuthMethod.SHARED_SECRET && /* @__PURE__ */ import_react56.default.createElement(import_react56.default.Fragment, null, /* @__PURE__ */ import_react56.default.createElement(Label, null, t("auth other device emoji message")), /* @__PURE__ */ import_react56.default.createElement("div", {
     className: "flex justify-center"
-  }, /* @__PURE__ */ import_react59.default.createElement(Emoji, {
+  }, /* @__PURE__ */ import_react56.default.createElement(Emoji, {
     text: (0, import_util9.hexToEmoji)(invitationId)
-  })))), /* @__PURE__ */ import_react59.default.createElement(Actions, null, /* @__PURE__ */ import_react59.default.createElement(Action, {
+  })))), /* @__PURE__ */ import_react56.default.createElement(Actions, null, /* @__PURE__ */ import_react56.default.createElement(Action, {
     variant: "ghost",
     disabled,
     onClick: () => onInvitationCancel?.(),
     "data-testid": `${invitationType}-invitation-authenticator-cancel`
-  }, t("cancel label")), /* @__PURE__ */ import_react59.default.createElement(Action, {
+  }, t("cancel label")), /* @__PURE__ */ import_react56.default.createElement(Action, {
     variant: "primary",
     disabled,
     onClick: () => onInvitationAuthenticate?.(authCode),
@@ -3288,46 +3173,46 @@ var JoinPanelImpl = (props) => {
     IdentityInput: IdentityInputComponent = IdentityInput,
     ConfirmReset: ConfirmResetComponent = ConfirmReset
   } = props;
-  return /* @__PURE__ */ import_react47.default.createElement(import_react47.default.Fragment, null, mode !== "halo-only" && /* @__PURE__ */ import_react47.default.createElement(JoinHeading, {
+  return /* @__PURE__ */ import_react44.default.createElement(import_react44.default.Fragment, null, mode !== "halo-only" && /* @__PURE__ */ import_react44.default.createElement(JoinHeading, {
     titleId,
     mode,
     onExit,
     exitActionParent
-  }), /* @__PURE__ */ import_react47.default.createElement(Viewport.Root, {
+  }), /* @__PURE__ */ import_react44.default.createElement(Viewport.Root, {
     focusManaged: true,
     activeView
-  }, /* @__PURE__ */ import_react47.default.createElement(Viewport.Views, null, /* @__PURE__ */ import_react47.default.createElement(Viewport.View, {
+  }, /* @__PURE__ */ import_react44.default.createElement(Viewport.Views, null, /* @__PURE__ */ import_react44.default.createElement(Viewport.View, {
     classNames: stepStyles,
     id: "addition method chooser"
-  }, /* @__PURE__ */ import_react47.default.createElement(AdditionMethodChooser, {
+  }, /* @__PURE__ */ import_react44.default.createElement(AdditionMethodChooser, {
     send,
     active: activeView === "addition method chooser"
-  })), /* @__PURE__ */ import_react47.default.createElement(Viewport.View, {
+  })), /* @__PURE__ */ import_react44.default.createElement(Viewport.View, {
     classNames: stepStyles,
     id: "reset storage confirmation"
-  }, /* @__PURE__ */ import_react47.default.createElement(ConfirmResetComponent, {
+  }, /* @__PURE__ */ import_react44.default.createElement(ConfirmResetComponent, {
     send,
     active: activeView === "reset storage confirmation",
     onCancel: onCancelResetStorage,
     onConfirm: onConfirmResetStorage
-  })), /* @__PURE__ */ import_react47.default.createElement(Viewport.View, {
+  })), /* @__PURE__ */ import_react44.default.createElement(Viewport.View, {
     classNames: stepStyles,
     id: "create identity input"
-  }, /* @__PURE__ */ import_react47.default.createElement(IdentityInputComponent, {
+  }, /* @__PURE__ */ import_react44.default.createElement(IdentityInputComponent, {
     send,
     method: "create identity",
     active: activeView === "create identity input"
-  })), /* @__PURE__ */ import_react47.default.createElement(Viewport.View, {
+  })), /* @__PURE__ */ import_react44.default.createElement(Viewport.View, {
     classNames: stepStyles,
     id: "recover identity input"
-  }, /* @__PURE__ */ import_react47.default.createElement(IdentityInputComponent, {
+  }, /* @__PURE__ */ import_react44.default.createElement(IdentityInputComponent, {
     send,
     method: "recover identity",
     active: activeView === "recover identity input"
-  })), /* @__PURE__ */ import_react47.default.createElement(Viewport.View, {
+  })), /* @__PURE__ */ import_react44.default.createElement(Viewport.View, {
     classNames: stepStyles,
     id: "halo invitation input"
-  }, /* @__PURE__ */ import_react47.default.createElement(InvitationInput, {
+  }, /* @__PURE__ */ import_react44.default.createElement(InvitationInput, {
     send,
     Kind: "Halo",
     active: activeView === "halo invitation input",
@@ -3337,20 +3222,20 @@ var JoinPanelImpl = (props) => {
     ...succeededKeys?.Halo && {
       succeededKeys: succeededKeys.Halo
     }
-  })), /* @__PURE__ */ import_react47.default.createElement(Viewport.View, {
+  })), /* @__PURE__ */ import_react44.default.createElement(Viewport.View, {
     classNames: stepStyles,
     id: "halo invitation rescuer"
-  }, /* @__PURE__ */ import_react47.default.createElement(InvitationRescuer, {
+  }, /* @__PURE__ */ import_react44.default.createElement(InvitationRescuer, {
     send,
     Kind: "Halo",
     active: activeView === "halo invitation rescuer",
     invitationState: invitationStates?.Halo,
     onInvitationCancel: onHaloInvitationCancel,
     failReason: failReasons?.Halo
-  })), /* @__PURE__ */ import_react47.default.createElement(Viewport.View, {
+  })), /* @__PURE__ */ import_react44.default.createElement(Viewport.View, {
     classNames: stepStyles,
     id: "halo invitation authenticator"
-  }, /* @__PURE__ */ import_react47.default.createElement(InvitationAuthenticator, {
+  }, /* @__PURE__ */ import_react44.default.createElement(InvitationAuthenticator, {
     send,
     Kind: "Halo",
     invitationId: invitationIds?.Halo,
@@ -3361,19 +3246,19 @@ var JoinPanelImpl = (props) => {
     ...failed.has("Halo") && {
       failed: true
     }
-  })), /* @__PURE__ */ import_react47.default.createElement(Viewport.View, {
+  })), /* @__PURE__ */ import_react44.default.createElement(Viewport.View, {
     classNames: stepStyles,
     id: "identity added"
-  }, /* @__PURE__ */ import_react47.default.createElement(IdentityAdded, {
+  }, /* @__PURE__ */ import_react44.default.createElement(IdentityAdded, {
     send,
     mode,
     active: activeView === "identity added",
     doneActionParent,
     onDone: onHaloDone
-  })), /* @__PURE__ */ import_react47.default.createElement(Viewport.View, {
+  })), /* @__PURE__ */ import_react44.default.createElement(Viewport.View, {
     classNames: stepStyles,
     id: "space invitation input"
-  }, /* @__PURE__ */ import_react47.default.createElement(InvitationInput, {
+  }, /* @__PURE__ */ import_react44.default.createElement(InvitationInput, {
     send,
     Kind: "Space",
     active: activeView === "space invitation input",
@@ -3385,20 +3270,20 @@ var JoinPanelImpl = (props) => {
     },
     onExit,
     exitActionParent
-  })), /* @__PURE__ */ import_react47.default.createElement(Viewport.View, {
+  })), /* @__PURE__ */ import_react44.default.createElement(Viewport.View, {
     classNames: stepStyles,
     id: "space invitation rescuer"
-  }, /* @__PURE__ */ import_react47.default.createElement(InvitationRescuer, {
+  }, /* @__PURE__ */ import_react44.default.createElement(InvitationRescuer, {
     send,
     Kind: "Space",
     active: activeView === "space invitation rescuer",
     invitationState: invitationStates?.Space,
     onInvitationCancel: onSpaceInvitationCancel,
     failReason: failReasons?.Space
-  })), /* @__PURE__ */ import_react47.default.createElement(Viewport.View, {
+  })), /* @__PURE__ */ import_react44.default.createElement(Viewport.View, {
     classNames: stepStyles,
     id: "space invitation authenticator"
-  }, /* @__PURE__ */ import_react47.default.createElement(InvitationAuthenticator, {
+  }, /* @__PURE__ */ import_react44.default.createElement(InvitationAuthenticator, {
     send,
     Kind: "Space",
     invitationId: invitationIds?.Space,
@@ -3414,8 +3299,8 @@ var JoinPanelImpl = (props) => {
 var JoinPanel = ({ titleId: propsTitleId, mode = "default", initialDisposition = "default", initialInvitationCode, exitActionParent, onExit, doneActionParent, onDone: propsOnDone, onCancelResetStorage }) => {
   const client = (0, import_react_client7.useClient)();
   const identity = (0, import_halo4.useIdentity)();
-  const { hasIosKeyboard } = (0, import_react_ui22.useThemeContext)();
-  const titleId = (0, import_react_ui22.useId)("joinPanel__heading", propsTitleId);
+  const { hasIosKeyboard } = (0, import_react_ui21.useThemeContext)();
+  const titleId = (0, import_react_ui21.useId)("joinPanel__heading", propsTitleId);
   const [joinState, joinSend, joinService] = useJoinMachine(client, {
     context: {
       mode,
@@ -3428,7 +3313,7 @@ var JoinPanel = ({ titleId: propsTitleId, mode = "default", initialDisposition =
       }
     }
   });
-  (0, import_react47.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     const subscription = joinService.subscribe((state) => {
       (0, import_log8.log)("[state]", state, {
         F: __dxlog_file10,
@@ -3441,7 +3326,7 @@ var JoinPanel = ({ titleId: propsTitleId, mode = "default", initialDisposition =
   }, [
     joinService
   ]);
-  (0, import_react47.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     const stateStack = joinState.configuration[0].id.split(".");
     const innermostState = stateStack[stateStack.length - 1];
     const autoFocusValue = innermostState === "finishingJoining" ? "successSpaceInvitation" : innermostState;
@@ -3453,7 +3338,7 @@ var JoinPanel = ({ titleId: propsTitleId, mode = "default", initialDisposition =
     joinState.value,
     hasIosKeyboard
   ]);
-  const activeView = (0, import_react47.useMemo)(() => {
+  const activeView = (0, import_react44.useMemo)(() => {
     switch (true) {
       case joinState.matches({
         choosingIdentity: "choosingAuthMethod"
@@ -3574,7 +3459,7 @@ var JoinPanel = ({ titleId: propsTitleId, mode = "default", initialDisposition =
   }, [
     joinState
   ]);
-  (0, import_react47.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     switch (activeView) {
       case "halo invitation accepted":
         onHaloDone();
@@ -3586,7 +3471,7 @@ var JoinPanel = ({ titleId: propsTitleId, mode = "default", initialDisposition =
   }, [
     activeView
   ]);
-  const failed = (0, import_react47.useMemo)(() => {
+  const failed = (0, import_react44.useMemo)(() => {
     const result = /* @__PURE__ */ new Set();
     switch (true) {
       case joinState.matches({
@@ -3610,54 +3495,54 @@ var JoinPanel = ({ titleId: propsTitleId, mode = "default", initialDisposition =
   }, [
     joinState
   ]);
-  const unredeemedCodes = (0, import_react47.useMemo)(() => ({
+  const unredeemedCodes = (0, import_react44.useMemo)(() => ({
     Halo: joinState.context.halo.unredeemedCode,
     Space: joinState.context.space.unredeemedCode
   }), [
     joinState
   ]);
   const spaces = (0, import_react_client7.useMulticastObservable)(client.spaces);
-  const succeededKeys = (0, import_react47.useMemo)(() => ({
+  const succeededKeys = (0, import_react44.useMemo)(() => ({
     Space: spaces ? new Set(spaces.map(({ key }) => key.toHex())) : void 0
   }), [
     spaces
   ]);
-  const invitationStates = (0, import_react47.useMemo)(() => ({
+  const invitationStates = (0, import_react44.useMemo)(() => ({
     Halo: joinState.context.halo.invitationObservable?.get().state,
     Space: joinState.context.space.invitationObservable?.get().state
   }), [
     joinState
   ]);
-  const invitationAuthMethods = (0, import_react47.useMemo)(() => ({
+  const invitationAuthMethods = (0, import_react44.useMemo)(() => ({
     Halo: joinState.context.halo.invitationObservable?.get().authMethod,
     Space: joinState.context.space.invitationObservable?.get().authMethod
   }), [
     joinState
   ]);
-  const invitationIds = (0, import_react47.useMemo)(() => ({
+  const invitationIds = (0, import_react44.useMemo)(() => ({
     Halo: joinState.context.halo.invitationObservable?.get().invitationId,
     Space: joinState.context.space.invitationObservable?.get().invitationId
   }), [
     joinState
   ]);
-  const failReasons = (0, import_react47.useMemo)(() => ({
+  const failReasons = (0, import_react44.useMemo)(() => ({
     Halo: joinState.context.halo.failReason,
     Space: joinState.context.space.failReason
   }), [
     joinState
   ]);
-  const onHaloDone = (0, import_react47.useCallback)(() => {
+  const onHaloDone = (0, import_react44.useCallback)(() => {
     propsOnDone?.({
-      identityKey: joinState.context.halo.invitation?.identityKey ?? null,
+      identityKey: joinState.context.identity?.identityKey ?? joinState.context.halo.invitation?.identityKey ?? null,
       swarmKey: joinState.context.halo.invitation?.swarmKey ?? null,
-      spaceKey: joinState.context.halo.invitation?.spaceKey ?? null,
+      spaceKey: joinState.context.identity?.spaceKey ?? joinState.context.halo.invitation?.spaceKey ?? null,
       target: joinState.context.halo.invitation?.target ?? null
     });
   }, [
     joinState,
     propsOnDone
   ]);
-  const onSpaceDone = (0, import_react47.useCallback)(() => {
+  const onSpaceDone = (0, import_react44.useCallback)(() => {
     propsOnDone?.({
       identityKey: joinState.context.space.invitation?.identityKey ?? null,
       swarmKey: joinState.context.space.invitation?.swarmKey ?? null,
@@ -3668,7 +3553,7 @@ var JoinPanel = ({ titleId: propsTitleId, mode = "default", initialDisposition =
     joinState,
     propsOnDone
   ]);
-  const onConfirmResetStorage = (0, import_react47.useCallback)(() => client.reset().then(() => {
+  const onConfirmResetStorage = (0, import_react44.useCallback)(() => client.reset().then(() => {
     joinSend({
       type: "resetIdentity"
     });
@@ -3676,7 +3561,7 @@ var JoinPanel = ({ titleId: propsTitleId, mode = "default", initialDisposition =
     client,
     joinSend
   ]);
-  return /* @__PURE__ */ import_react47.default.createElement(JoinPanelImpl, {
+  return /* @__PURE__ */ import_react44.default.createElement(JoinPanelImpl, {
     titleId,
     mode,
     send: joinSend,
@@ -3766,7 +3651,7 @@ var spaceMachine = (0, import_xstate3.createMachine)({
   }
 });
 var useSpaceMachine = (options) => {
-  return (0, import_react62.useMachine)(spaceMachine, {
+  return (0, import_react59.useMachine)(spaceMachine, {
     ...options,
     context: {
       ...options?.context
@@ -3792,16 +3677,16 @@ var handleInvitationEvent = (invitation, subscription) => {
 };
 var SpaceManager = (props) => {
   const { space, target } = props;
-  const { t } = (0, import_react_ui32.useTranslation)("os");
+  const { t } = (0, import_react_ui31.useTranslation)("os");
   const config = (0, import_react_client10.useConfig)();
   const invitations = (0, import_echo4.useSpaceInvitations)(space?.key);
   const inviteActions = {
     inviteOne: {
       label: t("invite one label"),
       description: t("invite one description"),
-      icon: import_react63.UserPlus,
+      icon: import_react60.UserPlus,
       testId: "spaces-panel.invite-one",
-      onClick: (0, import_react64.useCallback)(() => {
+      onClick: (0, import_react61.useCallback)(() => {
         const invitation = space.share?.({
           type: import_invitations10.Invitation.Type.INTERACTIVE,
           authMethod: import_invitations10.Invitation.AuthMethod.SHARED_SECRET,
@@ -3819,9 +3704,9 @@ var SpaceManager = (props) => {
     inviteMany: {
       label: t("invite many label"),
       description: t("invite many description"),
-      icon: import_react63.UsersThree,
+      icon: import_react60.UsersThree,
       testId: "spaces-panel.invite-many",
-      onClick: (0, import_react64.useCallback)(() => {
+      onClick: (0, import_react61.useCallback)(() => {
         const invitation = space.share?.({
           type: import_invitations10.Invitation.Type.DELEGATED,
           authMethod: import_invitations10.Invitation.AuthMethod.KNOWN_PUBLIC_KEY,
@@ -3837,7 +3722,7 @@ var SpaceManager = (props) => {
       ])
     }
   };
-  return /* @__PURE__ */ import_react64.default.createElement(SpaceManagerImpl, {
+  return /* @__PURE__ */ import_react61.default.createElement(SpaceManagerImpl, {
     ...props,
     invitations,
     inviteActions
@@ -3846,17 +3731,17 @@ var SpaceManager = (props) => {
 var headingFragment = "pis-3 pie-1 plb-1 mbe-1 font-medium";
 var SpaceManagerImpl = (props) => {
   const { active, space, createInvitationUrl, send, inviteActions: propsInviteActions, invitations, showInactiveInvitations, SpaceMemberList: SpaceMemberListComponent = SpaceMemberList, InvitationList: InvitationListComponent = InvitationList } = props;
-  const { t } = (0, import_react_ui32.useTranslation)("os");
+  const { t } = (0, import_react_ui31.useTranslation)("os");
   const inviteActions = propsInviteActions ?? {
     noopInvite: {
       label: t("create space invitation label"),
       description: "",
-      icon: import_react63.Placeholder,
+      icon: import_react60.Placeholder,
       onClick: () => {
       }
     }
   };
-  const [activeAction, setInternalActiveAction] = (0, import_react64.useState)(localStorage.getItem(activeActionKey) ?? "inviteMany");
+  const [activeAction, setInternalActiveAction] = (0, import_react61.useState)(localStorage.getItem(activeActionKey) ?? "inviteMany");
   const setActiveAction = (nextAction) => {
     setInternalActiveAction(nextAction);
     localStorage.setItem(activeActionKey, nextAction);
@@ -3864,26 +3749,26 @@ var SpaceManagerImpl = (props) => {
   const visibleInvitations = showInactiveInvitations ? invitations : invitations?.filter((invitation) => ![
     import_invitations10.Invitation.State.CANCELLED
   ].includes(invitation.get().state));
-  return /* @__PURE__ */ import_react64.default.createElement(import_react64.default.Fragment, null, /* @__PURE__ */ import_react64.default.createElement(import_react_ui32.ScrollArea.Root, {
+  return /* @__PURE__ */ import_react61.default.createElement(import_react61.default.Fragment, null, /* @__PURE__ */ import_react61.default.createElement(import_react_ui31.ScrollArea.Root, {
     classNames: "grow shrink basis-28 -mli-2"
-  }, /* @__PURE__ */ import_react64.default.createElement(import_react_ui32.ScrollArea.Viewport, {
+  }, /* @__PURE__ */ import_react61.default.createElement(import_react_ui31.ScrollArea.Viewport, {
     classNames: "is-full pie-2"
-  }, !!visibleInvitations?.length && /* @__PURE__ */ import_react64.default.createElement(import_react64.default.Fragment, null, /* @__PURE__ */ import_react64.default.createElement("h3", {
-    className: (0, import_react_ui_theme30.mx)(headingFragment, import_react_ui_theme30.descriptionText)
-  }, t("invitation list heading")), /* @__PURE__ */ import_react64.default.createElement(InvitationListComponent, {
+  }, !!visibleInvitations?.length && /* @__PURE__ */ import_react61.default.createElement(import_react61.default.Fragment, null, /* @__PURE__ */ import_react61.default.createElement("h3", {
+    className: (0, import_react_ui_theme29.mx)(headingFragment, import_react_ui_theme29.descriptionText)
+  }, t("invitation list heading")), /* @__PURE__ */ import_react61.default.createElement(InvitationListComponent, {
     className: "mb-2",
     send,
     invitations: visibleInvitations ?? [],
     onClickRemove: (invitation) => invitation.cancel(),
     createInvitationUrl
-  }), /* @__PURE__ */ import_react64.default.createElement("h3", {
-    className: (0, import_react_ui_theme30.mx)(headingFragment, import_react_ui_theme30.descriptionText, "mbs-2")
-  }, t("space member list heading"))), /* @__PURE__ */ import_react64.default.createElement(SpaceMemberListComponent, {
+  }), /* @__PURE__ */ import_react61.default.createElement("h3", {
+    className: (0, import_react_ui_theme29.mx)(headingFragment, import_react_ui_theme29.descriptionText, "mbs-2")
+  }, t("space member list heading"))), /* @__PURE__ */ import_react61.default.createElement(SpaceMemberListComponent, {
     spaceKey: space.key,
     includeSelf: true
-  })), /* @__PURE__ */ import_react64.default.createElement(import_react_ui32.ScrollArea.Scrollbar, {
+  })), /* @__PURE__ */ import_react61.default.createElement(import_react_ui31.ScrollArea.Scrollbar, {
     orientation: "vertical"
-  }, /* @__PURE__ */ import_react64.default.createElement(import_react_ui32.ScrollArea.Thumb, null))), /* @__PURE__ */ import_react64.default.createElement(Actions, null, /* @__PURE__ */ import_react64.default.createElement(BifurcatedAction, {
+  }, /* @__PURE__ */ import_react61.default.createElement(import_react_ui31.ScrollArea.Thumb, null))), /* @__PURE__ */ import_react61.default.createElement(Actions, null, /* @__PURE__ */ import_react61.default.createElement(BifurcatedAction, {
     disabled: !active,
     actions: inviteActions,
     activeAction,
@@ -3893,45 +3778,45 @@ var SpaceManagerImpl = (props) => {
 };
 var __dxlog_file13 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/SpacePanel/SpacePanel.tsx";
 var SpacePanelHeading = ({ titleId, space, onDone }) => {
-  const { t } = (0, import_react_ui31.useTranslation)("os");
+  const { t } = (0, import_react_ui30.useTranslation)("os");
   const name = space.properties.name;
-  return /* @__PURE__ */ import_react61.default.createElement(Heading, {
+  return /* @__PURE__ */ import_react58.default.createElement(Heading, {
     titleId,
     title: t("space panel heading"),
-    corner: /* @__PURE__ */ import_react61.default.createElement(CloseButton, {
+    corner: /* @__PURE__ */ import_react58.default.createElement(CloseButton, {
       "data-testid": "identity-panel-done",
       onDone
     })
-  }, /* @__PURE__ */ import_react61.default.createElement("div", {
+  }, /* @__PURE__ */ import_react58.default.createElement("div", {
     role: "none",
     className: "flex gap-4 items-center justify-center mlb-4"
-  }, /* @__PURE__ */ import_react61.default.createElement(import_react60.Planet, {
+  }, /* @__PURE__ */ import_react58.default.createElement(import_react57.Planet, {
     size: 32,
     weight: "light"
-  }), /* @__PURE__ */ import_react61.default.createElement("div", {
+  }), /* @__PURE__ */ import_react58.default.createElement("div", {
     className: "block text-start font-light text-xl"
   }, name ?? space.key.truncate())));
 };
 var SpacePanelImpl = (props) => {
   const { titleId, activeView, space, hideHeading, target, SpaceManager: SpaceManagerComponent = SpaceManager, InvitationManager: InvitationManagerComponent = InvitationManager, ...rest } = props;
-  return /* @__PURE__ */ import_react61.default.createElement(import_react61.default.Fragment, null, !hideHeading && /* @__PURE__ */ import_react61.default.createElement(SpacePanelHeading, {
+  return /* @__PURE__ */ import_react58.default.createElement(import_react58.default.Fragment, null, !hideHeading && /* @__PURE__ */ import_react58.default.createElement(SpacePanelHeading, {
     ...rest,
     titleId,
     space
-  }), /* @__PURE__ */ import_react61.default.createElement(Viewport.Root, {
+  }), /* @__PURE__ */ import_react58.default.createElement(Viewport.Root, {
     activeView
-  }, /* @__PURE__ */ import_react61.default.createElement(Viewport.Views, null, /* @__PURE__ */ import_react61.default.createElement(Viewport.View, {
+  }, /* @__PURE__ */ import_react58.default.createElement(Viewport.Views, null, /* @__PURE__ */ import_react58.default.createElement(Viewport.View, {
     id: "space manager",
     classNames: stepStyles
-  }, /* @__PURE__ */ import_react61.default.createElement(SpaceManagerComponent, {
+  }, /* @__PURE__ */ import_react58.default.createElement(SpaceManagerComponent, {
     active: activeView === "space manager",
     space,
     target,
     ...rest
-  })), /* @__PURE__ */ import_react61.default.createElement(Viewport.View, {
+  })), /* @__PURE__ */ import_react58.default.createElement(Viewport.View, {
     id: "space invitation manager",
     classNames: stepStyles
-  }, /* @__PURE__ */ import_react61.default.createElement(InvitationManagerComponent, {
+  }, /* @__PURE__ */ import_react58.default.createElement(InvitationManagerComponent, {
     active: activeView === "space invitation manager",
     ...rest,
     invitationUrl: props.invitationUrl
@@ -3939,20 +3824,20 @@ var SpacePanelImpl = (props) => {
 };
 var SpacePanelWithInvitationImpl = ({ invitation, ...props }) => {
   const invitationStatus = (0, import_invitations9.useInvitationStatus)(invitation);
-  return /* @__PURE__ */ import_react61.default.createElement(SpacePanelImpl, {
+  return /* @__PURE__ */ import_react58.default.createElement(SpacePanelImpl, {
     ...props,
     ...invitationStatus,
     invitationUrl: props.createInvitationUrl(invitationStatus.invitationCode)
   });
 };
 var SpacePanel = ({ titleId: propsTitleId, createInvitationUrl = (code) => code, ...props }) => {
-  const titleId = (0, import_react_ui31.useId)("spacePanel__heading", propsTitleId);
+  const titleId = (0, import_react_ui30.useId)("spacePanel__heading", propsTitleId);
   const [spaceState, spaceSend, spaceService] = useSpaceMachine({
     context: {
       space: props.space
     }
   });
-  (0, import_react61.useEffect)(() => {
+  (0, import_react58.useEffect)(() => {
     const subscription = spaceService.subscribe((state) => {
       (0, import_log12.log)("[state]", state, {
         F: __dxlog_file13,
@@ -3965,7 +3850,7 @@ var SpacePanel = ({ titleId: propsTitleId, createInvitationUrl = (code) => code,
   }, [
     spaceService
   ]);
-  const activeView = (0, import_react61.useMemo)(() => {
+  const activeView = (0, import_react58.useMemo)(() => {
     switch (true) {
       case spaceState.matches("managingSpace"):
         return "space manager";
@@ -3986,101 +3871,101 @@ var SpacePanel = ({ titleId: propsTitleId, createInvitationUrl = (code) => code,
   };
   return spaceState.context.invitation ? (
     // TODO(wittjosiah): Unused? Remove?
-    /* @__PURE__ */ import_react61.default.createElement(SpacePanelWithInvitationImpl, {
+    /* @__PURE__ */ import_react58.default.createElement(SpacePanelWithInvitationImpl, {
       ...implProps,
       invitation: spaceState.context.invitation
     })
-  ) : /* @__PURE__ */ import_react61.default.createElement(SpacePanelImpl, implProps);
+  ) : /* @__PURE__ */ import_react58.default.createElement(SpacePanelImpl, implProps);
 };
 var StatusPanel = ({ titleId }) => {
-  const { t } = (0, import_react_ui33.useTranslation)("os");
-  return /* @__PURE__ */ import_react65.default.createElement("div", {
+  const { t } = (0, import_react_ui32.useTranslation)("os");
+  return /* @__PURE__ */ import_react62.default.createElement("div", {
     className: "grid place-items-center p-2 gap-2"
-  }, /* @__PURE__ */ import_react65.default.createElement("p", {
+  }, /* @__PURE__ */ import_react62.default.createElement("p", {
     id: titleId,
     className: "font-medium text-center"
-  }, t("resetting message")), /* @__PURE__ */ import_react65.default.createElement(import_react_ui33.Status, {
+  }, t("resetting message")), /* @__PURE__ */ import_react62.default.createElement(import_react_ui32.Status, {
     indeterminate: true
   }, t("resetting message")));
 };
 var IdentityDialog = (props) => {
-  const titleId = (0, import_react_ui17.useId)("identityDialog__title", props.title);
-  return /* @__PURE__ */ import_react35.default.createElement(import_react_ui17.Dialog.Root, {
+  const titleId = (0, import_react_ui16.useId)("identityDialog__title", props.title);
+  return /* @__PURE__ */ import_react32.default.createElement(import_react_ui16.Dialog.Root, {
     defaultOpen: true,
     onOpenChange: (open) => open || props.onDone?.()
-  }, /* @__PURE__ */ import_react35.default.createElement(import_react_ui17.Dialog.Portal, null, /* @__PURE__ */ import_react35.default.createElement(import_react_ui17.Dialog.Overlay, null, /* @__PURE__ */ import_react35.default.createElement(import_react_ui17.Dialog.Content, {
+  }, /* @__PURE__ */ import_react32.default.createElement(import_react_ui16.Dialog.Portal, null, /* @__PURE__ */ import_react32.default.createElement(import_react_ui16.Dialog.Overlay, null, /* @__PURE__ */ import_react32.default.createElement(import_react_ui16.Dialog.Content, {
     "aria-labelledby": titleId,
     onOpenAutoFocus: (e) => e.preventDefault()
-  }, /* @__PURE__ */ import_react35.default.createElement(ClipboardProvider, null, /* @__PURE__ */ import_react35.default.createElement(IdentityPanel, {
+  }, /* @__PURE__ */ import_react32.default.createElement(import_react_ui16.Clipboard.Provider, null, /* @__PURE__ */ import_react32.default.createElement(IdentityPanel, {
     ...props,
     titleId,
-    doneActionParent: /* @__PURE__ */ import_react35.default.createElement(import_react_ui17.Dialog.Close, {
+    doneActionParent: /* @__PURE__ */ import_react32.default.createElement(import_react_ui16.Dialog.Close, {
       asChild: true
     })
   }))))));
 };
 var JoinDialog = (joinPanelProps) => {
-  const titleId = (0, import_react_ui34.useId)("joinDialog__title");
-  const { height } = (0, import_react_ui34.useVisualViewport)();
-  return /* @__PURE__ */ import_react66.default.createElement(import_react_ui34.AlertDialog.Root, {
+  const titleId = (0, import_react_ui33.useId)("joinDialog__title");
+  const { height } = (0, import_react_ui33.useVisualViewport)();
+  return /* @__PURE__ */ import_react63.default.createElement(import_react_ui33.AlertDialog.Root, {
     defaultOpen: true,
     onOpenChange: (open) => open || (joinPanelProps.onExit ? joinPanelProps.onExit() : joinPanelProps.onDone?.(null))
-  }, /* @__PURE__ */ import_react66.default.createElement(import_react_ui34.AlertDialog.Portal, null, /* @__PURE__ */ import_react66.default.createElement(import_react_ui34.AlertDialog.Overlay, {
+  }, /* @__PURE__ */ import_react63.default.createElement(import_react_ui33.AlertDialog.Portal, null, /* @__PURE__ */ import_react63.default.createElement(import_react_ui33.AlertDialog.Overlay, {
     classNames: "backdrop-blur",
     ...height && {
       style: {
         blockSize: `${height}px`
       }
     }
-  }, /* @__PURE__ */ import_react66.default.createElement(import_react_ui34.AlertDialog.Content, {
+  }, /* @__PURE__ */ import_react63.default.createElement(import_react_ui33.AlertDialog.Content, {
     "aria-labelledby": titleId
-  }, /* @__PURE__ */ import_react66.default.createElement(JoinPanel, {
+  }, /* @__PURE__ */ import_react63.default.createElement(JoinPanel, {
     ...joinPanelProps,
     titleId,
-    exitActionParent: /* @__PURE__ */ import_react66.default.createElement(import_react_ui34.AlertDialog.Cancel, {
+    exitActionParent: /* @__PURE__ */ import_react63.default.createElement(import_react_ui33.AlertDialog.Cancel, {
       asChild: true
     }),
-    doneActionParent: /* @__PURE__ */ import_react66.default.createElement(import_react_ui34.AlertDialog.Action, {
+    doneActionParent: /* @__PURE__ */ import_react63.default.createElement(import_react_ui33.AlertDialog.Action, {
       asChild: true
     })
   })))));
 };
 var SpaceDialog = (spacePanelProps) => {
-  const titleId = (0, import_react_ui36.useId)("spaceDialog__title");
-  return /* @__PURE__ */ import_react69.default.createElement(import_react_ui36.Dialog.Root, {
+  const titleId = (0, import_react_ui35.useId)("spaceDialog__title");
+  return /* @__PURE__ */ import_react66.default.createElement(import_react_ui35.Dialog.Root, {
     defaultOpen: true,
     onOpenChange: (open) => open || spacePanelProps.onDone?.()
-  }, /* @__PURE__ */ import_react69.default.createElement(import_react_ui36.Dialog.Portal, null, /* @__PURE__ */ import_react69.default.createElement(import_react_ui36.Dialog.Overlay, null, /* @__PURE__ */ import_react69.default.createElement(import_react_ui36.Dialog.Content, {
+  }, /* @__PURE__ */ import_react66.default.createElement(import_react_ui35.Dialog.Portal, null, /* @__PURE__ */ import_react66.default.createElement(import_react_ui35.Dialog.Overlay, null, /* @__PURE__ */ import_react66.default.createElement(import_react_ui35.Dialog.Content, {
     "aria-labelledby": titleId
-  }, /* @__PURE__ */ import_react69.default.createElement(ClipboardProvider, null, /* @__PURE__ */ import_react69.default.createElement(SpacePanel, {
+  }, /* @__PURE__ */ import_react66.default.createElement(import_react_ui35.Clipboard.Provider, null, /* @__PURE__ */ import_react66.default.createElement(SpacePanel, {
     ...spacePanelProps,
     titleId,
-    doneActionParent: /* @__PURE__ */ import_react69.default.createElement(import_react_ui36.Dialog.Close, {
+    doneActionParent: /* @__PURE__ */ import_react66.default.createElement(import_react_ui35.Dialog.Close, {
       asChild: true
     })
   }))))));
 };
 var StatusDialog = () => {
-  const titleId = (0, import_react_ui37.useId)("statusDialog__title");
-  return /* @__PURE__ */ import_react70.default.createElement(import_react_ui37.AlertDialog.Root, {
+  const titleId = (0, import_react_ui36.useId)("statusDialog__title");
+  return /* @__PURE__ */ import_react67.default.createElement(import_react_ui36.AlertDialog.Root, {
     open: true
-  }, /* @__PURE__ */ import_react70.default.createElement(import_react_ui37.AlertDialog.Portal, null, /* @__PURE__ */ import_react70.default.createElement(import_react_ui37.AlertDialog.Overlay, null, /* @__PURE__ */ import_react70.default.createElement(import_react_ui37.AlertDialog.Content, {
+  }, /* @__PURE__ */ import_react67.default.createElement(import_react_ui36.AlertDialog.Portal, null, /* @__PURE__ */ import_react67.default.createElement(import_react_ui36.AlertDialog.Overlay, null, /* @__PURE__ */ import_react67.default.createElement(import_react_ui36.AlertDialog.Content, {
     "aria-labelledby": titleId
-  }, /* @__PURE__ */ import_react70.default.createElement(StatusPanel, {
+  }, /* @__PURE__ */ import_react67.default.createElement(StatusPanel, {
     titleId
   })))));
 };
 var __dxlog_file14 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/composites/Shell/Shell.tsx";
 var blurActiveElement = () => document.activeElement?.blur?.();
 var Shell = ({ runtime }) => {
-  const [{ layout, invitationCode, spaceKey, spaceId, target }, setLayout] = (0, import_react68.useState)({
+  const [{ layout, invitationCode, spaceKey, spaceId, target }, setLayout] = (0, import_react65.useState)({
     layout: runtime.layout,
     invitationCode: runtime.invitationCode,
     spaceKey: runtime.spaceKey,
     spaceId: runtime.spaceId,
     target: runtime.target
   });
-  const [{ invitationUrl, deviceInvitationParam, spaceInvitationParam }, setInvitationUrl] = (0, import_react68.useState)({
+  const [{ invitationUrl, deviceInvitationParam, spaceInvitationParam }, setInvitationUrl] = (0, import_react65.useState)({
     invitationUrl: runtime.invitationUrl,
     deviceInvitationParam: runtime.deviceInvitationParam,
     spaceInvitationParam: runtime.spaceInvitationParam
@@ -4097,7 +3982,7 @@ var Shell = ({ runtime }) => {
     baseUrl.searchParams.set(spaceInvitationParam, invitationCode2);
     return baseUrl.toString();
   };
-  (0, import_react68.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     const unsubscribeLayout = runtime.layoutUpdate.on((request) => setLayout(request));
     const unsubscribeInvitationUrl = runtime.invitationUrlUpdate.on((request) => setInvitationUrl(request));
     return () => {
@@ -4107,7 +3992,7 @@ var Shell = ({ runtime }) => {
   }, [
     runtime
   ]);
-  (0, import_react68.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     if (layout === import_react_client13.ShellLayout.SPACE && !space) {
       import_log15.log.warn("No space found for shell space invitations.", void 0, {
         F: __dxlog_file14,
@@ -4132,11 +4017,11 @@ var Shell = ({ runtime }) => {
   ]);
   switch (layout) {
     case import_react_client13.ShellLayout.STATUS:
-      return /* @__PURE__ */ import_react68.default.createElement(StatusDialog, null);
+      return /* @__PURE__ */ import_react65.default.createElement(StatusDialog, null);
     case import_react_client13.ShellLayout.INITIALIZE_IDENTITY:
     case import_react_client13.ShellLayout.INITIALIZE_IDENTITY_FROM_INVITATION:
     case import_react_client13.ShellLayout.INITIALIZE_IDENTITY_FROM_RECOVERY:
-      return /* @__PURE__ */ import_react68.default.createElement(JoinDialog, {
+      return /* @__PURE__ */ import_react65.default.createElement(JoinDialog, {
         mode: "halo-only",
         initialDisposition: layout === import_react_client13.ShellLayout.INITIALIZE_IDENTITY_FROM_RECOVERY ? "recover-identity" : layout === import_react_client13.ShellLayout.INITIALIZE_IDENTITY_FROM_INVITATION ? "accept-halo-invitation" : "default",
         initialInvitationCode: invitationCode,
@@ -4156,7 +4041,7 @@ var Shell = ({ runtime }) => {
     case import_react_client13.ShellLayout.IDENTITY:
     case import_react_client13.ShellLayout.SHARE_IDENTITY:
     case import_react_client13.ShellLayout.EDIT_PROFILE:
-      return /* @__PURE__ */ import_react68.default.createElement(IdentityDialog, {
+      return /* @__PURE__ */ import_react65.default.createElement(IdentityDialog, {
         createInvitationUrl: createDeviceInvitationUrl,
         onResetStorage: async () => {
           runtime.setLayout({
@@ -4202,7 +4087,7 @@ var Shell = ({ runtime }) => {
         initialDisposition: layout === import_react_client13.ShellLayout.SHARE_IDENTITY ? "manage-device-invitation" : "default"
       });
     case import_react_client13.ShellLayout.SPACE:
-      return space ? /* @__PURE__ */ import_react68.default.createElement(SpaceDialog, {
+      return space ? /* @__PURE__ */ import_react65.default.createElement(SpaceDialog, {
         space,
         target,
         createInvitationUrl: createSpaceInvitationUrl,
@@ -4217,7 +4102,7 @@ var Shell = ({ runtime }) => {
         }
       }) : null;
     case import_react_client13.ShellLayout.JOIN_SPACE:
-      return /* @__PURE__ */ import_react68.default.createElement(JoinDialog, {
+      return /* @__PURE__ */ import_react65.default.createElement(JoinDialog, {
         initialInvitationCode: invitationCode,
         onDone: async (result) => {
           blurActiveElement();
@@ -4301,7 +4186,7 @@ var ShellRuntimeImpl = class {
     });
   }
   async setAppContext(context) {
-    (0, import_invariant4.invariant)(this._appRpc, "runtime not open", {
+    (0, import_invariant3.invariant)(this._appRpc, "runtime not open", {
       F: __dxlog_file15,
       L: 83,
       S: this,
@@ -4362,22 +4247,26 @@ var os = {
   "identity radio group title": "Select an identity you\u2019ve associated with this device already",
   "add identity label": "Add",
   "continue label": "Continue",
+  "pending label": "Pending",
   "back label": "Back",
   "next label": "Next",
   "close label": "Close",
   "auth choices label": "Choose an identity",
   "create identity label": "Create an identity",
   "create identity description": "Create a new identity.",
-  "recover identity label": "Use a seed phrase",
-  "recover identity description": "Enter your seed phrase to log in manually.",
+  "recover identity label": "Use a recovery code",
+  "recover identity description": "Enter your recovery code to log in manually.",
+  "invitation input placeholder": "Invitation code",
+  "recovery code placeholder": "Recovery code",
+  "display name placeholder": "Display name",
   "join identity label": "Use another device",
   "join identity description": "Add this device to an identity you\u2019re already logged into on another device.",
   "deselect identity label": "Back to identities",
   "addition method chooser title": "An identity is required to continue",
   "new identity input label": "Set display name",
-  "recover identity input label": "Type or paste your seed phrase",
+  "recover identity input label": "Type or paste your recovery code",
   "failed to create identity message": "Failed to create an identity.",
-  "failed to recover identity message": "Failed to recover an identity from the provided seed phrase.",
+  "failed to recover identity message": "Failed to recover an identity from the provided recovery code.",
   "failed to authenticate message": "Incorrect code.",
   "identity added label": "Created identity & added to this device:",
   "join space as identity heading": "<part>as </part><part><icon/><label>{{labelValue}}</label></part>",
@@ -4507,25 +4396,25 @@ var runShell = async (config = new import_react_client11.Config()) => {
     const services = new import_react_client11.ClientServicesProxy((0, import_rpc_tunnel.createIFramePort)({
       channel: import_client_protocol.DEFAULT_CLIENT_CHANNEL
     }));
-    (0, import_client.createRoot)(document.getElementById("root")).render(/* @__PURE__ */ import_react67.default.createElement(import_react67.StrictMode, null, /* @__PURE__ */ import_react67.default.createElement(import_react_ui35.ThemeProvider, {
-      tx: import_react_ui_theme31.defaultTx,
+    (0, import_client.createRoot)(document.getElementById("root")).render(/* @__PURE__ */ import_react64.default.createElement(import_react64.StrictMode, null, /* @__PURE__ */ import_react64.default.createElement(import_react_ui34.ThemeProvider, {
+      tx: import_react_ui_theme30.defaultTx,
       resourceExtensions: [
         osTranslations
       ]
-    }, /* @__PURE__ */ import_react67.default.createElement(import_react_client11.ClientProvider, {
+    }, /* @__PURE__ */ import_react64.default.createElement(import_react_client11.ClientProvider, {
       config,
       services,
       noBanner: true
-    }, /* @__PURE__ */ import_react67.default.createElement(ClipboardProvider, null, /* @__PURE__ */ import_react67.default.createElement(import_react_ui35.Tooltip.Provider, null, /* @__PURE__ */ import_react67.default.createElement(import_react_client11.AgentHostingProvider, null, /* @__PURE__ */ import_react67.default.createElement(Shell, {
+    }, /* @__PURE__ */ import_react64.default.createElement(import_react_ui34.Clipboard.Provider, null, /* @__PURE__ */ import_react64.default.createElement(import_react_ui34.Tooltip.Provider, null, /* @__PURE__ */ import_react64.default.createElement(import_react_client11.AgentHostingProvider, null, /* @__PURE__ */ import_react64.default.createElement(Shell, {
       runtime
     }))))))));
   } catch {
-    (0, import_client.createRoot)(document.getElementById("root")).render(/* @__PURE__ */ import_react67.default.createElement(import_react67.StrictMode, null, /* @__PURE__ */ import_react67.default.createElement(import_react_ui35.ThemeProvider, {
-      tx: import_react_ui_theme31.defaultTx,
+    (0, import_client.createRoot)(document.getElementById("root")).render(/* @__PURE__ */ import_react64.default.createElement(import_react64.StrictMode, null, /* @__PURE__ */ import_react64.default.createElement(import_react_ui34.ThemeProvider, {
+      tx: import_react_ui_theme30.defaultTx,
       resourceExtensions: [
         osTranslations
       ]
-    }, /* @__PURE__ */ import_react67.default.createElement(Fallback, {
+    }, /* @__PURE__ */ import_react64.default.createElement(Fallback, {
       onClose: () => runtime.setAppContext({
         display: import_react_client11.ShellDisplay.NONE
       })
@@ -4533,15 +4422,15 @@ var runShell = async (config = new import_react_client11.Config()) => {
   }
 };
 var Fallback = ({ onClose }) => {
-  const { t } = (0, import_react_ui35.useTranslation)("os");
-  return /* @__PURE__ */ import_react67.default.createElement(import_react_ui35.Dialog.Root, {
+  const { t } = (0, import_react_ui34.useTranslation)("os");
+  return /* @__PURE__ */ import_react64.default.createElement(import_react_ui34.Dialog.Root, {
     modal: true,
     open: true,
     onOpenChange: () => onClose?.()
-  }, /* @__PURE__ */ import_react67.default.createElement(import_react_ui35.Dialog.Overlay, null, /* @__PURE__ */ import_react67.default.createElement(import_react_ui35.Dialog.Content, null, /* @__PURE__ */ import_react67.default.createElement(import_react_ui35.Dialog.Title, null, t("shell fallback title")), /* @__PURE__ */ import_react67.default.createElement(import_react_ui35.Dialog.Close, {
+  }, /* @__PURE__ */ import_react64.default.createElement(import_react_ui34.Dialog.Overlay, null, /* @__PURE__ */ import_react64.default.createElement(import_react_ui34.Dialog.Content, null, /* @__PURE__ */ import_react64.default.createElement(import_react_ui34.Dialog.Title, null, t("shell fallback title")), /* @__PURE__ */ import_react64.default.createElement(import_react_ui34.Dialog.Close, {
     asChild: true,
     onClick: () => onClose?.()
-  }, /* @__PURE__ */ import_react67.default.createElement(import_react_ui35.Button, {
+  }, /* @__PURE__ */ import_react64.default.createElement(import_react_ui34.Button, {
     variant: "primary"
   }, t("close label"))))));
 };
@@ -4591,10 +4480,10 @@ var MemoryShellRuntime = class {
     this.contextUpdate.emit(context);
   }
 };
-var ShellContext = /* @__PURE__ */ (0, import_react71.createContext)({});
+var ShellContext = /* @__PURE__ */ (0, import_react68.createContext)({});
 var useShell = () => {
   const client = (0, import_react_client14.useClient)();
-  const { runtime, setDisplay } = (0, import_react71.useContext)(ShellContext);
+  const { runtime, setDisplay } = (0, import_react68.useContext)(ShellContext);
   const setLayout = async (layout, options) => {
     if (runtime) {
       if (layout === import_react_client14.ShellLayout.DEFAULT) {
@@ -4616,8 +4505,8 @@ var useShell = () => {
 var ShellProvider = ({ space, deviceInvitationCode, spaceInvitationCode, onJoinedSpace, children }) => {
   const client = (0, import_react_client14.useClient)();
   const identity = (0, import_halo5.useIdentity)();
-  const [display, setDisplay] = (0, import_react71.useState)(!identity || spaceInvitationCode || deviceInvitationCode ? import_react_client14.ShellDisplay.FULLSCREEN : import_react_client14.ShellDisplay.NONE);
-  const shellRuntime = (0, import_react71.useMemo)(() => {
+  const [display, setDisplay] = (0, import_react68.useState)(!identity || spaceInvitationCode || deviceInvitationCode ? import_react_client14.ShellDisplay.FULLSCREEN : import_react_client14.ShellDisplay.NONE);
+  const shellRuntime = (0, import_react68.useMemo)(() => {
     if (client.config.get("runtime.app.env.DX_VAULT") !== "false") {
       return;
     }
@@ -4642,7 +4531,7 @@ var ShellProvider = ({ space, deviceInvitationCode, spaceInvitationCode, onJoine
     spaceInvitationCode,
     deviceInvitationCode
   ]);
-  const handleKeyDown = (0, import_react71.useCallback)((event) => {
+  const handleKeyDown = (0, import_react68.useCallback)((event) => {
     if (!space || !shellRuntime) {
       return;
     }
@@ -4663,7 +4552,7 @@ var ShellProvider = ({ space, deviceInvitationCode, spaceInvitationCode, onJoine
     space,
     shellRuntime
   ]);
-  (0, import_react71.useEffect)(() => {
+  (0, import_react68.useEffect)(() => {
     if (!shellRuntime) {
       return;
     }
@@ -4673,7 +4562,7 @@ var ShellProvider = ({ space, deviceInvitationCode, spaceInvitationCode, onJoine
     shellRuntime,
     handleKeyDown
   ]);
-  (0, import_react71.useEffect)(() => {
+  (0, import_react68.useEffect)(() => {
     if (!shellRuntime) {
       return;
     }
@@ -4686,11 +4575,11 @@ var ShellProvider = ({ space, deviceInvitationCode, spaceInvitationCode, onJoine
   }, [
     shellRuntime
   ]);
-  return /* @__PURE__ */ import_react71.default.createElement(import_react71.default.Fragment, null, shellRuntime && /* @__PURE__ */ import_react71.default.createElement("div", {
-    className: (0, import_react_ui_theme32.mx)(display === import_react_client14.ShellDisplay.NONE ? "hidden" : "")
-  }, /* @__PURE__ */ import_react71.default.createElement(Shell, {
+  return /* @__PURE__ */ import_react68.default.createElement(import_react68.default.Fragment, null, shellRuntime && /* @__PURE__ */ import_react68.default.createElement("div", {
+    className: (0, import_react_ui_theme31.mx)(display === import_react_client14.ShellDisplay.NONE ? "hidden" : "")
+  }, /* @__PURE__ */ import_react68.default.createElement(Shell, {
     runtime: shellRuntime
-  })), /* @__PURE__ */ import_react71.default.createElement(ShellContext.Provider, {
+  })), /* @__PURE__ */ import_react68.default.createElement(ShellContext.Provider, {
     value: {
       runtime: shellRuntime,
       setDisplay
@@ -4705,14 +4594,10 @@ var ShellProvider = ({ space, deviceInvitationCode, spaceInvitationCode, onJoine
   AuthCode,
   BifurcatedAction,
   Centered,
-  ClipboardContext,
-  ClipboardProvider,
   CloseButton,
   CompoundButton,
   ConfirmReset,
   ConfirmResetImpl,
-  CopyButton,
-  CopyButtonIconOnly,
   DeviceList,
   Emoji,
   EmojiPickerBlock,
@@ -4768,7 +4653,6 @@ var ShellProvider = ({ space, deviceInvitationCode, spaceInvitationCode, onJoine
   successBgColor,
   successStrokeColor,
   successTextColor,
-  useClipboardContext,
   useShell,
   useViewportContext
 });