@industry-theme/repository-composition-panels 0.7.16 → 0.7.18

package/dist/{index-Bt-XsLNt.js → index-BqsaXH0f.js}

@@ -106207,7 +106207,7 @@ const browserExt = {
   },
   test: () => true,
   load: async () => {
-    await import("./browserAll-XNN46GKF.js");
+    await import("./browserAll-Bj2nHo1Q.js");
   }
 };
 const webworkerExt = {
@@ -106218,7 +106218,7 @@ const webworkerExt = {
   },
   test: () => typeof self !== "undefined" && self.WorkerGlobalScope !== void 0,
   load: async () => {
-    await import("./webworkerAll-Ez5pUZRt.js");
+    await import("./webworkerAll-DlkJrGSQ.js");
   }
 };
 class ObservablePoint {
@@ -148126,7 +148126,7 @@ function generateMITFlowerArch(config) {
       fontFamily: "Arial",
       fontWeight: "bold"
     },
-    resolution: 2
+    resolution: 16
   });
   mitText.anchor.set(0.5, 0.5);
   mitText.y = flagTop + flagHeight * 0.5;
@@ -148161,7 +148161,7 @@ function generateMITFlowerArch(config) {
       fontFamily: "Arial",
       fontWeight: "600"
     },
-    resolution: 2
+    resolution: 16
   });
   nameText.anchor.set(0.5, 0.5);
   nameText.y = signBoardY + signHeight / 2;
@@ -148341,7 +148341,7 @@ function generateApacheSign(config) {
       fontFamily: "Arial",
       fontWeight: "600"
     },
-    resolution: 2
+    resolution: 16
   });
   nameText.anchor.set(0.5, 0.5);
   nameText.y = signBoardY + signBoardHeight / 2;
@@ -148474,7 +148474,7 @@ function generateGPLSign(config) {
       fontFamily: "Arial",
       fontWeight: "bold"
     },
-    resolution: 2
+    resolution: 16
   });
   gplText.anchor.set(0.5, 0.5);
   gplText.y = flagTop + flagHeight * 0.5;
@@ -148518,7 +148518,7 @@ function generateGPLSign(config) {
       fontFamily: "Arial",
       fontWeight: "600"
     },
-    resolution: 2
+    resolution: 16
   });
   nameText.anchor.set(0.5, 0.5);
   nameText.y = signBoardY + signBoardHeight / 2;
@@ -149065,7 +149065,7 @@ class IsometricRenderer {
         fontFamily: "Arial",
         fontWeight: "500"
       },
-      resolution: 2
+      resolution: 16
     });
     hoverLabel.anchor.set(0.5, 0);
     hoverLabel.visible = false;
@@ -149156,11 +149156,20 @@ class IsometricRenderer {
             fontWeight: "bold",
             stroke: { color: 0, width: 2 }
           },
-          resolution: 2
+          resolution: 16
         });
         countText.x = decorationX - dim.w * 1.5 * sizeMultiplier / 2;
         countText.y = decorationY + 4;
         countText.anchor.set(0.5, 0);
+        countText.visible = false;
+        decoration.eventMode = "static";
+        decoration.cursor = "pointer";
+        decoration.on("pointerover", () => {
+          countText.visible = true;
+        });
+        decoration.on("pointerout", () => {
+          countText.visible = false;
+        });
         container.addChild(countText);
       }
     }
@@ -149208,11 +149217,20 @@ class IsometricRenderer {
             fontWeight: "bold",
             stroke: { color: 0, width: 2 }
           },
-          resolution: 2
+          resolution: 16
         });
         countText.x = decorationX + dim.w * 1.5 * sizeMultiplier / 2;
         countText.y = decorationY + 4;
         countText.anchor.set(0.5, 0);
+        countText.visible = false;
+        decoration.eventMode = "static";
+        decoration.cursor = "pointer";
+        decoration.on("pointerover", () => {
+          countText.visible = true;
+        });
+        decoration.on("pointerout", () => {
+          countText.visible = false;
+        });
         container.addChild(countText);
       }
     }
@@ -149268,7 +149286,7 @@ class IsometricRenderer {
         fontWeight: "500",
         fontStyle: "italic"
       },
