@dxos/shell 0.4.4-main.0a4a46e → 0.4.4-main.103e8e7

package/dist/bundle/shell.mjs

@@ -1,5 +1,5 @@
 import * as we from "react";
-import x, { createContext as Vt, useContext as Jt, useState as Ce, useRef as Ee, useEffect as _e, useMemo as gt, useCallback as De, forwardRef as ne, Children as fr, isValidElement as Mn, createElement as te, cloneElement as Ir, Fragment as vo, useLayoutEffect as ui, useReducer as ac, Suspense as Ew, StrictMode as xw } from "react";
+import x, { createContext as Vt, useContext as Jt, useState as Se, useRef as Ee, useEffect as _e, useMemo as gt, useCallback as De, forwardRef as ne, Children as fr, isValidElement as Mn, createElement as te, cloneElement as Ir, Fragment as vo, useLayoutEffect as ui, useReducer as ac, Suspense as Ew, StrictMode as xw } from "react";
 import * as _v from "react-dom";
 import If, { flushSync as sc } from "react-dom";
 import { CaretDown as Ev, CaretRight as ri, Minus as Sw, Check as cc, Copy as xv, X as pa, Placeholder as Sv, HardDrive as $w, Plus as $v, Devices as Cw, UserGear as Aw, Power as Ow, Warning as Tw, QrCode as Iw, Textbox as Pw, UserPlus as Rw, UsersThree as kw, Planet as Nw } from "@phosphor-icons/react";
