fix: stability popover can be overly wide

Signed-off-by: Nick Mitchell <[email protected]>

Author: starpit

pdl-live-react/src/view/masonry/MasonryTile.tsx

@@ -185,9 +185,10 @@ function renderValue(
 
           return (
             <Popover
+              key={idx}
               hasAutoWidth
-              maxWidth="500px"
               triggerAction="hover"
+              className="pdl-masonry-tile-stability-popover"
               headerContent={detailHeader}
               bodyContent={
                 <Stack hasGutter>
@@ -204,7 +205,10 @@ function renderValue(
                     title="A/B Match"
                   />
                   <Split hasGutter>
-                    <Panel isScrollable>
+                    <Panel
+                      isScrollable
+                      className="pdl-masonry-tile-stability-popover-ab-panel"
+                    >
                       <PanelHeader>
                         <Title headingLevel="h4">A</Title>
                       </PanelHeader>
@@ -214,7 +218,10 @@ function renderValue(
                         </PanelMainBody>
                       </PanelMain>
                     </Panel>
-                    <Panel isScrollable>
+                    <Panel
+                      isScrollable
+                      className="pdl-masonry-tile-stability-popover-ab-panel"
+                    >
                       <PanelHeader>
                         <Title headingLevel="h4">B</Title>
                       </PanelHeader>

pdl-live-react/src/view/masonry/Stability.css

@@ -31,3 +31,7 @@
     background-color: #c9190b;
   }
 }
+
+.pdl-masonry-tile-stability-popover-ab-panel {
+  max-width: 300px;
+}

pdl-live-react/src/view/masonry/model.ts

@@ -80,7 +80,7 @@ export default function computeModel(block: import("../../pdl_ast").PdlBlock) {
               ? capitalizeAndUnSnakeCase(String(meta[0][0]))
               : undefined,
             footer1Value: meta?.[0]?.[1] ? String(meta[0][1]) : undefined,
-            footer2Key: hasSimilarityMetrics(block) ? "Stability" : undefined,
+            footer2Key: hasSimilarityMetrics(block) ? "Idempotency" : undefined,
             footer2Value: hasSimilarityMetrics(block)
               ? block.pdl__similarity
               : undefined,