@principal-ade/code-quality-panels 0.1.16 → 0.1.19

package/dist/panels.bundle.js

@@ -106,7 +106,7 @@ const createLucideIcon = (iconName, iconNode) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$d = [
+const __iconNode$e = [
   ["path", { d: "M12 7v14", key: "1akyts" }],
   [
     "path",
@@ -116,14 +116,14 @@ const __iconNode$d = [
     }
   ]
 ];
-const BookOpen = createLucideIcon("book-open", __iconNode$d);
+const BookOpen = createLucideIcon("book-open", __iconNode$e);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$c = [
+const __iconNode$d = [
   [
     "path",
     { d: "M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1", key: "ezmyqa" }
@@ -136,7 +136,27 @@ const __iconNode$c = [
     }
   ]
 ];
-const Braces = createLucideIcon("braces", __iconNode$c);
+const Braces = createLucideIcon("braces", __iconNode$d);
+/**
+ * @license lucide-react v0.552.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$c = [
+  ["path", { d: "M12 20v-9", key: "1qisl0" }],
+  ["path", { d: "M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z", key: "uouzyp" }],
+  ["path", { d: "M14.12 3.88 16 2", key: "qol33r" }],
+  ["path", { d: "M21 21a4 4 0 0 0-3.81-4", key: "1b0z45" }],
+  ["path", { d: "M21 5a4 4 0 0 1-3.55 3.97", key: "5cxbf6" }],
+  ["path", { d: "M22 13h-4", key: "1jl80f" }],
+  ["path", { d: "M3 21a4 4 0 0 1 3.81-4", key: "1fjd4g" }],
+  ["path", { d: "M3 5a4 4 0 0 0 3.55 3.97", key: "1d7oge" }],
+  ["path", { d: "M6 13H2", key: "82j7cp" }],
+  ["path", { d: "m8 2 1.88 1.88", key: "fmnt4t" }],
+  ["path", { d: "M9 7.13V6a3 3 0 1 1 6 0v1.13", key: "1vgav8" }]
+];
+const Bug = createLucideIcon("bug", __iconNode$c);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
@@ -369,7 +389,7 @@ function getThemeColors(theme) {
     }
   };
 }
-function getValueColor$1(value, key) {
+function getValueColor$2(value, key) {
   const effectiveValue = key === "deadCode" ? 100 - value : value;
   if (effectiveValue >= 80) return "#2E7D32";
   if (effectiveValue >= 60) return "#E6A700";
@@ -750,7 +770,7 @@ function QualityHexagonDetailed({
               /* @__PURE__ */ jsxs("span", { style: {
                 fontSize: 14,
                 fontWeight: 500,
-                color: getValueColor$1(value, key)
+                color: getValueColor$2(value, key)
               }, children: [
                 value,
                 "%"
@@ -949,7 +969,7 @@ function QualityHexagonExpandable({
                     /* @__PURE__ */ jsxs("span", { style: {
                       fontSize: 14,
                       fontWeight: 500,
-                      color: getValueColor$1(value, key)
+                      color: getValueColor$2(value, key)
                     }, children: [
                       value,
                       "%"
@@ -1682,7 +1702,7 @@ function formatLabel(item, showRepositoryName, isSameAsRepo) {
   }
   return `${item.repositoryName} / ${item.packageName}`;
 }
-function getValueColor(value, key) {
+function getValueColor$1(value, key) {
   const effectiveValue = key === "deadCode" ? 100 - value : value;
   if (effectiveValue >= 80) return "#2E7D32";
   if (effectiveValue >= 60) return "#E6A700";
@@ -1715,7 +1735,7 @@ function RepositoryQualityGridItem({
         return {
           label: option.label,
           value,
-          valueColor: getValueColor(value, selectedMetric)
+          valueColor: getValueColor$1(value, selectedMetric)
         };
       }
     }
@@ -1723,7 +1743,7 @@ function RepositoryQualityGridItem({
       return {
         label: hoveredVertex.label,
         value: hoveredVertex.value,
-        valueColor: getValueColor(hoveredVertex.value, hoveredVertex.key)
+        valueColor: getValueColor$1(hoveredVertex.value, hoveredVertex.key)
       };
     }
     return null;
@@ -2165,6 +2185,960 @@ const RepositoryQualityGridPanelContent = ({
   );
 };
 const RepositoryQualityGridPanel = RepositoryQualityGridPanelContent;
+function groupResultsByPackage(results) {
+  var _a;
+  const map = /* @__PURE__ */ new Map();
+  for (const result of results) {
+    const key = ((_a = result.package) == null ? void 0 : _a.name) ?? "unknown";
+    const existing = map.get(key) || [];
+    existing.push(result);
+    map.set(key, existing);
+  }
+  return map;
+}
+function getFilesWithIssues(issues) {
+  const fileMap = /* @__PURE__ */ new Map();
+  for (const issue of issues) {
+    if (!issue.file) continue;
+    const existing = fileMap.get(issue.file) || [];
+    existing.push(issue);
+    fileMap.set(issue.file, existing);
+  }
+  return fileMap;
+}
+function getSeverityColor(severity) {
+  switch (severity) {
+    case "error":
+      return "#ef4444";
+    case "warning":
+      return "#f59e0b";
+    case "info":
+      return "#3b82f6";
+    case "hint":
+      return "#6b7280";
+    default:
+      return "#6b7280";
+  }
+}
+function getSeverityBg(severity) {
+  switch (severity) {
+    case "error":
+      return "rgba(239, 68, 68, 0.1)";
+    case "warning":
+      return "rgba(245, 158, 11, 0.1)";
+    case "info":
+      return "rgba(59, 130, 246, 0.1)";
+    case "hint":
+      return "rgba(107, 114, 128, 0.1)";
+    default:
+      return "rgba(107, 114, 128, 0.1)";
+  }
+}
+function getPackageSummary(results) {
+  var _a, _b, _c, _d, _e;
+  let totalErrors = 0;
+  let totalWarnings = 0;
+  let passCount = 0;
+  let failCount = 0;
+  for (const result of results) {
+    totalErrors += ((_b = (_a = result.metrics) == null ? void 0 : _a.issuesBySeverity) == null ? void 0 : _b.error) ?? 0;
+    totalWarnings += ((_d = (_c = result.metrics) == null ? void 0 : _c.issuesBySeverity) == null ? void 0 : _d.warning) ?? 0;
+    if ((_e = result.execution) == null ? void 0 : _e.success) {
+      passCount++;
+    } else {
+      failCount++;
+    }
+  }
+  return { totalErrors, totalWarnings, passCount, failCount, lensCount: results.length };
+}
+function LensDataDebugPanel$1({
+  data,
+  theme,
+  className,
+  selectedPackage: initialSelectedPackage,
+  onFileClick,
+  onPackageSelect
+}) {
+  const packageGroups = React2.useMemo(() => groupResultsByPackage((data == null ? void 0 : data.results) ?? []), [data == null ? void 0 : data.results]);
+  const packageNames = React2.useMemo(() => Array.from(packageGroups.keys()), [packageGroups]);
+  const [selectedPackage, setSelectedPackage] = React2.useState(
+    initialSelectedPackage || (packageNames.length === 1 ? packageNames[0] : null)
+  );
+  const [expandedLens, setExpandedLens] = React2.useState(null);
+  const [expandedFiles, setExpandedFiles] = React2.useState(/* @__PURE__ */ new Set());
+  const handlePackageSelect = (pkg) => {
+    setSelectedPackage(pkg);
+    setExpandedLens(null);
+    setExpandedFiles(/* @__PURE__ */ new Set());
+    onPackageSelect == null ? void 0 : onPackageSelect(pkg);
+  };
+  const toggleLens = (lensId) => {
+    setExpandedLens(expandedLens === lensId ? null : lensId);
+    setExpandedFiles(/* @__PURE__ */ new Set());
+  };
+  const toggleFile = (file) => {
+    const newSet = new Set(expandedFiles);
+    if (newSet.has(file)) {
+      newSet.delete(file);
+    } else {
+      newSet.add(file);
+    }
+    setExpandedFiles(newSet);
+  };
+  const selectedResults = selectedPackage ? packageGroups.get(selectedPackage) || [] : [];
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(className),
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        gap: 8,
+        padding: 16,
+        backgroundColor: theme.colors.background,
+        fontFamily: "monospace",
+        fontSize: 13
+      },
+      children: [
+        packageNames.length > 1 && /* @__PURE__ */ jsx("div", { style: {
+          display: "flex",
+          flexWrap: "wrap",
+          gap: 8,
+          marginBottom: 8
+        }, children: packageNames.map((pkg) => {
+          const summary = getPackageSummary(packageGroups.get(pkg) || []);
+          const isSelected = selectedPackage === pkg;
+          return /* @__PURE__ */ jsxs(
+            "button",
+            {
+              onClick: () => handlePackageSelect(pkg),
+              style: {
+                display: "flex",
+                alignItems: "center",
+                gap: 8,
+                padding: "8px 12px",
+                borderRadius: 6,
+                border: `1px solid ${isSelected ? theme.colors.primary : theme.colors.border}`,
+                backgroundColor: isSelected ? theme.colors.surface : "transparent",
+                color: theme.colors.text,
+                cursor: "pointer",
+                transition: "all 0.15s ease"
+              },
+              children: [
+                /* @__PURE__ */ jsx("span", { style: { fontWeight: 500 }, children: pkg }),
+                /* @__PURE__ */ jsxs("span", { style: {
+                  fontSize: 11,
+                  padding: "2px 6px",
+                  borderRadius: 4,
+                  backgroundColor: summary.totalErrors > 0 ? getSeverityBg("error") : summary.totalWarnings > 0 ? getSeverityBg("warning") : "rgba(34, 197, 94, 0.1)",
+                  color: summary.totalErrors > 0 ? getSeverityColor("error") : summary.totalWarnings > 0 ? getSeverityColor("warning") : "#22c55e"
+                }, children: [
+                  summary.passCount,
+                  "/",
+                  summary.lensCount,
+                  " pass"
+                ] })
+              ]
+            },
+            pkg
+          );
+        }) }),
+        packageNames.length === 1 && /* @__PURE__ */ jsxs("div", { style: {
+          display: "flex",
+          alignItems: "center",
+          gap: 12,
+          padding: "8px 12px",
+          backgroundColor: theme.colors.surface,
+          borderRadius: 6,
+          marginBottom: 8
+        }, children: [
+          /* @__PURE__ */ jsx("span", { style: { fontWeight: 600, color: theme.colors.text }, children: packageNames[0] }),
+          (() => {
+            const summary = getPackageSummary(selectedResults);
+            return /* @__PURE__ */ jsxs("span", { style: {
+              fontSize: 11,
+              padding: "2px 6px",
+              borderRadius: 4,
+              backgroundColor: summary.totalErrors > 0 ? getSeverityBg("error") : summary.totalWarnings > 0 ? getSeverityBg("warning") : "rgba(34, 197, 94, 0.1)",
+              color: summary.totalErrors > 0 ? getSeverityColor("error") : summary.totalWarnings > 0 ? getSeverityColor("warning") : "#22c55e"
+            }, children: [
+              summary.passCount,
+              "/",
+              summary.lensCount,
+              " pass"
+            ] });
+          })()
+        ] }),
+        !selectedPackage && packageNames.length > 1 && /* @__PURE__ */ jsx("div", { style: {
+          padding: 24,
+          textAlign: "center",
+          color: theme.colors.textMuted,
+          backgroundColor: theme.colors.surface,
+          borderRadius: 6
+        }, children: "Select a package above to view lens results" }),
+        selectedPackage && selectedResults.map((result, idx) => {
+          var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s;
+          const lensKey = `${((_a = result.lens) == null ? void 0 : _a.id) ?? "unknown"}-${idx}`;
+          const isExpanded = expandedLens === lensKey;
+          const filesWithIssues = getFilesWithIssues(result.issues ?? []);
+          const hasIssues = (((_b = result.issues) == null ? void 0 : _b.length) ?? 0) > 0;
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: {
+                border: `1px solid ${theme.colors.border}`,
+                borderRadius: 6,
+                overflow: "hidden"
+              },
+              children: [
+                /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    onClick: () => toggleLens(lensKey),
+                    style: {
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "space-between",
+                      padding: "10px 12px",
+                      backgroundColor: theme.colors.surface,
+                      cursor: "pointer",
+                      gap: 12
+                    },
+                    children: [
+                      /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+                        /* @__PURE__ */ jsx(
+                          "svg",
+                          {
+                            width: "14",
+                            height: "14",
+                            viewBox: "0 0 24 24",
+                            fill: "none",
+                            stroke: theme.colors.textMuted,
+                            strokeWidth: "2",
+                            style: {
+                              transform: isExpanded ? "rotate(90deg)" : "rotate(0deg)",
+                              transition: "transform 0.15s ease"
+                            },
+                            children: /* @__PURE__ */ jsx("polyline", { points: "9,18 15,12 9,6" })
+                          }
+                        ),
+                        /* @__PURE__ */ jsx("span", { style: { fontWeight: 600, color: theme.colors.text }, children: ((_c = result.lens) == null ? void 0 : _c.id) ?? "unknown" }),
+                        /* @__PURE__ */ jsxs("span", { style: { color: theme.colors.textMuted }, children: [
+                          "(",
+                          ((_d = result.lens) == null ? void 0 : _d.command) ?? "",
+                          ")"
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 12 }, children: [
+                        /* @__PURE__ */ jsx("span", { style: {
+                          padding: "2px 6px",
+                          borderRadius: 4,
+                          fontSize: 11,
+                          backgroundColor: ((_e = result.execution) == null ? void 0 : _e.success) ? "rgba(34, 197, 94, 0.1)" : "rgba(239, 68, 68, 0.1)",
+                          color: ((_f = result.execution) == null ? void 0 : _f.success) ? "#22c55e" : "#ef4444"
+                        }, children: ((_g = result.execution) == null ? void 0 : _g.success) ? "pass" : "fail" }),
+                        hasIssues && /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: 6 }, children: [
+                          (((_i = (_h = result.metrics) == null ? void 0 : _h.issuesBySeverity) == null ? void 0 : _i.error) ?? 0) > 0 && /* @__PURE__ */ jsxs("span", { style: {
+                            padding: "2px 6px",
+                            borderRadius: 4,
+                            fontSize: 11,
+                            backgroundColor: getSeverityBg("error"),
+                            color: getSeverityColor("error")
+                          }, children: [
+                            ((_k = (_j = result.metrics) == null ? void 0 : _j.issuesBySeverity) == null ? void 0 : _k.error) ?? 0,
+                            " errors"
+                          ] }),
+                          (((_m = (_l = result.metrics) == null ? void 0 : _l.issuesBySeverity) == null ? void 0 : _m.warning) ?? 0) > 0 && /* @__PURE__ */ jsxs("span", { style: {
+                            padding: "2px 6px",
+                            borderRadius: 4,
+                            fontSize: 11,
+                            backgroundColor: getSeverityBg("warning"),
+                            color: getSeverityColor("warning")
+                          }, children: [
+                            ((_o = (_n = result.metrics) == null ? void 0 : _n.issuesBySeverity) == null ? void 0 : _o.warning) ?? 0,
+                            " warnings"
+                          ] })
+                        ] }),
+                        /* @__PURE__ */ jsxs("span", { style: { fontSize: 12, color: theme.colors.textMuted }, children: [
+                          ((_p = result.metrics) == null ? void 0 : _p.filesAnalyzed) ?? 0,
+                          " files"
+                        ] })
+                      ] })
+                    ]
+                  }
+                ),
+                isExpanded && /* @__PURE__ */ jsxs("div", { style: {
+                  padding: 12,
+                  backgroundColor: theme.colors.backgroundLight,
+                  borderTop: `1px solid ${theme.colors.border}`
+                }, children: [
+                  /* @__PURE__ */ jsxs("div", { style: {
+                    display: "grid",
+                    gridTemplateColumns: "repeat(auto-fit, minmax(120px, 1fr))",
+                    gap: 8,
+                    marginBottom: 16,
+                    padding: 12,
+                    backgroundColor: theme.colors.surface,
+                    borderRadius: 4
+                  }, children: [
+                    /* @__PURE__ */ jsxs("div", { children: [
+                      /* @__PURE__ */ jsx("div", { style: { fontSize: 11, color: theme.colors.textMuted }, children: "Files Analyzed" }),
+                      /* @__PURE__ */ jsx("div", { style: { fontSize: 16, fontWeight: 600, color: theme.colors.text }, children: ((_q = result.metrics) == null ? void 0 : _q.filesAnalyzed) ?? 0 })
+                    ] }),
+                    /* @__PURE__ */ jsxs("div", { children: [
+                      /* @__PURE__ */ jsx("div", { style: { fontSize: 11, color: theme.colors.textMuted }, children: "Total Issues" }),
+                      /* @__PURE__ */ jsx("div", { style: { fontSize: 16, fontWeight: 600, color: theme.colors.text }, children: ((_r = result.metrics) == null ? void 0 : _r.totalIssues) ?? 0 })
+                    ] }),
+                    /* @__PURE__ */ jsxs("div", { children: [
+                      /* @__PURE__ */ jsx("div", { style: { fontSize: 11, color: theme.colors.textMuted }, children: "Duration" }),
+                      /* @__PURE__ */ jsxs("div", { style: { fontSize: 16, fontWeight: 600, color: theme.colors.text }, children: [
+                        ((_s = result.execution) == null ? void 0 : _s.duration) ?? 0,
+                        "ms"
+                      ] })
+                    ] }),
+                    result.coverage && /* @__PURE__ */ jsxs("div", { children: [
+                      /* @__PURE__ */ jsx("div", { style: { fontSize: 11, color: theme.colors.textMuted }, children: "Coverage" }),
+                      /* @__PURE__ */ jsxs("div", { style: { fontSize: 16, fontWeight: 600, color: theme.colors.text }, children: [
+                        result.coverage.line,
+                        "%"
+                      ] })
+                    ] })
+                  ] }),
+                  filesWithIssues.size > 0 ? /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsxs("div", { style: {
+                      fontSize: 12,
+                      fontWeight: 600,
+                      color: theme.colors.textMuted,
+                      marginBottom: 8
+                    }, children: [
+                      "Files with Issues (",
+                      filesWithIssues.size,
+                      ")"
+                    ] }),
+                    /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: Array.from(filesWithIssues.entries()).map(([file, issues]) => {
+                      const isFileExpanded = expandedFiles.has(file);
+                      return /* @__PURE__ */ jsxs(
+                        "div",
+                        {
+                          style: {
+                            border: `1px solid ${theme.colors.border}`,
+                            borderRadius: 4,
+                            overflow: "hidden"
+                          },
+                          children: [
+                            /* @__PURE__ */ jsxs(
+                              "div",
+                              {
+                                onClick: () => toggleFile(file),
+                                style: {
+                                  display: "flex",
+                                  alignItems: "center",
+                                  justifyContent: "space-between",
+                                  padding: "8px 10px",
+                                  backgroundColor: theme.colors.surface,
+                                  cursor: "pointer"
+                                },
+                                children: [
+                                  /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
+                                    /* @__PURE__ */ jsx(
+                                      "svg",
+                                      {
+                                        width: "12",
+                                        height: "12",
+                                        viewBox: "0 0 24 24",
+                                        fill: "none",
+                                        stroke: theme.colors.textMuted,
+                                        strokeWidth: "2",
+                                        style: {
+                                          transform: isFileExpanded ? "rotate(90deg)" : "rotate(0deg)",
+                                          transition: "transform 0.15s ease"
+                                        },
+                                        children: /* @__PURE__ */ jsx("polyline", { points: "9,18 15,12 9,6" })
+                                      }
+                                    ),
+                                    /* @__PURE__ */ jsx(
+                                      "span",
+                                      {
+                                        style: {
+                                          color: theme.colors.text,
+                                          cursor: onFileClick ? "pointer" : "default"
+                                        },
+                                        onClick: (e) => {
+                                          if (onFileClick) {
+                                            e.stopPropagation();
+                                            onFileClick(file);
+                                          }
+                                        },
+                                        children: file
+                                      }
+                                    )
+                                  ] }),
+                                  /* @__PURE__ */ jsxs("span", { style: {
+                                    fontSize: 11,
+                                    padding: "2px 6px",
+                                    borderRadius: 4,
+                                    backgroundColor: getSeverityBg("error"),
+                                    color: getSeverityColor("error")
+                                  }, children: [
+                                    issues.length,
+                                    " issues"
+                                  ] })
+                                ]
+                              }
+                            ),
+                            isFileExpanded && /* @__PURE__ */ jsx("div", { style: {
+                              padding: 8,
+                              backgroundColor: theme.colors.background,
+                              borderTop: `1px solid ${theme.colors.border}`,
+                              maxHeight: 300,
+                              overflow: "auto"
+                            }, children: issues.map((issue, issueIdx) => /* @__PURE__ */ jsxs(
+                              "div",
+                              {
+                                onClick: () => onFileClick == null ? void 0 : onFileClick(file, issue.line),
+                                style: {
+                                  display: "flex",
+                                  gap: 8,
+                                  padding: "6px 8px",
+                                  borderRadius: 4,
+                                  cursor: onFileClick ? "pointer" : "default",
+                                  transition: "background-color 0.1s ease"
+                                },
+                                onMouseEnter: (e) => {
+                                  e.currentTarget.style.backgroundColor = theme.colors.surface;
+                                },
+                                onMouseLeave: (e) => {
+                                  e.currentTarget.style.backgroundColor = "transparent";
+                                },
+                                children: [
+                                  /* @__PURE__ */ jsxs("span", { style: {
+                                    fontSize: 11,
+                                    color: theme.colors.textMuted,
+                                    minWidth: 45
+                                  }, children: [
+                                    "L",
+                                    issue.line
+                                  ] }),
+                                  /* @__PURE__ */ jsx("span", { style: {
+                                    fontSize: 10,
+                                    padding: "1px 4px",
+                                    borderRadius: 3,
+                                    backgroundColor: getSeverityBg(issue.severity),
+                                    color: getSeverityColor(issue.severity),
+                                    textTransform: "uppercase"
+                                  }, children: issue.severity.charAt(0) }),
+                                  /* @__PURE__ */ jsx("span", { style: {
+                                    flex: 1,
+                                    fontSize: 12,
+                                    color: theme.colors.text
+                                  }, children: issue.message }),
+                                  issue.rule && /* @__PURE__ */ jsx("span", { style: {
+                                    fontSize: 10,
+                                    color: theme.colors.textMuted,
+                                    opacity: 0.7
+                                  }, children: issue.rule })
+                                ]
+                              },
+                              issueIdx
+                            )) })
+                          ]
+                        },
+                        file
+                      );
+                    }) })
+                  ] }) : /* @__PURE__ */ jsx("div", { style: {
+                    padding: 16,
+                    textAlign: "center",
+                    color: theme.colors.textMuted,
+                    backgroundColor: theme.colors.surface,
+                    borderRadius: 4
+                  }, children: "No issues found" }),
+                  result.fileMetrics && result.fileMetrics.length > 0 && /* @__PURE__ */ jsxs("div", { style: { marginTop: 16 }, children: [
+                    /* @__PURE__ */ jsxs("div", { style: {
+                      fontSize: 12,
+                      fontWeight: 600,
+                      color: theme.colors.textMuted,
+                      marginBottom: 8
+                    }, children: [
+                      "File Metrics (",
+                      result.fileMetrics.length,
+                      ")"
+                    ] }),
+                    /* @__PURE__ */ jsx("div", { style: {
+                      display: "flex",
+                      flexDirection: "column",
+                      gap: 2,
+                      padding: 8,
+                      backgroundColor: theme.colors.surface,
+                      borderRadius: 4
+                    }, children: result.fileMetrics.map((fm, idx2) => /* @__PURE__ */ jsxs(
+                      "div",
+                      {
+                        style: {
+                          display: "flex",
+                          alignItems: "center",
+                          justifyContent: "space-between",
+                          padding: "4px 8px"
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx("span", { style: { color: theme.colors.text, fontSize: 12 }, children: fm.file }),
+                          /* @__PURE__ */ jsxs("span", { style: {
+                            fontSize: 12,
+                            fontWeight: 500,
+                            color: fm.score >= 80 ? "#22c55e" : fm.score >= 60 ? "#f59e0b" : "#ef4444"
+                          }, children: [
+                            fm.score,
+                            "%"
+                          ] })
+                        ]
+                      },
+                      idx2
+                    )) })
+                  ] })
+                ] })
+              ]
+            },
+            lensKey
+          );
+        })
+      ]
+    }
+  );
+}
+const LensDataDebugPanelContent = ({
+  context,
+  actions
+}) => {
+  const { theme } = useTheme();
+  const lensResultsSlice = context.getSlice("lensResults");
+  const hasSlice = context.hasSlice("lensResults");
+  const isLoading = (lensResultsSlice == null ? void 0 : lensResultsSlice.loading) ?? false;
+  const handleFileClick = (file, line) => {
+    var _a, _b, _c;
+    const repoPath = (_a = context.currentScope.repository) == null ? void 0 : _a.path;
+    const fullPath = repoPath ? `${repoPath}/${file}` : file;
+    if (line) {
+      (_b = actions.openFile) == null ? void 0 : _b.call(actions, `${fullPath}:${line}`);
+    } else {
+      (_c = actions.openFile) == null ? void 0 : _c.call(actions, fullPath);
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        fontFamily: theme.fonts.body,
+        height: "100%",
+        minHeight: 0,
+        backgroundColor: theme.colors.background,
+        color: theme.colors.text,
+        overflowY: "auto",
+        boxSizing: "border-box",
+        display: "flex",
+        flexDirection: "column"
+      },
+      children: [
+        /* @__PURE__ */ jsxs("div", { style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          height: 40,
+          flexShrink: 0,
+          padding: "0 16px",
+          borderBottom: `1px solid ${theme.colors.border}`,
+          boxSizing: "border-box"
+        }, children: [
+          /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 12 }, children: [
+            /* @__PURE__ */ jsx(Bug, { size: 18, color: theme.colors.primary }),
+            /* @__PURE__ */ jsx(
+              "h2",
+              {
+                style: {
+                  margin: 0,
+                  fontSize: 14,
+                  fontWeight: 600,
+                  color: theme.colors.text
+                },
+                children: "Lens Data Debug"
+              }
+            )
+          ] }),
+          (lensResultsSlice == null ? void 0 : lensResultsSlice.data) && /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 12, fontSize: 11, color: theme.colors.textMuted }, children: [
+            /* @__PURE__ */ jsxs("span", { children: [
+              new Set(lensResultsSlice.data.results.map((r2) => {
+                var _a;
+                return ((_a = r2.package) == null ? void 0 : _a.name) ?? "unknown";
+              })).size,
+              " packages"
+            ] }),
+            /* @__PURE__ */ jsxs("span", { children: [
+              lensResultsSlice.data.results.length,
+              " results"
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              flex: 1,
+              minHeight: 0,
+              overflow: "auto"
+            },
+            children: isLoading ? /* @__PURE__ */ jsx("div", { style: {
+              padding: 40,
+              textAlign: "center",
+              color: theme.colors.textMuted
+            }, children: "Loading lens results..." }) : !hasSlice || !(lensResultsSlice == null ? void 0 : lensResultsSlice.data) ? /* @__PURE__ */ jsxs("div", { style: {
+              padding: 40,
+              textAlign: "center",
+              color: theme.colors.textMuted
+            }, children: [
+              /* @__PURE__ */ jsx(Bug, { size: 48, color: theme.colors.border, style: { marginBottom: 16 } }),
+              /* @__PURE__ */ jsx("div", { style: { fontSize: 14, marginBottom: 8 }, children: "No lens data available" }),
+              /* @__PURE__ */ jsx("div", { style: { fontSize: 12 }, children: "Run quality-lens-cli or check that the lensResults slice is configured." })
+            ] }) : /* @__PURE__ */ jsx(
+              LensDataDebugPanel$1,
+              {
+                data: lensResultsSlice.data,
+                theme,
+                onFileClick: handleFileClick
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+const LensDataDebugPanel = LensDataDebugPanelContent;
+function getValueColor(value, key) {
+  const effectiveValue = key === "deadCode" ? 100 - value : value;
+  if (effectiveValue >= 80) return "#2E7D32";
+  if (effectiveValue >= 60) return "#E6A700";
+  return "#C62828";
+}
+function getValueBgColor(value, key) {
+  const effectiveValue = key === "deadCode" ? 100 - value : value;
+  if (effectiveValue >= 80) return "rgba(46, 125, 50, 0.1)";
+  if (effectiveValue >= 60) return "rgba(230, 167, 0, 0.1)";
+  return "rgba(198, 40, 40, 0.1)";
+}
+function getMetricIcon(key) {
+  const iconProps = {
+    width: 18,
+    height: 18,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  };
+  switch (key) {
+    case "types":
+      return /* @__PURE__ */ jsxs("svg", { ...iconProps, children: [
+        /* @__PURE__ */ jsx("path", { d: "M12 2L2 7l10 5 10-5-10-5z" }),
+        /* @__PURE__ */ jsx("path", { d: "M2 17l10 5 10-5" }),
+        /* @__PURE__ */ jsx("path", { d: "M2 12l10 5 10-5" })
+      ] });
+    case "documentation":
+      return /* @__PURE__ */ jsxs("svg", { ...iconProps, children: [
+        /* @__PURE__ */ jsx("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+        /* @__PURE__ */ jsx("polyline", { points: "14,2 14,8 20,8" }),
+        /* @__PURE__ */ jsx("line", { x1: "16", y1: "13", x2: "8", y2: "13" }),
+        /* @__PURE__ */ jsx("line", { x1: "16", y1: "17", x2: "8", y2: "17" }),
+        /* @__PURE__ */ jsx("line", { x1: "10", y1: "9", x2: "8", y2: "9" })
+      ] });
+    case "tests":
+      return /* @__PURE__ */ jsxs("svg", { ...iconProps, children: [
+        /* @__PURE__ */ jsx("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
+        /* @__PURE__ */ jsx("polyline", { points: "22,4 12,14.01 9,11.01" })
+      ] });
+    case "deadCode":
+      return /* @__PURE__ */ jsxs("svg", { ...iconProps, children: [
+        /* @__PURE__ */ jsx("polyline", { points: "3,6 5,6 21,6" }),
+        /* @__PURE__ */ jsx("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }),
+        /* @__PURE__ */ jsx("line", { x1: "10", y1: "11", x2: "10", y2: "17" }),
+        /* @__PURE__ */ jsx("line", { x1: "14", y1: "11", x2: "14", y2: "17" })
+      ] });
+    case "formatting":
+      return /* @__PURE__ */ jsxs("svg", { ...iconProps, children: [
+        /* @__PURE__ */ jsx("line", { x1: "21", y1: "10", x2: "7", y2: "10" }),
+        /* @__PURE__ */ jsx("line", { x1: "21", y1: "6", x2: "3", y2: "6" }),
+        /* @__PURE__ */ jsx("line", { x1: "21", y1: "14", x2: "3", y2: "14" }),
+        /* @__PURE__ */ jsx("line", { x1: "21", y1: "18", x2: "7", y2: "18" })
+      ] });
+    case "linting":
+      return /* @__PURE__ */ jsxs("svg", { ...iconProps, children: [
+        /* @__PURE__ */ jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" }),
+        /* @__PURE__ */ jsx("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
+        /* @__PURE__ */ jsx("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
+      ] });
+    default:
+      return null;
+  }
+}
+const METRIC_CONFIG = [
+  { key: "types", label: "Types", description: "Type safety score" },
+  { key: "documentation", label: "Documentation", description: "Documentation coverage" },
+  { key: "tests", label: "Tests", description: "Test coverage and passing rate" },
+  { key: "deadCode", label: "Dead Code", description: "Unused code detected" },
+  { key: "formatting", label: "Formatting", description: "Code formatting consistency" },
+  { key: "linting", label: "Linting", description: "Linting compliance" }
+];
+function QualityMetricsList({
+  metrics,
+  theme,
+  className,
+  onMetricClick
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(className),
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        gap: 4
+      },
+      children: METRIC_CONFIG.map(({ key, label, description }) => {
+        const value = metrics[key];
+        const isDeadCode = key === "deadCode";
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            onClick: () => onMetricClick == null ? void 0 : onMetricClick(key),
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: 12,
+              padding: "10px 12px",
+              borderRadius: 6,
+              backgroundColor: theme.colors.surface,
+              border: `1px solid ${theme.colors.border}`,
+              cursor: onMetricClick ? "pointer" : "default",
+              transition: "all 0.15s ease"
+            },
+            onMouseEnter: (e) => {
+              if (onMetricClick) {
+                e.currentTarget.style.backgroundColor = theme.colors.backgroundLight;
+                e.currentTarget.style.borderColor = theme.colors.primary;
+              }
+            },
+            onMouseLeave: (e) => {
+              e.currentTarget.style.backgroundColor = theme.colors.surface;
+              e.currentTarget.style.borderColor = theme.colors.border;
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    width: 32,
+                    height: 32,
+                    borderRadius: 6,
+                    backgroundColor: getValueBgColor(value, key),
+                    color: getValueColor(value, key),
+                    flexShrink: 0
+                  },
+                  children: getMetricIcon(key)
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
+                /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    style: {
+                      fontSize: 14,
+                      fontWeight: 500,
+                      color: theme.colors.text
+                    },
+                    children: [
+                      label,
+                      isDeadCode && /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          style: {
+                            fontSize: 11,
+                            color: theme.colors.textMuted,
+                            marginLeft: 4
+                          },
+                          children: "(lower is better)"
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    style: {
+                      fontSize: 12,
+                      color: theme.colors.textMuted,
+                      whiteSpace: "nowrap",
+                      overflow: "hidden",
+                      textOverflow: "ellipsis"
+                    },
+                    children: description
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: 8,
+                    flexShrink: 0
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        style: {
+                          width: 60,
+                          height: 6,
+                          borderRadius: 3,
+                          backgroundColor: theme.colors.border,
+                          overflow: "hidden"
+                        },
+                        children: /* @__PURE__ */ jsx(
+                          "div",
+                          {
+                            style: {
+                              width: `${isDeadCode ? 100 - value : value}%`,
+                              height: "100%",
+                              backgroundColor: getValueColor(value, key),
+                              borderRadius: 3,
+                              transition: "width 0.3s ease"
+                            }
+                          }
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs(
+                      "span",
+                      {
+                        style: {
+                          fontSize: 14,
+                          fontWeight: 600,
+                          color: getValueColor(value, key),
+                          minWidth: 45,
+                          textAlign: "right"
+                        },
+                        children: [
+                          value.toFixed(1),
+                          "%"
+                        ]
+                      }
+                    )
+                  ]
+                }
+              ),
+              onMetricClick && /* @__PURE__ */ jsx(
+                "svg",
+                {
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: theme.colors.textMuted,
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  style: { flexShrink: 0 },
+                  children: /* @__PURE__ */ jsx("polyline", { points: "9,18 15,12 9,6" })
+                }
+              )
+            ]
+          },
+          key
+        );
+      })
+    }
+  );
+}
+function QualityMetricsListCompact({
+  metrics,
+  theme,
+  className,
+  onMetricClick
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(className),
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        gap: 2
+      },
+      children: METRIC_CONFIG.map(({ key, label }) => {
+        const value = metrics[key];
+        const isDeadCode = key === "deadCode";
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            onClick: () => onMetricClick == null ? void 0 : onMetricClick(key),
+            style: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "space-between",
+              gap: 8,
+              padding: "6px 8px",
+              borderRadius: 4,
+              cursor: onMetricClick ? "pointer" : "default",
+              transition: "background-color 0.15s ease"
+            },
+            onMouseEnter: (e) => {
+              if (onMetricClick) {
+                e.currentTarget.style.backgroundColor = theme.colors.surface;
+              }
+            },
+            onMouseLeave: (e) => {
+              e.currentTarget.style.backgroundColor = "transparent";
+            },
+            children: [
+              /* @__PURE__ */ jsxs(
+                "span",
+                {
+                  style: {
+                    fontSize: 13,
+                    color: theme.colors.textMuted
+                  },
+                  children: [
+                    label,
+                    isDeadCode && " ↓"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                "span",
+                {
+                  style: {
+                    fontSize: 13,
+                    fontWeight: 500,
+                    color: getValueColor(value, key)
+                  },
+                  children: [
+                    value.toFixed(1),
+                    "%"
+                  ]
+                }
+              )
+            ]
+          },
+          key
+        );
+      })
+    }
+  );
+}
 const panels = [
   {
     metadata: {
@@ -2213,6 +3187,32 @@ const panels = [
     onUnmount: async (_context) => {
       console.log("Repository Quality Grid Panel unmounting");
     }
+  },
+  {
+    metadata: {
+      id: "principal-ade.lens-data-debug-panel",
+      name: "Lens Data Debug",
+      icon: "🐛",
+      version: "0.1.0",
+      author: "Principal ADE",
+      description: "Debug panel for inspecting raw lens results from quality-lens-cli. Shows package breakdown, lens results with pass/fail status, and files with issues.",
+      slices: ["lensResults"],
+      tools: []
+    },
+    component: LensDataDebugPanel,
+    onMount: async (context) => {
+      var _a;
+      console.log(
+        "Lens Data Debug Panel mounted",
+        (_a = context.currentScope.repository) == null ? void 0 : _a.path
+      );
+      if (context.hasSlice("lensResults") && !context.isSliceLoading("lensResults")) {
+        await context.refresh("repository", "lensResults");
+      }
+    },
+    onUnmount: async (_context) => {
+      console.log("Lens Data Debug Panel unmounting");
+    }
   }
 ];
 const onPackageLoad = async () => {
@@ -2222,11 +3222,15 @@ const onPackageUnload = async () => {
   console.log("Panel package unloading - Code Quality Panels");
 };
 export {
+  LensDataDebugPanel$1 as LensDataDebugComponent,
+  LensDataDebugPanel,
   QualityHexagon,
   QualityHexagonCompact,
   QualityHexagonDetailed,
   QualityHexagonExpandable,
   QualityHexagonPanel,
+  QualityMetricsList,
+  QualityMetricsListCompact,
   RepositoryQualityGrid,
   RepositoryQualityGridItem,
   RepositoryQualityGridPanel,