@ms-cloudpack/overlay 0.14.21 → 0.14.23

package/dist/browser-esm/lib/index.js

@@ -225,7 +225,7 @@ function useDraggable(options) {
 }
 
 // packages/overlay/src/components/StatusBadge/StatusBadge.module.css
-var compiledModule = `.uHuWYfdxg-StatusBadgemodulecssfixedOverlay {
+var compiledModule = `.uHuWYf-StatusBadgemodule--fixedOverlay {
   position: fixed;
   pointer-events: none;
   background: transparent;
@@ -237,7 +237,7 @@ var compiledModule = `.uHuWYfdxg-StatusBadgemodulecssfixedOverlay {
   overflow: hidden;
 }
 
-.uHuWYfdxg-StatusBadgemodulecssgripArea {
+.uHuWYf-StatusBadgemodule--gripArea {
   display: flex;
   flex-direction: row;
   gap: 2px;
@@ -247,18 +247,18 @@ var compiledModule = `.uHuWYfdxg-StatusBadgemodulecssfixedOverlay {
   margin-right: -4px;
 }
 
-.uHuWYfdxg-StatusBadgemodulecssgrip {
+.uHuWYf-StatusBadgemodule--grip {
   width: 2px;
   height: 100%;
   background: rgba(0, 0, 0, 0.2);
 }
 
-.uHuWYfdxg-StatusBadgemodulecsscontentSurface {
+.uHuWYf-StatusBadgemodule--contentSurface {
   pointer-events: auto;
   display: contents;
 }
 
-.uHuWYfdxg-StatusBadgemodulecssbadge {
+.uHuWYf-StatusBadgemodule--badge {
   position: absolute;
   bottom: 4px;
   right: 4px;
@@ -280,7 +280,7 @@ var compiledModule = `.uHuWYfdxg-StatusBadgemodulecssfixedOverlay {
   transition: background-color 0.2s ease-in-out;
 }
 
-.uHuWYfdxg-StatusBadgemodulecssinline {
+.uHuWYf-StatusBadgemodule--inline {
   flex-shrink: 0;
   position: relative;
   bottom: auto;
@@ -291,27 +291,27 @@ var compiledModule = `.uHuWYfdxg-StatusBadgemodulecssfixedOverlay {
   padding-left: 8px;
 }
 
-.uHuWYfdxg-StatusBadgemodulecssbuilding {
+.uHuWYf-StatusBadgemodule--building {
   background: #bbb;
   color: #000;
 }
 
-.uHuWYfdxg-StatusBadgemodulecsssuccess {
+.uHuWYf-StatusBadgemodule--success {
   background: #7ad17a;
   color: #000;
 }
 
-.uHuWYfdxg-StatusBadgemodulecsswarning {
+.uHuWYf-StatusBadgemodule--warning {
   background: #e4e68b;
   color: #000;
 }
 
-.uHuWYfdxg-StatusBadgemodulecsserror {
+.uHuWYf-StatusBadgemodule--error {
   background: #ffb9b9;
   color: #000;
 }
 
-.uHuWYfdxg-StatusBadgemodulecssbutton {
+.uHuWYf-StatusBadgemodule--button {
   cursor: pointer;
   background: inherit;
   border: none;
@@ -328,11 +328,11 @@ var compiledModule = `.uHuWYfdxg-StatusBadgemodulecssfixedOverlay {
   font-family: inherit;
 }
 
-.uHuWYfdxg-StatusBadgemodulecssbutton:hover {
+.uHuWYf-StatusBadgemodule--button:hover {
   filter: invert(0.1);
 }
 
-.uHuWYfdxg-StatusBadgemodulecssvalue {
+.uHuWYf-StatusBadgemodule--value {
   font-weight: 600;
   background: rgba(255, 255, 255, 0.4);
   box-shadow: 2px 2px 3px -1px rgba(0, 0, 0, 0.15) inset;
@@ -340,7 +340,7 @@ var compiledModule = `.uHuWYfdxg-StatusBadgemodulecssfixedOverlay {
   border-radius: 3px;
 }
 
-.uHuWYfdxg-StatusBadgemodulecssmetric {
+.uHuWYf-StatusBadgemodule--metric {
   margin-left: 2px;
 }
 `;
@@ -348,19 +348,19 @@ var s = document.createElement("style");
 s.setAttribute("data-sourceFile", "packages/overlay/src/components/StatusBadge/StatusBadge.module.css");
 s.appendChild(document.createTextNode(compiledModule));
 document.head.appendChild(s);
-var badge = "uHuWYfdxg-StatusBadgemodulecssbadge";
-var building = "uHuWYfdxg-StatusBadgemodulecssbuilding";
-var button = "uHuWYfdxg-StatusBadgemodulecssbutton";
-var contentSurface = "uHuWYfdxg-StatusBadgemodulecsscontentSurface";
-var error = "uHuWYfdxg-StatusBadgemodulecsserror";
-var fixedOverlay = "uHuWYfdxg-StatusBadgemodulecssfixedOverlay";
-var grip = "uHuWYfdxg-StatusBadgemodulecssgrip";
-var gripArea = "uHuWYfdxg-StatusBadgemodulecssgripArea";
-var inline = "uHuWYfdxg-StatusBadgemodulecssinline";
-var metric = "uHuWYfdxg-StatusBadgemodulecssmetric";
-var success = "uHuWYfdxg-StatusBadgemodulecsssuccess";
-var value = "uHuWYfdxg-StatusBadgemodulecssvalue";
-var warning = "uHuWYfdxg-StatusBadgemodulecsswarning";
+var badge = "uHuWYf-StatusBadgemodule--badge";
+var building = "uHuWYf-StatusBadgemodule--building";
+var button = "uHuWYf-StatusBadgemodule--button";
+var contentSurface = "uHuWYf-StatusBadgemodule--contentSurface";
+var error = "uHuWYf-StatusBadgemodule--error";
+var fixedOverlay = "uHuWYf-StatusBadgemodule--fixedOverlay";
+var grip = "uHuWYf-StatusBadgemodule--grip";
+var gripArea = "uHuWYf-StatusBadgemodule--gripArea";
+var inline = "uHuWYf-StatusBadgemodule--inline";
+var metric = "uHuWYf-StatusBadgemodule--metric";
+var success = "uHuWYf-StatusBadgemodule--success";
+var value = "uHuWYf-StatusBadgemodule--value";
+var warning = "uHuWYf-StatusBadgemodule--warning";
 var StatusBadge_module_default = { badge, building, button, contentSurface, error, fixedOverlay, grip, gripArea, inline, metric, success, value, warning };
 
 // packages/overlay/src/components/StatusBadge/StatusBadge.tsx
@@ -390,6 +390,8 @@ function StatusBadge({ inline: inline2, onExpand, pageLoadTime }) {
   const status = useStatus();
   const shouldRender = status.status !== "unknown";
   useDraggable({
+    // If we're not yet able to render, don't enable dragging yet.
+    // Otherwise the event handlers won't be attached when the component renders.
     enabled: shouldRender && !inline2,
     containerElementRef: rootElementRef,
     dragElementRef
@@ -446,12 +448,12 @@ import React5 from "react";
 import React3 from "react";
 
 // packages/overlay/src/components/StatusDialog/TaskResultItem.module.css
-var compiledModule2 = `.FSsdmcQZfc-TaskResultItemmodulecssroot {
+var compiledModule2 = `.FSsdmcQ-TaskResultItemmodule--root {
   display: flex;
   background: #f5f5f5;
 }
 
-.FSsdmcQZfc-TaskResultItemmodulecssstatusBar {
+.FSsdmcQ-TaskResultItemmodule--statusBar {
   flex-shrink: 0;
   border-radius: 4px;
   width: 4px;
@@ -459,7 +461,7 @@ var compiledModule2 = `.FSsdmcQZfc-TaskResultItemmodulecssroot {
   box-shadow: 2px 0 4px 0 rgb(220 0 0 / 20%);
 }
 
-.FSsdmcQZfc-TaskResultItemmodulecsscontent {
+.FSsdmcQ-TaskResultItemmodule--content {
   padding: 8px;
   display: flex;
   flex-grow: 1;
@@ -467,7 +469,7 @@ var compiledModule2 = `.FSsdmcQZfc-TaskResultItemmodulecssroot {
   flex-direction: column;
 }
 
-.FSsdmcQZfc-TaskResultItemmodulecsstitleArea {
+.FSsdmcQ-TaskResultItemmodule--titleArea {
   display: flex;
   align-items: center;
   flex-direction: row;
@@ -475,7 +477,7 @@ var compiledModule2 = `.FSsdmcQZfc-TaskResultItemmodulecssroot {
   padding: 4px 0;
 }
 
-.FSsdmcQZfc-TaskResultItemmodulecssfile {
+.FSsdmcQ-TaskResultItemmodule--file {
   display: inline-flex;
   margin: 0;
   padding: 0;
@@ -491,18 +493,18 @@ var compiledModule2 = `.FSsdmcQZfc-TaskResultItemmodulecssroot {
   cursor: pointer;
 }
 
-.FSsdmcQZfc-TaskResultItemmodulecssfile:hover {
+.FSsdmcQ-TaskResultItemmodule--file:hover {
   text-decoration: underline;
 }
 
-.FSsdmcQZfc-TaskResultItemmodulecssactionArea {
+.FSsdmcQ-TaskResultItemmodule--actionArea {
   display: flex;
   flex-direction: row;
   gap: 8px;
   flex-shrink: 0;
 }
 
-.FSsdmcQZfc-TaskResultItemmodulecsstext {
+.FSsdmcQ-TaskResultItemmodule--text {
   word-wrap: break-word;
   color: #333;
 }
@@ -511,13 +513,13 @@ var s2 = document.createElement("style");
 s2.setAttribute("data-sourceFile", "packages/overlay/src/components/StatusDialog/TaskResultItem.module.css");
 s2.appendChild(document.createTextNode(compiledModule2));
 document.head.appendChild(s2);
-var actionArea = "FSsdmcQZfc-TaskResultItemmodulecssactionArea";
-var content = "FSsdmcQZfc-TaskResultItemmodulecsscontent";
-var file = "FSsdmcQZfc-TaskResultItemmodulecssfile";
-var root = "FSsdmcQZfc-TaskResultItemmodulecssroot";
-var statusBar = "FSsdmcQZfc-TaskResultItemmodulecssstatusBar";
-var text = "FSsdmcQZfc-TaskResultItemmodulecsstext";
-var titleArea = "FSsdmcQZfc-TaskResultItemmodulecsstitleArea";
+var actionArea = "FSsdmcQ-TaskResultItemmodule--actionArea";
+var content = "FSsdmcQ-TaskResultItemmodule--content";
+var file = "FSsdmcQ-TaskResultItemmodule--file";
+var root = "FSsdmcQ-TaskResultItemmodule--root";
+var statusBar = "FSsdmcQ-TaskResultItemmodule--statusBar";
+var text = "FSsdmcQ-TaskResultItemmodule--text";
+var titleArea = "FSsdmcQ-TaskResultItemmodule--titleArea";
 var TaskResultItem_module_default = { actionArea, content, file, root, statusBar, text, titleArea };
 
 // packages/overlay/src/components/StatusDialog/TaskResultItem.tsx
@@ -540,13 +542,13 @@ function TaskResultItem({ item, projectPath, index }) {
 }
 
 // packages/overlay/src/components/StatusDialog/TaskStatus.module.css
-var compiledModule3 = `.WGSBzuMGA-TaskStatusmodulecssroot {
+var compiledModule3 = `.WGSBzu-TaskStatusmodule--root {
   border: 1px solid #ccc;
   border-radius: 3px;
   box-shadow: 0 0 12px -6px rgba(0, 0, 0, 0.25);
 }
 
-.WGSBzuMGA-TaskStatusmodulecssheader {
+.WGSBzu-TaskStatusmodule--header {
   display: flex;
   gap: 8px;
   padding: 8px 16px;
@@ -555,7 +557,7 @@ var compiledModule3 = `.WGSBzuMGA-TaskStatusmodulecssroot {
   line-height: 1;
 }
 
-.WGSBzuMGA-TaskStatusmodulecsscommands {
+.WGSBzu-TaskStatusmodule--commands {
   display: flex;
   flex-direction: row;
   gap: 8px;
@@ -565,30 +567,30 @@ var compiledModule3 = `.WGSBzuMGA-TaskStatusmodulecssroot {
   padding: 0 16px;
 }
 
-.WGSBzuMGA-TaskStatusmodulecssexpandButton {
+.WGSBzu-TaskStatusmodule--expandButton {
   background: transparent;
   border: none;
   border-radius: 4px;
   width: 32px;
   height: 32px;
 }
-.WGSBzuMGA-TaskStatusmodulecssexpandButton:hover {
+.WGSBzu-TaskStatusmodule--expandButton:hover {
   background: rgba(0, 0, 0, 0.1);
 }
 
-.WGSBzuMGA-TaskStatusmodulecssexpandButton:active {
+.WGSBzu-TaskStatusmodule--expandButton:active {
   background: rgba(0, 0, 0, 0.2);
 }
 
-.WGSBzuMGA-TaskStatusmodulecssexpandIcon {
+.WGSBzu-TaskStatusmodule--expandIcon {
   transition: transform 0.1s ease-in-out;
 }
 
-.WGSBzuMGA-TaskStatusmodulecsscollapsed {
+.WGSBzu-TaskStatusmodule--collapsed {
   transform: rotate(-90deg);
 }
 
-.WGSBzuMGA-TaskStatusmodulecssfarArea {
+.WGSBzu-TaskStatusmodule--farArea {
   line-height: 1;
   font-size: 13px;
   text-align: end;
@@ -602,17 +604,17 @@ var compiledModule3 = `.WGSBzuMGA-TaskStatusmodulecssroot {
   flex-direction: row;
 }
 
-.WGSBzuMGA-TaskStatusmodulecsstitle {
+.WGSBzu-TaskStatusmodule--title {
   font-size: 16px;
   font-weight: 500;
   color: #333;
 }
 
-.WGSBzuMGA-TaskStatusmodulecsssubTitle {
+.WGSBzu-TaskStatusmodule--subTitle {
   font-size: 13px;
 }
 
-.WGSBzuMGA-TaskStatusmodulecsscontent {
+.WGSBzu-TaskStatusmodule--content {
   border-top: 1px solid #ccc;
   background: #fafafa;
   padding: 8px 16px;
@@ -621,38 +623,38 @@ var compiledModule3 = `.WGSBzuMGA-TaskStatusmodulecssroot {
   gap: 8px;
 }
 
-.WGSBzuMGA-TaskStatusmodulecssresultItems {
+.WGSBzu-TaskStatusmodule--resultItems {
   display: flex;
   flex-direction: column;
   gap: 8px;
 }
 
-.WGSBzuMGA-TaskStatusmodulecsserror {
+.WGSBzu-TaskStatusmodule--error {
   background: #ffe9e9;
 }
 
-.WGSBzuMGA-TaskStatusmodulecsssuccess {
+.WGSBzu-TaskStatusmodule--success {
   background: #e9f9e9;
 }
 
-.WGSBzuMGA-TaskStatusmodulecsswarning {
+.WGSBzu-TaskStatusmodule--warning {
   background: #fff9e9;
 }
 
-.WGSBzuMGA-TaskStatusmodulecssname {
+.WGSBzu-TaskStatusmodule--name {
   font-size: 12px;
   font-weight: 600;
   text-transform: uppercase;
 }
 
-.WGSBzuMGA-TaskStatusmodulecssvalue {
+.WGSBzu-TaskStatusmodule--value {
   display: flex;
   flex-direction: column;
   font-size: 14px;
   color: #333;
 }
 
-.WGSBzuMGA-TaskStatusmodulecsslinkButton {
+.WGSBzu-TaskStatusmodule--linkButton {
   display: inline-flex;
   align-items: flex-start;
   text-align: start;
@@ -670,7 +672,7 @@ var compiledModule3 = `.WGSBzuMGA-TaskStatusmodulecssroot {
   cursor: pointer;
 }
 
-.WGSBzuMGA-TaskStatusmodulecsslinkButton:hover {
+.WGSBzu-TaskStatusmodule--linkButton:hover {
   text-decoration: underline;
 }
 `;
@@ -678,23 +680,23 @@ var s3 = document.createElement("style");
 s3.setAttribute("data-sourceFile", "packages/overlay/src/components/StatusDialog/TaskStatus.module.css");
 s3.appendChild(document.createTextNode(compiledModule3));
 document.head.appendChild(s3);
-var collapsed = "WGSBzuMGA-TaskStatusmodulecsscollapsed";
-var commands = "WGSBzuMGA-TaskStatusmodulecsscommands";
-var content2 = "WGSBzuMGA-TaskStatusmodulecsscontent";
-var error2 = "WGSBzuMGA-TaskStatusmodulecsserror";
-var expandButton = "WGSBzuMGA-TaskStatusmodulecssexpandButton";
-var expandIcon = "WGSBzuMGA-TaskStatusmodulecssexpandIcon";
-var farArea = "WGSBzuMGA-TaskStatusmodulecssfarArea";
-var header = "WGSBzuMGA-TaskStatusmodulecssheader";
-var linkButton = "WGSBzuMGA-TaskStatusmodulecsslinkButton";
-var name = "WGSBzuMGA-TaskStatusmodulecssname";
-var resultItems = "WGSBzuMGA-TaskStatusmodulecssresultItems";
-var root2 = "WGSBzuMGA-TaskStatusmodulecssroot";
-var subTitle = "WGSBzuMGA-TaskStatusmodulecsssubTitle";
-var success2 = "WGSBzuMGA-TaskStatusmodulecsssuccess";
-var title = "WGSBzuMGA-TaskStatusmodulecsstitle";
-var value2 = "WGSBzuMGA-TaskStatusmodulecssvalue";
-var warning2 = "WGSBzuMGA-TaskStatusmodulecsswarning";
+var collapsed = "WGSBzu-TaskStatusmodule--collapsed";
+var commands = "WGSBzu-TaskStatusmodule--commands";
+var content2 = "WGSBzu-TaskStatusmodule--content";
+var error2 = "WGSBzu-TaskStatusmodule--error";
+var expandButton = "WGSBzu-TaskStatusmodule--expandButton";
+var expandIcon = "WGSBzu-TaskStatusmodule--expandIcon";
+var farArea = "WGSBzu-TaskStatusmodule--farArea";
+var header = "WGSBzu-TaskStatusmodule--header";
+var linkButton = "WGSBzu-TaskStatusmodule--linkButton";
+var name = "WGSBzu-TaskStatusmodule--name";
+var resultItems = "WGSBzu-TaskStatusmodule--resultItems";
+var root2 = "WGSBzu-TaskStatusmodule--root";
+var subTitle = "WGSBzu-TaskStatusmodule--subTitle";
+var success2 = "WGSBzu-TaskStatusmodule--success";
+var title = "WGSBzu-TaskStatusmodule--title";
+var value2 = "WGSBzu-TaskStatusmodule--value";
+var warning2 = "WGSBzu-TaskStatusmodule--warning";
 var TaskStatus_module_default = { collapsed, commands, content: content2, error: error2, expandButton, expandIcon, farArea, header, linkButton, name, resultItems, root: root2, subTitle, success: success2, title, value: value2, warning: warning2 };
 
 // packages/overlay/src/components/StatusDialog/TaskStatus.tsx
@@ -713,7 +715,7 @@ var chevrondown_20_inline_default = 'data:image/svg+xml,<svg width="20" height="
 import React4 from "react";
 
 // packages/overlay/src/components/Button/Button.module.css
-var compiledModule4 = `.RpmxvThKZI-ButtonmodulecssstandardButton {
+var compiledModule4 = `.RpmxvThK-Buttonmodule--standardButton {
   outline: transparent;
   position: relative;
   font-family: inherit;
@@ -734,21 +736,21 @@ var compiledModule4 = `.RpmxvThKZI-ButtonmodulecssstandardButton {
   user-select: none;
 }
 
-.RpmxvThKZI-ButtonmodulecssstandardButton:active {
+.RpmxvThK-Buttonmodule--standardButton:active {
   background-color: rgb(237, 235, 233);
   color: rgb(32, 31, 30);
 }
 
-.RpmxvThKZI-ButtonmodulecssstandardButton:hover {
+.RpmxvThK-Buttonmodule--standardButton:hover {
   background-color: rgb(243, 242, 241);
   color: rgb(32, 31, 30);
 }
 
-.RpmxvThKZI-ButtonmodulecssstandardButton:focus {
+.RpmxvThK-Buttonmodule--standardButton:focus {
   border: 3px solid rgb(0, 0, 0);
 }
 
-.RpmxvThKZI-ButtonmodulecssprimaryButton {
+.RpmxvThK-Buttonmodule--primaryButton {
   outline: transparent;
   position: relative;
   font-family: inherit;
@@ -769,19 +771,19 @@ var compiledModule4 = `.RpmxvThKZI-ButtonmodulecssstandardButton {
   user-select: none;
 }
 
-.RpmxvThKZI-ButtonmodulecssprimaryButton:active {
+.RpmxvThK-Buttonmodule--primaryButton:active {
   background-color: rgb(0, 90, 158);
   border: 1px solid rgb(0, 90, 158);
   color: rgb(255, 255, 255);
 }
 
-.RpmxvThKZI-ButtonmodulecssprimaryButton:hover {
+.RpmxvThK-Buttonmodule--primaryButton:hover {
   background-color: rgb(16, 110, 190);
   border: 1px solid rgb(16, 110, 190);
   color: rgb(255, 255, 255);
 }
 
-.RpmxvThKZI-ButtonmodulecssprimaryButton:focus {
+.RpmxvThK-Buttonmodule--primaryButton:focus {
   border: 3px solid rgb(0, 0, 0);
 }
 `;
@@ -789,8 +791,8 @@ var s4 = document.createElement("style");
 s4.setAttribute("data-sourceFile", "packages/overlay/src/components/Button/Button.module.css");
 s4.appendChild(document.createTextNode(compiledModule4));
 document.head.appendChild(s4);
-var primaryButton = "RpmxvThKZI-ButtonmodulecssprimaryButton";
-var standardButton = "RpmxvThKZI-ButtonmodulecssstandardButton";
+var primaryButton = "RpmxvThK-Buttonmodule--primaryButton";
+var standardButton = "RpmxvThK-Buttonmodule--standardButton";
 var Button_module_default = { primaryButton, standardButton };
 
 // packages/overlay/src/components/Button/Button.tsx
@@ -868,7 +870,7 @@ var useStatusDetails = () => {
 };
 
 // packages/overlay/src/components/StatusDialog/TaskList.module.css
-var compiledModule5 = `.ZnVPBoZiOc-TaskListmodulecssroot {
+var compiledModule5 = `.ZnVPBoZ-TaskListmodule--root {
   flex-grow: 1;
   overflow: auto;
   border-top: 1px solid #ccc;
@@ -883,7 +885,7 @@ var s5 = document.createElement("style");
 s5.setAttribute("data-sourceFile", "packages/overlay/src/components/StatusDialog/TaskList.module.css");
 s5.appendChild(document.createTextNode(compiledModule5));
 document.head.appendChild(s5);
-var root3 = "ZnVPBoZiOc-TaskListmodulecssroot";
+var root3 = "ZnVPBoZ-TaskListmodule--root";
 var TaskList_module_default = { root: root3 };
 
 // packages/overlay/src/components/StatusDialog/TaskList.tsx
@@ -911,7 +913,7 @@ function sortTasks(a, b) {
 import { default as React7, useRef as useRef2 } from "react";
 
 // packages/overlay/src/components/Dialog/Dialog.module.css
-var compiledModule6 = `.XZLLsVjNatw-Dialogmodulecssoverlay {
+var compiledModule6 = `.XZLLsVjN-Dialogmodule--overlay {
   background: rgba(0, 0, 0, 0.1);
   border: 1px solid black;
   position: fixed;
@@ -934,7 +936,7 @@ var compiledModule6 = `.XZLLsVjNatw-Dialogmodulecssoverlay {
   }
 }
 
-.XZLLsVjNatw-Dialogmodulecsscommands {
+.XZLLsVjN-Dialogmodule--commands {
   display: flex;
   flex-direction: row;
   gap: 8px;
@@ -944,7 +946,7 @@ var compiledModule6 = `.XZLLsVjNatw-Dialogmodulecssoverlay {
   padding: 0 20px;
 }
 
-.XZLLsVjNatw-Dialogmodulecssdialog {
+.XZLLsVjN-Dialogmodule--dialog {
   animation: fade-in 0.1s ease-in-out;
   width: 80vw;
   align-self: stretch;
@@ -963,7 +965,7 @@ var compiledModule6 = `.XZLLsVjNatw-Dialogmodulecssoverlay {
   outline: transparent solid 3px;
 }
 
-.XZLLsVjNatw-DialogmodulecsstitleArea {
+.XZLLsVjN-Dialogmodule--titleArea {
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -971,7 +973,7 @@ var compiledModule6 = `.XZLLsVjNatw-Dialogmodulecssoverlay {
   gap: 8px;
 }
 
-.XZLLsVjNatw-DialogmodulecsscloseButton {
+.XZLLsVjN-Dialogmodule--closeButton {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -984,15 +986,15 @@ var compiledModule6 = `.XZLLsVjNatw-Dialogmodulecssoverlay {
   border-radius: 4px;
 }
 
-.XZLLsVjNatw-DialogmodulecsscloseButton:hover {
+.XZLLsVjN-Dialogmodule--closeButton:hover {
   background: rgba(0, 0, 0, 0.1);
 }
 
-.XZLLsVjNatw-DialogmodulecsscloseButton:active {
+.XZLLsVjN-Dialogmodule--closeButton:active {
   background: rgba(0, 0, 0, 0.2);
 }
 
-.XZLLsVjNatw-Dialogmodulecsstitle {
+.XZLLsVjN-Dialogmodule--title {
   flex-grow: 1;
   font-size: 20px;
   font-weight: 600;
@@ -1003,12 +1005,12 @@ var s6 = document.createElement("style");
 s6.setAttribute("data-sourceFile", "packages/overlay/src/components/Dialog/Dialog.module.css");
 s6.appendChild(document.createTextNode(compiledModule6));
 document.head.appendChild(s6);
-var closeButton = "XZLLsVjNatw-DialogmodulecsscloseButton";
-var commands2 = "XZLLsVjNatw-Dialogmodulecsscommands";
-var dialog = "XZLLsVjNatw-Dialogmodulecssdialog";
-var overlay = "XZLLsVjNatw-Dialogmodulecssoverlay";
-var title2 = "XZLLsVjNatw-Dialogmodulecsstitle";
-var titleArea2 = "XZLLsVjNatw-DialogmodulecsstitleArea";
+var closeButton = "XZLLsVjN-Dialogmodule--closeButton";
+var commands2 = "XZLLsVjN-Dialogmodule--commands";
+var dialog = "XZLLsVjN-Dialogmodule--dialog";
+var overlay = "XZLLsVjN-Dialogmodule--overlay";
+var title2 = "XZLLsVjN-Dialogmodule--title";
+var titleArea2 = "XZLLsVjN-Dialogmodule--titleArea";
 var Dialog_module_default = { closeButton, commands: commands2, dialog, overlay, title: title2, titleArea: titleArea2 };
 
 // packages/overlay/src/images/dismiss-16-filled.inline.svg
@@ -1040,7 +1042,7 @@ function Dialog({ title: title3, style, draggable, onClose, commands: commands3,
 import React8 from "react";
 
 // packages/overlay/src/components/StatusDialog/Searchbox.module.css
-var compiledModule7 = `.aJeqJtvaag-Searchboxmodulecsssearchbox {
+var compiledModule7 = `.aJeqJtva-Searchboxmodule--searchbox {
   position: absolute;
   font-size: 14px;
   font-weight: 400;
@@ -1064,7 +1066,7 @@ var s7 = document.createElement("style");
 s7.setAttribute("data-sourceFile", "packages/overlay/src/components/StatusDialog/Searchbox.module.css");
 s7.appendChild(document.createTextNode(compiledModule7));
 document.head.appendChild(s7);
-var searchbox = "aJeqJtvaag-Searchboxmodulecsssearchbox";
+var searchbox = "aJeqJtva-Searchboxmodule--searchbox";
 var Searchbox_module_default = { searchbox };
 
 // packages/overlay/src/components/StatusDialog/Searchbox.tsx
@@ -1211,10 +1213,11 @@ function usePageLoadTimeReporter() {
   const cloudpack = useCloudpack();
   React12.useEffect(() => {
     async function reportPageLoadTime() {
-      const { getPageLoadTime } = window.__cloudpack;
+      const { getPageLoadTime, getBrowserCacheRatio } = window.__cloudpack;
       const newPageLoadTime = await getPageLoadTime();
       setPageLoadTime(newPageLoadTime);
       cloudpack.reportMetric({ metric: "PAGE_LOAD_TIME", value: newPageLoadTime });
+      cloudpack.reportMetric({ metric: "BROWSER_CACHE_RATIO", value: getBrowserCacheRatio() });
     }
     void reportPageLoadTime();
   }, [cloudpack]);
@@ -1245,7 +1248,7 @@ function StatusOverlay() {
 import React14 from "react";
 
 // packages/overlay/src/components/ThemeProvider/ThemeProvider.module.css
-var compiledModule8 = `.ASWLklJWA-ThemeProvidermodulecssroot {
+var compiledModule8 = `.ASWLkl-ThemeProvidermodule--root {
   font-family:
     Inter,
     -apple-system,
@@ -1265,7 +1268,7 @@ var s8 = document.createElement("style");
 s8.setAttribute("data-sourceFile", "packages/overlay/src/components/ThemeProvider/ThemeProvider.module.css");
 s8.appendChild(document.createTextNode(compiledModule8));
 document.head.appendChild(s8);
-var root4 = "ASWLklJWA-ThemeProvidermodulecssroot";
+var root4 = "ASWLkl-ThemeProvidermodule--root";
 var ThemeProvider_module_default = { root: root4 };
 
 // packages/overlay/src/components/ThemeProvider/ThemeProvider.tsx