-      resolution: 2
+      resolution: 16
     });
     label.x = screenX;
     label.y = screenY + footprintHeight * 0.6 + 12;
@@ -149433,8 +149451,8 @@ class IsometricRenderer {
           fontFamily: "Arial",
           fontWeight: "500"
         },
-        resolution: 2
-        // Render at 2x for crisp text on high-DPI screens
+        resolution: 16
+        // Render at 16x for crisp text when zoomed out
       });
       label.x = screenX;
       label.y = screenY + sprite.height * 0.15 + 8;
@@ -149537,11 +149555,20 @@ class IsometricRenderer {
               fontWeight: "bold",
               stroke: { color: 0, width: 2 }
             },
-            resolution: 2
+            resolution: 16
           });
           countText.x = -(dim.w * starScale) / 2;
           countText.y = 4;
           countText.anchor.set(0.5, 0);
+          countText.visible = false;
+          decoration.eventMode = "static";
+          decoration.cursor = "pointer";
+          decoration.on("pointerover", () => {
+            countText.visible = true;
+          });
+          decoration.on("pointerout", () => {
+            countText.visible = false;
+          });
           starDecoration.addChild(countText);
           starDecoration.x = screenX - footprint.width / 2;
           starDecoration.y = screenY;
@@ -149592,11 +149619,20 @@ class IsometricRenderer {
               fontWeight: "bold",
               stroke: { color: 0, width: 2 }
             },
-            resolution: 2
+            resolution: 16
           });
           countText.x = dim.w * collabScale / 2;
           countText.y = 4;
           countText.anchor.set(0.5, 0);
+          countText.visible = false;
+          decoration.eventMode = "static";
+          decoration.cursor = "pointer";
+          decoration.on("pointerover", () => {
+            countText.visible = true;
+          });
+          decoration.on("pointerout", () => {
+            countText.visible = false;
+          });
           collaboratorDecoration.addChild(countText);
           collaboratorDecoration.x = screenX + footprint.width / 2;
           collaboratorDecoration.y = screenY;
@@ -153854,6 +153890,75 @@ const TelemetryCoveragePanel = ({ context: context2, events }) => {
 };
 const ISO_TILE_WIDTH = 64;
 const ISO_TILE_HEIGHT = 32;
