@c2l2c/backstage-plugin-dora-metrics 0.1.0 → 0.3.2

package/dist/components/ui/badge.esm.js

@@ -1,4 +1,4 @@
-import { jsx } from 'react/jsx-runtime';
+import React from 'react';
 
 const RATING_STYLES = {
   elite: { background: "#14532d", color: "#86efac", border: "#166534" },
@@ -8,7 +8,7 @@ const RATING_STYLES = {
 };
 function RatingBadge({ rating }) {
   const s = RATING_STYLES[rating];
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ React.createElement(
     "span",
     {
       style: {
@@ -23,9 +23,9 @@ function RatingBadge({ rating }) {
         fontWeight: 600,
         letterSpacing: "0.06em",
         textTransform: "uppercase"
-      },
-      children: rating
-    }
+      }
+    },
+    rating
   );
 }
 

package/dist/components/ui/badge.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.esm.js","sources":["../../../src/components/ui/badge.tsx"],"sourcesContent":["import type { DoraRating } from '../../api/types';\n\nconst RATING_STYLES: Record<DoraRating, { background: string; color: string; border: string }> = {\n  elite: { background: '#14532d', color: '#86efac', border: '#166534' },\n  high:  { background: '#1e3a5f', color: '#93c5fd', border: '#1d4ed8' },\n  medium:{ background: '#451a03', color: '#fdba74', border: '#92400e' },\n  low:   { background: '#450a0a', color: '#fca5a5', border: '#991b1b' },\n};\n\nexport function RatingBadge({ rating }: { rating: DoraRating }) {\n  const s = RATING_STYLES[rating];\n  return (\n    <span\n      style={{\n        display: 'inline-flex',\n        alignItems: 'center',\n        padding: '2px 8px',\n        borderRadius: 9999,\n        background: s.background,\n        color: s.color,\n        border: `1px solid ${s.border}`,\n        fontSize: 11,\n        fontWeight: 600,\n        letterSpacing: '0.06em',\n        textTransform: 'uppercase',\n      }}\n    >\n      {rating}\n    </span>\n  );\n}\n"],"names":[],"mappings":";;AAEA,MAAM,aAAA,GAA2F;AAAA,EAC/F,OAAO,EAAE,UAAA,EAAY,WAAW,KAAA,EAAO,SAAA,EAAW,QAAQ,SAAA,EAAU;AAAA,EACpE,MAAO,EAAE,UAAA,EAAY,WAAW,KAAA,EAAO,SAAA,EAAW,QAAQ,SAAA,EAAU;AAAA,EACpE,QAAO,EAAE,UAAA,EAAY,WAAW,KAAA,EAAO,SAAA,EAAW,QAAQ,SAAA,EAAU;AAAA,EACpE,KAAO,EAAE,UAAA,EAAY,WAAW,KAAA,EAAO,SAAA,EAAW,QAAQ,SAAA;AAC5D,CAAA;AAEO,SAAS,WAAA,CAAY,EAAE,MAAA,EAAO,EAA2B;AAC9D,EAAA,MAAM,CAAA,GAAI,cAAc,MAAM,CAAA;AAC9B,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO;AAAA,QACL,OAAA,EAAS,aAAA;AAAA,QACT,UAAA,EAAY,QAAA;AAAA,QACZ,OAAA,EAAS,SAAA;AAAA,QACT,YAAA,EAAc,IAAA;AAAA,QACd,YAAY,CAAA,CAAE,UAAA;AAAA,QACd,OAAO,CAAA,CAAE,KAAA;AAAA,QACT,MAAA,EAAQ,CAAA,UAAA,EAAa,CAAA,CAAE,MAAM,CAAA,CAAA;AAAA,QAC7B,QAAA,EAAU,EAAA;AAAA,QACV,UAAA,EAAY,GAAA;AAAA,QACZ,aAAA,EAAe,QAAA;AAAA,QACf,aAAA,EAAe;AAAA,OACjB;AAAA,MAEC,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ;;;;"}
+{"version":3,"file":"badge.esm.js","sources":["../../../src/components/ui/badge.tsx"],"sourcesContent":["import React from 'react';\nimport type { DoraRating } from '../../api/types';\n\nconst RATING_STYLES: Record<DoraRating, { background: string; color: string; border: string }> = {\n  elite: { background: '#14532d', color: '#86efac', border: '#166534' },\n  high:  { background: '#1e3a5f', color: '#93c5fd', border: '#1d4ed8' },\n  medium:{ background: '#451a03', color: '#fdba74', border: '#92400e' },\n  low:   { background: '#450a0a', color: '#fca5a5', border: '#991b1b' },\n};\n\nexport function RatingBadge({ rating }: { rating: DoraRating }) {\n  const s = RATING_STYLES[rating];\n  return (\n    <span\n      style={{\n        display: 'inline-flex',\n        alignItems: 'center',\n        padding: '2px 8px',\n        borderRadius: 9999,\n        background: s.background,\n        color: s.color,\n        border: `1px solid ${s.border}`,\n        fontSize: 11,\n        fontWeight: 600,\n        letterSpacing: '0.06em',\n        textTransform: 'uppercase',\n      }}\n    >\n      {rating}\n    </span>\n  );\n}\n"],"names":[],"mappings":";;AAGA,MAAM,aAAA,GAA2F;AAAA,EAC/F,OAAO,EAAE,UAAA,EAAY,WAAW,KAAA,EAAO,SAAA,EAAW,QAAQ,SAAA,EAAU;AAAA,EACpE,MAAO,EAAE,UAAA,EAAY,WAAW,KAAA,EAAO,SAAA,EAAW,QAAQ,SAAA,EAAU;AAAA,EACpE,QAAO,EAAE,UAAA,EAAY,WAAW,KAAA,EAAO,SAAA,EAAW,QAAQ,SAAA,EAAU;AAAA,EACpE,KAAO,EAAE,UAAA,EAAY,WAAW,KAAA,EAAO,SAAA,EAAW,QAAQ,SAAA;AAC5D,CAAA;AAEO,SAAS,WAAA,CAAY,EAAE,MAAA,EAAO,EAA2B;AAC9D,EAAA,MAAM,CAAA,GAAI,cAAc,MAAM,CAAA;AAC9B,EAAA,uBACE,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO;AAAA,QACL,OAAA,EAAS,aAAA;AAAA,QACT,UAAA,EAAY,QAAA;AAAA,QACZ,OAAA,EAAS,SAAA;AAAA,QACT,YAAA,EAAc,IAAA;AAAA,QACd,YAAY,CAAA,CAAE,UAAA;AAAA,QACd,OAAO,CAAA,CAAE,KAAA;AAAA,QACT,MAAA,EAAQ,CAAA,UAAA,EAAa,CAAA,CAAE,MAAM,CAAA,CAAA;AAAA,QAC7B,QAAA,EAAU,EAAA;AAAA,QACV,UAAA,EAAY,GAAA;AAAA,QACZ,aAAA,EAAe,QAAA;AAAA,QACf,aAAA,EAAe;AAAA;AACjB,KAAA;AAAA,IAEC;AAAA,GACH;AAEJ;;;;"}