@@ -323,7 +323,7 @@ function E_(e) {
   function v() {
     return a.getFixedT(null, l.nsMode === "fallback" ? p : p[0], d);
   }
-  var m = Ce(v), b = w_(m, 2), w = b[0], _ = b[1], S = p.join(), $ = __(S), R = Ee(!0);
+  var m = Se(v), b = w_(m, 2), w = b[0], _ = b[1], S = p.join(), $ = __(S), R = Ee(!0);
   _e(function() {
     var T = l.bindI18n, N = l.bindI18nStore;
     R.current = !0, !g && !f && ap(a, p, function() {
@@ -410,7 +410,7 @@ var Pf = (e) => {
 }, $_ = S_, C_ = new $_("@dxos/react-hooks"), A_ = (e = 4) => C_().toString(16).slice(2, e + 2), It = (e, t, r) => gt(() => t ?? `${e}-${A_((r == null ? void 0 : r.n) ?? 4)}`, [
   t
 ]), O_ = (e) => {
-  const [t, r] = Ce(void 0), n = Ee(t);
+  const [t, r] = Se(void 0), n = Ee(t);
   return n.current = t, _e(() => {
     const i = e.current;
     if (!i)
@@ -437,7 +437,7 @@ var Pf = (e) => {
     n
   ];
   o = o.filter((c) => c != null);
-  const [a, s] = Ce(() => i.map((c, l) => {
+  const [a, s] = Se(() => i.map((c, l) => {
     var f;
     return {
       media: c,
@@ -3237,7 +3237,7 @@ function tx(e, t) {
   );
 }
 const Bv = "Avatar", [rx, oj] = zn(Bv), [nx, ix] = rx(Bv), ox = /* @__PURE__ */ ne((e, t) => {
-  const { __scopeAvatar: r, ...n } = e, [i, o] = Ce("idle");
+  const { __scopeAvatar: r, ...n } = e, [i, o] = Se("idle");
   return /* @__PURE__ */ te(nx, {
     scope: r,
     imageLoadingStatus: i,
@@ -3246,7 +3246,7 @@ const Bv = "Avatar", [rx, oj] = zn(Bv), [nx, ix] = rx(Bv), ox = /* @__PURE__ */
     ref: t
   })));
 }), ax = "AvatarFallback", sx = /* @__PURE__ */ ne((e, t) => {
-  const { __scopeAvatar: r, delayMs: n, ...i } = e, o = ix(ax, r), [a, s] = Ce(n === void 0);
+  const { __scopeAvatar: r, delayMs: n, ...i } = e, o = ix(ax, r), [a, s] = Se(n === void 0);
   return _e(() => {
     if (n !== void 0) {
       const c = window.setTimeout(
@@ -3869,7 +3869,7 @@ function fc({ prop: e, defaultProp: t, onChange: r = () => {
   ];
 }
 function Ox({ defaultProp: e, onChange: t }) {
-  const r = Ce(e), [n] = r, i = Ee(n), o = ir(t);
+  const r = Se(e), [n] = r, i = Ee(n), o = ir(t);
   return _e(() => {
     i.current !== n && (o(n), i.current = n);
   }, [
@@ -3916,7 +3916,7 @@ const Lx = /* @__PURE__ */ Vt({
   branches: /* @__PURE__ */ new Set()
 }), zv = /* @__PURE__ */ ne((e, t) => {
   var r;
-  const { disableOutsidePointerEvents: n = !1, onEscapeKeyDown: i, onPointerDownOutside: o, onFocusOutside: a, onInteractOutside: s, onDismiss: c, ...l } = e, f = Jt(Lx), [d, p] = Ce(null), g = (r = d == null ? void 0 : d.ownerDocument) !== null && r !== void 0 ? r : globalThis == null ? void 0 : globalThis.document, [, v] = Ce({}), m = Dt(
+  const { disableOutsidePointerEvents: n = !1, onEscapeKeyDown: i, onPointerDownOutside: o, onFocusOutside: a, onInteractOutside: s, onDismiss: c, ...l } = e, f = Jt(Lx), [d, p] = Se(null), g = (r = d == null ? void 0 : d.ownerDocument) !== null && r !== void 0 ? r : globalThis == null ? void 0 : globalThis.document, [, v] = Se({}), m = Dt(
     t,
     (T) => p(T)
   ), b = Array.from(f.layers), [w] = [
@@ -4037,7 +4037,7 @@ const Cl = "focusScope.autoFocusOnMount", Al = "focusScope.autoFocusOnUnmount",
   bubbles: !1,
   cancelable: !0
 }, Bx = /* @__PURE__ */ ne((e, t) => {
-  const { loop: r = !1, trapped: n = !1, onMountAutoFocus: i, onUnmountAutoFocus: o, ...a } = e, [s, c] = Ce(null), l = ir(i), f = ir(o), d = Ee(null), p = Dt(
+  const { loop: r = !1, trapped: n = !1, onMountAutoFocus: i, onUnmountAutoFocus: o, ...a } = e, [s, c] = Se(null), l = ir(i), f = ir(o), d = Ee(null), p = Dt(
     t,
     (m) => c(m)
   ), g = Ee({
@@ -4224,7 +4224,7 @@ const br = (e) => {
 };
 br.displayName = "Presence";
 function Kx(e) {
-  const [t, r] = Ce(), n = Ee({}), i = Ee(e), o = Ee("none"), a = e ? "mounted" : "unmounted", [s, c] = Gx(a, {
+  const [t, r] = Se(), n = Ee({}), i = Ee(e), o = Ee("none"), a = e ? "mounted" : "unmounted", [s, c] = Gx(a, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -4328,7 +4328,7 @@ function Zx(e, t) {
   return typeof e == "function" ? e(t) : e && (e.current = t), e;
 }
 function Qx(e, t) {
-  var r = Ce(function() {
+  var r = Se(function() {
     return {
       // value
       value: e,
@@ -5807,7 +5807,7 @@ const kS = /* @__PURE__ */ ne((e, t) => {
   }));
 }), NS = kS;
 function km(e) {
-  const [t, r] = Ce(void 0);
+  const [t, r] = Se(void 0);
   return co(() => {
     if (e) {
       r({
@@ -5854,7 +5854,7 @@ const gc = (e) => {
 };
 gc.displayName = "Presence";
 function LS(e) {
-  const [t, r] = Ce(), n = Ee({}), i = Ee(e), o = Ee("none"), a = e ? "mounted" : "unmounted", [s, c] = DS(a, {
+  const [t, r] = Se(), n = Ee({}), i = Ee(e), o = Ee("none"), a = e ? "mounted" : "unmounted", [s, c] = DS(a, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -5935,7 +5935,7 @@ function fn({ prop: e, defaultProp: t, onChange: r = () => {
   ];
 }
 function MS({ defaultProp: e, onChange: t }) {
-  const r = Ce(e), [n] = r, i = Ee(n), o = Gr(t);
+  const r = Se(e), [n] = r, i = Ee(n), o = Gr(t);
   return _e(() => {
     i.current !== n && (o(n), i.current = n);
   }, [
@@ -5960,7 +5960,7 @@ const Nl = "rovingFocusGroup.onEntryFocus", FS = {
     prop: a,
     defaultProp: s,
     onChange: c
-  }), [b, w] = Ce(!1), _ = Gr(l), S = Nm(r), $ = Ee(!1), [R, P] = Ce(0);
+  }), [b, w] = Se(!1), _ = Gr(l), S = Nm(r), $ = Ee(!1), [R, P] = Se(0);
   return _e(() => {
     const C = d.current;
     if (C)
@@ -6132,7 +6132,7 @@ const t$ = /* @__PURE__ */ Vt({
   branches: /* @__PURE__ */ new Set()
 }), r$ = /* @__PURE__ */ ne((e, t) => {
   var r;
-  const { disableOutsidePointerEvents: n = !1, onEscapeKeyDown: i, onPointerDownOutside: o, onFocusOutside: a, onInteractOutside: s, onDismiss: c, ...l } = e, f = Jt(t$), [d, p] = Ce(null), g = (r = d == null ? void 0 : d.ownerDocument) !== null && r !== void 0 ? r : globalThis == null ? void 0 : globalThis.document, [, v] = Ce({}), m = dr(
+  const { disableOutsidePointerEvents: n = !1, onEscapeKeyDown: i, onPointerDownOutside: o, onFocusOutside: a, onInteractOutside: s, onDismiss: c, ...l } = e, f = Jt(t$), [d, p] = Se(null), g = (r = d == null ? void 0 : d.ownerDocument) !== null && r !== void 0 ? r : globalThis == null ? void 0 : globalThis.document, [, v] = Se({}), m = dr(
     t,
     (T) => p(T)
   ), b = Array.from(f.layers), [w] = [
@@ -6253,7 +6253,7 @@ const Dl = "focusScope.autoFocusOnMount", Ll = "focusScope.autoFocusOnUnmount",
   bubbles: !1,
   cancelable: !0
 }, o$ = /* @__PURE__ */ ne((e, t) => {
-  const { loop: r = !1, trapped: n = !1, onMountAutoFocus: i, onUnmountAutoFocus: o, ...a } = e, [s, c] = Ce(null), l = Gr(i), f = Gr(o), d = Ee(null), p = dr(
+  const { loop: r = !1, trapped: n = !1, onMountAutoFocus: i, onUnmountAutoFocus: o, ...a } = e, [s, c] = Se(null), l = Gr(i), f = Gr(o), d = Ee(null), p = dr(
     t,
     (m) => c(m)
   ), g = Ee({
@@ -6430,7 +6430,7 @@ function f$(e) {
   );
 }
 const Bm = "Popper", [jm, Um] = Jr(Bm), [d$, Wm] = jm(Bm), p$ = (e) => {
-  const { __scopePopper: t, children: r } = e, [n, i] = Ce(null);
+  const { __scopePopper: t, children: r } = e, [n, i] = Se(null);
   return /* @__PURE__ */ te(d$, {
     scope: t,
     anchor: n,
@@ -6445,10 +6445,10 @@ const Bm = "Popper", [jm, Um] = Jr(Bm), [d$, Wm] = jm(Bm), p$ = (e) => {
   }));
 }), zm = "PopperContent", [v$, m$] = jm(zm), y$ = /* @__PURE__ */ ne((e, t) => {
   var r, n, i, o, a, s, c, l;
-  const { __scopePopper: f, side: d = "bottom", sideOffset: p = 0, align: g = "center", alignOffset: v = 0, arrowPadding: m = 0, collisionBoundary: b = [], collisionPadding: w = 0, sticky: _ = "partial", hideWhenDetached: S = !1, avoidCollisions: $ = !0, onPlaced: R, ...P } = e, C = Wm(zm, f), [T, N] = Ce(null), B = dr(
+  const { __scopePopper: f, side: d = "bottom", sideOffset: p = 0, align: g = "center", alignOffset: v = 0, arrowPadding: m = 0, collisionBoundary: b = [], collisionPadding: w = 0, sticky: _ = "partial", hideWhenDetached: S = !1, avoidCollisions: $ = !0, onPlaced: R, ...P } = e, C = Wm(zm, f), [T, N] = Se(null), B = dr(
     t,
     (ae) => N(ae)
-  ), [M, L] = Ce(null), Z = km(M), Y = (r = Z == null ? void 0 : Z.width) !== null && r !== void 0 ? r : 0, X = (n = Z == null ? void 0 : Z.height) !== null && n !== void 0 ? n : 0, oe = d + (g !== "center" ? "-" + g : ""), se = typeof w == "number" ? w : {
+  ), [M, L] = Se(null), Z = km(M), Y = (r = Z == null ? void 0 : Z.width) !== null && r !== void 0 ? r : 0, X = (n = Z == null ? void 0 : Z.height) !== null && n !== void 0 ? n : 0, oe = d + (g !== "center" ? "-" + g : ""), se = typeof w == "number" ? w : {
     top: 0,
     right: 0,
     bottom: 0,
@@ -6509,7 +6509,7 @@ const Bm = "Popper", [jm, Um] = Jr(Bm), [d$, Wm] = jm(Bm), p$ = (e) => {
     ie,
     F
   ]);
-  const z = (i = he.arrow) === null || i === void 0 ? void 0 : i.x, K = (o = he.arrow) === null || o === void 0 ? void 0 : o.y, I = ((a = he.arrow) === null || a === void 0 ? void 0 : a.centerOffset) !== 0, [k, Q] = Ce();
+  const z = (i = he.arrow) === null || i === void 0 ? void 0 : i.x, K = (o = he.arrow) === null || o === void 0 ? void 0 : o.y, I = ((a = he.arrow) === null || a === void 0 ? void 0 : a.centerOffset) !== 0, [k, Q] = Se();
   return co(() => {
     T && Q(window.getComputedStyle(T).zIndex);
   }, [
@@ -6646,7 +6646,7 @@ const S$ = p$, $$ = g$, C$ = y$, A$ = _$, O$ = /* @__PURE__ */ ne((e, t) => {
   Um,
   Dm
 ]), mc = Um(), Km = Dm(), [N$, Aa] = pi(vc), [D$, Wf] = pi(vc), L$ = (e) => {
-  const { __scopeMenu: t, open: r = !1, children: n, dir: i, onOpenChange: o, modal: a = !0 } = e, s = mc(t), [c, l] = Ce(null), f = Ee(!1), d = Gr(o), p = wm(i);
+  const { __scopeMenu: t, open: r = !1, children: n, dir: i, onOpenChange: o, modal: a = !0 } = e, s = mc(t), [c, l] = Se(null), f = Ee(!1), d = Gr(o), p = wm(i);
   return _e(() => {
     const g = () => {
       f.current = !0, document.addEventListener("pointerdown", v, {
@@ -6747,7 +6747,7 @@ const S$ = p$, $$ = g$, C$ = y$, A$ = _$, O$ = /* @__PURE__ */ ne((e, t) => {
     onDismiss: () => r.onOpenChange(!1)
   }));
 }), Jm = /* @__PURE__ */ ne((e, t) => {
-  const { __scopeMenu: r, loop: n = !1, trapFocus: i, onOpenAutoFocus: o, onCloseAutoFocus: a, disableOutsidePointerEvents: s, onEntryFocus: c, onEscapeKeyDown: l, onPointerDownOutside: f, onFocusOutside: d, onInteractOutside: p, onDismiss: g, disableOutsideScroll: v, ...m } = e, b = Aa(kn, r), w = Wf(kn, r), _ = mc(r), S = Km(r), $ = R$(r), [R, P] = Ce(null), C = Ee(null), T = dr(t, C, b.onContentChange), N = Ee(0), B = Ee(""), M = Ee(0), L = Ee(null), Z = Ee("right"), Y = Ee(0), X = v ? tm : vo, oe = v ? {
+  const { __scopeMenu: r, loop: n = !1, trapFocus: i, onOpenAutoFocus: o, onCloseAutoFocus: a, disableOutsidePointerEvents: s, onEntryFocus: c, onEscapeKeyDown: l, onPointerDownOutside: f, onFocusOutside: d, onInteractOutside: p, onDismiss: g, disableOutsideScroll: v, ...m } = e, b = Aa(kn, r), w = Wf(kn, r), _ = mc(r), S = Km(r), $ = R$(r), [R, P] = Se(null), C = Ee(null), T = dr(t, C, b.onContentChange), N = Ee(0), B = Ee(""), M = Ee(0), L = Ee(null), Z = Ee("right"), Y = Ee(0), X = v ? tm : vo, oe = v ? {
     as: kt,
     allowPinchZoom: !0
   } : void 0, se = (le) => {
@@ -6909,7 +6909,7 @@ const S$ = p$, $$ = g$, C$ = y$, A$ = _$, O$ = /* @__PURE__ */ ne((e, t) => {
     })
   }));
 }), K$ = /* @__PURE__ */ ne((e, t) => {
-  const { __scopeMenu: r, disabled: n = !1, textValue: i, ...o } = e, a = Ym(Lu, r), s = Km(r), c = Ee(null), l = dr(t, c), [f, d] = Ce(!1), [p, g] = Ce("");
+  const { __scopeMenu: r, disabled: n = !1, textValue: i, ...o } = e, a = Ym(Lu, r), s = Km(r), c = Ee(null), l = dr(t, c), [f, d] = Se(!1), [p, g] = Se("");
   return _e(() => {
     const v = c.current;
     if (v) {
@@ -7184,7 +7184,7 @@ function HC(e) {
   ]);
 }
 function r0(e) {
-  const [t, r] = Ce(void 0);
+  const [t, r] = Se(void 0);
   return Hr(() => {
     if (e) {
       r({
@@ -7216,7 +7216,7 @@ function r0(e) {
   ]), t;
 }
 const n0 = "Checkbox", [VC, uj] = zn(n0), [GC, KC] = VC(n0), qC = /* @__PURE__ */ ne((e, t) => {
-  const { __scopeCheckbox: r, name: n, checked: i, defaultChecked: o, required: a, disabled: s, value: c = "on", onCheckedChange: l, ...f } = e, [d, p] = Ce(null), g = Dt(
+  const { __scopeCheckbox: r, name: n, checked: i, defaultChecked: o, required: a, disabled: s, value: c = "on", onCheckedChange: l, ...f } = e, [d, p] = Se(null), g = Dt(
     t,
     (S) => p(S)
   ), v = Ee(!1), m = d ? !!d.closest("form") : !0, [b = !1, w] = fc({
@@ -7330,7 +7330,7 @@ function eA(e) {
   ]);
 }
 const o0 = "Switch", [tA, fj] = Jr(o0), [rA, nA] = tA(o0), iA = /* @__PURE__ */ ne((e, t) => {
-  const { __scopeSwitch: r, name: n, checked: i, defaultChecked: o, required: a, disabled: s, value: c = "on", onCheckedChange: l, ...f } = e, [d, p] = Ce(null), g = dr(
+  const { __scopeSwitch: r, name: n, checked: i, defaultChecked: o, required: a, disabled: s, value: c = "on", onCheckedChange: l, ...f } = e, [d, p] = Se(null), g = dr(
     t,
     (_) => p(_)
   ), v = Ee(!1), m = d ? !!d.closest("form") : !0, [b = !1, w] = fn({
@@ -7469,7 +7469,7 @@ var uA = function(e) {
     };
   }, [t, n, r]);
 }, pA = function(e) {
-  var t = Ce(s0), r = t[0], n = t[1], i = Ee(), o = fA({ inputRef: e, previousRef: i, setSelection: n });
+  var t = Se(s0), r = t[0], n = t[1], i = Ee(), o = fA({ inputRef: e, previousRef: i, setSelection: n });
   return dA({ inputRef: e, previousRef: i, handler: o }), r;
 }, Bu = { exports: {} }, Go = {};
 /**
@@ -7522,16 +7522,16 @@ function gA() {
     var w = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function _(q) {
       {
-        for (var pe = arguments.length, Se = new Array(pe > 1 ? pe - 1 : 0), Be = 1; Be < pe; Be++)
-          Se[Be - 1] = arguments[Be];
-        S("error", q, Se);
+        for (var pe = arguments.length, $e = new Array(pe > 1 ? pe - 1 : 0), Be = 1; Be < pe; Be++)
+          $e[Be - 1] = arguments[Be];
+        S("error", q, $e);
       }
     }
-    function S(q, pe, Se) {
+    function S(q, pe, $e) {
       {
         var Be = w.ReactDebugCurrentFrame, et = Be.getStackAddendum();
-        et !== "" && (pe += "%s", Se = Se.concat([et]));
-        var qe = Se.map(function(Xe) {
+        et !== "" && (pe += "%s", $e = $e.concat([et]));
+        var qe = $e.map(function(Xe) {
           return String(Xe);
         });
         qe.unshift("Warning: " + pe), Function.prototype.apply.call(console[q], console, qe);
@@ -7546,12 +7546,12 @@ function gA() {
       // with.
       q.$$typeof === N || q.getModuleId !== void 0));
     }
-    function M(q, pe, Se) {
+    function M(q, pe, $e) {
       var Be = q.displayName;
       if (Be)
         return Be;
       var et = pe.displayName || pe.name || "";
-      return et !== "" ? Se + "(" + et + ")" : Se;
+      return et !== "" ? $e + "(" + et + ")" : $e;
     }
     function L(q) {
       return q.displayName || "Context";
@@ -7583,8 +7583,8 @@ function gA() {
             var pe = q;
             return L(pe) + ".Consumer";
           case a:
-            var Se = q;
-            return L(Se._context) + ".Provider";
+            var $e = q;
+            return L($e._context) + ".Provider";
           case c:
             return M(q, q.render, "ForwardRef");
           case d:
@@ -7664,7 +7664,7 @@ function gA() {
       }
     }
     var H = w.ReactCurrentDispatcher, G;
-    function F(q, pe, Se) {
+    function F(q, pe, $e) {
       {
         if (G === void 0)
           try {
@@ -7686,9 +7686,9 @@ function gA() {
       if (!q || z)
         return "";
       {
-        var Se = K.get(q);
-        if (Se !== void 0)
-          return Se;
+        var $e = K.get(q);
+        if ($e !== void 0)
+          return $e;
       }
       var Be;
       z = !0;
@@ -7753,14 +7753,14 @@ function gA() {
       var sr = q ? q.displayName || q.name : "", Ti = sr ? F(sr) : "";
       return typeof q == "function" && K.set(q, Ti), Ti;
     }
-    function Q(q, pe, Se) {
+    function Q(q, pe, $e) {
       return k(q, !1);
     }
     function ae(q) {
       var pe = q.prototype;
       return !!(pe && pe.isReactComponent);
     }
-    function ge(q, pe, Se) {
+    function ge(q, pe, $e) {
       if (q == null)
         return "";
       if (typeof q == "function")
@@ -7778,11 +7778,11 @@ function gA() {
           case c:
             return Q(q.render);
           case d:
-            return ge(q.type, pe, Se);
+            return ge(q.type, pe, $e);
           case p: {
             var Be = q, et = Be._payload, qe = Be._init;
             try {
-              return ge(qe(et), pe, Se);
+              return ge(qe(et), pe, $e);
             } catch {
             }
           }
@@ -7792,12 +7792,12 @@ function gA() {
     var be = Object.prototype.hasOwnProperty, Ae = {}, Oe = w.ReactDebugCurrentFrame;
     function ce(q) {
       if (q) {
-        var pe = q._owner, Se = ge(q.type, q._source, pe ? pe.type : null);
-        Oe.setExtraStackFrame(Se);
+        var pe = q._owner, $e = ge(q.type, q._source, pe ? pe.type : null);
+        Oe.setExtraStackFrame($e);
       } else
         Oe.setExtraStackFrame(null);
     }
-    function je(q, pe, Se, Be, et) {
+    function je(q, pe, $e, Be, et) {
       {
         var qe = Function.call.bind(be);
         for (var Xe in q)
@@ -7805,14 +7805,14 @@ function gA() {
             var Ye = void 0;
             try {
               if (typeof q[Xe] != "function") {
-                var Lt = Error((Be || "React class") + ": " + Se + " type `" + Xe + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof q[Xe] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                var Lt = Error((Be || "React class") + ": " + $e + " type `" + Xe + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof q[Xe] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw Lt.name = "Invariant Violation", Lt;
               }
-              Ye = q[Xe](pe, Xe, Be, Se, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              Ye = q[Xe](pe, Xe, Be, $e, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (_t) {
               Ye = _t;
             }
-            Ye && !(Ye instanceof Error) && (ce(et), _("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", Be || "React class", Se, Xe, typeof Ye), ce(null)), Ye instanceof Error && !(Ye.message in Ae) && (Ae[Ye.message] = !0, ce(et), _("Failed %s type: %s", Se, Ye.message), ce(null));
+            Ye && !(Ye instanceof Error) && (ce(et), _("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", Be || "React class", $e, Xe, typeof Ye), ce(null)), Ye instanceof Error && !(Ye.message in Ae) && (Ae[Ye.message] = !0, ce(et), _("Failed %s type: %s", $e, Ye.message), ce(null));
           }
       }
     }
@@ -7822,8 +7822,8 @@ function gA() {
     }
     function Ge(q) {
       {
-        var pe = typeof Symbol == "function" && Symbol.toStringTag, Se = pe && q[Symbol.toStringTag] || q.constructor.name || "Object";
-        return Se;
+        var pe = typeof Symbol == "function" && Symbol.toStringTag, $e = pe && q[Symbol.toStringTag] || q.constructor.name || "Object";
+        return $e;
       }
     }
     function bt(q) {
@@ -7865,40 +7865,40 @@ function gA() {
     }
     function ye(q, pe) {
       if (typeof q.ref == "string" && y.current && pe && y.current.stateNode !== pe) {
-        var Se = Z(y.current.type);
-        O[Se] || (_('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', Z(y.current.type), q.ref), O[Se] = !0);
+        var $e = Z(y.current.type);
+        O[$e] || (_('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', Z(y.current.type), q.ref), O[$e] = !0);
       }
     }
     function Me(q, pe) {
       {
-        var Se = function() {
+        var $e = function() {
           h || (h = !0, _("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", pe));
         };
-        Se.isReactWarning = !0, Object.defineProperty(q, "key", {
-          get: Se,
+        $e.isReactWarning = !0, Object.defineProperty(q, "key", {
+          get: $e,
           configurable: !0
         });
       }
     }
     function Ie(q, pe) {
       {
-        var Se = function() {
+        var $e = function() {
           E || (E = !0, _("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", pe));
         };
-        Se.isReactWarning = !0, Object.defineProperty(q, "ref", {
-          get: Se,
+        $e.isReactWarning = !0, Object.defineProperty(q, "ref", {
+          get: $e,
           configurable: !0
         });
       }
     }
-    var Le = function(q, pe, Se, Be, et, qe, Xe) {
+    var Le = function(q, pe, $e, Be, et, qe, Xe) {
       var Ye = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
         type: q,
         key: pe,
-        ref: Se,
+        ref: $e,
         props: Xe,
         // Record the component responsible for creating this element.
         _owner: qe
@@ -7920,10 +7920,10 @@ function gA() {
         value: et
       }), Object.freeze && (Object.freeze(Ye.props), Object.freeze(Ye)), Ye;
     };
-    function Re(q, pe, Se, Be, et) {
+    function Re(q, pe, $e, Be, et) {
       {
         var qe, Xe = {}, Ye = null, Lt = null;
-        Se !== void 0 && (Ve(Se), Ye = "" + Se), W(pe) && (Ve(pe.key), Ye = "" + pe.key), D(pe) && (Lt = pe.ref, ye(pe, et));
+        $e !== void 0 && (Ve($e), Ye = "" + $e), W(pe) && (Ve(pe.key), Ye = "" + pe.key), D(pe) && (Lt = pe.ref, ye(pe, et));
         for (qe in pe)
           be.call(pe, qe) && !u.hasOwnProperty(qe) && (Xe[qe] = pe[qe]);
         if (q && q.defaultProps) {
@@ -7941,8 +7941,8 @@ function gA() {
     var en = w.ReactCurrentOwner, Si = w.ReactDebugCurrentFrame;
     function hr(q) {
       if (q) {
-        var pe = q._owner, Se = ge(q.type, q._source, pe ? pe.type : null);
-        Si.setExtraStackFrame(Se);
+        var pe = q._owner, $e = ge(q.type, q._source, pe ? pe.type : null);
+        Si.setExtraStackFrame($e);
       } else
         Si.setExtraStackFrame(null);
     }
@@ -7966,10 +7966,10 @@ Check the render method of \`` + q + "`.";
     function Po(q) {
       {
         if (q !== void 0) {
-          var pe = q.fileName.replace(/^.*[\\\/]/, ""), Se = q.lineNumber;
+          var pe = q.fileName.replace(/^.*[\\\/]/, ""), $e = q.lineNumber;
           return `
 
-Check your code at ` + pe + ":" + Se + ".";
+Check your code at ` + pe + ":" + $e + ".";
         }
         return "";
       }
@@ -7979,10 +7979,10 @@ Check your code at ` + pe + ":" + Se + ".";
       {
         var pe = Bt();
         if (!pe) {
-          var Se = typeof q == "string" ? q : q.displayName || q.name;
-          Se && (pe = `
+          var $e = typeof q == "string" ? q : q.displayName || q.name;
+          $e && (pe = `
 
-Check the top-level render call using <` + Se + ">.");
+Check the top-level render call using <` + $e + ">.");
         }
         return pe;
       }
@@ -7992,12 +7992,12 @@ Check the top-level render call using <` + Se + ">.");
         if (!q._store || q._store.validated || q.key != null)
           return;
         q._store.validated = !0;
-        var Se = Ro(pe);
-        if ($i[Se])
+        var $e = Ro(pe);
+        if ($i[$e])
           return;
-        $i[Se] = !0;
+        $i[$e] = !0;
         var Be = "";
-        q && q._owner && q._owner !== en.current && (Be = " It was passed a child from " + Z(q._owner.type) + "."), hr(q), _('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', Se, Be), hr(null);
+        q && q._owner && q._owner !== en.current && (Be = " It was passed a child from " + Z(q._owner.type) + "."), hr(q), _('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', $e, Be), hr(null);
       }
     }
     function Ai(q, pe) {
@@ -8005,8 +8005,8 @@ Check the top-level render call using <` + Se + ">.");
         if (typeof q != "object")
           return;
         if (ke(q))
-          for (var Se = 0; Se < q.length; Se++) {
-            var Be = q[Se];
+          for (var $e = 0; $e < q.length; $e++) {
+            var Be = q[$e];
             Hn(Be) && Ci(Be, pe);
           }
         else if (Hn(q))
@@ -8024,18 +8024,18 @@ Check the top-level render call using <` + Se + ">.");
         var pe = q.type;
         if (pe == null || typeof pe == "string")
           return;
-        var Se;
+        var $e;
         if (typeof pe == "function")
-          Se = pe.propTypes;
+          $e = pe.propTypes;
         else if (typeof pe == "object" && (pe.$$typeof === c || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         pe.$$typeof === d))
-          Se = pe.propTypes;
+          $e = pe.propTypes;
         else
           return;
-        if (Se) {
+        if ($e) {
           var Be = Z(pe);
-          je(Se, q.props, "prop", Be, q);
+          je($e, q.props, "prop", Be, q);
         } else if (pe.PropTypes !== void 0 && !Qt) {
           Qt = !0;
           var et = Z(pe);
@@ -8046,8 +8046,8 @@ Check the top-level render call using <` + Se + ">.");
     }
     function ko(q) {
       {
-        for (var pe = Object.keys(q.props), Se = 0; Se < pe.length; Se++) {
-          var Be = pe[Se];
+        for (var pe = Object.keys(q.props), $e = 0; $e < pe.length; $e++) {
+          var Be = pe[$e];
           if (Be !== "children" && Be !== "key") {
             hr(q), _("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", Be), hr(null);
             break;
@@ -8056,7 +8056,7 @@ Check the top-level render call using <` + Se + ">.");
         q.ref !== null && (hr(q), _("Invalid attribute `ref` supplied to `React.Fragment`."), hr(null));
       }
     }
-    function Oi(q, pe, Se, Be, et, qe) {
+    function Oi(q, pe, $e, Be, et, qe) {
       {
         var Xe = B(q);
         if (!Xe) {
@@ -8067,7 +8067,7 @@ Check the top-level render call using <` + Se + ">.");
           var _t;
           q === null ? _t = "null" : ke(q) ? _t = "array" : q !== void 0 && q.$$typeof === t ? (_t = "<" + (Z(q.type) || "Unknown") + " />", Ye = " Did you accidentally export a JSX literal instead of a component?") : _t = typeof q, _("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", _t, Ye);
         }
-        var Ct = Re(q, pe, Se, et, qe);
+        var Ct = Re(q, pe, $e, et, qe);
         if (Ct == null)
           return Ct;
         if (Xe) {
@@ -8086,11 +8086,11 @@ Check the top-level render call using <` + Se + ">.");
         return q === n ? ko(Ct) : Pt(Ct), Ct;
       }
     }
-    function No(q, pe, Se) {
-      return Oi(q, pe, Se, !0);
+    function No(q, pe, $e) {
+      return Oi(q, pe, $e, !0);
     }
-    function Do(q, pe, Se) {
-      return Oi(q, pe, Se, !1);
+    function Do(q, pe, $e) {
+      return Oi(q, pe, $e, !1);
     }
     var Lo = Do, er = No;
     Ko.Fragment = n, Ko.jsx = Lo, Ko.jsxs = er;
@@ -8331,7 +8331,7 @@ const d0 = "Collapsible", [FA, pj] = zn(d0), [BA, zf] = FA(d0), jA = /* @__PURE_
     }))
   );
 }), HA = /* @__PURE__ */ ne((e, t) => {
-  const { __scopeCollapsible: r, present: n, children: i, ...o } = e, a = zf(p0, r), [s, c] = Ce(n), l = Ee(null), f = Dt(t, l), d = Ee(0), p = d.current, g = Ee(0), v = g.current, m = a.open || s, b = Ee(m), w = Ee();
+  const { __scopeCollapsible: r, present: n, children: i, ...o } = e, a = zf(p0, r), [s, c] = Se(n), l = Ee(null), f = Dt(t, l), d = Ee(0), p = d.current, g = Ee(0), v = g.current, m = a.open || s, b = Ee(m), w = Ee();
   return _e(() => {
     const _ = requestAnimationFrame(
       () => b.current = !1
@@ -8437,7 +8437,7 @@ function nO(e, t) {
   }, e);
 }
 const m0 = "ScrollArea", [y0, vj] = zn(m0), [iO, wr] = y0(m0), oO = /* @__PURE__ */ ne((e, t) => {
-  const { __scopeScrollArea: r, type: n = "hover", dir: i, scrollHideDelay: o = 600, ...a } = e, [s, c] = Ce(null), [l, f] = Ce(null), [d, p] = Ce(null), [g, v] = Ce(null), [m, b] = Ce(null), [w, _] = Ce(0), [S, $] = Ce(0), [R, P] = Ce(!1), [C, T] = Ce(!1), N = Dt(
+  const { __scopeScrollArea: r, type: n = "hover", dir: i, scrollHideDelay: o = 600, ...a } = e, [s, c] = Se(null), [l, f] = Se(null), [d, p] = Se(null), [g, v] = Se(null), [m, b] = Se(null), [w, _] = Se(0), [S, $] = Se(0), [R, P] = Se(!1), [C, T] = Se(!1), N = Dt(
     t,
     (M) => c(M)
   ), B = Rx(i);
@@ -8527,7 +8527,7 @@ const m0 = "ScrollArea", [y0, vj] = zn(m0), [iO, wr] = y0(m0), oO = /* @__PURE__
     ref: t
   })) : null;
 }), lO = /* @__PURE__ */ ne((e, t) => {
-  const { forceMount: r, ...n } = e, i = wr(hn, e.__scopeScrollArea), [o, a] = Ce(!1);
+  const { forceMount: r, ...n } = e, i = wr(hn, e.__scopeScrollArea), [o, a] = Se(!1);
   return _e(() => {
     const s = i.scrollArea;
     let c = 0;
@@ -8619,7 +8619,7 @@ const m0 = "ScrollArea", [y0, vj] = zn(m0), [iO, wr] = y0(m0), oO = /* @__PURE__
     )
   })));
 }), b0 = /* @__PURE__ */ ne((e, t) => {
-  const r = wr(hn, e.__scopeScrollArea), { forceMount: n, ...i } = e, [o, a] = Ce(!1), s = e.orientation === "horizontal", c = wc(() => {
+  const r = wr(hn, e.__scopeScrollArea), { forceMount: n, ...i } = e, [o, a] = Se(!1), s = e.orientation === "horizontal", c = wc(() => {
     if (r.viewport) {
       const l = r.viewport.offsetWidth < r.viewport.scrollWidth, f = r.viewport.offsetHeight < r.viewport.scrollHeight;
       a(s ? l : f);
@@ -8633,7 +8633,7 @@ const m0 = "ScrollArea", [y0, vj] = zn(m0), [iO, wr] = y0(m0), oO = /* @__PURE__
     ref: t
   })));
 }), Vf = /* @__PURE__ */ ne((e, t) => {
-  const { orientation: r = "vertical", ...n } = e, i = wr(hn, e.__scopeScrollArea), o = Ee(null), a = Ee(0), [s, c] = Ce({
+  const { orientation: r = "vertical", ...n } = e, i = wr(hn, e.__scopeScrollArea), o = Ee(null), a = Ee(0), [s, c] = Se({
     content: 0,
     viewport: 0,
     scrollbar: {
@@ -8683,7 +8683,7 @@ const m0 = "ScrollArea", [y0, vj] = zn(m0), [iO, wr] = y0(m0), oO = /* @__PURE__
     }
   })) : null;
 }), fO = /* @__PURE__ */ ne((e, t) => {
-  const { sizes: r, onSizesChange: n, ...i } = e, o = wr(hn, e.__scopeScrollArea), [a, s] = Ce(), c = Ee(null), l = Dt(t, c, o.onScrollbarXChange);
+  const { sizes: r, onSizesChange: n, ...i } = e, o = wr(hn, e.__scopeScrollArea), [a, s] = Se(), c = Ee(null), l = Dt(t, c, o.onScrollbarXChange);
   return _e(() => {
     c.current && s(getComputedStyle(c.current));
   }, [
@@ -8721,7 +8721,7 @@ const m0 = "ScrollArea", [y0, vj] = zn(m0), [iO, wr] = y0(m0), oO = /* @__PURE__
     }
   }));
 }), dO = /* @__PURE__ */ ne((e, t) => {
-  const { sizes: r, onSizesChange: n, ...i } = e, o = wr(hn, e.__scopeScrollArea), [a, s] = Ce(), c = Ee(null), l = Dt(t, c, o.onScrollbarYChange);
+  const { sizes: r, onSizesChange: n, ...i } = e, o = wr(hn, e.__scopeScrollArea), [a, s] = Se(), c = Ee(null), l = Dt(t, c, o.onScrollbarYChange);
   return _e(() => {
     c.current && s(getComputedStyle(c.current));
   }, [
@@ -8760,7 +8760,7 @@ const m0 = "ScrollArea", [y0, vj] = zn(m0), [iO, wr] = y0(m0), oO = /* @__PURE__
     }
   }));
 }), [pO, w0] = y0(hn), _0 = /* @__PURE__ */ ne((e, t) => {
-  const { __scopeScrollArea: r, sizes: n, hasThumb: i, onThumbChange: o, onThumbPointerUp: a, onThumbPointerDown: s, onThumbPositionChange: c, onDragScroll: l, onWheelScroll: f, onResize: d, ...p } = e, g = wr(hn, r), [v, m] = Ce(null), b = Dt(
+  const { __scopeScrollArea: r, sizes: n, hasThumb: i, onThumbChange: o, onThumbPointerUp: a, onThumbPointerDown: s, onThumbPositionChange: c, onDragScroll: l, onWheelScroll: f, onResize: d, ...p } = e, g = wr(hn, r), [v, m] = Se(null), b = Dt(
     t,
     (N) => m(N)
   ), w = Ee(null), _ = Ee(""), S = g.viewport, $ = n.content - n.viewport, R = ir(f), P = ir(c), C = wc(d, 10);
@@ -8867,7 +8867,7 @@ const m0 = "ScrollArea", [y0, vj] = zn(m0), [iO, wr] = y0(m0), oO = /* @__PURE__
     ref: t
   })) : null;
 }), mO = /* @__PURE__ */ ne((e, t) => {
-  const { __scopeScrollArea: r, ...n } = e, i = wr(E0, r), [o, a] = Ce(0), [s, c] = Ce(0), l = !!(o && s);
+  const { __scopeScrollArea: r, ...n } = e, i = wr(E0, r), [o, a] = Se(0), [s, c] = Se(0), l = !!(o && s);
   return uo(i.scrollbarX, () => {
     var f;
     const d = ((f = i.scrollbarX) === null || f === void 0 ? void 0 : f.offsetHeight) || 0;
@@ -9534,7 +9534,7 @@ const HO = (e) => {
     points: "0,0 30,0 15,10"
   }));
 }), GO = VO, D0 = "Popper", [qf, L0] = zn(D0), [KO, M0] = qf(D0), qO = (e) => {
-  const { __scopePopper: t, children: r } = e, [n, i] = Ce(null);
+  const { __scopePopper: t, children: r } = e, [n, i] = Se(null);
   return /* @__PURE__ */ te(KO, {
     scope: t,
     anchor: n,
@@ -9552,10 +9552,10 @@ const HO = (e) => {
   positionUpdateFns: /* @__PURE__ */ new Set()
 }), t5 = /* @__PURE__ */ ne((e, t) => {
   var r, n, i, o, a, s, c, l;
-  const { __scopePopper: f, side: d = "bottom", sideOffset: p = 0, align: g = "center", alignOffset: v = 0, arrowPadding: m = 0, collisionBoundary: b = [], collisionPadding: w = 0, sticky: _ = "partial", hideWhenDetached: S = !1, avoidCollisions: $ = !0, onPlaced: R, ...P } = e, C = M0(Hs, f), [T, N] = Ce(null), B = Dt(
+  const { __scopePopper: f, side: d = "bottom", sideOffset: p = 0, align: g = "center", alignOffset: v = 0, arrowPadding: m = 0, collisionBoundary: b = [], collisionPadding: w = 0, sticky: _ = "partial", hideWhenDetached: S = !1, avoidCollisions: $ = !0, onPlaced: R, ...P } = e, C = M0(Hs, f), [T, N] = Se(null), B = Dt(
     t,
     (ke) => N(ke)
-  ), [M, L] = Ce(null), Z = r0(M), Y = (r = Z == null ? void 0 : Z.width) !== null && r !== void 0 ? r : 0, X = (n = Z == null ? void 0 : Z.height) !== null && n !== void 0 ? n : 0, oe = d + (g !== "center" ? "-" + g : ""), se = typeof w == "number" ? w : {
+  ), [M, L] = Se(null), Z = r0(M), Y = (r = Z == null ? void 0 : Z.width) !== null && r !== void 0 ? r : 0, X = (n = Z == null ? void 0 : Z.height) !== null && n !== void 0 ? n : 0, oe = d + (g !== "center" ? "-" + g : ""), se = typeof w == "number" ? w : {
     top: 0,
     right: 0,
     bottom: 0,
@@ -9620,7 +9620,7 @@ const HO = (e) => {
     z,
     k
   ]);
-  const Q = (i = G.arrow) === null || i === void 0 ? void 0 : i.x, ae = (o = G.arrow) === null || o === void 0 ? void 0 : o.y, ge = ((a = G.arrow) === null || a === void 0 ? void 0 : a.centerOffset) !== 0, [be, Ae] = Ce();
+  const Q = (i = G.arrow) === null || i === void 0 ? void 0 : i.x, ae = (o = G.arrow) === null || o === void 0 ? void 0 : o.y, ge = ((a = G.arrow) === null || a === void 0 ? void 0 : a.centerOffset) !== 0, [be, Ae] = Se();
   Hr(() => {
     T && Ae(window.getComputedStyle(T).zIndex);
   }, [
@@ -9787,7 +9787,7 @@ const l5 = qO, u5 = JO, f5 = t5, d5 = i5, p5 = /* @__PURE__ */ ne((e, t) => /* @
 }))), h5 = p5, [xc, mj] = zn("Tooltip", [
   L0
 ]), Sc = L0(), g5 = "TooltipProvider", v5 = 700, Vu = "tooltip.open", [m5, Yf] = xc(g5), y5 = (e) => {
-  const { __scopeTooltip: t, delayDuration: r = v5, skipDelayDuration: n = 300, disableHoverableContent: i = !1, children: o } = e, [a, s] = Ce(!0), c = Ee(!1), l = Ee(0);
+  const { __scopeTooltip: t, delayDuration: r = v5, skipDelayDuration: n = 300, disableHoverableContent: i = !1, children: o } = e, [a, s] = Se(!0), c = Ee(!1), l = Ee(0);
   return _e(() => {
     const f = l.current;
     return () => window.clearTimeout(f);
@@ -9813,7 +9813,7 @@ const l5 = qO, u5 = JO, f5 = t5, d5 = i5, p5 = /* @__PURE__ */ ne((e, t) => /* @
     disableHoverableContent: i
   }, o);
 }, Jf = "Tooltip", [b5, Pa] = xc(Jf), w5 = (e) => {
-  const { __scopeTooltip: t, children: r, open: n, defaultOpen: i = !1, onOpenChange: o, disableHoverableContent: a, delayDuration: s } = e, c = Yf(Jf, e.__scopeTooltip), l = Sc(t), [f, d] = Ce(null), p = oa(), g = Ee(0), v = a ?? c.disableHoverableContent, m = s ?? c.delayDuration, b = Ee(!1), [w = !1, _] = fc({
+  const { __scopeTooltip: t, children: r, open: n, defaultOpen: i = !1, onOpenChange: o, disableHoverableContent: a, delayDuration: s } = e, c = Yf(Jf, e.__scopeTooltip), l = Sc(t), [f, d] = Se(null), p = oa(), g = Ee(0), v = a ?? c.disableHoverableContent, m = s ?? c.delayDuration, b = Ee(!1), [w = !1, _] = fc({
     prop: n,
     defaultProp: i,
     onChange: (C) => {
@@ -9921,7 +9921,7 @@ const l5 = qO, u5 = JO, f5 = t5, d5 = i5, p5 = /* @__PURE__ */ ne((e, t) => /* @
     ref: t
   })));
 }), C5 = /* @__PURE__ */ ne((e, t) => {
-  const r = Pa(ya, e.__scopeTooltip), n = Yf(ya, e.__scopeTooltip), i = Ee(null), o = Dt(t, i), [a, s] = Ce(null), { trigger: c, onClose: l } = r, f = i.current, { onPointerInTransitChange: d } = n, p = De(() => {
+  const r = Pa(ya, e.__scopeTooltip), n = Yf(ya, e.__scopeTooltip), i = Ee(null), o = Dt(t, i), [a, s] = Se(null), { trigger: c, onClose: l } = r, f = i.current, { onPointerInTransitChange: d } = n, p = De(() => {
     s(null), d(!1);
   }, [
     d
@@ -10419,7 +10419,7 @@ var G0 = /* @__PURE__ */ Vt({
     dtLocale: r
   };
 }, G5 = ({ fallback: e, resourceExtensions: t, children: r, appNs: n, dtLocale: i }) => {
-  const [o, a] = Ce(!1);
+  const [o, a] = Se(!1);
   return _e(() => {
     a(!1), t && t.length && t.forEach((s) => {
       Object.keys(s).forEach((c) => {
@@ -10439,7 +10439,7 @@ var G0 = /* @__PURE__ */ Vt({
     fallback: e
   }, o ? r : e));
 }, Fe = () => Jt(gy), K5 = (e) => {
-  const [t, r] = Ce(null), [n, i] = Ce(null);
+  const [t, r] = Se(null), [n, i] = Se(null);
   return _e(() => {
     var a;
     const o = () => {
@@ -11057,7 +11057,7 @@ var JT = (e, {
   offset: i = 0
   /* side = 'inline-start' */
 }) => {
-  const o = e.current, [a, s] = Ce(0), [c, l] = Ce(0), f = De(() => {
+  const o = e.current, [a, s] = Se(0), [c, l] = Se(0), f = De(() => {
     s(0), o == null || o.style.removeProperty("inset-inline-start"), o == null || o.style.setProperty("transition-duration", "200ms");
   }, [
     o
@@ -13388,7 +13388,7 @@ Vs.exports;
     var ee = Gn(this, j).delete(j);
     return this.size -= ee ? 1 : 0, ee;
   }
-  function Se(j) {
+  function $e(j) {
     return Gn(this, j).get(j);
   }
   function Be(j) {
@@ -13398,7 +13398,7 @@ Vs.exports;
     var A = Gn(this, j), U = A.size;
     return A.set(j, ee), this.size += A.size == U ? 0 : 1, this;
   }
-  er.prototype.clear = q, er.prototype.delete = pe, er.prototype.get = Se, er.prototype.has = Be, er.prototype.set = et;
+  er.prototype.clear = q, er.prototype.delete = pe, er.prototype.get = $e, er.prototype.has = Be, er.prototype.set = et;
   function qe(j) {
     var ee = this.__data__ = new Pt(j);
     this.size = ee.size;
@@ -18703,7 +18703,7 @@ const lb = Vt({
   setTextValue: async (e) => {
   }
 }), ub = () => Jt(lb), gd = ({ children: e }) => {
-  const [t, r] = Ce(""), n = De(async (i) => (await navigator.clipboard.writeText(i), r(i)), []);
+  const [t, r] = Se(""), n = De(async (i) => (await navigator.clipboard.writeText(i), r(i)), []);
   return /* @__PURE__ */ x.createElement(lb.Provider, { value: { textValue: t, setTextValue: n } }, e);
 }, Hh = "invisible bs-px -mbe-px overflow-hidden", xk = ({ value: e, classNames: t, iconProps: r, ...n }) => {
   const { t: i } = ut("os"), { textValue: o, setTextValue: a } = ub(), s = o === e;
@@ -18719,7 +18719,7 @@ const lb = Vt({
     /* @__PURE__ */ x.createElement("div", { role: "none", className: de("flex gap-1 items-center", !s && Hh) }, /* @__PURE__ */ x.createElement("span", { className: "pli-1" }, i("copy invitation code success label")), /* @__PURE__ */ x.createElement(cc, { className: Qe(4), weight: "bold", ...r }))
   );
 }, Sk = ({ value: e, classNames: t, iconProps: r, variant: n, ...i }) => {
-  const { t: o } = ut("os"), { textValue: a, setTextValue: s } = ub(), l = o(a === e ? "copy invitation code success label" : "copy invitation code label"), [f, d] = Ce(!1);
+  const { t: o } = ut("os"), { textValue: a, setTextValue: s } = ub(), l = o(a === e ? "copy invitation code success label" : "copy invitation code label"), [f, d] = Se(!1);
   return /* @__PURE__ */ x.createElement($r.Root, { delayDuration: 1500, open: f, onOpenChange: d }, /* @__PURE__ */ x.createElement($r.Portal, null, /* @__PURE__ */ x.createElement($r.Content, { side: "bottom", sideOffset: 12, classNames: "z-30" }, /* @__PURE__ */ x.createElement("span", null, l), /* @__PURE__ */ x.createElement($r.Arrow, null))), /* @__PURE__ */ x.createElement(
     $r.Trigger,
     {
@@ -19980,7 +19980,7 @@ var eg;
     t[t.NONE = 0] = "NONE", t[t.INIT_AUTOMERGE = 1] = "INIT_AUTOMERGE";
   })(e.Migration || (e.Migration = {}));
 })(eg || (eg = {}));
-var $e;
+var Ce;
 (function(e) {
   (function(t) {
     t[t.INTERACTIVE = 0] = "INTERACTIVE", t[t.OFFLINE = 1] = "OFFLINE", t[t.MULTIUSE = 2] = "MULTIUSE";
@@ -19991,7 +19991,7 @@ var $e;
   }(e.AuthMethod || (e.AuthMethod = {})), function(t) {
     t[t.INIT = 0] = "INIT", t[t.CONNECTING = 1] = "CONNECTING", t[t.CONNECTED = 2] = "CONNECTED", t[t.READY_FOR_AUTHENTICATION = 3] = "READY_FOR_AUTHENTICATION", t[t.AUTHENTICATING = 4] = "AUTHENTICATING", t[t.SUCCESS = 5] = "SUCCESS", t[t.CANCELLED = 6] = "CANCELLED", t[t.TIMEOUT = 7] = "TIMEOUT", t[t.ERROR = 8] = "ERROR";
   }(e.State || (e.State = {}));
-})($e || ($e = {}));
+})(Ce || (Ce = {}));
 var tg;
 (function(e) {
   (function(t) {
@@ -23400,7 +23400,7 @@ Ys.exports;
     var U = vn(this, A).delete(A);
     return this.size -= U ? 1 : 0, U;
   }
-  function Se(A) {
+  function $e(A) {
     return vn(this, A).get(A);
   }
   function Be(A) {
@@ -23410,7 +23410,7 @@ Ys.exports;
     var re = vn(this, A), ve = re.size;
     return re.set(A, U), this.size += re.size == ve ? 0 : 1, this;
   }
-  er.prototype.clear = q, er.prototype.delete = pe, er.prototype.get = Se, er.prototype.has = Be, er.prototype.set = et;
+  er.prototype.clear = q, er.prototype.delete = pe, er.prototype.get = $e, er.prototype.has = Be, er.prototype.set = et;
   function qe(A) {
     var U = this.__data__ = new Pt(A);
     this.size = U.size;
@@ -28601,18 +28601,18 @@ var Lg = "/home/runner/work/dxos/dxos/packages/sdk/react-client/src/invitations/
     // TODO(burdon): State.
     status: s.status,
     // `invitationObservable`, `secret`, and `result` is persisted between the status-actions that set them.
-    result: s.status === $e.State.SUCCESS ? s.result : a.result,
+    result: s.status === Ce.State.SUCCESS ? s.result : a.result,
     // `error` gets set each time we enter the error state
-    ...s.status === $e.State.ERROR && {
+    ...s.status === Ce.State.ERROR && {
       error: s.error
     },
     // `haltedAt` gets set on only the first error/cancelled/timeout action and reset on any others.
-    ...(s.status === $e.State.ERROR || s.status === $e.State.CANCELLED || s.status === $e.State.TIMEOUT) && {
+    ...(s.status === Ce.State.ERROR || s.status === Ce.State.CANCELLED || s.status === Ce.State.TIMEOUT) && {
       haltedAt: typeof a.haltedAt > "u" ? s.haltedAt : a.haltedAt
     },
-    observable: s.status === $e.State.CONNECTING ? s.observable ?? a.observable : a.observable
+    observable: s.status === Ce.State.CONNECTING ? s.observable ?? a.observable : a.observable
   }), null, (a) => ({
-    status: $e.State.INIT,
+    status: Ce.State.INIT,
     result: {
       spaceKey: null,
       identityKey: null,
@@ -28625,15 +28625,15 @@ var Lg = "/home/runner/work/dxos/dxos/packages/sdk/react-client/src/invitations/
     var l, f;
     const a = (d) => {
       switch (d.state) {
-        case $e.State.CONNECTED:
-        case $e.State.READY_FOR_AUTHENTICATION:
-        case $e.State.AUTHENTICATING: {
+        case Ce.State.CONNECTED:
+        case Ce.State.READY_FOR_AUTHENTICATION:
+        case Ce.State.AUTHENTICATING: {
           r({
             status: d.state
           });
           break;
         }
-        case $e.State.SUCCESS: {
+        case Ce.State.SUCCESS: {
           r({
             status: d.state,
             result: {
@@ -28645,8 +28645,8 @@ var Lg = "/home/runner/work/dxos/dxos/packages/sdk/react-client/src/invitations/
           });
           break;
         }
-        case $e.State.CANCELLED:
-        case $e.State.TIMEOUT: {
+        case Ce.State.CANCELLED:
+        case Ce.State.TIMEOUT: {
           r({
             status: d.state,
             haltedAt: t.status
@@ -28656,7 +28656,7 @@ var Lg = "/home/runner/work/dxos/dxos/packages/sdk/react-client/src/invitations/
       }
     }, s = (l = t.observable) == null ? void 0 : l.subscribe(a, (d) => {
       r({
-        status: $e.State.ERROR,
+        status: Ce.State.ERROR,
         error: d,
         haltedAt: t.status
       });
@@ -28668,7 +28668,7 @@ var Lg = "/home/runner/work/dxos/dxos/packages/sdk/react-client/src/invitations/
   ]);
   const n = De((a) => {
     r({
-      status: $e.State.CONNECTING,
+      status: Ce.State.CONNECTING,
       observable: a
     });
   }, []), i = De((a) => (ot("authenticating...", {
@@ -28711,15 +28711,15 @@ var Lg = "/home/runner/work/dxos/dxos/packages/sdk/react-client/src/invitations/
   ]);
 };
 const wL = /* @__PURE__ */ new Map([
-  [$e.State.ERROR, -3],
-  [$e.State.TIMEOUT, -2],
-  [$e.State.CANCELLED, -1],
-  [$e.State.INIT, 0],
-  [$e.State.CONNECTING, 1],
-  [$e.State.CONNECTED, 2],
-  [$e.State.READY_FOR_AUTHENTICATION, 3],
-  [$e.State.AUTHENTICATING, 4],
-  [$e.State.SUCCESS, 5]
+  [Ce.State.ERROR, -3],
+  [Ce.State.TIMEOUT, -2],
+  [Ce.State.CANCELLED, -1],
+  [Ce.State.INIT, 0],
+  [Ce.State.CONNECTING, 1],
+  [Ce.State.CONNECTED, 2],
+  [Ce.State.READY_FOR_AUTHENTICATION, 3],
+  [Ce.State.AUTHENTICATING, 4],
+  [Ce.State.SUCCESS, 5]
 ]);
 var b1 = 9007199254740991, _L = "[object Arguments]", EL = "[object Function]", xL = "[object GeneratorFunction]", af = "[object Map]", SL = "[object Object]", Mg = "[object Promise]", sf = "[object Set]", $L = "[object String]", Fg = "[object WeakMap]", Bg = "[object DataView]", CL = /[\\^$.*+?()[\]{}|]/g, AL = /^\[object .+?Constructor\]$/, OL = /^(?:0|[1-9]\d*)$/, Bd = "\\ud800-\\udfff", w1 = "\\u0300-\\u036f\\ufe20-\\ufe23", _1 = "\\u20d0-\\u20f0", E1 = "\\ufe0e\\ufe0f", TL = "[" + Bd + "]", cf = "[" + w1 + _1 + "]", lf = "\\ud83c[\\udffb-\\udfff]", IL = "(?:" + cf + "|" + lf + ")", x1 = "[^" + Bd + "]", S1 = "(?:\\ud83c[\\udde6-\\uddff]){2}", $1 = "[\\ud800-\\udbff][\\udc00-\\udfff]", C1 = "\\u200d", A1 = IL + "?", O1 = "[" + E1 + "]?", PL = "(?:" + C1 + "(?:" + [x1, S1, $1].join("|") + ")" + O1 + A1 + ")*", RL = O1 + A1 + PL, kL = "(?:" + [x1 + cf + "?", cf, S1, $1, TL].join("|") + ")", NL = RegExp(lf + "(?=" + lf + ")|" + kL + RL, "g"), DL = RegExp("[" + C1 + Bd + w1 + _1 + E1 + "]"), LL = typeof it == "object" && it && it.Object === Object && it, ML = typeof self == "object" && self && self.Object === Object && self, _i = LL || ML || Function("return this")();
 function FL(e, t) {
@@ -28978,21 +28978,21 @@ const EM = /* @__PURE__ */ Un(_M), Wg = EM(
   onClickRemove: n,
   createInvitationUrl: i
 }) => {
-  const { t: o } = ut("os"), { cancel: a, status: s, invitationCode: c, authCode: l, type: f } = t, d = !([$e.State.ERROR, $e.State.TIMEOUT, $e.State.CANCELLED].indexOf(s) >= 0), p = f === $e.Type.MULTIUSE || [$e.State.INIT, $e.State.CONNECTING, $e.State.CONNECTED].indexOf(s) >= 0, g = s === $e.State.READY_FOR_AUTHENTICATION, v = De(() => n == null ? void 0 : n(e), [e, n]), m = c && i(c), b = e == null ? void 0 : e.get().invitationId, w = [
-    $e.State.INIT,
-    $e.State.CONNECTING,
-    $e.State.CONNECTED,
-    $e.State.READY_FOR_AUTHENTICATION,
-    $e.State.AUTHENTICATING
-  ].includes(s) ? "pulse" : "none", _ = [$e.State.ERROR, $e.State.TIMEOUT, $e.State.CANCELLED].includes(
+  const { t: o } = ut("os"), { cancel: a, status: s, invitationCode: c, authCode: l, type: f } = t, d = !([Ce.State.ERROR, Ce.State.TIMEOUT, Ce.State.CANCELLED].indexOf(s) >= 0), p = f === Ce.Type.MULTIUSE || [Ce.State.INIT, Ce.State.CONNECTING, Ce.State.CONNECTED].indexOf(s) >= 0, g = s === Ce.State.READY_FOR_AUTHENTICATION, v = De(() => n == null ? void 0 : n(e), [e, n]), m = c && i(c), b = e == null ? void 0 : e.get().invitationId, w = [
+    Ce.State.INIT,
+    Ce.State.CONNECTING,
+    Ce.State.CONNECTED,
+    Ce.State.READY_FOR_AUTHENTICATION,
+    Ce.State.AUTHENTICATING
+  ].includes(s) ? "pulse" : "none", _ = [Ce.State.ERROR, Ce.State.TIMEOUT, Ce.State.CANCELLED].includes(
     s
   ), S = [
-    $e.State.CONNECTED,
-    $e.State.READY_FOR_AUTHENTICATION,
-    $e.State.AUTHENTICATING,
-    $e.State.SUCCESS
+    Ce.State.CONNECTED,
+    Ce.State.READY_FOR_AUTHENTICATION,
+    Ce.State.AUTHENTICATING,
+    Ce.State.SUCCESS
   ].includes(s), $ = _ ? "error" : S ? "active" : "inactive";
-  return /* @__PURE__ */ x.createElement(Gu.Root, { id: c, classNames: "flex gap-2 pis-3 pie-1 items-center relative" }, /* @__PURE__ */ x.createElement(Gu.Heading, { classNames: "sr-only" }, o(f === $e.Type.MULTIUSE ? "invite many list item label" : "invite one list item label")), f === $e.Type.MULTIUSE && /* @__PURE__ */ x.createElement(SM, { status: $, animation: w }), /* @__PURE__ */ x.createElement($r.Root, null, /* @__PURE__ */ x.createElement(Ft.Root, { ...ea, animation: w, status: $ }, /* @__PURE__ */ x.createElement($r.Trigger, { asChild: !0 }, /* @__PURE__ */ x.createElement(Ft.Frame, { tabIndex: 0, classNames: [Zr, "relative rounded-full"] }, /* @__PURE__ */ x.createElement(Ft.Fallback, { text: Ud(b) })))), /* @__PURE__ */ x.createElement($r.Portal, null, /* @__PURE__ */ x.createElement($r.Content, { side: "left", classNames: "z-[70]" }, o(f === $e.Type.MULTIUSE ? "invite many qr label" : "invite one qr label"), /* @__PURE__ */ x.createElement($r.Arrow, null)))), p && m ? /* @__PURE__ */ x.createElement(x.Fragment, null, /* @__PURE__ */ x.createElement(
+  return /* @__PURE__ */ x.createElement(Gu.Root, { id: c, classNames: "flex gap-2 pis-3 pie-1 items-center relative" }, /* @__PURE__ */ x.createElement(Gu.Heading, { classNames: "sr-only" }, o(f === Ce.Type.MULTIUSE ? "invite many list item label" : "invite one list item label")), f === Ce.Type.MULTIUSE && /* @__PURE__ */ x.createElement(SM, { status: $, animation: w }), /* @__PURE__ */ x.createElement($r.Root, null, /* @__PURE__ */ x.createElement(Ft.Root, { ...ea, animation: w, status: $ }, /* @__PURE__ */ x.createElement($r.Trigger, { asChild: !0 }, /* @__PURE__ */ x.createElement(Ft.Frame, { tabIndex: 0, classNames: [Zr, "relative rounded-full"] }, /* @__PURE__ */ x.createElement(Ft.Fallback, { text: Ud(b) })))), /* @__PURE__ */ x.createElement($r.Portal, null, /* @__PURE__ */ x.createElement($r.Content, { side: "left", classNames: "z-[70]" }, o(f === Ce.Type.MULTIUSE ? "invite many qr label" : "invite one qr label"), /* @__PURE__ */ x.createElement($r.Arrow, null)))), p && m ? /* @__PURE__ */ x.createElement(x.Fragment, null, /* @__PURE__ */ x.createElement(
     Or,
     {
       variant: "ghost",
@@ -29001,7 +29001,7 @@ const EM = /* @__PURE__ */ Un(_M), Wg = EM(
       "data-testid": "show-qrcode"
     },
     /* @__PURE__ */ x.createElement("span", null, o("open share panel label"))
-  ), /* @__PURE__ */ x.createElement(Sk, { variant: "ghost", value: m })) : g ? /* @__PURE__ */ x.createElement(N1, { code: l, classNames: "grow" }) : s === $e.State.CONNECTING ? /* @__PURE__ */ x.createElement("span", { className: "pli-2 grow text-neutral-500" }, "Connecting...") : s === $e.State.AUTHENTICATING ? /* @__PURE__ */ x.createElement("span", { className: "pli-2 grow text-neutral-500" }, "Authenticating...") : s === $e.State.ERROR || s === $e.State.TIMEOUT ? /* @__PURE__ */ x.createElement("span", { className: "pli-2 grow text-neutral-500" }, "Failed") : s === $e.State.CANCELLED ? /* @__PURE__ */ x.createElement("span", { className: "pli-2 grow text-neutral-500" }, "Cancelled") : s === $e.State.SUCCESS ? /* @__PURE__ */ x.createElement("span", { className: "pli-2 grow truncate" }, "User joined") : /* @__PURE__ */ x.createElement("span", { className: "grow" }, " "), d ? /* @__PURE__ */ x.createElement(Or, { variant: "ghost", classNames: "flex gap-1", onClick: a, "data-testid": "cancel-invitation" }, /* @__PURE__ */ x.createElement("span", { className: "sr-only" }, o("cancel invitation label")), /* @__PURE__ */ x.createElement(pa, { className: Qe(5), weight: "bold" })) : /* @__PURE__ */ x.createElement(Or, { variant: "ghost", classNames: "flex gap-1", onClick: v, "data-testid": "remove-invitation" }, /* @__PURE__ */ x.createElement("span", { className: "sr-only" }, o("remove invitation label")), /* @__PURE__ */ x.createElement(pa, { className: Qe(5), weight: "bold" })));
+  ), /* @__PURE__ */ x.createElement(Sk, { variant: "ghost", value: m })) : g ? /* @__PURE__ */ x.createElement(N1, { code: l, classNames: "grow" }) : s === Ce.State.CONNECTING ? /* @__PURE__ */ x.createElement("span", { className: "pli-2 grow text-neutral-500" }, "Connecting...") : s === Ce.State.AUTHENTICATING ? /* @__PURE__ */ x.createElement("span", { className: "pli-2 grow text-neutral-500" }, "Authenticating...") : s === Ce.State.ERROR || s === Ce.State.TIMEOUT ? /* @__PURE__ */ x.createElement("span", { className: "pli-2 grow text-neutral-500" }, "Failed") : s === Ce.State.CANCELLED ? /* @__PURE__ */ x.createElement("span", { className: "pli-2 grow text-neutral-500" }, "Cancelled") : s === Ce.State.SUCCESS ? /* @__PURE__ */ x.createElement("span", { className: "pli-2 grow truncate" }, "User joined") : /* @__PURE__ */ x.createElement("span", { className: "grow" }, " "), d ? /* @__PURE__ */ x.createElement(Or, { variant: "ghost", classNames: "flex gap-1", onClick: a, "data-testid": "cancel-invitation" }, /* @__PURE__ */ x.createElement("span", { className: "sr-only" }, o("cancel invitation label")), /* @__PURE__ */ x.createElement(pa, { className: Qe(5), weight: "bold" })) : /* @__PURE__ */ x.createElement(Or, { variant: "ghost", classNames: "flex gap-1", onClick: v, "data-testid": "remove-invitation" }, /* @__PURE__ */ x.createElement("span", { className: "sr-only" }, o("remove invitation label")), /* @__PURE__ */ x.createElement(pa, { className: Qe(5), weight: "bold" })));
 }, CM = ({ invitations: e, send: t, ...r }) => {
   const { className: n, InvitationListItem: i = xM } = r;
   return /* @__PURE__ */ x.createElement(Zf, { classNames: de("flex flex-col gap-2", n) }, e.map((o) => {
@@ -34020,7 +34020,7 @@ function K9(e, t) {
     return typeof e == "function" ? e() : e;
   });
   if (process.env.NODE_ENV !== "production" && typeof e != "function") {
-    var n = G9(Ce(r), 1), i = n[0];
+    var n = G9(Se(r), 1), i = n[0];
     e !== i && console.warn("Machine given to `useMachine` has changed between renders. This is not supported and might lead to unexpected results.\nPlease make sure that you pass the same Machine as argument each time.");
   }
   var o = t.context, a = t.guards, s = t.actions, c = t.activities, l = t.services, f = t.delays;
@@ -34225,12 +34225,12 @@ const X9 = Xd(
 }, tB = (e) => {
   const { send: t } = e, r = fi(), n = Cv(), i = De((a) => {
     const s = ao.encode(a);
-    a.state === $e.State.CONNECTING && console.log(JSON.stringify({ invitationCode: s, authCode: a.authCode }));
+    a.state === Ce.State.CONNECTING && console.log(JSON.stringify({ invitationCode: s, authCode: a.authCode }));
   }, []), o = (a) => {
     const s = a.altKey && a.shiftKey;
     n.forEach((l) => l.cancel());
     const c = r.halo.share(
-      s ? { type: $e.Type.MULTIUSE, authMethod: $e.AuthMethod.NONE } : void 0
+      s ? { type: Ce.Type.MULTIUSE, authMethod: Ce.AuthMethod.NONE } : void 0
     );
     process.env.NODE_ENV !== "production" && c.subscribe(i), t == null || t({ type: "selectInvitation", invitation: c });
   };
@@ -34266,14 +34266,14 @@ const X9 = Xd(
     /* @__PURE__ */ x.createElement(ri, { weight: "bold", className: Qe(4) })
   ))));
 }, nB = (e) => {
-  const { onUpdateProfile: t } = e, { t: r } = ut("os"), [n, i] = Ce(""), o = async (a) => {
+  const { onUpdateProfile: t } = e, { t: r } = ut("os"), [n, i] = Se(""), o = async (a) => {
     await (t == null ? void 0 : t(a).catch((s) => {
       ot.catch(s), i(r("failed to update profile message"));
     }));
   };
   return /* @__PURE__ */ x.createElement(iB, { ...e, onUpdateProfile: o, validationMessage: n });
 }, iB = (e) => {
-  const { active: t, profile: r, send: n, onUpdateProfile: i, validationMessage: o } = e, a = !t, { t: s } = ut("os"), [c, l] = Ce((r == null ? void 0 : r.displayName) ?? "");
+  const { active: t, profile: r, send: n, onUpdateProfile: i, validationMessage: o } = e, a = !t, { t: s } = ut("os"), [c, l] = Se((r == null ? void 0 : r.displayName) ?? "");
   return /* @__PURE__ */ x.createElement(x.Fragment, null, /* @__PURE__ */ x.createElement("div", { role: "none", className: "grow flex flex-col justify-center" }, /* @__PURE__ */ x.createElement(
     Fa,
     {
@@ -34350,7 +34350,7 @@ const X9 = Xd(
   invitations: t,
   identity: r
 }) => {
-  const [n, i] = Ce(""), [o, a] = Ce(""), [s, c] = Ce(!1), l = Bw(e.config);
+  const [n, i] = Se(""), [o, a] = Se(""), [s, c] = Se(!1), l = Bw(e.config);
   _e(() => {
     (async () => {
       if (l) {
@@ -34362,7 +34362,7 @@ const X9 = Xd(
   }, []);
   const f = De(async (g) => {
     const v = ao.encode(g);
-    if (g.state === $e.State.CONNECTING && (console.log(JSON.stringify({ invitationCode: v, authCode: g.authCode })), la(r, "Identity not found"), l))
+    if (g.state === Ce.State.CONNECTING && (console.log(JSON.stringify({ invitationCode: v, authCode: g.authCode })), la(r, "Identity not found"), l))
       try {
         const m = await (l == null ? void 0 : l.createAgent(v, r.identityKey.truncate()));
         a(m), c(!0), i("");
@@ -34371,7 +34371,7 @@ const X9 = Xd(
       }
   }, []);
   return { onAgentCreate: async () => {
-    t.forEach((v) => v.cancel()), e.halo.share({ type: $e.Type.MULTIUSE, authMethod: $e.AuthMethod.NONE }).subscribe(f);
+    t.forEach((v) => v.cancel()), e.halo.share({ type: Ce.Type.MULTIUSE, authMethod: Ce.AuthMethod.NONE }).subscribe(f);
   }, onAgentDestroy: async () => {
     const g = e.halo.identity.get();
     la(g, "Identity not found");
@@ -35555,7 +35555,7 @@ const bu = ({ children: e, ...t }) => /* @__PURE__ */ x.createElement(dt.View, {
   authCode: o,
   id: a
 }) => {
-  const { t: s } = ut("os"), c = It("invitation-manager__qr-code"), l = i === $e.Type.MULTIUSE ? 0 : wL.get(n) ?? 0, f = l === 3, d = Ud(a ?? ""), p = gt(() => {
+  const { t: s } = ut("os"), c = It("invitation-manager__qr-code"), l = i === Ce.Type.MULTIUSE ? 0 : wL.get(n) ?? 0, f = l === 3, d = Ud(a ?? ""), p = gt(() => {
     switch (!0) {
       case l === 5:
       case l < 0:
@@ -35566,7 +35566,7 @@ const bu = ({ children: e, ...t }) => /* @__PURE__ */ x.createElement(dt.View, {
         return "showing qr";
     }
   }, [l]);
-  return /* @__PURE__ */ x.createElement(x.Fragment, null, /* @__PURE__ */ x.createElement(dt.Root, { activeView: p, classNames: "grow plb-1" }, /* @__PURE__ */ x.createElement(dt.Views, null, /* @__PURE__ */ x.createElement(bu, { id: "showing qr", emoji: d }, /* @__PURE__ */ x.createElement("p", { className: "text-sm mlb-1 font-normal text-center" }, s(i === $e.Type.MULTIUSE ? "invite many qr label" : "invite one qr label")), /* @__PURE__ */ x.createElement("div", { role: "none", className: de(Nt, "is-full max-is-[14rem] relative") }, /* @__PURE__ */ x.createElement(
+  return /* @__PURE__ */ x.createElement(x.Fragment, null, /* @__PURE__ */ x.createElement(dt.Root, { activeView: p, classNames: "grow plb-1" }, /* @__PURE__ */ x.createElement(dt.Views, null, /* @__PURE__ */ x.createElement(bu, { id: "showing qr", emoji: d }, /* @__PURE__ */ x.createElement("p", { className: "text-sm mlb-1 font-normal text-center" }, s(i === Ce.Type.MULTIUSE ? "invite many qr label" : "invite one qr label")), /* @__PURE__ */ x.createElement("div", { role: "none", className: de(Nt, "is-full max-is-[14rem] relative") }, /* @__PURE__ */ x.createElement(
     yB,
     {
       rounding: 100,
@@ -35706,19 +35706,19 @@ const bu = ({ children: e, ...t }) => /* @__PURE__ */ x.createElement(dt.View, {
   subscribe: (r, n, i) => t.subscribe(
     (o) => {
       switch (o.state) {
-        case $e.State.CONNECTING:
+        case Ce.State.CONNECTING:
           return ot("[invitation connecting]", { Kind: e, invitation: o }), r({ type: `connecting${e}Invitation`, invitation: o });
-        case $e.State.CONNECTED:
+        case Ce.State.CONNECTED:
           return ot("[invitation connected]", { Kind: e, invitation: o }), r({ type: `connected${e}Invitation`, invitation: o });
-        case $e.State.READY_FOR_AUTHENTICATION:
+        case Ce.State.READY_FOR_AUTHENTICATION:
           return ot("[invitation ready for authentication]", { Kind: e, invitation: o }), r({ type: `readyForAuthentication${e}Invitation`, invitation: o });
-        case $e.State.AUTHENTICATING:
+        case Ce.State.AUTHENTICATING:
           return ot("[invitation authenticating]", { Kind: e, invitation: o }), r({ type: `authenticating${e}Invitation`, invitation: o });
-        case $e.State.SUCCESS:
+        case Ce.State.SUCCESS:
           return ot("[invitation success]", { Kind: e, invitation: o }), r({ type: `success${e}Invitation`, invitation: o }), i == null ? void 0 : i();
-        case $e.State.CANCELLED:
+        case Ce.State.CANCELLED:
           return ot.warn("[invitation cancelled]", { Kind: e }), r({ type: `fail${e}Invitation`, reason: "cancelled" });
-        case $e.State.TIMEOUT:
+        case Ce.State.TIMEOUT:
           return ot.error("[invitation timeout]", { Kind: e }), r({ type: `fail${e}Invitation`, reason: "timeout" });
       }
     },
@@ -35769,7 +35769,7 @@ const bu = ({ children: e, ...t }) => /* @__PURE__ */ x.createElement(dt.View, {
             {
               cond: (n) => {
                 const i = n[e.toLowerCase()].invitation;
-                return !i || (i == null ? void 0 : i.state) === $e.State.CONNECTING;
+                return !i || (i == null ? void 0 : i.state) === Ce.State.CONNECTING;
               },
               target: `connecting${e}Invitation`,
               actions: "log"
@@ -36085,7 +36085,7 @@ const bu = ({ children: e, ...t }) => /* @__PURE__ */ x.createElement(dt.View, {
     c("continue label")
   )));
 }, AB = (e) => {
-  const { send: t, method: r } = e, n = r === "recover identity", i = fi(), { t: o } = ut("os"), [a, s] = Ce(""), c = (l) => {
+  const { send: t, method: r } = e, n = r === "recover identity", i = fi(), { t: o } = ut("os"), [a, s] = Se(""), c = (l) => {
     i.halo.createIdentity({ [n ? "seedphrase" : "displayName"]: l }).then(
       (f) => {
         t == null || t({ type: "selectIdentity", identity: f });
@@ -36097,7 +36097,7 @@ const bu = ({ children: e, ...t }) => /* @__PURE__ */ x.createElement(dt.View, {
   };
   return /* @__PURE__ */ x.createElement(OB, { ...e, onDisplayNameConfirm: c, validationMessage: a });
 }, OB = (e) => {
-  const { method: t, send: r, active: n, onDisplayNameConfirm: i, validationMessage: o } = e, a = !n, { t: s } = ut("os"), [c, l] = Ce(""), f = t === "recover identity";
+  const { method: t, send: r, active: n, onDisplayNameConfirm: i, validationMessage: o } = e, a = !n, { t: s } = ut("os"), [c, l] = Se(""), f = t === "recover identity";
   return /* @__PURE__ */ x.createElement(x.Fragment, null, /* @__PURE__ */ x.createElement("div", { role: "none", className: "grow flex flex-col justify-center" }, /* @__PURE__ */ x.createElement(
     Fa,
     {
@@ -36148,7 +36148,7 @@ const bu = ({ children: e, ...t }) => /* @__PURE__ */ x.createElement(dt.View, {
     return ot.catch(t), e;
   }
 }, dv = (e) => {
-  const { Kind: t, active: r, send: n, unredeemedCode: i, onExit: o, exitActionParent: a, onDone: s, doneActionParent: c, succeededKeys: l } = e, f = !r, { t: d } = ut("os"), [p, g] = Ce(i ?? "");
+  const { Kind: t, active: r, send: n, unredeemedCode: i, onExit: o, exitActionParent: a, onDone: s, doneActionParent: c, succeededKeys: l } = e, f = !r, { t: d } = ut("os"), [p, g] = Se(i ?? "");
   _e(() => {
     i && g(i ?? "");
   }, [i]);
@@ -36241,7 +36241,7 @@ const bu = ({ children: e, ...t }) => /* @__PURE__ */ x.createElement(dt.View, {
   onInvitationAuthenticate: o,
   onInvitationCancel: a
 }) => {
-  const s = !r || n, { t: c } = ut("os"), l = t.toLowerCase(), [f, d] = Ce(""), p = ({ target: { value: g } }) => {
+  const s = !r || n, { t: c } = ut("os"), l = t.toLowerCase(), [f, d] = Se(""), p = ({ target: { value: g } }) => {
     var v;
     d(g), g.length === hv && ((v = document.querySelector(`[data-autofocus-pinlength="${l}"]`)) == null || v.focus());
   };
@@ -36290,36 +36290,44 @@ const bu = ({ children: e, ...t }) => /* @__PURE__ */ x.createElement(dt.View, {
     c("next label")
   )));
 }, PB = ({ send: e, active: t }) => {
-  const r = fi(), { t: n } = ut("os"), [i, o] = Ce(""), a = () => {
-    r.reset().then(
+  const r = fi(), { t: n } = ut("os"), [i, o] = Se(""), [a, s] = Se(!1), c = () => {
+    s(!0), r.reset().then(
       () => e == null ? void 0 : e({ type: "resetIdentity" }),
-      (s) => {
-        ot.catch(s), o(n("failed to reset identity message"));
+      (l) => {
+        ot.catch(l), o(n("failed to reset identity message")), s(!1);
       }
     );
   };
-  return /* @__PURE__ */ x.createElement(RB, { disabled: !t, validationMessage: i, onConfirm: () => a() });
-}, RB = ({ disabled: e, validationMessage: t, onConfirm: r }) => {
-  const { t: n } = ut("os"), i = n("confirmation value"), [o, a] = Ce("");
+  return /* @__PURE__ */ x.createElement(
+    RB,
+    {
+      disabled: !t,
+      pending: a,
+      validationMessage: i,
+      onConfirm: () => c()
+    }
+  );
+}, RB = ({ disabled: e, pending: t, validationMessage: r, onConfirm: n }) => {
+  const { t: i } = ut("os"), o = i("confirmation value"), [a, s] = Se("");
   return /* @__PURE__ */ x.createElement(x.Fragment, null, /* @__PURE__ */ x.createElement("div", { role: "none", className: "grow flex flex-col justify-center" }, /* @__PURE__ */ x.createElement(
     Fa,
     {
-      validationMessage: t,
-      label: /* @__PURE__ */ x.createElement(Rr, null, n("reset identity input label", { confirmationValue: i })),
+      validationMessage: r,
+      label: /* @__PURE__ */ x.createElement(Rr, null, i("reset identity input label", { confirmationValue: o })),
       disabled: e,
       "data-testid": "reset-identity-input",
-      placeholder: i,
-      onChange: ({ target: { value: s } }) => a(s)
+      placeholder: o,
+      onChange: ({ target: { value: c } }) => s(c)
     }
   )), /* @__PURE__ */ x.createElement(ar, null, /* @__PURE__ */ x.createElement(
     pt,
     {
       variant: "primary",
-      disabled: e || o !== i,
-      onClick: () => r == null ? void 0 : r(),
+      disabled: e || t || a !== o,
+      onClick: () => n == null ? void 0 : n(),
       "data-testid": "reset-identity-input-confirm"
     },
-    n("confirm label")
+    i(t ? "reset in progress label" : "confirm label")
   )));
 }, nr = "pbs-1 pbe-3 pli-3", kB = (e) => {
   const {
@@ -36707,7 +36715,7 @@ const bu = ({ children: e, ...t }) => /* @__PURE__ */ x.createElement(dt.View, {
 ), LB = (e) => Zd(DB, { ...e, context: { ...e == null ? void 0 : e.context } }), vv = "dxos:react-shell/space-manager/active-action", MB = (e) => {
   const { space: t, target: r } = e, { t: n } = ut("os"), i = Ww(), o = Mw(t == null ? void 0 : t.key), a = De((c) => {
     const l = ao.encode(c);
-    c.state === $e.State.CONNECTING && console.log(JSON.stringify({ invitationCode: l, authCode: c.authCode }));
+    c.state === Ce.State.CONNECTING && console.log(JSON.stringify({ invitationCode: l, authCode: c.authCode }));
   }, []), s = {
     inviteOne: {
       label: n("invite one label"),
@@ -36716,8 +36724,8 @@ const bu = ({ children: e, ...t }) => /* @__PURE__ */ x.createElement(dt.View, {
       onClick: De(() => {
         var l, f, d, p;
         const c = (l = t.share) == null ? void 0 : l.call(t, {
-          type: $e.Type.INTERACTIVE,
-          authMethod: $e.AuthMethod.SHARED_SECRET,
+          type: Ce.Type.INTERACTIVE,
+          authMethod: Ce.AuthMethod.SHARED_SECRET,
           target: r
         });
         c && ((p = (d = (f = i.values.runtime) == null ? void 0 : f.app) == null ? void 0 : d.env) == null ? void 0 : p.DX_ENVIRONMENT) !== "production" && c.subscribe(a);
@@ -36730,8 +36738,8 @@ const bu = ({ children: e, ...t }) => /* @__PURE__ */ x.createElement(dt.View, {
       onClick: De(() => {
         var l, f, d, p;
         const c = (l = t.share) == null ? void 0 : l.call(t, {
-          type: $e.Type.MULTIUSE,
-          authMethod: $e.AuthMethod.NONE,
+          type: Ce.Type.MULTIUSE,
+          authMethod: Ce.AuthMethod.NONE,
           target: r
         });
         c && ((p = (d = (f = i.values.runtime) == null ? void 0 : f.app) == null ? void 0 : d.env) == null ? void 0 : p.DX_ENVIRONMENT) !== "production" && c.subscribe(a);
@@ -36758,9 +36766,9 @@ const bu = ({ children: e, ...t }) => /* @__PURE__ */ x.createElement(dt.View, {
       onClick: () => {
       }
     }
-  }, [p, g] = Ce(localStorage.getItem(vv) ?? "inviteOne"), v = (b) => {
+  }, [p, g] = Se(localStorage.getItem(vv) ?? "inviteOne"), v = (b) => {
     g(b), localStorage.setItem(vv, b);
-  }, m = s ? a : a == null ? void 0 : a.filter((b) => ![$e.State.CANCELLED].includes(b.get().state));
+  }, m = s ? a : a == null ? void 0 : a.filter((b) => ![Ce.State.CANCELLED].includes(b.get().state));
   return /* @__PURE__ */ x.createElement(x.Fragment, null, /* @__PURE__ */ x.createElement(ss.Root, { classNames: "grow shrink basis-28 -mli-2" }, /* @__PURE__ */ x.createElement(ss.Viewport, { classNames: "is-full pie-2" }, !!(m != null && m.length) && /* @__PURE__ */ x.createElement(x.Fragment, null, /* @__PURE__ */ x.createElement("h3", { className: de(mv, Nt) }, f("invitation list heading")), /* @__PURE__ */ x.createElement(
     l,
     {
@@ -38115,7 +38123,7 @@ const GB = (e) => {
     }
   ))))));
 }, KB = ({ runtime: e, origin: t }) => {
-  const [{ layout: r, invitationCode: n, spaceKey: i, target: o }, a] = Ce({
+  const [{ layout: r, invitationCode: n, spaceKey: i, target: o }, a] = Se({
     layout: e.layout,
     invitationCode: e.invitationCode,
     spaceKey: e.spaceKey,
@@ -38282,6 +38290,7 @@ const GB = (e) => {
   "invite many qr label": "Multiple-use",
   "invite many list item label": "Active multiple-use invitation",
   "invite options label": "Change the active invite option.",
+  "reset in progress label": "Resetting...",
   "confirm label": "Confirm",
   "reset identity input label": "This will clear this device and all associated data. Type {{confirmationValue}} and confirm to continue.",
   "failed to reset identity message": "Failed to reset identity.",