+const licenseBorderColors = {
+  "MIT": "#228b22",
+  // Forest green - open/welcoming
+  "BSD": "#228b22",
+  // Same as MIT
+  "BSD-3-Clause": "#228b22",
+  "ISC": "#228b22",
+  "Apache-2.0": "#d97706",
+  // Amber/orange - formal but welcoming
+  "GPL-3.0": "#2255aa",
+  // GNU blue
+  "LGPL-3.0": "#2255aa",
+  "GPL-2.0": "#2255aa",
+  "AGPL-3.0": "#2255aa",
+  "MPL-2.0": "#8b5cf6",
+  // Purple
+  "UNLICENSED": "#dc2626"
+  // Red - restrictive
+};
+const cardThemes = {
+  blue: {
+    cardBg: "#3b4a6b",
+    cardBorder: "#2a3654",
+    cardHighlight: "#4a5d8a",
+    windowGradient: ["#1a1a2e", "#16213e"],
+    panelGradient: ["#4a5d8a", "#3b4a6b"],
+    panelBorder: "#5a6d9a"
+  },
+  red: {
+    cardBg: "#6b3b3b",
+    cardBorder: "#542a2a",
+    cardHighlight: "#8a4a4a",
+    windowGradient: ["#2e1a1a", "#3e1616"],
+    panelGradient: ["#8a4a4a", "#6b3b3b"],
+    panelBorder: "#9a5a5a"
+  },
+  green: {
+    cardBg: "#3b6b4a",
+    cardBorder: "#2a5436",
+    cardHighlight: "#4a8a5d",
+    windowGradient: ["#1a2e1f", "#163e21"],
+    panelGradient: ["#4a8a5d", "#3b6b4a"],
+    panelBorder: "#5a9a6d"
+  },
+  purple: {
+    cardBg: "#5b3b6b",
+    cardBorder: "#442a54",
+    cardHighlight: "#7a4a8a",
+    windowGradient: ["#261a2e", "#30163e"],
+    panelGradient: ["#7a4a8a", "#5b3b6b"],
+    panelBorder: "#8a5a9a"
+  },
+  gold: {
+    cardBg: "#6b5a3b",
+    cardBorder: "#54462a",
+    cardHighlight: "#8a754a",
+    windowGradient: ["#2e271a", "#3e3216"],
+    panelGradient: ["#8a754a", "#6b5a3b"],
+    panelBorder: "#9a855a"
+  },
+  dark: {
+    cardBg: "#2a2a2a",
+    cardBorder: "#1a1a1a",
+    cardHighlight: "#3a3a3a",
+    windowGradient: ["#0a0a0a", "#151515"],
+    panelGradient: ["#3a3a3a", "#2a2a2a"],
+    panelBorder: "#4a4a4a"
+  }
+};
 function parseColor(color2) {
   if (typeof color2 === "number") return color2;
   return parseInt(color2.replace("#", ""), 16);
@@ -153916,12 +154021,15 @@ const RepoSprite = ({
   license,
   label,
   variant = "default",
+  cardTheme = "blue",
   width = 200,
   height = 200,
   backgroundColor,
   showBoundary = true,
   boundaryColor = 16776960,
-  debug = false
+  debug = false,
+  onPackageHover,
+  onPackageHoverEnd
 }) => {
   const { theme: theme2 } = useTheme();
   const containerRef = useRef(null);
@@ -153992,6 +154100,18 @@ const RepoSprite = ({
           });
           buildingGraphics.x = pos.x;
           buildingGraphics.y = pos.y;
+          buildingGraphics.eventMode = "static";
+          buildingGraphics.cursor = "pointer";
+          const originalTint = buildingGraphics.tint;
+          const packageName = pkg.name;
+          buildingGraphics.on("pointerover", () => {
+            buildingGraphics.tint = 8965375;
+            onPackageHover == null ? void 0 : onPackageHover(packageName);
+          });
+          buildingGraphics.on("pointerout", () => {
+            buildingGraphics.tint = originalTint;
+            onPackageHoverEnd == null ? void 0 : onPackageHoverEnd(packageName);
+          });
           mainContainer.addChild(buildingGraphics);
         }
       } else {
@@ -154089,191 +154209,290 @@ const RepoSprite = ({
     backgroundColor,
     showBoundary,
     boundaryColor,
-    debug
+    debug,
+    onPackageHover,
+    onPackageHoverEnd
   ]);
   if (variant === "card") {
+    const colors = cardThemes[cardTheme];
+    const licenseBorder = license ? licenseBorderColors[license] : null;
     return /* @__PURE__ */ jsxs(
       "div",
       {
         style: {
+          position: "relative",
           display: "flex",
           flexDirection: "column",
-          backgroundColor: theme2.colors.backgroundSecondary,
-          padding: "16px",
-          border: `2px solid ${theme2.colors.border}`,
+          backgroundColor: colors.cardBg,
+          padding: "28px 12px 12px 12px",
+          border: `${licenseBorder ? "5px" : "3px"} solid ${licenseBorder || colors.cardBorder}`,
           width: "100%",
           height: "100%",
-          boxSizing: "border-box"
+          boxSizing: "border-box",
+          overflow: "hidden",
+          boxShadow: licenseBorder ? `inset 0 0 0 2px ${licenseBorder}40, 0 0 8px ${licenseBorder}60` : `inset 0 0 0 2px ${colors.cardHighlight}`
         },
         children: [
+          collaborators !== void 0 && collaborators > 0 && /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: {
+                position: "absolute",
+                top: "6px",
+                left: "8px",
+                display: "flex",
+                alignItems: "center",
+                gap: "4px",
+                zIndex: 10
+              },
+              children: [
+                /* @__PURE__ */ jsxs("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "#22c55e", children: [
+                  /* @__PURE__ */ jsx("circle", { cx: "5", cy: "5", r: "2.5" }),
+                  /* @__PURE__ */ jsx("circle", { cx: "11", cy: "5", r: "2.5" }),
+                  /* @__PURE__ */ jsx("path", { d: "M1 14c0-2.5 2-4 4-4s4 1.5 4 4M7 14c0-2.5 2-4 4-4s4 1.5 4 4" })
+                ] }),
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    style: {
+                      fontSize: "16px",
+                      fontWeight: theme2.fontWeights.bold,
+                      color: "#ffffff",
+                      textShadow: "0 1px 2px rgba(0,0,0,0.5)",
+                      fontFamily: theme2.fonts.body
+                    },
+                    children: formatCount(collaborators)
+                  }
+                )
+              ]
+            }
+          ),
+          stars !== void 0 && stars > 0 && /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: {
+                position: "absolute",
+                top: "6px",
+                right: "8px",
+                display: "flex",
+                alignItems: "center",
+                gap: "4px",
+                zIndex: 10
+              },
+              children: [
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    style: {
+                      fontSize: "10px",
+                      fontWeight: theme2.fontWeights.bold,
+                      color: "#fbbf24",
+                      textShadow: "0 1px 2px rgba(0,0,0,0.5)"
+                    },
+                    children: "★"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    style: {
+                      fontSize: "16px",
+                      fontWeight: theme2.fontWeights.bold,
+                      color: "#ffffff",
+                      textShadow: "0 1px 2px rgba(0,0,0,0.5)",
+                      fontFamily: theme2.fonts.body
+                    },
+                    children: formatCount(stars)
+                  }
+                )
+              ]
+            }
+          ),
           /* @__PURE__ */ jsx(
             "div",
             {
-              ref: containerRef,
               style: {
                 flex: 1,
-                minHeight: height,
+                minHeight: 0,
+                background: `linear-gradient(180deg, ${colors.windowGradient[0]} 0%, ${colors.windowGradient[1]} 100%)`,
+                border: `2px solid ${colors.cardHighlight}`,
+                boxShadow: "inset 0 2px 4px rgba(0,0,0,0.3)",
+                overflow: "hidden",
                 display: "flex",
                 alignItems: "center",
                 justifyContent: "center"
-              }
+              },
+              children: /* @__PURE__ */ jsx(
+                "div",
+                {
+                  ref: containerRef,
+                  style: {
+                    width: "100%",
+                    height: "100%",
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center"
+                  }
+                }
+              )
             }
           ),
