@dxos/shell 0.8.3-main.672df60 → 0.8.3-main.7f5a14c

package/dist/bundle/shell.js

@@ -12862,7 +12862,24 @@ var __create = Object.create, __defProp$1 = Object.defineProperty, __getOwnPropD
 });
 init_inject_globals();
 init_inject_globals();
-__toESM(require_base32_decode());
+init_inject_globals();
+var ObjectIdSchema = String$.pipe(pattern(/^[0-7][0-9A-HJKMNP-TV-Z]{25}$/i)).annotations({
+  description: "a Universally Unique Lexicographically Sortable Identifier",
+  pattern: "^[0-7][0-9A-HJKMNP-TV-Z]{25}$"
+}), ObjectId = class extends ObjectIdSchema {
+  static isValid(te) {
+    try {
+      return decodeSync(ObjectId)(te), !0;
+    } catch {
+      return !1;
+    }
+  }
+  static random() {
+    return ulid();
+  }
+};
+init_inject_globals();
+var import_base32_decode = __toESM(require_base32_decode());
 init_inject_globals();
 init_inject_globals();
 function toDataView(te) {
@@ -12904,260 +12921,9 @@ init_inject_globals();
 var randomBytes = (te) => {
   const J = globalThis.crypto ?? __require("@dxos/node-std/crypto").webcrypto, ne = new Uint8Array(te);
   return J.getRandomValues(ne), ne;
-};
-init_inject_globals();
-var import_base32_decode2 = __toESM(require_base32_decode()), __dxlog_file2$1 = "/home/runner/work/dxos/dxos/packages/common/keys/src/public-key.ts", PUBLIC_KEY_LENGTH = 32, isLikeArrayBuffer = (te) => typeof te == "object" && te !== null && Object.getPrototypeOf(te).constructor.name === "ArrayBuffer", tn, PublicKey = (tn = class {
-  /**
-  * Creates new instance of PublicKey automatically determining the input format.
-  * @param source A Buffer, or Uint8Array, or hex encoded string, or something with an `asUint8Array` method on it
-  * @returns PublicKey
-  */
-  static from(J) {
-    if (invariant$1(J, void 0, {
-      F: __dxlog_file2$1,
-      L: 49,
-      S: this,
-      A: [
-        "source",
-        ""
-      ]
-    }), J instanceof tn)
-      return J;
-    if (J instanceof export_Buffer)
-      return new tn(new Uint8Array(J.buffer, J.byteOffset, J.byteLength));
-    if (J instanceof Uint8Array)
-      return new tn(J);
-    if (J instanceof ArrayBuffer || isLikeArrayBuffer(J))
-      return new tn(new Uint8Array(J));
-    if (typeof J == "string")
-      return tn.fromHex(J);
-    if (J.asUint8Array)
-      return new tn(J.asUint8Array());
-    throw new TypeError(`Unable to create PublicKey from ${J}`);
-  }
-  /**
-  * Same as `PublicKey.from` but does not throw and instead returns a `{ key: PublicKey }` or `{ error: Error }`
-  * @param source Same PublicKeyLike argument as for `PublicKey.from`
-  * @returns PublicKey
-  */
-  static safeFrom(J) {
-    if (J)
-      try {
-        return tn.from(J);
-      } catch {
-        return;
-      }
-  }
-  /**
-  * Creates new instance of PublicKey from hex string.
-  */
-  static fromHex(J) {
-    J.startsWith("0x") && (J = J.slice(2));
-    const ne = export_Buffer.from(J, "hex");
-    return new tn(new Uint8Array(ne.buffer, ne.byteOffset, ne.byteLength));
-  }
-  /**
-  * Creates a new key.
-  */
-  static random() {
-    return tn.from(randomBytes(PUBLIC_KEY_LENGTH));
-  }
-  static randomOfLength(J) {
-    return tn.from(randomBytes(J));
-  }
-  static *randomSequence() {
-    for (let J = 0; J < 1e4; J++)
-      yield tn.random();
-    throw new Error("Too many keys requested");
-  }
-  /**
-  * Tests if provided values is an instance of PublicKey.
-  */
-  static isPublicKey(J) {
-    return J instanceof tn;
-  }
-  /**
-  * Asserts that provided values is an instance of PublicKey.
-  */
-  static assertValidPublicKey(J) {
-    if (!this.isPublicKey(J))
-      throw new TypeError("Invalid PublicKey");
-  }
-  /**
-  * Tests two keys for equality.
-  */
-  static equals(J, ne) {
-    return tn.from(J).equals(ne);
-  }
-  /**
-  * @param str string representation of key.
-  * @return Key buffer.
-  * @deprecated All keys should be represented as instances of PublicKey.
-  */
-  static bufferize(J) {
-    return invariant$1(typeof J == "string", "Invalid type", {
-      F: __dxlog_file2$1,
-      L: 152,
-      S: this,
-      A: [
-        "typeof str === 'string'",
-        "'Invalid type'"
-      ]
-    }), export_Buffer.from(J, "hex");
-  }
-  /**
-  * @param key key like data structure (but not PublicKey which should use toString).
-  * @return Hex string representation of key.
-  * @deprecated All keys should be represented as instances of PublicKey.
-  */
-  static stringify(J) {
-    return J instanceof tn ? J = J.asBuffer() : J instanceof Uint8Array && (J = export_Buffer.from(J.buffer, J.byteOffset, J.byteLength)), invariant$1(J instanceof export_Buffer, "Invalid type", {
-      F: __dxlog_file2$1,
-      L: 171,
-      S: this,
-      A: [
-        "key instanceof Buffer",
-        "'Invalid type'"
-      ]
-    }), J.toString("hex");
-  }
-  /**
-  * To be used with ComplexMap and ComplexSet.
-  * Returns a scalar representation for this key.
-  */
-  static hash(J) {
-    return J.toHex();
-  }
-  static fromMultibase32(J) {
-    return invariant$1(J.startsWith("B"), "Invalid multibase32 encoding", {
-      F: __dxlog_file2$1,
-      L: 184,
-      S: this,
-      A: [
-        "encoded.startsWith('B')",
-        "'Invalid multibase32 encoding'"
-      ]
-    }), new tn(new Uint8Array((0, import_base32_decode2.default)(J.slice(1), "RFC4648")));
-  }
-  constructor(J) {
-    if (this._value = J, !(J instanceof Uint8Array))
-      throw new TypeError(`Expected Uint8Array, got: ${J}`);
-  }
-  toString() {
-    return this.toHex();
-  }
-  toJSON() {
-    return this.toHex();
-  }
-  toJSONL() {
-    return this.truncate();
-  }
-  get length() {
-    return this._value.length;
-  }
-  toHex() {
-    return this.asBuffer().toString("hex");
-  }
-  toMultibase32() {
-    return "B" + base32Encode(this._value, "RFC4648");
-  }
-  truncate(J = void 0) {
-    return truncateKey(this, J);
-  }
-  asBuffer() {
-    return export_Buffer.from(this._value.buffer, this._value.byteOffset, this._value.byteLength);
-  }
-  asUint8Array() {
-    return this._value;
-  }
-  getInsecureHash(J) {
-    return Math.abs(this._value.reduce((ne, re) => ne ^ re | 0, 0)) % J;
-  }
-  /**
-  * Used by Node.js to get textual representation of this object when it's printed with a `console.log` statement.
-  */
-  [inspectCustom](J, ne, re) {
-    if (!ne.colors || typeof process$1.stdout.hasColors != "function" || !process$1.stdout.hasColors())
-      return `<PublicKey ${this.truncate()}>`;
-    const ae = (ce) => `\x1B[${ce}m`, oe = [
-      "red",
-      "green",
-      "yellow",
-      "blue",
-      "magenta",
-      "cyan",
-      "redBright",
-      "greenBright",
-      "yellowBright",
-      "blueBright",
-      "magentaBright",
-      "cyanBright",
-      "whiteBright"
-    ], le = oe[this.getInsecureHash(oe.length)];
-    return `PublicKey(${ae(re.colors[le][0])}${this.truncate()}${ae(re.colors.reset[0])})`;
-  }
-  get [devtoolsFormatter]() {
-    return {
-      header: () => {
-        const J = [
-          "darkred",
-          "green",
-          "orange",
-          "blue",
-          "darkmagenta",
-          "darkcyan",
-          "red",
-          "green",
-          "orange",
-          "blue",
-          "magenta",
-          "darkcyan",
-          "black"
-        ], ne = J[this.getInsecureHash(J.length)];
-        return [
-          "span",
-          {},
-          [
-            "span",
-            {},
-            "PublicKey("
-          ],
-          [
-            "span",
-            {
-              style: `color: ${ne};`
-            },
-            this.truncate()
-          ],
-          [
-            "span",
-            {},
-            ")"
-          ]
-        ];
-      }
-    };
-  }
-  /**
-  * Test this key for equality with some other key.
-  */
-  equals(J) {
-    const ne = tn.from(J);
-    if (this._value.length !== ne._value.length)
-      return !1;
-    let re = !0;
-    for (let ae = 0; ae < this._value.length; ae++)
-      re && (re = this._value[ae] === ne._value[ae]);
-    return re;
-  }
-  [equalsSymbol](J) {
-    return tn.isPublicKey(J) ? this.equals(J) : !1;
-  }
-}, tn.ZERO = tn.from("00".repeat(PUBLIC_KEY_LENGTH)), tn);
-init_inject_globals();
-var import_base32_decode3 = __toESM(require_base32_decode()), __dxlog_file3$2 = "/home/runner/work/dxos/dxos/packages/common/keys/src/space-id.ts", MULTIBASE_PREFIX2 = "B", ENCODED_LENGTH2 = 33, isValid = (te) => typeof te == "string" && te.startsWith(MULTIBASE_PREFIX2) && te.length === ENCODED_LENGTH2, _n, SpaceId = (_n = class extends String$.pipe(filter(isValid)) {
+}, __dxlog_file$8 = "/home/runner/work/dxos/dxos/packages/common/keys/src/space-id.ts", MULTIBASE_PREFIX = "B", ENCODED_LENGTH = 33, isValid = (te) => typeof te == "string" && te.startsWith(MULTIBASE_PREFIX) && te.length === ENCODED_LENGTH, _n, SpaceId = (_n = class extends String$.pipe(filter(isValid)) {
 }, _n.byteLength = 20, _n.encode = (J) => (invariant$1(J instanceof Uint8Array, "Invalid type", {
-  F: __dxlog_file3$2,
+  F: __dxlog_file$8,
   L: 43,
   S: _n,
   A: [
@@ -13165,54 +12931,37 @@ var import_base32_decode3 = __toESM(require_base32_decode()), __dxlog_file3$2 =
     "'Invalid type'"
   ]
 }), invariant$1(J.length === SpaceId.byteLength, "Invalid length", {
-  F: __dxlog_file3$2,
+  F: __dxlog_file$8,
   L: 44,
   S: _n,
   A: [
     "value.length === SpaceId.byteLength",
     "'Invalid length'"
   ]
-}), MULTIBASE_PREFIX2 + base32Encode(J, "RFC4648")), _n.decode = (J) => (invariant$1(J.startsWith(MULTIBASE_PREFIX2), "Invalid multibase32 encoding", {
-  F: __dxlog_file3$2,
+}), MULTIBASE_PREFIX + base32Encode(J, "RFC4648")), _n.decode = (J) => (invariant$1(J.startsWith(MULTIBASE_PREFIX), "Invalid multibase32 encoding", {
+  F: __dxlog_file$8,
   L: 49,
   S: _n,
   A: [
     "value.startsWith(MULTIBASE_PREFIX)",
     "'Invalid multibase32 encoding'"
   ]
-}), new Uint8Array((0, import_base32_decode3.default)(J.slice(1), "RFC4648"))), _n.isValid = isValid, _n.random = () => SpaceId.encode(randomBytes(SpaceId.byteLength)), _n);
-init_inject_globals();
-init_inject_globals();
-var ObjectIdSchema = String$.pipe(pattern(/^[0-7][0-9A-HJKMNP-TV-Z]{25}$/i)).annotations({
-  description: "a Universally Unique Lexicographically Sortable Identifier",
-  pattern: "^[0-7][0-9A-HJKMNP-TV-Z]{25}$"
-}), ObjectId = class extends ObjectIdSchema {
-  static isValid(te) {
-    try {
-      return decodeSync(ObjectId)(te), !0;
-    } catch {
-      return !1;
-    }
-  }
-  static random() {
-    return ulid();
-  }
-}, __dxlog_file4$1 = "/home/runner/work/dxos/dxos/packages/common/keys/src/dxn.ts", LOCAL_SPACE_TAG = "@", An, yn, Zt;
+}), new Uint8Array((0, import_base32_decode.default)(J.slice(1), "RFC4648"))), _n.isValid = isValid, _n.random = () => SpaceId.encode(randomBytes(SpaceId.byteLength)), _n), __dxlog_file2$1 = "/home/runner/work/dxos/dxos/packages/common/keys/src/dxn.ts", LOCAL_SPACE_TAG = "@", An, yn, Zt;
 Zt = class {
   constructor(J, ne) {
     cn(this, An);
     cn(this, yn);
     switch (invariant$1(ne.length > 0, void 0, {
-      F: __dxlog_file4$1,
-      L: 157,
+      F: __dxlog_file2$1,
+      L: 161,
       S: this,
       A: [
         "parts.length > 0",
         ""
       ]
     }), invariant$1(ne.every((re) => typeof re == "string" && re.length > 0 && re.indexOf(":") === -1), void 0, {
-      F: __dxlog_file4$1,
-      L: 158,
+      F: __dxlog_file2$1,
+      L: 162,
       S: this,
       A: [
         "parts.every((part) => typeof part === 'string' && part.length > 0 && part.indexOf(':') === -1)",
@@ -13230,6 +12979,9 @@ Zt = class {
     }
     Jt(this, An, J), Jt(this, yn, ne);
   }
+  static hash(J) {
+    return J.toString();
+  }
   get kind() {
     return At(this, An);
   }
@@ -13288,24 +13040,24 @@ Zt = class {
   }
   static fromQueue(J, ne, re, ae) {
     return invariant$1(SpaceId.isValid(ne), void 0, {
-      F: __dxlog_file4$1,
-      L: 146,
+      F: __dxlog_file2$1,
+      L: 150,
       S: this,
       A: [
         "SpaceId.isValid(spaceId)",
         ""
       ]
     }), invariant$1(ObjectId.isValid(re), void 0, {
-      F: __dxlog_file4$1,
-      L: 147,
+      F: __dxlog_file2$1,
+      L: 151,
       S: this,
       A: [
         "ObjectId.isValid(queueId)",
         ""
       ]
     }), invariant$1(!ae || ObjectId.isValid(ae), void 0, {
-      F: __dxlog_file4$1,
-      L: 148,
+      F: __dxlog_file2$1,
+      L: 152,
       S: this,
       A: [
         "!objectId || ObjectId.isValid(objectId)",
@@ -13326,8 +13078,8 @@ Zt = class {
   // TODO(burdon): Should getters fail?
   get typename() {
     return invariant$1(At(this, An) === Zt.kind.TYPE, void 0, {
-      F: __dxlog_file4$1,
-      L: 184,
+      F: __dxlog_file2$1,
+      L: 188,
       S: this,
       A: [
         "this.#kind === DXN.kind.TYPE",
@@ -13424,6 +13176,257 @@ Zt = class {
   */
   QUEUE: "queue"
 });
+init_inject_globals();
+__toESM(require_base32_decode());
+init_inject_globals();
+var import_base32_decode3 = __toESM(require_base32_decode()), __dxlog_file4$1 = "/home/runner/work/dxos/dxos/packages/common/keys/src/public-key.ts", PUBLIC_KEY_LENGTH = 32, isLikeArrayBuffer = (te) => typeof te == "object" && te !== null && Object.getPrototypeOf(te).constructor.name === "ArrayBuffer", tn, PublicKey = (tn = class {
+  /**
+  * Creates new instance of PublicKey automatically determining the input format.
+  * @param source A Buffer, or Uint8Array, or hex encoded string, or something with an `asUint8Array` method on it
+  * @returns PublicKey
+  */
+  static from(J) {
+    if (invariant$1(J, void 0, {
+      F: __dxlog_file4$1,
+      L: 49,
+      S: this,
+      A: [
+        "source",
+        ""
+      ]
+    }), J instanceof tn)
+      return J;
+    if (J instanceof export_Buffer)
+      return new tn(new Uint8Array(J.buffer, J.byteOffset, J.byteLength));
+    if (J instanceof Uint8Array)
+      return new tn(J);
+    if (J instanceof ArrayBuffer || isLikeArrayBuffer(J))
+      return new tn(new Uint8Array(J));
+    if (typeof J == "string")
+      return tn.fromHex(J);
+    if (J.asUint8Array)
+      return new tn(J.asUint8Array());
+    throw new TypeError(`Unable to create PublicKey from ${J}`);
+  }
+  /**
+  * Same as `PublicKey.from` but does not throw and instead returns a `{ key: PublicKey }` or `{ error: Error }`
+  * @param source Same PublicKeyLike argument as for `PublicKey.from`
+  * @returns PublicKey
+  */
+  static safeFrom(J) {
+    if (J)
+      try {
+        return tn.from(J);
+      } catch {
+        return;
+      }
+  }
+  /**
+  * Creates new instance of PublicKey from hex string.
+  */
+  static fromHex(J) {
+    J.startsWith("0x") && (J = J.slice(2));
+    const ne = export_Buffer.from(J, "hex");
+    return new tn(new Uint8Array(ne.buffer, ne.byteOffset, ne.byteLength));
+  }
+  /**
+  * Creates a new key.
+  */
+  static random() {
+    return tn.from(randomBytes(PUBLIC_KEY_LENGTH));
+  }
+  static randomOfLength(J) {
+    return tn.from(randomBytes(J));
+  }
+  static *randomSequence() {
+    for (let J = 0; J < 1e4; J++)
+      yield tn.random();
+    throw new Error("Too many keys requested");
+  }
+  /**
+  * Tests if provided values is an instance of PublicKey.
+  */
+  static isPublicKey(J) {
+    return J instanceof tn;
+  }
+  /**
+  * Asserts that provided values is an instance of PublicKey.
+  */
+  static assertValidPublicKey(J) {
+    if (!this.isPublicKey(J))
+      throw new TypeError("Invalid PublicKey");
+  }
+  /**
+  * Tests two keys for equality.
+  */
+  static equals(J, ne) {
+    return tn.from(J).equals(ne);
+  }
+  /**
+  * @param str string representation of key.
+  * @return Key buffer.
+  * @deprecated All keys should be represented as instances of PublicKey.
+  */
+  static bufferize(J) {
+    return invariant$1(typeof J == "string", "Invalid type", {
+      F: __dxlog_file4$1,
+      L: 152,
+      S: this,
+      A: [
+        "typeof str === 'string'",
+        "'Invalid type'"
+      ]
+    }), export_Buffer.from(J, "hex");
+  }
+  /**
+  * @param key key like data structure (but not PublicKey which should use toString).
+  * @return Hex string representation of key.
+  * @deprecated All keys should be represented as instances of PublicKey.
+  */
+  static stringify(J) {
+    return J instanceof tn ? J = J.asBuffer() : J instanceof Uint8Array && (J = export_Buffer.from(J.buffer, J.byteOffset, J.byteLength)), invariant$1(J instanceof export_Buffer, "Invalid type", {
+      F: __dxlog_file4$1,
+      L: 171,
+      S: this,
+      A: [
+        "key instanceof Buffer",
+        "'Invalid type'"
+      ]
+    }), J.toString("hex");
+  }
+  /**
+  * To be used with ComplexMap and ComplexSet.
+  * Returns a scalar representation for this key.
+  */
+  static hash(J) {
+    return J.toHex();
+  }
+  static fromMultibase32(J) {
+    return invariant$1(J.startsWith("B"), "Invalid multibase32 encoding", {
+      F: __dxlog_file4$1,
+      L: 184,
+      S: this,
+      A: [
+        "encoded.startsWith('B')",
+        "'Invalid multibase32 encoding'"
+      ]
+    }), new tn(new Uint8Array((0, import_base32_decode3.default)(J.slice(1), "RFC4648")));
+  }
+  constructor(J) {
+    if (this._value = J, !(J instanceof Uint8Array))
+      throw new TypeError(`Expected Uint8Array, got: ${J}`);
+  }
+  toString() {
+    return this.toHex();
+  }
+  toJSON() {
+    return this.toHex();
+  }
+  toJSONL() {
+    return this.truncate();
+  }
+  get length() {
+    return this._value.length;
+  }
+  toHex() {
+    return this.asBuffer().toString("hex");
+  }
+  toMultibase32() {
+    return "B" + base32Encode(this._value, "RFC4648");
+  }
+  truncate(J = void 0) {
+    return truncateKey(this, J);
+  }
+  asBuffer() {
+    return export_Buffer.from(this._value.buffer, this._value.byteOffset, this._value.byteLength);
+  }
+  asUint8Array() {
+    return this._value;
+  }
+  getInsecureHash(J) {
+    return Math.abs(this._value.reduce((ne, re) => ne ^ re | 0, 0)) % J;
+  }
+  /**
+  * Used by Node.js to get textual representation of this object when it's printed with a `console.log` statement.
+  */
+  [inspectCustom](J, ne, re) {
+    if (!ne.colors || typeof process$1.stdout.hasColors != "function" || !process$1.stdout.hasColors())
+      return `<PublicKey ${this.truncate()}>`;
+    const ae = (ce) => `\x1B[${ce}m`, oe = [
+      "red",
+      "green",
+      "yellow",
+      "blue",
+      "magenta",
+      "cyan",
+      "redBright",
+      "greenBright",
+      "yellowBright",
+      "blueBright",
+      "magentaBright",
+      "cyanBright",
+      "whiteBright"
+    ], le = oe[this.getInsecureHash(oe.length)];
+    return `PublicKey(${ae(re.colors[le][0])}${this.truncate()}${ae(re.colors.reset[0])})`;
+  }
+  get [devtoolsFormatter]() {
+    return {
+      header: () => {
+        const J = [
+          "darkred",
+          "green",
+          "orange",
+          "blue",
+          "darkmagenta",
+          "darkcyan",
+          "red",
+          "green",
+          "orange",
+          "blue",
+          "magenta",
+          "darkcyan",
+          "black"
+        ], ne = J[this.getInsecureHash(J.length)];
+        return [
+          "span",
+          {},
+          [
+            "span",
+            {},
+            "PublicKey("
+          ],
+          [
+            "span",
+            {
+              style: `color: ${ne};`
+            },
+            this.truncate()
+          ],
+          [
+            "span",
+            {},
+            ")"
+          ]
+        ];
+      }
+    };
+  }
+  /**
+  * Test this key for equality with some other key.
+  */
+  equals(J) {
+    const ne = tn.from(J);
+    if (this._value.length !== ne._value.length)
+      return !1;
+    let re = !0;
+    for (let ae = 0; ae < this._value.length; ae++)
+      re && (re = this._value[ae] === ne._value[ae]);
+    return re;
+  }
+  [equalsSymbol](J) {
+    return tn.isPublicKey(J) ? this.equals(J) : !1;
+  }
+}, tn.ZERO = tn.from("00".repeat(PUBLIC_KEY_LENGTH)), tn);
 for (let te = 0; te <= 255; ++te)
   te.toString(16).padStart(2, "0");
 var MAX_SERIALIZATION_LENGTH = 10;
@@ -19955,10 +19958,10 @@ class DxRefTagActivate extends Event {
 }
 let DxRefTag = class extends h$2 {
   constructor() {
-    super(), this.refid = makeId("dx-ref-tag"), this.rootclassname = void 0, this.addEventListener("click", this.handleActivate);
+    super(...arguments), this.refid = makeId("dx-ref-tag"), this.rootclassname = void 0;
   }
   connectedCallback() {
-    super.connectedCallback(), this.tabIndex = 0, this.classList.add("dx-focus-ring"), this.rootclassname && this.classList.add(this.rootclassname), this.setAttribute("role", "button");
+    super.connectedCallback(), this.tabIndex = 0, this.classList.add("dx-focus-ring"), this.rootclassname && this.classList.add(this.rootclassname), this.setAttribute("role", "button"), this.getAttribute("data-auto-trigger") === "true" ? this.handleActivate({ type: "auto-trigger" }) : this.addEventListener("click", this.handleActivate);
   }
   handleActivate(J) {
     var ne;
@@ -31369,7 +31372,7 @@ var reflectiveRelation = {
   //
   baseSurface: elevationCadence(0),
   groupSurface: elevationCadence(1),
-  modalSurface: elevationCadence(2),
+  modalSurface: elevationCadence(2, 1.7),
   //
   // Contrast cadence tokens
   //
@@ -31648,10 +31651,16 @@ var reflectiveRelation = {
       ":root, .dark"
     ],
     group: [
-      groupAliases.map((te) => `.bg-${te}, .dark .bg-${te}`).join(", ")
+      [
+        ".sidebar-surface, .dark .sidebar-surface",
+        ...groupAliases.map((te) => `.bg-${te}, .dark .bg-${te}`)
+      ].join(", ")
     ],
     modal: [
-      modalAliases.map((te) => `.bg-${te}, .dark .bg-${te}`).join(", ")
+      [
+        ".modal-surface, .dark .modal-surface",
+        ...modalAliases.map((te) => `.bg-${te}, .dark .bg-${te}`)
+      ].join(", ")
     ]
   },
   aliases: {
@@ -31676,6 +31685,13 @@ var reflectiveRelation = {
           initial: 0,
           slope: 1
         }
+      },
+      lacuna: {
+        root: {
+          unit: "rem",
+          initial: 0,
+          slope: 0.125
+        }
       }
     }
   },
@@ -31704,6 +31720,24 @@ var reflectiveRelation = {
           "line",
           2
         ]
+      },
+      trimXs: {
+        root: [
+          "lacuna",
+          3
+        ]
+      },
+      trimSm: {
+        root: [
+          "lacuna",
+          6
+        ]
+      },
+      trimMd: {
+        root: [
+          "lacuna",
+          9
+        ]
       }
     }
   },
@@ -31732,6 +31766,17 @@ var reflectiveRelation = {
         root: [
           "focusLine"
         ]
+      },
+      trimSm: {
+        root: [
+          "card-spacing-inline",
+          "card-spacing-block"
+        ]
+      },
+      trimXs: {
+        root: [
+          "card-spacing-chrome"
+        ]
       }
     }
   }
@@ -31956,6 +32001,11 @@ var reflectiveRelation = {
     facet: "lengths",
     disposition: "extend",
     tokenization: "omit-series"
+  },
+  spacing: {
+    facet: "lengths",
+    disposition: "extend",
+    tokenization: "keep-series"
   }
 };
 physicalColors.definitions.series.neutral, physicalColors.definitions.series.primary, physicalColors.definitions.accompanyingSeries, physicalColors.conditions, physicalColors.series.neutral, physicalColors.series.primary, physicalColors.namespace, semanticColors.conditions, semanticColors.namespace, aliasColors.conditions, aliasColors.namespace;
@@ -32408,62 +32458,62 @@ var tokensTailwindConfig = src_default(tokenSet, adapterConfig), { extend: exten
   ],
   "logical.mlb": [
     {
-      mlb: getLength()
+      mlb: getAny()
     }
   ],
   "logical.mli": [
     {
-      mli: getLength()
+      mli: getAny()
     }
   ],
   "logical.mbs": [
     {
-      mbs: getLength()
+      mbs: getAny()
     }
   ],
   "logical.mbe": [
     {
-      mbe: getLength()
+      mbe: getAny()
     }
   ],
   "logical.mis": [
     {
-      mis: getLength()
+      mis: getAny()
     }
   ],
   "logical.mie": [
     {
-      mie: getLength()
+      mie: getAny()
     }
   ],
   "logical.plb": [
     {
-      plb: getLength()
+      plb: getAny()
     }
   ],
   "logical.pli": [
     {
-      pli: getLength()
+      pli: getAny()
     }
   ],
   "logical.pbs": [
     {
-      pbs: getLength()
+      pbs: getAny()
     }
   ],
   "logical.pbe": [
     {
-      pbe: getLength()
+      pbe: getAny()
     }
   ],
   "logical.pis": [
     {
-      pis: getLength()
+      pis: getAny()
     }
   ],
   "logical.pie": [
     {
-      pie: getLength()
+      pie: getAny()
     }
   ],
   "logical.space-b": [
@@ -33070,7 +33120,7 @@ mx(ghostHover, "hover:text-inherit data-[state=open]:bg-inputSurface aria-presse
 var buttonRoot = (te, ...J) => mx("dx-button dx-focus-ring group", ...J), buttonGroup = (te, ...J) => mx("inline-flex rounded-sm [&>:first-child]:rounded-is-sm [&>:last-child]:rounded-ie-sm [&>button]:relative", ...J), buttonTheme = {
   root: buttonRoot,
   group: buttonGroup
-}, dialogOverlay = (te, ...J) => mx("dx-dialog__overlay", ...J), dialogContent = ({ inOverlayLayout: te }, ...J) => mx("dx-dialog__content @container dx-focus-ring", !te && "fixed z-50 top-[50%] left-[50%] -translate-x-[50%] -translate-y-[50%]", ...J), dialogTitle = ({ srOnly: te }, ...J) => mx("dx-dialog__title", te && "sr-only", ...J), dialogDescription = ({ srOnly: te }, ...J) => mx("dx-dialog__description", descriptionText, te && "sr-only", ...J), dialogTheme = {
+}, dialogOverlay = (te, ...J) => mx("dx-dialog__overlay", ...J), dialogContent = ({ inOverlayLayout: te }, ...J) => mx("dx-dialog__content modal-surface @container dx-focus-ring", !te && "fixed z-50 top-[50%] left-[50%] -translate-x-[50%] -translate-y-[50%]", ...J), dialogTitle = ({ srOnly: te }, ...J) => mx("dx-dialog__title", te && "sr-only", ...J), dialogDescription = ({ srOnly: te }, ...J) => mx("dx-dialog__description", descriptionText, te && "sr-only", ...J), dialogTheme = {
   overlay: dialogOverlay,
   content: dialogContent,
   title: dialogTitle,
@@ -33165,7 +33215,7 @@ var buttonRoot = (te, ...J) => mx("dx-button dx-focus-ring group", ...J), button
   root: messageRoot,
   title: messageTitle,
   body: messageBody
-}, popoverViewport = ({ constrainBlock: te, constrainInline: J }, ...ne) => mx("rounded-md", te && "max-bs-[--radix-popover-content-available-height] overflow-y-auto", J && "max-is-[--radix-popover-content-available-width] overflow-x-auto", ...ne), popoverContent = ({ elevation: te }, ...J) => mx("border border-separator rounded-md overflow-hidden", modalSurface, surfaceShadow({
+}, popoverViewport = ({ constrainBlock: te, constrainInline: J }, ...ne) => mx("rounded-md", te && "max-bs-[--radix-popover-content-available-height] overflow-y-auto", J && "max-is-[--radix-popover-content-available-width] overflow-x-auto", ...ne), popoverContent = ({ elevation: te }, ...J) => mx("border border-separator rounded-md", modalSurface, surfaceShadow({
   elevation: "positioned"
 }), surfaceZIndex({
   elevation: te,
@@ -33185,7 +33235,7 @@ var buttonRoot = (te, ...J) => mx("dx-button dx-focus-ring group", ...J), button
 }), surfaceZIndex({
   elevation: te,
   level: "menu"
-}), ...J), selectViewport = (te, ...J) => mx(...J), selectItem = (te, ...J) => mx("flex items-center min-bs-[2rem] pli-3 plb-1 gap-2", "text-baseText leading-none rounded-sm select-none outline-none", "[&>svg]:invisible [&[data-state=checked]>svg]:visible", ghostHighlighted, ...J), selectItemIndicator = (te, ...J) => mx("items-center", ...J), selectArrow = (te, ...J) => mx("fill-separator", ...J), selectSeparator = (te, ...J) => mx(blockSeparator, separatorBorderColor, ...J), selectScrollButton = (te, ...J) => mx(modalSurface, "flex items-center justify-center cursor-default bs-6 is-full", ...J), selectTriggerIcon = (te, ...J) => mx(getSize(2), ...J), selectTheme = {
+}), ...J), selectViewport = (te, ...J) => mx(...J), selectItem = (te, ...J) => mx("flex items-center min-bs-[2rem] pli-3 plb-1 gap-2", "text-baseText leading-none select-none outline-none", "[&>svg]:invisible [&[data-state=checked]>svg]:visible", ghostHighlighted, ...J), selectItemIndicator = (te, ...J) => mx("items-center", ...J), selectArrow = (te, ...J) => mx("fill-separator", ...J), selectSeparator = (te, ...J) => mx(blockSeparator, separatorBorderColor, ...J), selectScrollButton = (te, ...J) => mx(modalSurface, "flex items-center justify-center cursor-default bs-6 is-full", ...J), selectTriggerIcon = (te, ...J) => mx(getSize(2), ...J), selectTheme = {
   content: selectContent,
   viewport: selectViewport,
   item: selectItem,
@@ -33217,7 +33267,7 @@ var buttonRoot = (te, ...J) => mx("dx-button dx-focus-ring group", ...J), button
   actions: toastActions
 }, toolbarRoot = (te, ...J) => mx("flex shrink-0 items-center gap-1 p-1 is-full overflow-x-auto overflow-y-hidden contain-layout bg-toolbarSurface", ...J), toolbarTheme = {
   root: toolbarRoot
-}, tooltipContent = ({ elevation: te }, ...J) => mx("inline-flex items-center rounded-md plb-1 pli-2 max-is-64 bg-inverseSurface text-inverseSurfaceText", popperMotion, surfaceShadow({
+}, tooltipContent = ({ elevation: te }, ...J) => mx("inline-flex items-center rounded-sm plb-1 pli-2 max-is-64 bg-inverseSurface text-inverseSurfaceText", popperMotion, surfaceShadow({
   elevation: "positioned"
 }), surfaceZIndex({
   elevation: te,
@@ -46660,7 +46710,7 @@ var __dxlog_file4 = "/home/runner/work/dxos/dxos/packages/common/async/src/persi
         err: te
       }, {
         F: __dxlog_file4,
-        L: 77,
+        L: 78,
         S: this,
         C: (ne, re) => ne(...re)
       }), (J = this._restartTask) == null || J.schedule();
@@ -46676,7 +46726,7 @@ var __dxlog_file4 = "/home/runner/work/dxos/dxos/packages/common/async/src/persi
       state: this._lifecycleState
     }, {
       F: __dxlog_file4,
-      L: 90,
+      L: 91,
       S: this,
       C: (J, ne) => J(...ne)
     }), await this._stopCurrentState(), this._lifecycleState === LifecycleState.OPEN && (await cancelWithContext(this._ctx, sleep(this._restartAfter)), this._restartAfter = Math.min(Math.max(this._restartAfter * 2, INIT_RESTART_DELAY), this._maxRestartDelay), await warnAfterTimeout(5e3, "Connection establishment takes too long", async () => {
@@ -46690,7 +46740,7 @@ var __dxlog_file4 = "/home/runner/work/dxos/dxos/packages/common/async/src/persi
       } catch (te) {
         log$2.catch(te, void 0, {
           F: __dxlog_file4,
-          L: 112,
+          L: 113,
           S: this,
           C: (J, ne) => J(...ne)
         });