package/dist/components/ui/card.esm.js

@@ -1,5 +1,4 @@
-import { jsx } from 'react/jsx-runtime';
-import { useState } from 'react';
+import React, { useState } from 'react';
 import { useTheme } from '@material-ui/core/styles';
 
 function Card({
@@ -12,7 +11,7 @@ function Card({
   const theme = useTheme();
   const isDark = theme.palette.type === "dark";
   const [hovered, setHovered] = useState(false);
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ React.createElement(
     "div",
     {
       onMouseEnter: () => {
@@ -38,31 +37,34 @@ function Card({
         boxShadow: hovered ? isDark ? "0 8px 24px rgba(0,0,0,0.4)" : "0 8px 24px rgba(0,0,0,0.08)" : "none",
         transition: "transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease",
         ...style
-      },
-      children
-    }
+      }
+    },
+    children
   );
 }
 function CardLabel({ children }) {
   const theme = useTheme();
-  return /* @__PURE__ */ jsx("div", { style: {
+  return /* @__PURE__ */ React.createElement("div", { style: {
     fontSize: 11,
     fontWeight: 600,
     color: theme.palette.text.secondary,
     textTransform: "uppercase",
     letterSpacing: "0.1em"
-  }, children });
+  } }, children);
 }
 function CardFooter({ children }) {
   const theme = useTheme();
   const isDark = theme.palette.type === "dark";
-  return /* @__PURE__ */ jsx("div", { style: {
+  return /* @__PURE__ */ React.createElement("div", { style: {
     fontSize: 12,
     color: theme.palette.text.secondary,
     borderTop: `1px solid ${isDark ? "#27272a" : "#e4e4e7"}`,
     paddingTop: 10,
-    marginTop: 4
-  }, children });
+    marginTop: 4,
+    display: "flex",
+    alignItems: "center",
+    gap: 8
+  } }, children);
 }
 function CardDescription({
   children,
@@ -70,7 +72,7 @@ function CardDescription({
 }) {
   const theme = useTheme();
   const isDark = theme.palette.type === "dark";
-  return /* @__PURE__ */ jsx("div", { style: { fontSize: 12, color: muted ? isDark ? "#3f3f46" : "#a1a1aa" : theme.palette.text.secondary }, children });
+  return /* @__PURE__ */ React.createElement("div", { style: { fontSize: 12, color: muted ? isDark ? "#3f3f46" : "#a1a1aa" : theme.palette.text.secondary } }, children);
 }
 
 export { Card, CardDescription, CardFooter, CardLabel };

package/dist/components/ui/card.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.esm.js","sources":["../../../src/components/ui/card.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { useTheme } from '@material-ui/core/styles';\n\nexport function Card({\n  children, style, onClick, onMouseEnter, onMouseLeave,\n}: {\n  children: React.ReactNode;\n  style?: React.CSSProperties;\n  onClick?: () => void;\n  onMouseEnter?: () => void;\n  onMouseLeave?: () => void;\n}) {\n  const theme = useTheme();\n  const isDark = theme.palette.type === 'dark';\n  const [hovered, setHovered] = useState(false);\n\n  return (\n    <div\n      onMouseEnter={() => { setHovered(true); onMouseEnter?.(); }}\n      onMouseLeave={() => { setHovered(false); onMouseLeave?.(); }}\n      onClick={onClick}\n      style={{\n        background: isDark ? '#0f0f12' : '#ffffff',\n        border: `1px solid ${hovered\n          ? (isDark ? '#3f3f46' : '#c4c4c8')\n          : (isDark ? '#27272a' : '#e4e4e7')}`,\n        borderRadius: 12,\n        padding: '20px 24px',\n        display: 'flex',\n        flexDirection: 'column',\n        gap: 10,\n        flex: '1 1 200px',\n        minWidth: 180,\n        transform: hovered ? 'translateY(-2px)' : 'translateY(0)',\n        boxShadow: hovered\n          ? (isDark ? '0 8px 24px rgba(0,0,0,0.4)' : '0 8px 24px rgba(0,0,0,0.08)')\n          : 'none',\n        transition: 'transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease',\n        ...style,\n      }}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function CardLabel({ children }: { children: React.ReactNode }) {\n  const theme = useTheme();\n  return (\n    <div style={{\n      fontSize: 11,\n      fontWeight: 600,\n      color: theme.palette.text.secondary,\n      textTransform: 'uppercase',\n      letterSpacing: '0.1em',\n    }}>\n      {children}\n    </div>\n  );\n}\n\nexport function CardValue({ value, unit }: { value: number | string; unit: string }) {\n  const theme = useTheme();\n  return (\n    <div style={{ display: 'flex', alignItems: 'baseline', gap: 6 }}>\n      <span style={{ fontSize: 36, fontWeight: 700, color: theme.palette.text.primary, lineHeight: 1 }}>\n        {value}\n      </span>\n      <span style={{ fontSize: 14, color: theme.palette.text.secondary, fontWeight: 500 }}>{unit}</span>\n    </div>\n  );\n}\n\nexport function CardFooter({ children }: { children: React.ReactNode }) {\n  const theme = useTheme();\n  const isDark = theme.palette.type === 'dark';\n  return (\n    <div style={{\n      fontSize: 12,\n      color: theme.palette.text.secondary,\n      borderTop: `1px solid ${isDark ? '#27272a' : '#e4e4e7'}`,\n      paddingTop: 10,\n      marginTop: 4,\n    }}>\n      {children}\n    </div>\n  );\n}\n\nexport function CardDescription({\n  children,\n  muted = false,\n}: {\n  children: React.ReactNode;\n  muted?: boolean;\n}) {\n  const theme = useTheme();\n  const isDark = theme.palette.type === 'dark';\n  return (\n    <div style={{ fontSize: 12, color: muted ? (isDark ? '#3f3f46' : '#a1a1aa') : theme.palette.text.secondary }}>\n      {children}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"card.esm.js","sources":["../../../src/components/ui/card.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { useTheme } from '@material-ui/core/styles';\n\nexport function Card({\n  children, style, onClick, onMouseEnter, onMouseLeave,\n}: {\n  children: React.ReactNode;\n  style?: React.CSSProperties;\n  onClick?: () => void;\n  onMouseEnter?: () => void;\n  onMouseLeave?: () => void;\n}) {\n  const theme = useTheme();\n  const isDark = theme.palette.type === 'dark';\n  const [hovered, setHovered] = useState(false);\n\n  return (\n    <div\n      onMouseEnter={() => { setHovered(true); onMouseEnter?.(); }}\n      onMouseLeave={() => { setHovered(false); onMouseLeave?.(); }}\n      onClick={onClick}\n      style={{\n        background: isDark ? '#0f0f12' : '#ffffff',\n        border: `1px solid ${hovered\n          ? (isDark ? '#3f3f46' : '#c4c4c8')\n          : (isDark ? '#27272a' : '#e4e4e7')}`,\n        borderRadius: 12,\n        padding: '20px 24px',\n        display: 'flex',\n        flexDirection: 'column',\n        gap: 10,\n        flex: '1 1 200px',\n        minWidth: 180,\n        transform: hovered ? 'translateY(-2px)' : 'translateY(0)',\n        boxShadow: hovered\n          ? (isDark ? '0 8px 24px rgba(0,0,0,0.4)' : '0 8px 24px rgba(0,0,0,0.08)')\n          : 'none',\n        transition: 'transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease',\n        ...style,\n      }}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function CardLabel({ children }: { children: React.ReactNode }) {\n  const theme = useTheme();\n  return (\n    <div style={{\n      fontSize: 11,\n      fontWeight: 600,\n      color: theme.palette.text.secondary,\n      textTransform: 'uppercase',\n      letterSpacing: '0.1em',\n    }}>\n      {children}\n    </div>\n  );\n}\n\nexport function CardValue({ value, unit }: { value: number | string; unit: string }) {\n  const theme = useTheme();\n  return (\n    <div style={{ display: 'flex', alignItems: 'baseline', gap: 6 }}>\n      <span style={{ fontSize: 36, fontWeight: 700, color: theme.palette.text.primary, lineHeight: 1 }}>\n        {value}\n      </span>\n      <span style={{ fontSize: 14, color: theme.palette.text.secondary, fontWeight: 500 }}>{unit}</span>\n    </div>\n  );\n}\n\nexport function CardFooter({ children }: { children: React.ReactNode }) {\n  const theme = useTheme();\n  const isDark = theme.palette.type === 'dark';\n  return (\n    <div style={{\n      fontSize: 12,\n      color: theme.palette.text.secondary,\n      borderTop: `1px solid ${isDark ? '#27272a' : '#e4e4e7'}`,\n      paddingTop: 10,\n      marginTop: 4,\n      display: 'flex',\n      alignItems: 'center',\n      gap: 8,\n    }}>\n      {children}\n    </div>\n  );\n}\n\nexport function CardDescription({\n  children,\n  muted = false,\n}: {\n  children: React.ReactNode;\n  muted?: boolean;\n}) {\n  const theme = useTheme();\n  const isDark = theme.palette.type === 'dark';\n  return (\n    <div style={{ fontSize: 12, color: muted ? (isDark ? '#3f3f46' : '#a1a1aa') : theme.palette.text.secondary }}>\n      {children}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/ui/select.esm.js

@@ -1,4 +1,4 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
+import React from 'react';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import { useTheme } from '@material-ui/core/styles';
 import { ChevronDown, Check } from 'lucide-react';
@@ -8,12 +8,12 @@ function Select({
   onValueChange,
   children
 }) {
-  return /* @__PURE__ */ jsx(SelectPrimitive.Root, { value, onValueChange, children });
+  return /* @__PURE__ */ React.createElement(SelectPrimitive.Root, { value, onValueChange }, children);
 }
 function SelectTrigger({ children }) {
   const theme = useTheme();
   const isDark = theme.palette.type === "dark";
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ React.createElement(
     SelectPrimitive.Trigger,
     {
       style: {
@@ -31,21 +31,19 @@ function SelectTrigger({ children }) {
         cursor: "pointer",
         minWidth: 180,
         outline: "none"
-      },
-      children: [
-        children,
-        /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDown, { size: 14, style: { color: isDark ? "#a1a1aa" : "#71717a", flexShrink: 0 } }) })
-      ]
-    }
+      }
+    },
+    children,
+    /* @__PURE__ */ React.createElement(SelectPrimitive.Icon, { asChild: true }, /* @__PURE__ */ React.createElement(ChevronDown, { size: 14, style: { color: isDark ? "#a1a1aa" : "#71717a", flexShrink: 0 } }))
   );
 }
 function SelectValue({ placeholder }) {
-  return /* @__PURE__ */ jsx(SelectPrimitive.Value, { placeholder });
+  return /* @__PURE__ */ React.createElement(SelectPrimitive.Value, { placeholder });
 }
 function SelectContent({ children }) {
   const theme = useTheme();
   const isDark = theme.palette.type === "dark";
-  return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ React.createElement(SelectPrimitive.Portal, null, /* @__PURE__ */ React.createElement(
     SelectPrimitive.Content,
     {
       position: "popper",
@@ -58,10 +56,10 @@ function SelectContent({ children }) {
         boxShadow: isDark ? "0 4px 24px rgba(0,0,0,0.4)" : "0 4px 24px rgba(0,0,0,0.12)",
         zIndex: 9999,
         minWidth: 180
-      },
-      children: /* @__PURE__ */ jsx(SelectPrimitive.Viewport, { children })
-    }
-  ) });
+      }
+    },
+    /* @__PURE__ */ React.createElement(SelectPrimitive.Viewport, null, children)
+  ));
 }
 function SelectItem({
   value,
@@ -69,7 +67,7 @@ function SelectItem({
 }) {
   const theme = useTheme();
   const isDark = theme.palette.type === "dark";
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ React.createElement(
     SelectPrimitive.Item,
     {
       value,
@@ -91,18 +89,16 @@ function SelectItem({
       },
       onMouseLeave: (e) => {
         e.currentTarget.style.background = "transparent";
+      }
+    },
+    /* @__PURE__ */ React.createElement(
+      SelectPrimitive.ItemIndicator,
+      {
+        style: { position: "absolute", right: 8, display: "flex" }
       },
-      children: [
-        /* @__PURE__ */ jsx(
-          SelectPrimitive.ItemIndicator,
-          {
-            style: { position: "absolute", right: 8, display: "flex" },
-            children: /* @__PURE__ */ jsx(Check, { size: 12, style: { color: isDark ? "#a1a1aa" : "#71717a" } })
-          }
-        ),
-        /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
-      ]
-    }
+      /* @__PURE__ */ React.createElement(Check, { size: 12, style: { color: isDark ? "#a1a1aa" : "#71717a" } })
+    ),
+    /* @__PURE__ */ React.createElement(SelectPrimitive.ItemText, null, children)
   );
 }
 

package/dist/components/ui/select.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.esm.js","sources":["../../../src/components/ui/select.tsx"],"sourcesContent":["import React from 'react';\nimport * as SelectPrimitive from '@radix-ui/react-select';\nimport { useTheme } from '@material-ui/core/styles';\nimport { Check, ChevronDown } from 'lucide-react';\n\nexport function Select({\n  value,\n  onValueChange,\n  children,\n}: {\n  value: string;\n  onValueChange: (v: string) => void;\n  children: React.ReactNode;\n}) {\n  return (\n    <SelectPrimitive.Root value={value} onValueChange={onValueChange}>\n      {children}\n    </SelectPrimitive.Root>\n  );\n}\n\nexport function SelectTrigger({ children }: { children: React.ReactNode }) {\n  const theme = useTheme();\n  const isDark = theme.palette.type === 'dark';\n  return (\n    <SelectPrimitive.Trigger\n      style={{\n        display: 'inline-flex',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        gap: 8,\n        borderRadius: 6,\n        border: `1px solid ${isDark ? '#3f3f46' : '#d4d4d8'}`,\n        background: isDark ? '#18181b' : '#ffffff',\n        color: isDark ? '#f4f4f5' : '#111114',\n        padding: '6px 12px',\n        fontSize: 14,\n        fontWeight: 500,\n        cursor: 'pointer',\n        minWidth: 180,\n        outline: 'none',\n      }}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDown size={14} style={{ color: isDark ? '#a1a1aa' : '#71717a', flexShrink: 0 }} />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  );\n}\n\nexport function SelectValue({ placeholder }: { placeholder?: string }) {\n  return <SelectPrimitive.Value placeholder={placeholder} />;\n}\n\nexport function SelectContent({ children }: { children: React.ReactNode }) {\n  const theme = useTheme();\n  const isDark = theme.palette.type === 'dark';\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        position=\"popper\"\n        sideOffset={4}\n        style={{\n          background: isDark ? '#18181b' : '#ffffff',\n          border: `1px solid ${isDark ? '#3f3f46' : '#e4e4e7'}`,\n          borderRadius: 8,\n          padding: 4,\n          boxShadow: isDark\n            ? '0 4px 24px rgba(0,0,0,0.4)'\n            : '0 4px 24px rgba(0,0,0,0.12)',\n          zIndex: 9999,\n          minWidth: 180,\n        }}\n      >\n        <SelectPrimitive.Viewport>{children}</SelectPrimitive.Viewport>\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  );\n}\n\nexport function SelectItem({\n  value,\n  children,\n}: {\n  value: string;\n  children: React.ReactNode;\n}) {\n  const theme = useTheme();\n  const isDark = theme.palette.type === 'dark';\n  return (\n    <SelectPrimitive.Item\n      value={value}\n      style={{\n        display: 'flex',\n        alignItems: 'center',\n        gap: 8,\n        padding: '6px 28px 6px 8px',\n        borderRadius: 4,\n        fontSize: 14,\n        color: isDark ? '#f4f4f5' : '#111114',\n        cursor: 'pointer',\n        outline: 'none',\n        position: 'relative',\n        userSelect: 'none',\n      }}\n      onMouseEnter={e => {\n        (e.currentTarget as HTMLElement).style.background = isDark ? '#27272a' : '#f4f4f6';\n      }}\n      onMouseLeave={e => {\n        (e.currentTarget as HTMLElement).style.background = 'transparent';\n      }}\n    >\n      <SelectPrimitive.ItemIndicator\n        style={{ position: 'absolute', right: 8, display: 'flex' }}\n      >\n        <Check size={12} style={{ color: isDark ? '#a1a1aa' : '#71717a' }} />\n      </SelectPrimitive.ItemIndicator>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"select.esm.js","sources":["../../../src/components/ui/select.tsx"],"sourcesContent":["import React from 'react';\nimport * as SelectPrimitive from '@radix-ui/react-select';\nimport { useTheme } from '@material-ui/core/styles';\nimport { Check, ChevronDown } from 'lucide-react';\n\nexport function Select({\n  value,\n  onValueChange,\n  children,\n}: {\n  value: string;\n  onValueChange: (v: string) => void;\n  children: React.ReactNode;\n}) {\n  return (\n    <SelectPrimitive.Root value={value} onValueChange={onValueChange}>\n      {children}\n    </SelectPrimitive.Root>\n  );\n}\n\nexport function SelectTrigger({ children }: { children: React.ReactNode }) {\n  const theme = useTheme();\n  const isDark = theme.palette.type === 'dark';\n  return (\n    <SelectPrimitive.Trigger\n      style={{\n        display: 'inline-flex',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        gap: 8,\n        borderRadius: 6,\n        border: `1px solid ${isDark ? '#3f3f46' : '#d4d4d8'}`,\n        background: isDark ? '#18181b' : '#ffffff',\n        color: isDark ? '#f4f4f5' : '#111114',\n        padding: '6px 12px',\n        fontSize: 14,\n        fontWeight: 500,\n        cursor: 'pointer',\n        minWidth: 180,\n        outline: 'none',\n      }}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDown size={14} style={{ color: isDark ? '#a1a1aa' : '#71717a', flexShrink: 0 }} />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  );\n}\n\nexport function SelectValue({ placeholder }: { placeholder?: string }) {\n  return <SelectPrimitive.Value placeholder={placeholder} />;\n}\n\nexport function SelectContent({ children }: { children: React.ReactNode }) {\n  const theme = useTheme();\n  const isDark = theme.palette.type === 'dark';\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        position=\"popper\"\n        sideOffset={4}\n        style={{\n          background: isDark ? '#18181b' : '#ffffff',\n          border: `1px solid ${isDark ? '#3f3f46' : '#e4e4e7'}`,\n          borderRadius: 8,\n          padding: 4,\n          boxShadow: isDark\n            ? '0 4px 24px rgba(0,0,0,0.4)'\n            : '0 4px 24px rgba(0,0,0,0.12)',\n          zIndex: 9999,\n          minWidth: 180,\n        }}\n      >\n        <SelectPrimitive.Viewport>{children}</SelectPrimitive.Viewport>\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  );\n}\n\nexport function SelectItem({\n  value,\n  children,\n}: {\n  value: string;\n  children: React.ReactNode;\n}) {\n  const theme = useTheme();\n  const isDark = theme.palette.type === 'dark';\n  return (\n    <SelectPrimitive.Item\n      value={value}\n      style={{\n        display: 'flex',\n        alignItems: 'center',\n        gap: 8,\n        padding: '6px 28px 6px 8px',\n        borderRadius: 4,\n        fontSize: 14,\n        color: isDark ? '#f4f4f5' : '#111114',\n        cursor: 'pointer',\n        outline: 'none',\n        position: 'relative',\n        userSelect: 'none',\n      }}\n      onMouseEnter={e => {\n        (e.currentTarget as HTMLElement).style.background = isDark ? '#27272a' : '#f4f4f6';\n      }}\n      onMouseLeave={e => {\n        (e.currentTarget as HTMLElement).style.background = 'transparent';\n      }}\n    >\n      <SelectPrimitive.ItemIndicator\n        style={{ position: 'absolute', right: 8, display: 'flex' }}\n      >\n        <Check size={12} style={{ color: isDark ? '#a1a1aa' : '#71717a' }} />\n      </SelectPrimitive.ItemIndicator>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/extensions/api.esm.js

@@ -2,6 +2,7 @@ import { ApiBlueprint, createApiFactory, configApiRef } from '@backstage/fronten
 import { githubAuthApiRef } from '@backstage/core-plugin-api';
 import { doraMetricsApiRef } from '../api/types.esm.js';
 import { DoraMetricsClient } from '../api/DoraMetricsClient.esm.js';
+import { MockDoraMetricsClient } from '../api/MockDoraMetricsClient.esm.js';
 
 const doraMetricsApiExtension = ApiBlueprint.make({
   name: "dora-metrics",
@@ -12,7 +13,10 @@ const doraMetricsApiExtension = ApiBlueprint.make({
         githubAuthApi: githubAuthApiRef,
         configApi: configApiRef
       },
-      factory: ({ githubAuthApi, configApi }) => new DoraMetricsClient(githubAuthApi, configApi)
+      factory: ({ githubAuthApi, configApi }) => {
+        const debug = configApi.getConfig("app").getOptionalConfig("doraMetrics")?.getOptionalBoolean("debug") ?? false;
+        return debug ? new MockDoraMetricsClient() : new DoraMetricsClient(githubAuthApi, configApi);
+      }
     })
   )
 });

package/dist/extensions/api.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"api.esm.js","sources":["../../src/extensions/api.ts"],"sourcesContent":["import {\n  ApiBlueprint,\n  createApiFactory,\n  configApiRef,\n} from '@backstage/frontend-plugin-api';\nimport { githubAuthApiRef} from '@backstage/core-plugin-api';\nimport { doraMetricsApiRef } from '../api/types';\nimport { DoraMetricsClient } from '../api/DoraMetricsClient';\n\nexport const doraMetricsApiExtension = ApiBlueprint.make({\n  name: 'dora-metrics',\n  params: createApi =>\n    createApi(\n      createApiFactory({\n        api: doraMetricsApiRef,\n        deps: {\n          githubAuthApi: githubAuthApiRef,\n          configApi: configApiRef,\n        },\n        factory: ({ githubAuthApi, configApi }) =>\n          new DoraMetricsClient(githubAuthApi, configApi),\n      }),\n    ),\n});\n"],"names":[],"mappings":";;;;;AASO,MAAM,uBAAA,GAA0B,aAAa,IAAA,CAAK;AAAA,EACvD,IAAA,EAAM,cAAA;AAAA,EACN,QAAQ,CAAA,SAAA,KACN,SAAA;AAAA,IACE,gBAAA,CAAiB;AAAA,MACf,GAAA,EAAK,iBAAA;AAAA,MACL,IAAA,EAAM;AAAA,QACJ,aAAA,EAAe,gBAAA;AAAA,QACf,SAAA,EAAW;AAAA,OACb;AAAA,MACA,OAAA,EAAS,CAAC,EAAE,aAAA,EAAe,WAAU,KACnC,IAAI,iBAAA,CAAkB,aAAA,EAAe,SAAS;AAAA,KACjD;AAAA;AAEP,CAAC;;;;"}
+{"version":3,"file":"api.esm.js","sources":["../../src/extensions/api.ts"],"sourcesContent":["import {\n  ApiBlueprint,\n  createApiFactory,\n  configApiRef,\n} from '@backstage/frontend-plugin-api';\nimport { githubAuthApiRef} from '@backstage/core-plugin-api';\nimport { doraMetricsApiRef } from '../api/types';\nimport { DoraMetricsClient } from '../api/DoraMetricsClient';\nimport { MockDoraMetricsClient } from '../api/MockDoraMetricsClient';\n\nexport const doraMetricsApiExtension = ApiBlueprint.make({\n  name: 'dora-metrics',\n  params: createApi =>\n    createApi(\n      createApiFactory({\n        api: doraMetricsApiRef,\n        deps: {\n          githubAuthApi: githubAuthApiRef,\n          configApi: configApiRef,\n        },\n        factory: ({ githubAuthApi, configApi }) => {\n          const debug = configApi\n            .getConfig('app')\n            .getOptionalConfig('doraMetrics')\n            ?.getOptionalBoolean('debug') ?? false;\n\n          return debug\n            ? new MockDoraMetricsClient()\n            : new DoraMetricsClient(githubAuthApi, configApi);\n        },\n      }),\n    ),\n});\n"],"names":[],"mappings":";;;;;;AAUO,MAAM,uBAAA,GAA0B,aAAa,IAAA,CAAK;AAAA,EACvD,IAAA,EAAM,cAAA;AAAA,EACN,QAAQ,CAAA,SAAA,KACN,SAAA;AAAA,IACE,gBAAA,CAAiB;AAAA,MACf,GAAA,EAAK,iBAAA;AAAA,MACL,IAAA,EAAM;AAAA,QACJ,aAAA,EAAe,gBAAA;AAAA,QACf,SAAA,EAAW;AAAA,OACb;AAAA,MACA,OAAA,EAAS,CAAC,EAAE,aAAA,EAAe,WAAU,KAAM;AACzC,QAAA,MAAM,KAAA,GAAQ,SAAA,CACX,SAAA,CAAU,KAAK,CAAA,CACf,kBAAkB,aAAa,CAAA,EAC9B,kBAAA,CAAmB,OAAO,CAAA,IAAK,KAAA;AAEnC,QAAA,OAAO,QACH,IAAI,qBAAA,KACJ,IAAI,iBAAA,CAAkB,eAAe,SAAS,CAAA;AAAA,MACpD;AAAA,KACD;AAAA;AAEP,CAAC;;;;"}

package/dist/extensions/entityContent.esm.js

@@ -1,4 +1,4 @@
-import { jsx } from 'react/jsx-runtime';
+import React from 'react';
 import { EntityContentBlueprint } from '@backstage/plugin-catalog-react/alpha';
 
 const doraMetricsEntityContentExtension = EntityContentBlueprint.make({
@@ -6,7 +6,7 @@ const doraMetricsEntityContentExtension = EntityContentBlueprint.make({
     path: "dora-metrics",
     title: "DORA Metrics",
     filter: (entity) => entity.spec?.type === "service" || Boolean(entity.metadata.annotations?.["github.com/project-slug"]),
-    loader: () => import('../components/DoraMetricsContent.esm.js').then((m) => /* @__PURE__ */ jsx(m.DoraMetricsContent, {}))
+    loader: () => import('../components/DoraMetricsContent.esm.js').then((m) => /* @__PURE__ */ React.createElement(m.DoraMetricsContent, null))
   }
 });
 

package/dist/extensions/entityContent.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"entityContent.esm.js","sources":["../../src/extensions/entityContent.tsx"],"sourcesContent":["import { EntityContentBlueprint } from '@backstage/plugin-catalog-react/alpha';\n\nexport const doraMetricsEntityContentExtension = EntityContentBlueprint.make({\n  params: {\n    path: 'dora-metrics',\n    title: 'DORA Metrics',\n    filter: entity =>\n      entity.spec?.type === 'service' ||\n      Boolean(entity.metadata.annotations?.['github.com/project-slug']),\n    loader: () =>\n      import('../components/DoraMetricsContent').then(m => (\n        <m.DoraMetricsContent />\n      )),\n  },\n});\n"],"names":[],"mappings":";;;AAEO,MAAM,iCAAA,GAAoC,uBAAuB,IAAA,CAAK;AAAA,EAC3E,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,cAAA;AAAA,IACN,KAAA,EAAO,cAAA;AAAA,IACP,MAAA,EAAQ,CAAA,MAAA,KACN,MAAA,CAAO,IAAA,EAAM,IAAA,KAAS,SAAA,IACtB,OAAA,CAAQ,MAAA,CAAO,QAAA,CAAS,WAAA,GAAc,yBAAyB,CAAC,CAAA;AAAA,IAClE,MAAA,EAAQ,MACN,OAAO,yCAAkC,CAAA,CAAE,IAAA,CAAK,CAAA,CAAA,qBAC9C,GAAA,CAAC,CAAA,CAAE,kBAAA,EAAF,EAAqB,CACvB;AAAA;AAEP,CAAC;;;;"}
+{"version":3,"file":"entityContent.esm.js","sources":["../../src/extensions/entityContent.tsx"],"sourcesContent":["import React from 'react';\nimport { EntityContentBlueprint } from '@backstage/plugin-catalog-react/alpha';\n\nexport const doraMetricsEntityContentExtension = EntityContentBlueprint.make({\n  params: {\n    path: 'dora-metrics',\n    title: 'DORA Metrics',\n    filter: entity =>\n      entity.spec?.type === 'service' ||\n      Boolean(entity.metadata.annotations?.['github.com/project-slug']),\n    loader: () =>\n      import('../components/DoraMetricsContent').then(m => (\n        <m.DoraMetricsContent />\n      )),\n  },\n});\n"],"names":[],"mappings":";;;AAGO,MAAM,iCAAA,GAAoC,uBAAuB,IAAA,CAAK;AAAA,EAC3E,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,cAAA;AAAA,IACN,KAAA,EAAO,cAAA;AAAA,IACP,MAAA,EAAQ,CAAA,MAAA,KACN,MAAA,CAAO,IAAA,EAAM,IAAA,KAAS,SAAA,IACtB,OAAA,CAAQ,MAAA,CAAO,QAAA,CAAS,WAAA,GAAc,yBAAyB,CAAC,CAAA;AAAA,IAClE,MAAA,EAAQ,MACN,OAAO,yCAAkC,CAAA,CAAE,IAAA,CAAK,CAAA,CAAA,qBAC9C,KAAA,CAAA,aAAA,CAAC,CAAA,CAAE,kBAAA,EAAF,IAAqB,CACvB;AAAA;AAEP,CAAC;;;;"}

package/dist/index.d.ts

@@ -1,10 +1,11 @@
 export { default as doraMetricsPlugin } from './alpha.js';
-import * as _backstage_frontend_plugin_api from '@backstage/frontend-plugin-api';
+import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
 import { OAuthApi, ConfigApi } from '@backstage/core-plugin-api';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import '@backstage/catalog-model';
 import 'react';
 import '@backstage/filter-predicates';
+import '@backstage/frontend-plugin-api';
 
 type DoraRating = 'elite' | 'high' | 'medium' | 'low';
 interface PrDetail {
@@ -25,10 +26,21 @@ interface DoraMetricValue {
 }
 interface DoraEnvironment {
     name: string;
+    /**
+     * Raw branch pattern as configured — a single branch name, a comma-separated
+     * list ("main,master"), or a JavaScript regex string ("^(main|master)$").
+     * The client resolves this to a concrete list of branches at query time.
+     */
     branch: string;
     isProduction: boolean;
     label: string;
 }
+interface DoraTargets {
+    deploymentFrequency: number;
+    leadTime: number;
+    changeFailureRate: number;
+    mttr: number;
+}
 interface DoraMetrics {
     deploymentFrequency: DoraMetricValue;
     leadTime: DoraMetricValue;
@@ -50,10 +62,11 @@ interface DoraHistoryPoint {
 interface DoraMetricsApi {
     getEnvironments(): DoraEnvironment[];
     getDefaultDays(): number;
-    getMetrics(projectSlug: string, branch: string, isProduction: boolean, label: string, days: number): Promise<DoraMetrics>;
-    getHistory(projectSlug: string, branch: string, isProduction: boolean, label: string, days: number): Promise<DoraHistoryPoint[]>;
+    getTargets(): DoraTargets;
+    getMetrics(projectSlug: string, env: DoraEnvironment, days: number, targetsOverride?: Partial<DoraTargets>): Promise<DoraMetrics>;
+    getHistory(projectSlug: string, env: DoraEnvironment, days: number): Promise<DoraHistoryPoint[]>;
 }
-declare const doraMetricsApiRef: _backstage_frontend_plugin_api.ApiRef<DoraMetricsApi>;
+declare const doraMetricsApiRef: _backstage_core_plugin_api.ApiRef<DoraMetricsApi>;
 
 declare class DoraMetricsClient implements DoraMetricsApi {
     private readonly githubAuthApi;
@@ -62,12 +75,26 @@ declare class DoraMetricsClient implements DoraMetricsApi {
     private getConfig;
     getEnvironments(): DoraEnvironment[];
     getDefaultDays(): number;
+    getTargets(): DoraTargets;
     private fetchWithAuth;
-    getMetrics(projectSlug: string, branch: string, isProduction: boolean, label: string, days: number): Promise<DoraMetrics>;
-    getHistory(projectSlug: string, branch: string, isProduction: boolean, label: string, days: number): Promise<DoraHistoryPoint[]>;
+    /**
+     * Fetch all merged PRs for an environment, resolving branch patterns and
+     * deduplicating across multiple branches by PR number.
+     */
+    private fetchMergedPRs;
+    getMetrics(projectSlug: string, env: DoraEnvironment, days: number, targetsOverride?: Partial<DoraTargets>): Promise<DoraMetrics>;
+    getHistory(projectSlug: string, env: DoraEnvironment, days: number): Promise<DoraHistoryPoint[]>;
+}
+
+declare class MockDoraMetricsClient implements DoraMetricsApi {
+    getEnvironments(): DoraEnvironment[];
+    getDefaultDays(): number;
+    getTargets(): DoraTargets;
+    getMetrics(_projectSlug: string, env: DoraEnvironment, _days: number, _targetsOverride?: Partial<DoraTargets>): Promise<DoraMetrics>;
+    getHistory(_projectSlug: string, env: DoraEnvironment, _days: number): Promise<DoraHistoryPoint[]>;
 }
 
 declare function DoraMetricsContent(): react_jsx_runtime.JSX.Element | null;
 
-export { DoraMetricsClient, DoraMetricsContent, doraMetricsApiRef };
-export type { DoraMetricValue, DoraMetrics, DoraMetricsApi, DoraRating };
+export { DoraMetricsClient, DoraMetricsContent, MockDoraMetricsClient, doraMetricsApiRef };
+export type { DoraEnvironment, DoraMetricValue, DoraMetrics, DoraMetricsApi, DoraRating, DoraTargets, PrDetail };

package/dist/index.esm.js

@@ -1,5 +1,6 @@
 export { doraMetricsPlugin } from './plugin.esm.js';
 export { doraMetricsApiRef } from './api/types.esm.js';
 export { DoraMetricsClient } from './api/DoraMetricsClient.esm.js';
+export { MockDoraMetricsClient } from './api/MockDoraMetricsClient.esm.js';
 export { DoraMetricsContent } from './components/DoraMetricsContent.esm.js';
 //# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@c2l2c/backstage-plugin-dora-metrics",
-  "version": "0.1.0",
+  "version": "0.3.2",
   "description": "A Backstage frontend plugin that displays DORA metrics (Deployment Frequency, Lead Time, Change Failure Rate, MTTR) for catalog entities via the GitHub API.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
@@ -10,17 +10,8 @@
     "configSchema": "config.d.ts"
   },
   "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs.js"
-    },
-    "./alpha": {
-      "backstage": "@backstage/FrontendPlugin",
-      "types": "./dist/alpha.d.ts",
-      "import": "./dist/alpha.esm.js",
-      "require": "./dist/alpha.cjs.js"
-    },
+    ".": "./src/index.ts",
+    "./alpha": "./src/alpha.ts",
     "./package.json": "./package.json"
   },
   "files": [
@@ -63,15 +54,23 @@
     "@backstage/config": "^1.3.2",
     "@backstage/core-components": "^0.18.7",
     "@backstage/core-plugin-api": "^1.12.3",
-    "@backstage/frontend-plugin-api": "^0.9.5",
+    "@backstage/frontend-plugin-api": "^0.15.1",
     "@backstage/plugin-catalog-react": "^2.0.0",
+    "@material-ui/core": "^4.12.4",
     "@radix-ui/react-select": "^2.2.6",
-    "lucide-react": "^0.577.0"
+    "lucide-react": "^1.7.0"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.35.4"
+    "@backstage/cli": "^0.36.0",
+    "@backstage/cli-defaults": "^0.1.0",
+    "@types/react": "^18",
+    "jest": "^30",
+    "jest-environment-jsdom": "^30"
   },
   "peerDependencies": {
     "react": "^17.0.0 || ^18.0.0"
+  },
+  "engines": {
+    "node": ">=20"
   }
 }