-          /* @__PURE__ */ jsxs("div", { style: { marginTop: "12px", textAlign: "center" }, children: [
-            label && /* @__PURE__ */ jsx(
-              "div",
-              {
-                style: {
-                  fontSize: theme2.fontSizes[2],
-                  fontWeight: theme2.fontWeights.semibold,
-                  color: theme2.colors.text,
-                  marginBottom: "8px",
-                  fontFamily: theme2.fonts.body
-                },
-                children: label
-              }
-            ),
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                style: {
-                  display: "flex",
-                  justifyContent: "center",
-                  gap: "16px",
-                  fontSize: theme2.fontSizes[1],
-                  color: theme2.colors.textSecondary,
-                  fontFamily: theme2.fonts.body
-                },
-                children: [
-                  files !== void 0 && files > 0 && /* @__PURE__ */ jsxs(
-                    "span",
-                    {
-                      style: { display: "flex", alignItems: "center", gap: "4px" },
-                      children: [
-                        /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "#64748b", children: /* @__PURE__ */ jsx(
-                          "path",
-                          {
-                            d: "M3 1h7l3 3v11H3V1zm7 0v3h3M5 8h6M5 11h6",
-                            stroke: "#64748b",
-                            strokeWidth: "1",
-                            fill: "none"
-                          }
-                        ) }),
-                        formatCount(files)
-                      ]
-                    }
-                  ),
-                  packages && packages.length > 1 && /* @__PURE__ */ jsxs(
-                    "span",
-                    {
-                      style: { display: "flex", alignItems: "center", gap: "4px" },
-                      children: [
-                        /* @__PURE__ */ jsxs("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", children: [
-                          /* @__PURE__ */ jsx(
-                            "path",
-                            {
-                              d: "M8 1L14 4v8l-6 3-6-3V4l6-3z",
-                              stroke: "#8b5cf6",
-                              strokeWidth: "1.5"
-                            }
-                          ),
-                          /* @__PURE__ */ jsx(
-                            "path",
-                            {
-                              d: "M8 8v7M8 8l6-3M8 8L2 5",
-                              stroke: "#8b5cf6",
-                              strokeWidth: "1"
-                            }
-                          )
-                        ] }),
-                        packages.length
-                      ]
-                    }
-                  ),
-                  stars !== void 0 && stars > 0 && /* @__PURE__ */ jsxs(
-                    "span",
-                    {
-                      style: { display: "flex", alignItems: "center", gap: "4px" },
-                      children: [
-                        /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "#fbbf24", children: /* @__PURE__ */ jsx("path", { d: "M8 1l2.2 4.4 4.8.7-3.5 3.4.8 4.8L8 12l-4.3 2.3.8-4.8L1 6.1l4.8-.7L8 1z" }) }),
-                        formatCount(stars)
-                      ]
-                    }
-                  ),
-                  collaborators !== void 0 && collaborators > 0 && /* @__PURE__ */ jsxs(
-                    "span",
-                    {
-                      style: { display: "flex", alignItems: "center", gap: "4px" },
-                      children: [
-                        /* @__PURE__ */ jsxs("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "#22c55e", children: [
-                          /* @__PURE__ */ jsx("circle", { cx: "5", cy: "5", r: "2.5" }),
-                          /* @__PURE__ */ jsx("circle", { cx: "11", cy: "5", r: "2.5" }),
-                          /* @__PURE__ */ jsx("path", { d: "M1 14c0-2.5 2-4 4-4s4 1.5 4 4M7 14c0-2.5 2-4 4-4s4 1.5 4 4" })
-                        ] }),
-                        formatCount(collaborators)
-                      ]
-                    }
-                  ),
-                  license && /* @__PURE__ */ jsx(
-                    "span",
-                    {
-                      style: {
-                        backgroundColor: theme2.colors.backgroundTertiary,
-                        padding: "2px 6px",
-                        borderRadius: "4px",
-                        fontSize: theme2.fontSizes[0]
-                      },
-                      children: license
-                    }
-                  )
-                ]
-              }
-            ),
-            packages && packages.length > 1 && /* @__PURE__ */ jsxs(
-              "div",
-              {
-                style: {
-                  marginTop: "8px",
-                  display: "flex",
-                  flexWrap: "wrap",
-                  justifyContent: "center",
-                  gap: "4px"
-                },
-                children: [
-                  packages.slice(0, 6).map((pkg, i2) => /* @__PURE__ */ jsx(
-                    "span",
-                    {
-                      style: {
-                        fontSize: theme2.fontSizes[0],
-                        color: theme2.colors.textSecondary,
-                        backgroundColor: theme2.colors.backgroundTertiary,
-                        padding: "2px 6px",
-                        fontFamily: theme2.fonts.body,
-                        borderLeft: `2px solid ${typeof pkg.color === "string" ? pkg.color : `#${(pkg.color || 8947848).toString(16).padStart(6, "0")}`}`
-                      },
-                      children: pkg.name
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: {
+                marginTop: "8px",
+                padding: "8px",
+                background: `linear-gradient(180deg, ${colors.panelGradient[0]} 0%, ${colors.panelGradient[1]} 100%)`,
+                border: `1px solid ${colors.panelBorder}`,
+                flexShrink: 0
+              },
+              children: [
+                label && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    style: {
+                      fontSize: theme2.fontSizes[2],
+                      fontWeight: theme2.fontWeights.bold,
+                      color: "#ffffff",
+                      marginBottom: "6px",
+                      fontFamily: theme2.fonts.body,
+                      whiteSpace: "nowrap",
+                      overflow: "hidden",
+                      textOverflow: "ellipsis",
+                      textShadow: "0 1px 2px rgba(0,0,0,0.3)",
+                      textAlign: "center"
                     },
-                    i2
-                  )),
-                  packages.length > 6 && /* @__PURE__ */ jsxs(
-                    "span",
-                    {
-                      style: {
-                        fontSize: theme2.fontSizes[0],
-                        color: theme2.colors.textSecondary,
-                        fontFamily: theme2.fonts.body
-                      },
-                      children: [
-                        "+",
-                        packages.length - 6,
-                        " more"
-                      ]
-                    }
-                  )
-                ]
-              }
-            )
-          ] })
+                    children: label
+                  }
+                ),
+                /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    style: {
+                      display: "flex",
+                      justifyContent: "center",
+                      flexWrap: "wrap",
+                      gap: "10px",
+                      fontSize: theme2.fontSizes[1],
+                      color: "#e0e0e0",
+                      fontFamily: theme2.fonts.body
+                    },
+                    children: [
+                      files !== void 0 && files > 0 && /* @__PURE__ */ jsxs(
+                        "span",
+                        {
+                          style: { display: "flex", alignItems: "center", gap: "4px" },
+                          children: [
+                            /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "#94a3b8", children: /* @__PURE__ */ jsx(
+                              "path",
+                              {
+                                d: "M3 1h7l3 3v11H3V1zm7 0v3h3M5 8h6M5 11h6",
+                                stroke: "#94a3b8",
+                                strokeWidth: "1",
+                                fill: "none"
+                              }
+                            ) }),
+                            formatCount(files)
+                          ]
+                        }
+                      ),
+                      packages && packages.length > 1 && /* @__PURE__ */ jsxs(
+                        "span",
+                        {
+                          style: { display: "flex", alignItems: "center", gap: "4px" },
+                          children: [
+                            /* @__PURE__ */ jsxs("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", children: [
+                              /* @__PURE__ */ jsx(
+                                "path",
+                                {
+                                  d: "M8 1L14 4v8l-6 3-6-3V4l6-3z",
+                                  stroke: "#8b5cf6",
+                                  strokeWidth: "1.5"
+                                }
+                              ),
+                              /* @__PURE__ */ jsx(
+                                "path",
+                                {
+                                  d: "M8 8v7M8 8l6-3M8 8L2 5",
+                                  stroke: "#8b5cf6",
+                                  strokeWidth: "1"
+                                }
+                              )
+                            ] }),
+                            packages.length
+                          ]
+                        }
+                      )
+                    ]
+                  }
+                ),
+                packages && packages.length > 1 && /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    style: {
+                      marginTop: "6px",
+                      display: "flex",
+                      flexWrap: "wrap",
+                      justifyContent: "center",
+                      gap: "4px"
+                    },
+                    children: [
+                      packages.slice(0, 6).map((pkg, i2) => /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          style: {
+                            fontSize: theme2.fontSizes[0],
+                            color: "#e0e0e0",
+                            backgroundColor: "rgba(0,0,0,0.2)",
+                            padding: "2px 6px",
+                            borderRadius: "3px",
+                            fontFamily: theme2.fonts.body,
+                            borderLeft: `2px solid ${typeof pkg.color === "string" ? pkg.color : `#${(pkg.color || 8947848).toString(16).padStart(6, "0")}`}`
+                          },
+                          children: pkg.name
+                        },
+                        i2
+                      )),
+                      packages.length > 6 && /* @__PURE__ */ jsxs(
+                        "span",
+                        {
+                          style: {
+                            fontSize: theme2.fontSizes[0],
+                            color: "#a0a0a0",
+                            fontFamily: theme2.fonts.body
+                          },
+                          children: [
+                            "+",
+                            packages.length - 6,
+                            " more"
+                          ]
+                        }
+                      )
+                    ]
+                  }
+                )
+              ]
+            }
+          ),
+          license && /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                position: "absolute",
+                bottom: "-3px",
+                right: "-3px",
+                backgroundColor: licenseBorder || colors.cardHighlight,
+                padding: "3px 10px",
+                borderRadius: "3px 0 0 0",
+                fontSize: theme2.fontSizes[0],
+                fontWeight: theme2.fontWeights.bold,
+                color: "#ffffff",
+                textShadow: "0 1px 1px rgba(0,0,0,0.3)"
+              },
+              children: license
+            }
+          )
         ]
       }
     );
@@ -154453,4 +154672,4 @@ export {
   TelemetryCoveragePanelPreview as y,
   CollectionMapPanel as z
 };
-//# sourceMappingURL=index-Bt-XsLNt.js.map
+//# sourceMappingURL=index-BqsaXH0f.js.map