@principal-ade/code-quality-panels 0.1.12 → 0.1.13

package/dist/panels/QualityHexagonPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QualityHexagonPanel.d.ts","sourceRoot":"","sources":["../../src/panels/QualityHexagonPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAuQpD;;GAEG;AACH,eAAO,MAAM,mBAAmB,+BAA6B,CAAC"}
+{"version":3,"file":"QualityHexagonPanel.d.ts","sourceRoot":"","sources":["../../src/panels/QualityHexagonPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AA0UpD;;GAEG;AACH,eAAO,MAAM,mBAAmB,+BAA6B,CAAC"}

package/dist/panels.bundle.js

@@ -1306,6 +1306,14 @@ const mockPackages = [
     }
   }
 ];
+const METRIC_OPTIONS$1 = [
+  { key: "types", label: "Types", colorMode: "typescript" },
+  { key: "documentation", label: "Docs", colorMode: "alexandria" },
+  { key: "tests", label: "Tests", colorMode: "coverage" },
+  { key: "deadCode", label: "Dead Code", colorMode: "knip" },
+  { key: "formatting", label: "Format", colorMode: "prettier" },
+  { key: "linting", label: "Linting", colorMode: "eslint" }
+];
 const QualityHexagonPanelContent = ({
   context,
   events
@@ -1313,6 +1321,7 @@ const QualityHexagonPanelContent = ({
   var _a;
   const { theme } = useTheme();
   const [refreshingPackages, setRefreshingPackages] = React2__default.useState(/* @__PURE__ */ new Set());
+  const [selectedMetric, setSelectedMetric] = React2__default.useState(null);
   const qualitySlice = context.getSlice("quality");
   const hasQualitySlice = context.hasSlice("quality");
   const isLoading = (qualitySlice == null ? void 0 : qualitySlice.loading) ?? false;
@@ -1341,6 +1350,31 @@ const QualityHexagonPanelContent = ({
       setRefreshingPackages(/* @__PURE__ */ new Set());
     }
   };
+  const handleMetricChange = (metric) => {
+    setSelectedMetric(metric);
+    if (metric) {
+      const option = METRIC_OPTIONS$1.find((o) => o.key === metric);
+      if (option) {
+        events.emit({
+          type: "quality:colorMode:select",
+          source: "principal-ade.quality-hexagon-panel",
+          timestamp: Date.now(),
+          payload: {
+            colorMode: option.colorMode
+          }
+        });
+      }
+    } else {
+      events.emit({
+        type: "quality:colorMode:select",
+        source: "principal-ade.quality-hexagon-panel",
+        timestamp: Date.now(),
+        payload: {
+          colorMode: "fileTypes"
+        }
+      });
+    }
+  };
   React2__default.useEffect(() => {
     const unsubscribers = [
       events.on("principal-ade.quality-panel:refresh", async () => {
@@ -1388,46 +1422,69 @@ const QualityHexagonPanelContent = ({
             gap: 16
           },
           children: [
-            /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 12 }, children: [
-              /* @__PURE__ */ jsx(Hexagon, { size: 24, color: tierColors[overallTier] }),
-              /* @__PURE__ */ jsx(
-                "h2",
-                {
-                  style: {
-                    margin: 0,
-                    fontSize: 20,
-                    fontWeight: 600,
-                    color: theme.colors.text
-                  },
-                  children: "Code Quality"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "span",
+            /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", flexWrap: "wrap", gap: 12 }, children: [
+              /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 12 }, children: [
+                /* @__PURE__ */ jsx(Hexagon, { size: 24, color: tierColors[overallTier] }),
+                /* @__PURE__ */ jsx(
+                  "h2",
+                  {
+                    style: {
+                      margin: 0,
+                      fontSize: 20,
+                      fontWeight: 600,
+                      color: theme.colors.text
+                    },
+                    children: "Code Quality"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    title: "Platinum: 90%+ avg | Gold: 75%+ | Silver: 60%+ | Bronze: 40%+",
+                    style: {
+                      display: "inline-flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      width: 18,
+                      height: 18,
+                      borderRadius: "50%",
+                      border: `1px solid ${theme.colors.border}`,
+                      fontSize: 12,
+                      color: theme.colors.textMuted,
+                      cursor: "help"
+                    },
+                    children: "?"
+                  }
+                ),
+                packages.length > 1 && /* @__PURE__ */ jsxs("span", { style: {
+                  fontSize: 14,
+                  color: theme.colors.textMuted
+                }, children: [
+                  packages.length,
+                  " packages"
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs(
+                "select",
                 {
-                  title: "Platinum: 90%+ avg | Gold: 75%+ | Silver: 60%+ | Bronze: 40%+",
+                  value: selectedMetric ?? "",
+                  onChange: (e) => handleMetricChange(e.target.value ? e.target.value : null),
                   style: {
-                    display: "inline-flex",
-                    alignItems: "center",
-                    justifyContent: "center",
-                    width: 18,
-                    height: 18,
-                    borderRadius: "50%",
+                    padding: "6px 12px",
+                    fontSize: 13,
+                    backgroundColor: theme.colors.background,
+                    color: theme.colors.text,
                     border: `1px solid ${theme.colors.border}`,
-                    fontSize: 12,
-                    color: theme.colors.textMuted,
-                    cursor: "help"
+                    borderRadius: 4,
+                    cursor: "pointer",
+                    outline: "none"
                   },
-                  children: "?"
+                  children: [
+                    /* @__PURE__ */ jsx("option", { value: "", children: "Show in File City..." }),
+                    METRIC_OPTIONS$1.map((option) => /* @__PURE__ */ jsx("option", { value: option.key, children: option.label }, option.key))
+                  ]
                 }
-              ),
-              packages.length > 1 && /* @__PURE__ */ jsxs("span", { style: {
-                fontSize: 14,
-                color: theme.colors.textMuted
-              }, children: [
-                packages.length,
-                " packages"
-              ] })
+              )
             ] }),
             /* @__PURE__ */ jsx("div", { style: { display: "flex", flexWrap: "wrap", gap: 16, minHeight: 0 }, children: isLoading ? /* @__PURE__ */ jsx("div", { style: {
               padding: 40,

package/dist/panels.bundle.js.map

@@ -1 +1 @@
-{"version":3,"file":"panels.bundle.js","sources":["../node_modules/lucide-react/dist/esm/shared/src/utils.js","../node_modules/lucide-react/dist/esm/defaultAttributes.js","../node_modules/lucide-react/dist/esm/Icon.js","../node_modules/lucide-react/dist/esm/createLucideIcon.js","../node_modules/lucide-react/dist/esm/icons/check.js","../node_modules/lucide-react/dist/esm/icons/chevron-right.js","../node_modules/lucide-react/dist/esm/icons/copy.js","../node_modules/lucide-react/dist/esm/icons/git-branch.js","../node_modules/lucide-react/dist/esm/icons/hexagon.js","../node_modules/lucide-react/dist/esm/icons/info.js","../node_modules/lucide-react/dist/esm/icons/terminal.js","../node_modules/lucide-react/dist/esm/icons/zap.js","../node_modules/@principal-ade/industry-theme/dist/esm/index.js","../node_modules/clsx/dist/clsx.mjs","../src/lib/utils.ts","../src/components/QualityHexagon.tsx","../src/components/QualityEmptyState.tsx","../src/panels/QualityHexagonPanel.tsx","../src/components/RepositoryQualityGrid.tsx","../src/panels/RepositoryQualityGridPanel.tsx","../src/index.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.552.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nconst toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, \"$1-$2\").toLowerCase();\nconst toCamelCase = (string) => string.replace(\n  /^([A-Z])|[\\s-_]+(\\w)/g,\n  (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()\n);\nconst toPascalCase = (string) => {\n  const camelCase = toCamelCase(string);\n  return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);\n};\nconst mergeClasses = (...classes) => classes.filter((className, index, array) => {\n  return Boolean(className) && className.trim() !== \"\" && array.indexOf(className) === index;\n}).join(\" \").trim();\nconst hasA11yProp = (props) => {\n  for (const prop in props) {\n    if (prop.startsWith(\"aria-\") || prop === \"role\" || prop === \"title\") {\n      return true;\n    }\n  }\n};\n\nexport { hasA11yProp, mergeClasses, toCamelCase, toKebabCase, toPascalCase };\n//# sourceMappingURL=utils.js.map\n","/**\n * @license lucide-react v0.552.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nvar defaultAttributes = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: 24,\n  height: 24,\n  viewBox: \"0 0 24 24\",\n  fill: \"none\",\n  stroke: \"currentColor\",\n  strokeWidth: 2,\n  strokeLinecap: \"round\",\n  strokeLinejoin: \"round\"\n};\n\nexport { defaultAttributes as default };\n//# sourceMappingURL=defaultAttributes.js.map\n","/**\n * @license lucide-react v0.552.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport { forwardRef, createElement } from 'react';\nimport defaultAttributes from './defaultAttributes.js';\nimport { mergeClasses, hasA11yProp } from './shared/src/utils.js';\n\nconst Icon = forwardRef(\n  ({\n    color = \"currentColor\",\n    size = 24,\n    strokeWidth = 2,\n    absoluteStrokeWidth,\n    className = \"\",\n    children,\n    iconNode,\n    ...rest\n  }, ref) => createElement(\n    \"svg\",\n    {\n      ref,\n      ...defaultAttributes,\n      width: size,\n      height: size,\n      stroke: color,\n      strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,\n      className: mergeClasses(\"lucide\", className),\n      ...!children && !hasA11yProp(rest) && { \"aria-hidden\": \"true\" },\n      ...rest\n    },\n    [\n      ...iconNode.map(([tag, attrs]) => createElement(tag, attrs)),\n      ...Array.isArray(children) ? children : [children]\n    ]\n  )\n);\n\nexport { Icon as default };\n//# sourceMappingURL=Icon.js.map\n","/**\n * @license lucide-react v0.552.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport { forwardRef, createElement } from 'react';\nimport { mergeClasses, toKebabCase, toPascalCase } from './shared/src/utils.js';\nimport Icon from './Icon.js';\n\nconst createLucideIcon = (iconName, iconNode) => {\n  const Component = forwardRef(\n    ({ className, ...props }, ref) => createElement(Icon, {\n      ref,\n      iconNode,\n      className: mergeClasses(\n        `lucide-${toKebabCase(toPascalCase(iconName))}`,\n        `lucide-${iconName}`,\n        className\n      ),\n      ...props\n    })\n  );\n  Component.displayName = toPascalCase(iconName);\n  return Component;\n};\n\nexport { createLucideIcon as default };\n//# sourceMappingURL=createLucideIcon.js.map\n","/**\n * @license lucide-react v0.552.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [[\"path\", { d: \"M20 6 9 17l-5-5\", key: \"1gmf2c\" }]];\nconst Check = createLucideIcon(\"check\", __iconNode);\n\nexport { __iconNode, Check as default };\n//# sourceMappingURL=check.js.map\n","/**\n * @license lucide-react v0.552.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [[\"path\", { d: \"m9 18 6-6-6-6\", key: \"mthhwq\" }]];\nconst ChevronRight = createLucideIcon(\"chevron-right\", __iconNode);\n\nexport { __iconNode, ChevronRight as default };\n//# sourceMappingURL=chevron-right.js.map\n","/**\n * @license lucide-react v0.552.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"rect\", { width: \"14\", height: \"14\", x: \"8\", y: \"8\", rx: \"2\", ry: \"2\", key: \"17jyea\" }],\n  [\"path\", { d: \"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\", key: \"zix9uf\" }]\n];\nconst Copy = createLucideIcon(\"copy\", __iconNode);\n\nexport { __iconNode, Copy as default };\n//# sourceMappingURL=copy.js.map\n","/**\n * @license lucide-react v0.552.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"line\", { x1: \"6\", x2: \"6\", y1: \"3\", y2: \"15\", key: \"17qcm7\" }],\n  [\"circle\", { cx: \"18\", cy: \"6\", r: \"3\", key: \"1h7g24\" }],\n  [\"circle\", { cx: \"6\", cy: \"18\", r: \"3\", key: \"fqmcym\" }],\n  [\"path\", { d: \"M18 9a9 9 0 0 1-9 9\", key: \"n2h4wq\" }]\n];\nconst GitBranch = createLucideIcon(\"git-branch\", __iconNode);\n\nexport { __iconNode, GitBranch as default };\n//# sourceMappingURL=git-branch.js.map\n","/**\n * @license lucide-react v0.552.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\",\n      key: \"yt0hxn\"\n    }\n  ]\n];\nconst Hexagon = createLucideIcon(\"hexagon\", __iconNode);\n\nexport { __iconNode, Hexagon as default };\n//# sourceMappingURL=hexagon.js.map\n","/**\n * @license lucide-react v0.552.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n  [\"path\", { d: \"M12 16v-4\", key: \"1dtifu\" }],\n  [\"path\", { d: \"M12 8h.01\", key: \"e9boi3\" }]\n];\nconst Info = createLucideIcon(\"info\", __iconNode);\n\nexport { __iconNode, Info as default };\n//# sourceMappingURL=info.js.map\n","/**\n * @license lucide-react v0.552.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"M12 19h8\", key: \"baeox8\" }],\n  [\"path\", { d: \"m4 17 6-6-6-6\", key: \"1yngyt\" }]\n];\nconst Terminal = createLucideIcon(\"terminal\", __iconNode);\n\nexport { __iconNode, Terminal as default };\n//# sourceMappingURL=terminal.js.map\n","/**\n * @license lucide-react v0.552.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z\",\n      key: \"1xq2db\"\n    }\n  ]\n];\nconst Zap = createLucideIcon(\"zap\", __iconNode);\n\nexport { __iconNode, Zap as default };\n//# sourceMappingURL=zap.js.map\n","// src/glassmorphismTheme.ts\nvar glassmorphismTheme = {\n  space: [0, 4, 8, 16, 32, 64, 128, 256, 512],\n  fonts: {\n    body: '\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif',\n    heading: '\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif',\n    monospace: '\"Fira Code\", \"SF Mono\", Monaco, Inconsolata, monospace'\n  },\n  fontSizes: [12, 14, 16, 18, 20, 24, 32, 48, 64, 96],\n  fontScale: 1,\n  fontWeights: {\n    body: 400,\n    heading: 600,\n    bold: 700,\n    light: 300,\n    medium: 500,\n    semibold: 600\n  },\n  lineHeights: {\n    body: 1.6,\n    heading: 1.3,\n    tight: 1.4,\n    relaxed: 1.8\n  },\n  breakpoints: [\"640px\", \"768px\", \"1024px\", \"1280px\"],\n  sizes: [16, 32, 64, 128, 256, 512, 768, 1024, 1536],\n  radii: [0, 8, 12, 16, 20, 24, 32, 40],\n  shadows: [\n    \"none\",\n    \"0 8px 32px 0 rgba(31, 38, 135, 0.15)\",\n    \"0 12px 40px 0 rgba(31, 38, 135, 0.2)\",\n    \"0 16px 48px 0 rgba(31, 38, 135, 0.25)\",\n    \"0 20px 56px 0 rgba(31, 38, 135, 0.3)\",\n    \"0 24px 64px 0 rgba(31, 38, 135, 0.35)\"\n  ],\n  zIndices: [0, 1, 10, 20, 30, 40, 50],\n  colors: {\n    text: \"rgba(255, 255, 255, 0.95)\",\n    background: \"rgba(255, 255, 255, 0.1)\",\n    primary: \"rgba(99, 102, 241, 0.9)\",\n    secondary: \"rgba(139, 92, 246, 0.9)\",\n    accent: \"rgba(236, 72, 153, 0.9)\",\n    highlight: \"rgba(99, 102, 241, 0.2)\",\n    muted: \"rgba(255, 255, 255, 0.05)\",\n    success: \"rgba(34, 197, 94, 0.9)\",\n    warning: \"rgba(251, 146, 60, 0.9)\",\n    error: \"rgba(239, 68, 68, 0.9)\",\n    info: \"rgba(59, 130, 246, 0.9)\",\n    border: \"rgba(255, 255, 255, 0.18)\",\n    backgroundSecondary: \"rgba(255, 255, 255, 0.15)\",\n    backgroundTertiary: \"rgba(255, 255, 255, 0.2)\",\n    backgroundLight: \"rgba(255, 255, 255, 0.08)\",\n    backgroundHover: \"rgba(255, 255, 255, 0.25)\",\n    surface: \"rgba(255, 255, 255, 0.12)\",\n    textSecondary: \"rgba(255, 255, 255, 0.8)\",\n    textTertiary: \"rgba(255, 255, 255, 0.6)\",\n    textMuted: \"rgba(255, 255, 255, 0.5)\",\n    highlightBg: \"rgba(251, 191, 36, 0.3)\",\n    highlightBorder: \"rgba(251, 191, 36, 0.5)\"\n  },\n  modes: {\n    dark: {\n      text: \"rgba(255, 255, 255, 0.95)\",\n      background: \"rgba(0, 0, 0, 0.3)\",\n      primary: \"rgba(129, 140, 248, 0.9)\",\n      secondary: \"rgba(167, 139, 250, 0.9)\",\n      accent: \"rgba(244, 114, 182, 0.9)\",\n      highlight: \"rgba(129, 140, 248, 0.25)\",\n      muted: \"rgba(0, 0, 0, 0.15)\",\n      success: \"rgba(74, 222, 128, 0.9)\",\n      warning: \"rgba(251, 191, 36, 0.9)\",\n      error: \"rgba(248, 113, 113, 0.9)\",\n      info: \"rgba(96, 165, 250, 0.9)\",\n      border: \"rgba(255, 255, 255, 0.15)\",\n      backgroundSecondary: \"rgba(0, 0, 0, 0.4)\",\n      backgroundTertiary: \"rgba(0, 0, 0, 0.5)\",\n      backgroundLight: \"rgba(0, 0, 0, 0.2)\",\n      backgroundHover: \"rgba(255, 255, 255, 0.1)\",\n      surface: \"rgba(0, 0, 0, 0.35)\",\n      textSecondary: \"rgba(255, 255, 255, 0.8)\",\n      textTertiary: \"rgba(255, 255, 255, 0.6)\",\n      textMuted: \"rgba(255, 255, 255, 0.4)\",\n      highlightBg: \"rgba(251, 191, 36, 0.35)\",\n      highlightBorder: \"rgba(251, 191, 36, 0.6)\"\n    },\n    frosted: {\n      text: \"rgba(31, 41, 55, 0.95)\",\n      background: \"rgba(255, 255, 255, 0.3)\",\n      primary: \"rgba(79, 70, 229, 0.95)\",\n      secondary: \"rgba(124, 58, 237, 0.95)\",\n      accent: \"rgba(219, 39, 119, 0.95)\",\n      highlight: \"rgba(79, 70, 229, 0.15)\",\n      muted: \"rgba(255, 255, 255, 0.4)\",\n      success: \"rgba(16, 185, 129, 0.95)\",\n      warning: \"rgba(245, 158, 11, 0.95)\",\n      error: \"rgba(220, 38, 38, 0.95)\",\n      info: \"rgba(37, 99, 235, 0.95)\",\n      border: \"rgba(255, 255, 255, 0.5)\",\n      backgroundSecondary: \"rgba(255, 255, 255, 0.4)\",\n      backgroundTertiary: \"rgba(255, 255, 255, 0.5)\",\n      backgroundLight: \"rgba(255, 255, 255, 0.25)\",\n      backgroundHover: \"rgba(255, 255, 255, 0.6)\",\n      surface: \"rgba(255, 255, 255, 0.35)\",\n      textSecondary: \"rgba(31, 41, 55, 0.8)\",\n      textTertiary: \"rgba(31, 41, 55, 0.6)\",\n      textMuted: \"rgba(31, 41, 55, 0.5)\",\n      highlightBg: \"rgba(251, 191, 36, 0.4)\",\n      highlightBorder: \"rgba(251, 191, 36, 0.7)\"\n    }\n  },\n  buttons: {\n    primary: {\n      color: \"white\",\n      bg: \"primary\",\n      borderWidth: 1,\n      borderStyle: \"solid\",\n      borderColor: \"rgba(255, 255, 255, 0.2)\",\n      \"&:hover\": {\n        bg: \"secondary\"\n      }\n    },\n    secondary: {\n      color: \"text\",\n      bg: \"rgba(255, 255, 255, 0.1)\",\n      borderWidth: 1,\n      borderStyle: \"solid\",\n      borderColor: \"rgba(255, 255, 255, 0.2)\",\n      \"&:hover\": {\n        bg: \"rgba(255, 255, 255, 0.2)\"\n      }\n    },\n    ghost: {\n      color: \"text\",\n      bg: \"transparent\",\n      borderWidth: 1,\n      borderStyle: \"solid\",\n      borderColor: \"transparent\",\n      \"&:hover\": {\n        borderColor: \"rgba(255, 255, 255, 0.2)\",\n        bg: \"rgba(255, 255, 255, 0.05)\"\n      }\n    }\n  },\n  text: {\n    heading: {\n      fontFamily: \"heading\",\n      fontWeight: \"heading\",\n      lineHeight: \"heading\"\n    },\n    body: {\n      fontFamily: \"body\",\n      fontWeight: \"body\",\n      lineHeight: \"body\"\n    },\n    caption: {\n      fontSize: 1,\n      color: \"textSecondary\"\n    }\n  },\n  cards: {\n    primary: {\n      bg: \"surface\",\n      border: \"1px solid\",\n      borderColor: \"border\",\n      borderRadius: 3\n    },\n    secondary: {\n      bg: \"backgroundSecondary\",\n      border: \"1px solid\",\n      borderColor: \"border\",\n      borderRadius: 3\n    }\n  }\n};\n// src/defaultThemes.ts\nvar defaultMarkdownTheme = {\n  space: [0, 4, 8, 16, 32, 64, 128, 256, 512],\n  fonts: {\n    body: '\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif',\n    heading: '\"Crimson Text\", \"Georgia\", \"Times New Roman\", serif',\n    monospace: '\"Fira Code\", \"SF Mono\", Monaco, Inconsolata, monospace'\n  },\n  fontSizes: [12, 14, 16, 18, 20, 24, 32, 48, 64, 96],\n  fontScale: 1,\n  fontWeights: {\n    body: 400,\n    heading: 600,\n    bold: 700,\n    light: 300,\n    medium: 500,\n    semibold: 600\n  },\n  lineHeights: {\n    body: 1.6,\n    heading: 1.3,\n    tight: 1.25,\n    relaxed: 1.75\n  },\n  breakpoints: [\"640px\", \"768px\", \"1024px\", \"1280px\"],\n  sizes: [16, 32, 64, 128, 256, 512, 768, 1024, 1536],\n  radii: [0, 2, 4, 6, 8, 12, 16, 24],\n  shadows: [\n    \"none\",\n    \"0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)\",\n    \"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)\",\n    \"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)\",\n    \"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)\",\n    \"0 25px 50px -12px rgba(0, 0, 0, 0.25)\"\n  ],\n  zIndices: [0, 1, 10, 20, 30, 40, 50],\n  colors: {\n    text: \"#1a1a1a\",\n    background: \"#ffffff\",\n    primary: \"#007acc\",\n    secondary: \"#005a9e\",\n    accent: \"#1a1a1a\",\n    highlight: \"rgba(0, 122, 204, 0.1)\",\n    muted: \"#f0f0f0\",\n    success: \"#28a745\",\n    warning: \"#ffc107\",\n    error: \"#dc3545\",\n    info: \"#17a2b8\",\n    border: \"rgba(0, 0, 0, 0.1)\",\n    backgroundSecondary: \"#f8f9fa\",\n    backgroundTertiary: \"#e9ecef\",\n    backgroundLight: \"rgba(0, 0, 0, 0.03)\",\n    backgroundHover: \"rgba(0, 0, 0, 0.05)\",\n    surface: \"#ffffff\",\n    textSecondary: \"#555555\",\n    textTertiary: \"#888888\",\n    textMuted: \"#aaaaaa\",\n    highlightBg: \"rgba(255, 235, 59, 0.3)\",\n    highlightBorder: \"rgba(255, 235, 59, 0.6)\"\n  },\n  buttons: {\n    primary: {\n      color: \"white\",\n      bg: \"primary\",\n      \"&:hover\": { bg: \"secondary\" }\n    },\n    secondary: {\n      color: \"primary\",\n      bg: \"transparent\",\n      borderWidth: 1,\n      borderStyle: \"solid\",\n      borderColor: \"primary\",\n      \"&:hover\": { bg: \"highlight\" }\n    },\n    ghost: {\n      color: \"text\",\n      bg: \"transparent\",\n      \"&:hover\": { bg: \"backgroundHover\" }\n    }\n  },\n  text: {\n    heading: {\n      fontFamily: \"heading\",\n      fontWeight: \"heading\",\n      lineHeight: \"heading\"\n    },\n    body: {\n      fontFamily: \"body\",\n      fontWeight: \"body\",\n      lineHeight: \"body\"\n    },\n    caption: {\n      fontSize: 1,\n      color: \"textSecondary\"\n    }\n  },\n  cards: {\n    primary: {\n      bg: \"surface\",\n      border: \"1px solid\",\n      borderColor: \"border\",\n      borderRadius: 2\n    },\n    secondary: {\n      bg: \"backgroundSecondary\",\n      border: \"1px solid\",\n      borderColor: \"border\",\n      borderRadius: 2\n    }\n  }\n};\nvar defaultTerminalTheme = {\n  space: [0, 4, 8, 16, 32, 64, 128, 256, 512],\n  fonts: {\n    body: '\"Courier New\", Courier, monospace',\n    heading: '\"Courier New\", Courier, monospace',\n    monospace: '\"Courier New\", Courier, monospace'\n  },\n  fontSizes: [12, 14, 16, 18, 20, 24, 32, 48, 64, 96],\n  fontScale: 1,\n  fontWeights: {\n    body: 400,\n    heading: 500,\n    bold: 600,\n    light: 300,\n    medium: 500,\n    semibold: 600\n  },\n  lineHeights: {\n    body: 1.4,\n    heading: 1.2,\n    tight: 1.3,\n    relaxed: 1.6\n  },\n  breakpoints: [\"640px\", \"768px\", \"1024px\", \"1280px\"],\n  sizes: [16, 32, 64, 128, 256, 512, 768, 1024, 1536],\n  radii: [0, 2, 4, 6, 8, 12, 16, 24],\n  shadows: [\n    \"none\",\n    \"0 0 5px rgba(255, 193, 7, 0.1)\",\n    \"0 0 10px rgba(255, 193, 7, 0.15)\",\n    \"0 0 15px rgba(255, 193, 7, 0.2)\",\n    \"0 0 20px rgba(255, 193, 7, 0.25)\",\n    \"0 0 30px rgba(255, 193, 7, 0.3)\"\n  ],\n  zIndices: [0, 1, 10, 20, 30, 40, 50],\n  colors: {\n    text: \"#ffc107\",\n    background: \"#000000\",\n    primary: \"#ffc107\",\n    secondary: \"#ffb300\",\n    accent: \"#ffffff\",\n    highlight: \"rgba(255, 193, 7, 0.1)\",\n    muted: \"#1a1a1a\",\n    success: \"#4caf50\",\n    warning: \"#ff9800\",\n    error: \"#f44336\",\n    info: \"#2196f3\",\n    border: \"rgba(255, 193, 7, 0.2)\",\n    backgroundSecondary: \"#0a0a0a\",\n    backgroundTertiary: \"#111111\",\n    backgroundLight: \"rgba(255, 193, 7, 0.03)\",\n    backgroundHover: \"rgba(255, 193, 7, 0.05)\",\n    surface: \"#050505\",\n    textSecondary: \"#e0e0e0\",\n    textTertiary: \"#b0b0b0\",\n    textMuted: \"#808080\",\n    highlightBg: \"rgba(255, 193, 7, 0.2)\",\n    highlightBorder: \"rgba(255, 193, 7, 0.4)\"\n  },\n  buttons: {\n    primary: {\n      color: \"black\",\n      bg: \"primary\",\n      borderWidth: 0,\n      \"&:hover\": { bg: \"secondary\" }\n    },\n    secondary: {\n      color: \"primary\",\n      bg: \"transparent\",\n      borderWidth: 1,\n      borderStyle: \"solid\",\n      borderColor: \"primary\",\n      \"&:hover\": { bg: \"highlight\" }\n    },\n    ghost: {\n      color: \"text\",\n      bg: \"transparent\",\n      \"&:hover\": { bg: \"backgroundHover\" }\n    }\n  },\n  text: {\n    heading: {\n      fontFamily: \"heading\",\n      fontWeight: \"heading\",\n      lineHeight: \"heading\"\n    },\n    body: {\n      fontFamily: \"body\",\n      fontWeight: \"body\",\n      lineHeight: \"body\"\n    },\n    caption: {\n      fontSize: 1,\n      color: \"textSecondary\"\n    }\n  },\n  cards: {\n    primary: {\n      bg: \"surface\",\n      border: \"1px solid\",\n      borderColor: \"border\",\n      borderRadius: 0\n    },\n    secondary: {\n      bg: \"backgroundSecondary\",\n      border: \"1px solid\",\n      borderColor: \"border\",\n      borderRadius: 0\n    }\n  }\n};\nvar defaultEditorTheme = {\n  space: [0, 4, 8, 16, 32, 64, 128, 256, 512],\n  fonts: {\n    body: '\"Fira Code\", \"SF Mono\", Monaco, Inconsolata, monospace',\n    heading: '\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif',\n    monospace: '\"Fira Code\", \"SF Mono\", Monaco, Inconsolata, monospace'\n  },\n  fontSizes: [12, 14, 16, 18, 20, 24, 32, 48, 64, 96],\n  fontScale: 1,\n  fontWeights: {\n    body: 400,\n    heading: 600,\n    bold: 700,\n    light: 300,\n    medium: 500,\n    semibold: 600\n  },\n  lineHeights: {\n    body: 1.5,\n    heading: 1.2,\n    tight: 1.3,\n    relaxed: 1.7\n  },\n  breakpoints: [\"640px\", \"768px\", \"1024px\", \"1280px\"],\n  sizes: [16, 32, 64, 128, 256, 512, 768, 1024, 1536],\n  radii: [0, 2, 4, 6, 8, 12, 16, 24],\n  shadows: [\n    \"none\",\n    \"0 1px 2px rgba(0, 0, 0, 0.05)\",\n    \"0 2px 4px rgba(0, 0, 0, 0.1)\",\n    \"0 4px 8px rgba(0, 0, 0, 0.15)\",\n    \"0 8px 16px rgba(0, 0, 0, 0.2)\",\n    \"0 12px 24px rgba(0, 0, 0, 0.25)\"\n  ],\n  zIndices: [0, 1, 10, 20, 30, 40, 50],\n  colors: {\n    text: \"#d4d4d4\",\n    background: \"#1e1e1e\",\n    primary: \"#569cd6\",\n    secondary: \"#408ac9\",\n    accent: \"#c586c0\",\n    highlight: \"rgba(86, 156, 214, 0.1)\",\n    muted: \"#2a2a2a\",\n    success: \"#6a9955\",\n    warning: \"#d18616\",\n    error: \"#f44747\",\n    info: \"#569cd6\",\n    border: \"rgba(255, 255, 255, 0.1)\",\n    backgroundSecondary: \"#252526\",\n    backgroundTertiary: \"#333333\",\n    backgroundLight: \"rgba(255, 255, 255, 0.03)\",\n    backgroundHover: \"rgba(255, 255, 255, 0.05)\",\n    surface: \"#252526\",\n    textSecondary: \"#cccccc\",\n    textTertiary: \"#999999\",\n    textMuted: \"#666666\",\n    highlightBg: \"rgba(255, 235, 59, 0.2)\",\n    highlightBorder: \"rgba(255, 235, 59, 0.4)\"\n  },\n  buttons: {\n    primary: {\n      color: \"white\",\n      bg: \"primary\",\n      \"&:hover\": { bg: \"secondary\" }\n    },\n    secondary: {\n      color: \"primary\",\n      bg: \"transparent\",\n      borderWidth: 1,\n      borderStyle: \"solid\",\n      borderColor: \"primary\",\n      \"&:hover\": { bg: \"highlight\" }\n    },\n    ghost: {\n      color: \"text\",\n      bg: \"transparent\",\n      \"&:hover\": { bg: \"backgroundHover\" }\n    }\n  },\n  text: {\n    heading: {\n      fontFamily: \"heading\",\n      fontWeight: \"heading\",\n      lineHeight: \"heading\"\n    },\n    body: {\n      fontFamily: \"body\",\n      fontWeight: \"body\",\n      lineHeight: \"body\"\n    },\n    caption: {\n      fontSize: 1,\n      color: \"textSecondary\"\n    }\n  },\n  cards: {\n    primary: {\n      bg: \"surface\",\n      border: \"1px solid\",\n      borderColor: \"border\",\n      borderRadius: 1\n    },\n    secondary: {\n      bg: \"backgroundSecondary\",\n      border: \"1px solid\",\n      borderColor: \"border\",\n      borderRadius: 1\n    }\n  }\n};\n\n// src/themes.ts\nvar regalTheme = {\n  space: [0, 4, 8, 16, 32, 64, 128, 256, 512],\n  fonts: {\n    body: '\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif',\n    heading: '\"Crimson Text\", \"Georgia\", \"Times New Roman\", serif',\n    monospace: '\"Fira Code\", \"SF Mono\", Monaco, Inconsolata, monospace'\n  },\n  fontSizes: [12, 14, 16, 18, 20, 24, 32, 48, 64, 96],\n  fontScale: 1,\n  fontWeights: {\n    body: 400,\n    heading: 600,\n    bold: 700,\n    light: 300,\n    medium: 500,\n    semibold: 600\n  },\n  lineHeights: {\n    body: 1.5,\n    heading: 1.2,\n    tight: 1.25,\n    relaxed: 1.75\n  },\n  breakpoints: [\"640px\", \"768px\", \"1024px\", \"1280px\"],\n  sizes: [16, 32, 64, 128, 256, 512, 768, 1024, 1536],\n  radii: [0, 2, 4, 6, 8, 12, 16, 24],\n  shadows: [\n    \"none\",\n    \"0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)\",\n    \"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)\",\n    \"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)\",\n    \"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)\",\n    \"0 25px 50px -12px rgba(0, 0, 0, 0.25)\"\n  ],\n  zIndices: [0, 1, 10, 20, 30, 40, 50],\n  colors: {\n    text: \"#f1e8dc\",\n    background: \"#1a1f2e\",\n    primary: \"#d4a574\",\n    secondary: \"#e0b584\",\n    accent: \"#c9b8a3\",\n    highlight: \"rgba(212, 165, 116, 0.15)\",\n    muted: \"#8b7968\",\n    success: \"#5c8a72\",\n    warning: \"#d4a574\",\n    error: \"#a85751\",\n    info: \"#d4a574\",\n    border: \"rgba(212, 165, 116, 0.2)\",\n    backgroundSecondary: \"#212738\",\n    backgroundTertiary: \"#2d3446\",\n    backgroundLight: \"rgba(212, 165, 116, 0.08)\",\n    backgroundHover: \"rgba(212, 165, 116, 0.15)\",\n    surface: \"#212738\",\n    textSecondary: \"#c9b8a3\",\n    textTertiary: \"#8b7968\",\n    textMuted: \"#8b7968\",\n    highlightBg: \"rgba(255, 193, 7, 0.25)\",\n    highlightBorder: \"rgba(255, 193, 7, 0.5)\"\n  },\n  buttons: {\n    primary: {\n      color: \"background\",\n      bg: \"primary\",\n      \"&:hover\": {\n        bg: \"secondary\"\n      }\n    },\n    secondary: {\n      color: \"text\",\n      bg: \"muted\",\n      \"&:hover\": {\n        bg: \"backgroundSecondary\"\n      }\n    },\n    ghost: {\n      color: \"primary\",\n      bg: \"transparent\",\n      \"&:hover\": {\n        bg: \"muted\"\n      }\n    }\n  },\n  text: {\n    heading: {\n      fontFamily: \"heading\",\n      fontWeight: \"heading\",\n      lineHeight: \"heading\"\n    },\n    body: {\n      fontFamily: \"body\",\n      fontWeight: \"body\",\n      lineHeight: \"body\"\n    },\n    caption: {\n      fontSize: 1,\n      color: \"textSecondary\"\n    }\n  },\n  cards: {\n    primary: {\n      bg: \"background\",\n      border: \"1px solid\",\n      borderColor: \"border\",\n      borderRadius: 2\n    },\n    secondary: {\n      bg: \"backgroundSecondary\",\n      border: \"1px solid\",\n      borderColor: \"border\",\n      borderRadius: 2\n    }\n  }\n};\nvar terminalTheme = {\n  space: [0, 4, 8, 16, 32, 64, 128, 256, 512],\n  fonts: {\n    body: '\"SF Mono\", \"Monaco\", \"Inconsolata\", \"Fira Code\", monospace',\n    heading: '\"SF Mono\", \"Monaco\", \"Inconsolata\", \"Fira Code\", monospace',\n    monospace: '\"SF Mono\", \"Monaco\", \"Inconsolata\", \"Fira Code\", monospace'\n  },\n  fontSizes: [12, 14, 16, 18, 20, 24, 32, 48, 64, 96],\n  fontScale: 1,\n  fontWeights: {\n    body: 400,\n    heading: 500,\n    bold: 600,\n    light: 300,\n    medium: 500,\n    semibold: 600\n  },\n  lineHeights: {\n    body: 1.6,\n    heading: 1.3,\n    tight: 1.4,\n    relaxed: 1.8\n  },\n  breakpoints: [\"640px\", \"768px\", \"1024px\", \"1280px\"],\n  sizes: [16, 32, 64, 128, 256, 512, 768, 1024, 1536],\n  radii: [0, 2, 4, 6, 8, 12, 16, 24],\n  shadows: [\n    \"none\",\n    \"0 1px 2px 0 rgba(0, 0, 0, 0.05)\",\n    \"0 2px 4px 0 rgba(0, 0, 0, 0.06)\",\n    \"0 4px 6px 0 rgba(0, 0, 0, 0.07)\",\n    \"0 8px 12px 0 rgba(0, 0, 0, 0.08)\",\n    \"0 16px 24px 0 rgba(0, 0, 0, 0.10)\"\n  ],\n  zIndices: [0, 1, 10, 20, 30, 40, 50],\n  colors: {\n    text: \"#e4e4e4\",\n    background: \"rgba(10, 10, 10, 0.85)\",\n    primary: \"#66b3ff\",\n    secondary: \"#80c4ff\",\n    accent: \"#66ff99\",\n    highlight: \"rgba(102, 179, 255, 0.15)\",\n    muted: \"rgba(26, 26, 26, 0.8)\",\n    success: \"#66ff99\",\n    warning: \"#ffcc66\",\n    error: \"#ff6666\",\n    info: \"#66b3ff\",\n    border: \"rgba(255, 255, 255, 0.1)\",\n    backgroundSecondary: \"rgba(15, 15, 15, 0.9)\",\n    backgroundTertiary: \"rgba(20, 20, 20, 0.9)\",\n    backgroundLight: \"rgba(255, 255, 255, 0.05)\",\n    backgroundHover: \"rgba(102, 179, 255, 0.08)\",\n    surface: \"rgba(15, 15, 15, 0.95)\",\n    textSecondary: \"rgba(255, 255, 255, 0.7)\",\n    textTertiary: \"rgba(255, 255, 255, 0.5)\",\n    textMuted: \"rgba(255, 255, 255, 0.4)\",\n    highlightBg: \"rgba(255, 235, 59, 0.25)\",\n    highlightBorder: \"rgba(255, 235, 59, 0.5)\"\n  },\n  modes: {\n    light: {\n      text: \"#1a1a1a\",\n      background: \"rgba(255, 255, 255, 0.9)\",\n      primary: \"#0066cc\",\n      secondary: \"#0052a3\",\n      accent: \"#00cc88\",\n      highlight: \"rgba(0, 102, 204, 0.08)\",\n      muted: \"rgba(245, 245, 245, 0.8)\",\n      success: \"#00cc88\",\n      warning: \"#ffaa00\",\n      error: \"#ff3333\",\n      info: \"#0066cc\",\n      border: \"rgba(0, 0, 0, 0.1)\",\n      backgroundSecondary: \"rgba(250, 250, 250, 0.9)\",\n      backgroundTertiary: \"rgba(245, 245, 245, 0.9)\",\n      backgroundLight: \"rgba(0, 0, 0, 0.02)\",\n      backgroundHover: \"rgba(0, 102, 204, 0.04)\",\n      surface: \"rgba(255, 255, 255, 0.95)\",\n      textSecondary: \"rgba(0, 0, 0, 0.6)\",\n      textTertiary: \"rgba(0, 0, 0, 0.4)\",\n      textMuted: \"rgba(0, 0, 0, 0.3)\",\n      highlightBg: \"rgba(255, 235, 59, 0.3)\",\n      highlightBorder: \"rgba(255, 235, 59, 0.6)\"\n    }\n  },\n  buttons: {\n    primary: {\n      color: \"white\",\n      bg: \"primary\",\n      borderWidth: 0,\n      \"&:hover\": {\n        bg: \"secondary\"\n      }\n    },\n    secondary: {\n      color: \"primary\",\n      bg: \"transparent\",\n      borderWidth: 1,\n      borderStyle: \"solid\",\n      borderColor: \"primary\",\n      \"&:hover\": {\n        bg: \"highlight\"\n      }\n    },\n    ghost: {\n      color: \"text\",\n      bg: \"transparent\",\n      \"&:hover\": {\n        bg: \"backgroundHover\"\n      }\n    }\n  },\n  text: {\n    heading: {\n      fontFamily: \"heading\",\n      fontWeight: \"heading\",\n      lineHeight: \"heading\"\n    },\n    body: {\n      fontFamily: \"body\",\n      fontWeight: \"body\",\n      lineHeight: \"body\"\n    },\n    caption: {\n      fontSize: 1,\n      color: \"textSecondary\"\n    }\n  },\n  cards: {\n    primary: {\n      bg: \"surface\",\n      border: \"1px solid\",\n      borderColor: \"border\",\n      borderRadius: 1\n    },\n    secondary: {\n      bg: \"backgroundSecondary\",\n      border: \"1px solid\",\n      borderColor: \"border\",\n      borderRadius: 1\n    }\n  }\n};\nvar matrixTheme = {\n  space: [0, 4, 8, 16, 32, 64, 128, 256, 512],\n  fonts: {\n    body: '\"Courier New\", \"Courier\", \"Lucida Console\", \"Monaco\", monospace',\n    heading: '\"Courier New\", \"Courier\", \"Lucida Console\", \"Monaco\", monospace',\n    monospace: '\"Courier New\", \"Courier\", \"Lucida Console\", \"Monaco\", monospace'\n  },\n  fontSizes: [12, 14, 16, 18, 20, 24, 32, 48, 64, 96],\n  fontScale: 1,\n  fontWeights: {\n    body: 400,\n    heading: 500,\n    bold: 600,\n    light: 300,\n    medium: 500,\n    semibold: 600\n  },\n  lineHeights: {\n    body: 1.5,\n    heading: 1.2,\n    tight: 1.3,\n    relaxed: 1.7\n  },\n  breakpoints: [\"640px\", \"768px\", \"1024px\", \"1280px\"],\n  sizes: [16, 32, 64, 128, 256, 512, 768, 1024, 1536],\n  radii: [0, 2, 4, 6, 8, 12, 16, 24],\n  shadows: [\n    \"none\",\n    \"0 0 5px rgba(0, 216, 53, 0.15)\",\n    \"0 0 10px rgba(0, 216, 53, 0.2)\",\n    \"0 0 15px rgba(0, 216, 53, 0.25)\",\n    \"0 0 20px rgba(0, 216, 53, 0.3)\",\n    \"0 0 30px rgba(0, 216, 53, 0.4)\"\n  ],\n  zIndices: [0, 1, 10, 20, 30, 40, 50],\n  colors: {\n    text: \"#a8a8a8\",\n    background: \"#000000\",\n    primary: \"#00d835\",\n    secondary: \"#00a828\",\n    accent: \"#00d835\",\n    highlight: \"rgba(0, 216, 53, 0.15)\",\n    muted: \"#0a0a0a\",\n    success: \"#00d835\",\n    warning: \"#d4a000\",\n    error: \"#d63333\",\n    info: \"#00a8d6\",\n    border: \"rgba(0, 216, 53, 0.2)\",\n    backgroundSecondary: \"#0a0a0a\",\n    backgroundTertiary: \"#111111\",\n    backgroundLight: \"rgba(0, 216, 53, 0.03)\",\n    backgroundHover: \"rgba(0, 216, 53, 0.08)\",\n    surface: \"#050505\",\n    textSecondary: \"#808080\",\n    textTertiary: \"#606060\",\n    textMuted: \"#484848\",\n    highlightBg: \"rgba(0, 216, 53, 0.25)\",\n    highlightBorder: \"rgba(0, 216, 53, 0.5)\"\n  },\n  buttons: {\n    primary: {\n      color: \"black\",\n      bg: \"primary\",\n      borderWidth: 0,\n      \"&:hover\": {\n        bg: \"secondary\"\n      }\n    },\n    secondary: {\n      color: \"primary\",\n      bg: \"transparent\",\n      borderWidth: 1,\n      borderStyle: \"solid\",\n      borderColor: \"primary\",\n      \"&:hover\": {\n        bg: \"highlight\"\n      }\n    },\n    ghost: {\n      color: \"text\",\n      bg: \"transparent\",\n      \"&:hover\": {\n        bg: \"backgroundHover\"\n      }\n    }\n  },\n  text: {\n    heading: {\n      fontFamily: \"heading\",\n      fontWeight: \"heading\",\n      lineHeight: \"heading\"\n    },\n    body: {\n      fontFamily: \"body\",\n      fontWeight: \"body\",\n      lineHeight: \"body\"\n    },\n    caption: {\n      fontSize: 1,\n      color: \"textSecondary\"\n    }\n  },\n  cards: {\n    primary: {\n      bg: \"surface\",\n      border: \"1px solid\",\n      borderColor: \"border\",\n      borderRadius: 0\n    },\n    secondary: {\n      bg: \"backgroundSecondary\",\n      border: \"1px solid\",\n      borderColor: \"border\",\n      borderRadius: 0\n    }\n  }\n};\nvar matrixMinimalTheme = {\n  space: [0, 4, 8, 16, 32, 64, 128, 256, 512],\n  fonts: {\n    body: '\"Courier New\", \"Courier\", \"Lucida Console\", \"Monaco\", monospace',\n    heading: '\"Courier New\", \"Courier\", \"Lucida Console\", \"Monaco\", monospace',\n    monospace: '\"Courier New\", \"Courier\", \"Lucida Console\", \"Monaco\", monospace'\n  },\n  fontSizes: [12, 14, 16, 18, 20, 24, 32, 48, 64, 96],\n  fontScale: 1,\n  fontWeights: {\n    body: 400,\n    heading: 500,\n    bold: 600,\n    light: 300,\n    medium: 500,\n    semibold: 600\n  },\n  lineHeights: {\n    body: 1.5,\n    heading: 1.2,\n    tight: 1.3,\n    relaxed: 1.7\n  },\n  breakpoints: [\"640px\", \"768px\", \"1024px\", \"1280px\"],\n  sizes: [16, 32, 64, 128, 256, 512, 768, 1024, 1536],\n  radii: [0, 2, 4, 6, 8, 12, 16, 24],\n  shadows: [\n    \"none\",\n    \"0 1px 2px rgba(0, 0, 0, 0.05)\",\n    \"0 2px 4px rgba(0, 0, 0, 0.1)\",\n    \"0 4px 8px rgba(0, 0, 0, 0.15)\",\n    \"0 8px 16px rgba(0, 0, 0, 0.2)\",\n    \"0 0 20px rgba(0, 216, 53, 0.1)\"\n  ],\n  zIndices: [0, 1, 10, 20, 30, 40, 50],\n  colors: {\n    text: \"#a8a8a8\",\n    background: \"#000000\",\n    primary: \"#b8b8b8\",\n    secondary: \"#909090\",\n    accent: \"#00d835\",\n    highlight: \"rgba(0, 216, 53, 0.1)\",\n    muted: \"#0a0a0a\",\n    success: \"#00d835\",\n    warning: \"#d4a000\",\n    error: \"#d63333\",\n    info: \"#00a8d6\",\n    border: \"rgba(184, 184, 184, 0.1)\",\n    backgroundSecondary: \"#0a0a0a\",\n    backgroundTertiary: \"#111111\",\n    backgroundLight: \"rgba(184, 184, 184, 0.02)\",\n    backgroundHover: \"rgba(0, 216, 53, 0.05)\",\n    surface: \"#050505\",\n    textSecondary: \"#808080\",\n    textTertiary: \"#606060\",\n    textMuted: \"#484848\",\n    highlightBg: \"rgba(0, 216, 53, 0.2)\",\n    highlightBorder: \"rgba(0, 216, 53, 0.4)\"\n  },\n  buttons: {\n    primary: {\n      color: \"black\",\n      bg: \"primary\",\n      borderWidth: 0,\n      \"&:hover\": {\n        bg: \"secondary\"\n      }\n    },\n    secondary: {\n      color: \"primary\",\n      bg: \"transparent\",\n      borderWidth: 1,\n      borderStyle: \"solid\",\n      borderColor: \"primary\",\n      \"&:hover\": {\n        bg: \"backgroundHover\"\n      }\n    },\n    ghost: {\n      color: \"text\",\n      bg: \"transparent\",\n      \"&:hover\": {\n        bg: \"backgroundHover\"\n      }\n    }\n  },\n  text: {\n    heading: {\n      fontFamily: \"heading\",\n      fontWeight: \"heading\",\n      lineHeight: \"heading\"\n    },\n    body: {\n      fontFamily: \"body\",\n      fontWeight: \"body\",\n      lineHeight: \"body\"\n    },\n    caption: {\n      fontSize: 1,\n      color: \"textSecondary\"\n    }\n  },\n  cards: {\n    primary: {\n      bg: \"surface\",\n      border: \"1px solid\",\n      borderColor: \"border\",\n      borderRadius: 0\n    },\n    secondary: {\n      bg: \"backgroundSecondary\",\n      border: \"1px solid\",\n      borderColor: \"border\",\n      borderRadius: 0\n    }\n  }\n};\nvar slateTheme = {\n  space: [0, 4, 8, 16, 32, 64, 128, 256, 512],\n  fonts: {\n    body: '\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif',\n    heading: '\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif',\n    monospace: '\"Fira Code\", \"SF Mono\", Monaco, Inconsolata, monospace'\n  },\n  fontSizes: [12, 14, 16, 18, 20, 24, 32, 48, 64, 96],\n  fontScale: 1,\n  fontWeights: {\n    body: 400,\n    heading: 600,\n    bold: 700,\n    light: 300,\n    medium: 500,\n    semibold: 600\n  },\n  lineHeights: {\n    body: 1.6,\n    heading: 1.3,\n    tight: 1.25,\n    relaxed: 1.75\n  },\n  breakpoints: [\"640px\", \"768px\", \"1024px\", \"1280px\"],\n  sizes: [16, 32, 64, 128, 256, 512, 768, 1024, 1536],\n  radii: [0, 2, 4, 6, 8, 12, 16, 24],\n  shadows: [\n    \"none\",\n    \"0 1px 3px 0 rgba(0, 0, 0, 0.2)\",\n    \"0 4px 6px -1px rgba(0, 0, 0, 0.2)\",\n    \"0 10px 15px -3px rgba(0, 0, 0, 0.2)\",\n    \"0 20px 25px -5px rgba(0, 0, 0, 0.25)\",\n    \"0 25px 50px -12px rgba(0, 0, 0, 0.3)\"\n  ],\n  zIndices: [0, 1, 10, 20, 30, 40, 50],\n  colors: {\n    text: \"#9ca3af\",\n    background: \"#1a1c1e\",\n    primary: \"#d1d5db\",\n    secondary: \"#6b7280\",\n    accent: \"#f59e0b\",\n    highlight: \"rgba(209, 213, 219, 0.15)\",\n    muted: \"#2d3134\",\n    success: \"#10b981\",\n    warning: \"#f59e0b\",\n    error: \"#ef4444\",\n    info: \"#3b82f6\",\n    border: \"rgba(156, 163, 175, 0.15)\",\n    backgroundSecondary: \"#22252a\",\n    backgroundTertiary: \"#2d3134\",\n    backgroundLight: \"rgba(156, 163, 175, 0.05)\",\n    backgroundHover: \"rgba(156, 163, 175, 0.1)\",\n    surface: \"#1f2124\",\n    textSecondary: \"#e5e7eb\",\n    textTertiary: \"#6b7280\",\n    textMuted: \"#4b5563\",\n    highlightBg: \"rgba(245, 158, 11, 0.25)\",\n    highlightBorder: \"rgba(245, 158, 11, 0.5)\"\n  },\n  buttons: {\n    primary: {\n      color: \"#1a1c1e\",\n      bg: \"primary\",\n      borderWidth: 0,\n      \"&:hover\": {\n        bg: \"#9ca3af\"\n      }\n    },\n    secondary: {\n      color: \"#e5e7eb\",\n      bg: \"secondary\",\n      borderWidth: 0,\n      \"&:hover\": {\n        bg: \"#4b5563\"\n      }\n    },\n    ghost: {\n      color: \"textSecondary\",\n      bg: \"transparent\",\n      \"&:hover\": {\n        bg: \"backgroundHover\"\n      }\n    }\n  },\n  text: {\n    heading: {\n      fontFamily: \"heading\",\n      fontWeight: \"heading\",\n      lineHeight: \"heading\",\n      color: \"textSecondary\"\n    },\n    body: {\n      fontFamily: \"body\",\n      fontWeight: \"body\",\n      lineHeight: \"body\"\n    },\n    caption: {\n      fontSize: 1,\n      color: \"textTertiary\"\n    }\n  },\n  cards: {\n    primary: {\n      bg: \"surface\",\n      border: \"1px solid\",\n      borderColor: \"border\",\n      borderRadius: 3\n    },\n    secondary: {\n      bg: \"backgroundSecondary\",\n      border: \"1px solid\",\n      borderColor: \"border\",\n      borderRadius: 3\n    }\n  }\n};\n// src/ThemeProvider.tsx\nimport React, { createContext, useContext, useState, useEffect } from \"react\";\n\n// src/themeHelpers.ts\nfunction overrideColors(theme, colors) {\n  return {\n    ...theme,\n    colors: {\n      ...theme.colors,\n      ...colors\n    }\n  };\n}\nfunction makeTheme(baseTheme, overrides) {\n  return {\n    ...baseTheme,\n    ...overrides,\n    colors: {\n      ...baseTheme.colors,\n      ...overrides.colors\n    },\n    fonts: {\n      ...baseTheme.fonts,\n      ...overrides.fonts\n    }\n  };\n}\nfunction addMode(theme, modeName, colors, baseMode) {\n  let baseColors;\n  if (baseMode && theme.modes && theme.modes[baseMode]) {\n    baseColors = {\n      ...theme.colors,\n      ...theme.modes[baseMode]\n    };\n  } else {\n    baseColors = theme.colors;\n  }\n  const newMode = {\n    ...baseColors,\n    ...colors\n  };\n  return {\n    ...theme,\n    modes: {\n      ...theme.modes,\n      [modeName]: newMode\n    }\n  };\n}\nfunction getMode(theme, mode) {\n  if (!mode || !theme.modes || !theme.modes[mode]) {\n    return theme.colors;\n  }\n  return {\n    ...theme.colors,\n    ...theme.modes[mode]\n  };\n}\n\n// src/ThemeProvider.tsx\nvar ThemeContext;\nvar getThemeContext = () => {\n  if (typeof window !== \"undefined\") {\n    const globalWindow = window;\n    if (!globalWindow.__principlemd_theme_context__) {\n      globalWindow.__principlemd_theme_context__ = createContext(undefined);\n    }\n    return globalWindow.__principlemd_theme_context__;\n  } else {\n    if (!ThemeContext) {\n      ThemeContext = createContext(undefined);\n    }\n    return ThemeContext;\n  }\n};\nvar ThemeContextSingleton = getThemeContext();\nvar useTheme = () => {\n  const context = useContext(ThemeContextSingleton);\n  if (!context) {\n    throw new Error(\"useTheme must be used within a ThemeProvider\");\n  }\n  return context;\n};\nvar ThemeProvider = ({\n  children,\n  theme: customTheme = theme,\n  initialMode\n}) => {\n  const [mode, setMode] = useState(initialMode);\n  const activeTheme = React.useMemo(() => {\n    if (!mode || !customTheme.modes || !customTheme.modes[mode]) {\n      return customTheme;\n    }\n    return {\n      ...customTheme,\n      colors: getMode(customTheme, mode)\n    };\n  }, [customTheme, mode]);\n  useEffect(() => {\n    if (!initialMode) {\n      const savedMode = localStorage.getItem(\"principlemd-theme-mode\");\n      if (savedMode) {\n        setMode(savedMode);\n      }\n    }\n  }, [initialMode]);\n  useEffect(() => {\n    if (mode) {\n      localStorage.setItem(\"principlemd-theme-mode\", mode);\n    } else {\n      localStorage.removeItem(\"principlemd-theme-mode\");\n    }\n  }, [mode]);\n  const value = {\n    theme: activeTheme,\n    mode,\n    setMode\n  };\n  return /* @__PURE__ */ React.createElement(ThemeContextSingleton.Provider, {\n    value\n  }, children);\n};\nvar withTheme = (Component) => {\n  return (props) => {\n    const { theme: theme2 } = useTheme();\n    return /* @__PURE__ */ React.createElement(Component, {\n      ...props,\n      theme: theme2\n    });\n  };\n};\n// src/utils.ts\nvar getColor = (theme2, colorKey) => {\n  const colors = theme2.colors;\n  const value = colors[colorKey];\n  return typeof value === \"string\" ? value : colorKey;\n};\nvar getSpace = (theme2, index) => {\n  return theme2.space[index] || 0;\n};\nvar getFontSize = (theme2, index) => {\n  return theme2.fontSizes[index] || theme2.fontSizes[2];\n};\nvar getRadius = (theme2, index) => {\n  return theme2.radii[index] || 0;\n};\nvar getShadow = (theme2, index) => {\n  return theme2.shadows[index] || \"none\";\n};\nvar getZIndex = (theme2, index) => {\n  return theme2.zIndices[index] || 0;\n};\nvar responsive = (values) => {\n  return values.reduce((acc, value, index) => {\n    if (index === 0) {\n      return value;\n    }\n    return {\n      ...acc,\n      [`@media screen and (min-width: ${values[index - 1]})`]: value\n    };\n  }, {});\n};\nvar sx = (styles) => styles;\nvar createStyle = (theme2, styleObj) => {\n  const processValue = (value) => {\n    if (typeof value === \"string\") {\n      if (value in theme2.colors) {\n        return getColor(theme2, value);\n      }\n      return value;\n    }\n    if (typeof value === \"number\") {\n      return value;\n    }\n    if (Array.isArray(value)) {\n      return value.map(processValue);\n    }\n    if (typeof value === \"object\" && value !== null) {\n      const processed2 = {};\n      for (const [key, val] of Object.entries(value)) {\n        processed2[key] = processValue(val);\n      }\n      return processed2;\n    }\n    return value;\n  };\n  const processed = {};\n  for (const [key, val] of Object.entries(styleObj)) {\n    processed[key] = processValue(val);\n  }\n  return processed;\n};\nvar mergeThemes = (baseTheme, ...overrides) => {\n  return overrides.reduce((theme2, override) => ({\n    space: override.space || theme2.space,\n    fonts: { ...theme2.fonts, ...override.fonts || {} },\n    fontSizes: override.fontSizes || theme2.fontSizes,\n    fontWeights: { ...theme2.fontWeights, ...override.fontWeights || {} },\n    lineHeights: { ...theme2.lineHeights, ...override.lineHeights || {} },\n    breakpoints: override.breakpoints || theme2.breakpoints,\n    sizes: override.sizes || theme2.sizes,\n    radii: override.radii || theme2.radii,\n    shadows: override.shadows || theme2.shadows,\n    zIndices: override.zIndices || theme2.zIndices,\n    colors: {\n      ...theme2.colors,\n      ...override.colors || {}\n    },\n    buttons: { ...theme2.buttons, ...override.buttons || {} },\n    text: { ...theme2.text, ...override.text || {} },\n    cards: { ...theme2.cards, ...override.cards || {} }\n  }), baseTheme);\n};\n// src/ThemeShowcase.tsx\nimport React2 from \"react\";\nvar ThemeShowcase = ({\n  theme: theme2,\n  title,\n  showValues = true,\n  sections = [\"colors\", \"typography\", \"spacing\", \"shadows\", \"radii\"]\n}) => {\n  const containerStyle = {\n    fontFamily: theme2.fonts.body,\n    color: theme2.colors.text,\n    backgroundColor: theme2.colors.background,\n    padding: theme2.space[4],\n    minHeight: \"100vh\"\n  };\n  const sectionStyle = {\n    marginBottom: theme2.space[5],\n    padding: theme2.space[4],\n    backgroundColor: theme2.colors.surface || theme2.colors.backgroundSecondary,\n    borderRadius: theme2.radii[2],\n    border: `1px solid ${theme2.colors.border}`\n  };\n  const headingStyle = {\n    fontFamily: theme2.fonts.heading,\n    fontSize: theme2.fontSizes[5],\n    fontWeight: theme2.fontWeights.heading,\n    marginBottom: theme2.space[3],\n    color: theme2.colors.primary\n  };\n  const subheadingStyle = {\n    fontFamily: theme2.fonts.heading,\n    fontSize: theme2.fontSizes[3],\n    fontWeight: theme2.fontWeights.medium,\n    marginBottom: theme2.space[2],\n    marginTop: theme2.space[3],\n    color: theme2.colors.text\n  };\n  return /* @__PURE__ */ React2.createElement(\"div\", {\n    style: containerStyle\n  }, title && /* @__PURE__ */ React2.createElement(\"h1\", {\n    style: {\n      ...headingStyle,\n      fontSize: theme2.fontSizes[6],\n      marginBottom: theme2.space[4]\n    }\n  }, title), sections.includes(\"colors\") && /* @__PURE__ */ React2.createElement(\"div\", {\n    style: sectionStyle\n  }, /* @__PURE__ */ React2.createElement(\"h2\", {\n    style: headingStyle\n  }, \"Colors\"), /* @__PURE__ */ React2.createElement(\"h3\", {\n    style: subheadingStyle\n  }, \"Primary Colors\"), /* @__PURE__ */ React2.createElement(\"div\", {\n    style: {\n      display: \"grid\",\n      gridTemplateColumns: \"repeat(auto-fill, minmax(200px, 1fr))\",\n      gap: theme2.space[3],\n      marginBottom: theme2.space[3]\n    }\n  }, [\"text\", \"background\", \"primary\", \"secondary\", \"accent\", \"muted\"].map((key) => {\n    const color = theme2.colors[key];\n    if (!color)\n      return null;\n    return /* @__PURE__ */ React2.createElement(\"div\", {\n      key,\n      style: {\n        display: \"flex\",\n        alignItems: \"center\",\n        padding: theme2.space[2],\n        backgroundColor: theme2.colors.backgroundLight || theme2.colors.backgroundTertiary,\n        borderRadius: theme2.radii[1]\n      }\n    }, /* @__PURE__ */ React2.createElement(\"div\", {\n      style: {\n        width: 40,\n        height: 40,\n        backgroundColor: color,\n        border: `1px solid ${theme2.colors.border}`,\n        borderRadius: theme2.radii[1],\n        marginRight: theme2.space[2]\n      }\n    }), /* @__PURE__ */ React2.createElement(\"div\", null, /* @__PURE__ */ React2.createElement(\"div\", {\n      style: {\n        fontFamily: theme2.fonts.monospace,\n        fontSize: theme2.fontSizes[1],\n        fontWeight: theme2.fontWeights.medium\n      }\n    }, key), showValues && /* @__PURE__ */ React2.createElement(\"div\", {\n      style: {\n        fontFamily: theme2.fonts.monospace,\n        fontSize: theme2.fontSizes[0],\n        color: theme2.colors.textSecondary\n      }\n    }, color)));\n  })), /* @__PURE__ */ React2.createElement(\"h3\", {\n    style: subheadingStyle\n  }, \"Status Colors\"), /* @__PURE__ */ React2.createElement(\"div\", {\n    style: {\n      display: \"grid\",\n      gridTemplateColumns: \"repeat(auto-fill, minmax(200px, 1fr))\",\n      gap: theme2.space[3],\n      marginBottom: theme2.space[3]\n    }\n  }, [\"success\", \"warning\", \"error\", \"info\"].map((key) => {\n    const color = theme2.colors[key];\n    if (!color)\n      return null;\n    return /* @__PURE__ */ React2.createElement(\"div\", {\n      key,\n      style: {\n        display: \"flex\",\n        alignItems: \"center\",\n        padding: theme2.space[2],\n        backgroundColor: theme2.colors.backgroundLight || theme2.colors.backgroundTertiary,\n        borderRadius: theme2.radii[1]\n      }\n    }, /* @__PURE__ */ React2.createElement(\"div\", {\n      style: {\n        width: 40,\n        height: 40,\n        backgroundColor: color,\n        border: `1px solid ${theme2.colors.border}`,\n        borderRadius: theme2.radii[1],\n        marginRight: theme2.space[2]\n      }\n    }), /* @__PURE__ */ React2.createElement(\"div\", null, /* @__PURE__ */ React2.createElement(\"div\", {\n      style: {\n        fontFamily: theme2.fonts.monospace,\n        fontSize: theme2.fontSizes[1],\n        fontWeight: theme2.fontWeights.medium\n      }\n    }, key), showValues && /* @__PURE__ */ React2.createElement(\"div\", {\n      style: {\n        fontFamily: theme2.fonts.monospace,\n        fontSize: theme2.fontSizes[0],\n        color: theme2.colors.textSecondary\n      }\n    }, color)));\n  })), /* @__PURE__ */ React2.createElement(\"h3\", {\n    style: subheadingStyle\n  }, \"Background Colors\"), /* @__PURE__ */ React2.createElement(\"div\", {\n    style: {\n      display: \"grid\",\n      gridTemplateColumns: \"repeat(auto-fill, minmax(200px, 1fr))\",\n      gap: theme2.space[3]\n    }\n  }, [\"backgroundSecondary\", \"backgroundTertiary\", \"backgroundLight\", \"backgroundHover\", \"surface\"].map((key) => {\n    const color = theme2.colors[key];\n    if (!color)\n      return null;\n    return /* @__PURE__ */ React2.createElement(\"div\", {\n      key,\n      style: {\n        padding: theme2.space[3],\n        backgroundColor: color,\n        border: `1px solid ${theme2.colors.border}`,\n        borderRadius: theme2.radii[1]\n      }\n    }, /* @__PURE__ */ React2.createElement(\"div\", {\n      style: {\n        fontFamily: theme2.fonts.monospace,\n        fontSize: theme2.fontSizes[1],\n        fontWeight: theme2.fontWeights.medium\n      }\n    }, key), showValues && /* @__PURE__ */ React2.createElement(\"div\", {\n      style: {\n        fontFamily: theme2.fonts.monospace,\n        fontSize: theme2.fontSizes[0],\n        color: theme2.colors.textSecondary,\n        marginTop: theme2.space[1]\n      }\n    }, color));\n  }))), sections.includes(\"typography\") && /* @__PURE__ */ React2.createElement(\"div\", {\n    style: sectionStyle\n  }, /* @__PURE__ */ React2.createElement(\"h2\", {\n    style: headingStyle\n  }, \"Typography\"), /* @__PURE__ */ React2.createElement(\"h3\", {\n    style: subheadingStyle\n  }, \"Font Families\"), /* @__PURE__ */ React2.createElement(\"div\", {\n    style: { marginBottom: theme2.space[4] }\n  }, /* @__PURE__ */ React2.createElement(\"div\", {\n    style: {\n      fontFamily: theme2.fonts.heading,\n      fontSize: theme2.fontSizes[4],\n      marginBottom: theme2.space[2]\n    }\n  }, \"Heading Font: \", showValues && /* @__PURE__ */ React2.createElement(\"span\", {\n    style: {\n      fontFamily: theme2.fonts.monospace,\n      fontSize: theme2.fontSizes[1],\n      color: theme2.colors.textSecondary\n    }\n  }, \" \", theme2.fonts.heading)), /* @__PURE__ */ React2.createElement(\"div\", {\n    style: {\n      fontFamily: theme2.fonts.body,\n      fontSize: theme2.fontSizes[2],\n      marginBottom: theme2.space[2]\n    }\n  }, \"Body Font: \", showValues && /* @__PURE__ */ React2.createElement(\"span\", {\n    style: {\n      fontFamily: theme2.fonts.monospace,\n      fontSize: theme2.fontSizes[1],\n      color: theme2.colors.textSecondary\n    }\n  }, \" \", theme2.fonts.body)), /* @__PURE__ */ React2.createElement(\"div\", {\n    style: {\n      fontFamily: theme2.fonts.monospace,\n      fontSize: theme2.fontSizes[2]\n    }\n  }, \"Monospace Font: \", showValues && /* @__PURE__ */ React2.createElement(\"span\", {\n    style: {\n      fontSize: theme2.fontSizes[1],\n      color: theme2.colors.textSecondary\n    }\n  }, \" \", theme2.fonts.monospace))), /* @__PURE__ */ React2.createElement(\"h3\", {\n    style: subheadingStyle\n  }, \"Font Sizes\"), /* @__PURE__ */ React2.createElement(\"div\", {\n    style: { marginBottom: theme2.space[4] }\n  }, theme2.fontSizes.map((size, index) => /* @__PURE__ */ React2.createElement(\"div\", {\n    key: index,\n    style: {\n      fontSize: size,\n      lineHeight: theme2.lineHeights.body,\n      marginBottom: theme2.space[1]\n    }\n  }, \"Size \", index, \": Sample Text \", showValues && `(${size}px)`))), /* @__PURE__ */ React2.createElement(\"h3\", {\n    style: subheadingStyle\n  }, \"Font Weights\"), /* @__PURE__ */ React2.createElement(\"div\", {\n    style: {\n      display: \"grid\",\n      gridTemplateColumns: \"repeat(auto-fit, minmax(150px, 1fr))\",\n      gap: theme2.space[2]\n    }\n  }, Object.entries(theme2.fontWeights).map(([name, weight]) => /* @__PURE__ */ React2.createElement(\"div\", {\n    key: name,\n    style: {\n      fontWeight: weight,\n      fontSize: theme2.fontSizes[2]\n    }\n  }, name, \" \", showValues && `(${weight})`)))), sections.includes(\"spacing\") && /* @__PURE__ */ React2.createElement(\"div\", {\n    style: sectionStyle\n  }, /* @__PURE__ */ React2.createElement(\"h2\", {\n    style: headingStyle\n  }, \"Spacing\"), /* @__PURE__ */ React2.createElement(\"div\", {\n    style: { display: \"flex\", flexDirection: \"column\", gap: theme2.space[2] }\n  }, theme2.space.map((space, index) => /* @__PURE__ */ React2.createElement(\"div\", {\n    key: index,\n    style: { display: \"flex\", alignItems: \"center\" }\n  }, /* @__PURE__ */ React2.createElement(\"div\", {\n    style: {\n      width: 60,\n      fontFamily: theme2.fonts.monospace,\n      fontSize: theme2.fontSizes[1],\n      color: theme2.colors.textSecondary\n    }\n  }, \"[\", index, \"]\"), /* @__PURE__ */ React2.createElement(\"div\", {\n    style: {\n      height: 24,\n      width: space,\n      backgroundColor: theme2.colors.primary,\n      borderRadius: theme2.radii[1]\n    }\n  }), showValues && /* @__PURE__ */ React2.createElement(\"div\", {\n    style: {\n      marginLeft: theme2.space[2],\n      fontFamily: theme2.fonts.monospace,\n      fontSize: theme2.fontSizes[1],\n      color: theme2.colors.textSecondary\n    }\n  }, space, \"px\"))))), sections.includes(\"radii\") && /* @__PURE__ */ React2.createElement(\"div\", {\n    style: sectionStyle\n  }, /* @__PURE__ */ React2.createElement(\"h2\", {\n    style: headingStyle\n  }, \"Border Radii\"), /* @__PURE__ */ React2.createElement(\"div\", {\n    style: {\n      display: \"grid\",\n      gridTemplateColumns: \"repeat(auto-fill, minmax(100px, 1fr))\",\n      gap: theme2.space[3]\n    }\n  }, theme2.radii.map((radius, index) => /* @__PURE__ */ React2.createElement(\"div\", {\n    key: index,\n    style: { textAlign: \"center\" }\n  }, /* @__PURE__ */ React2.createElement(\"div\", {\n    style: {\n      width: 80,\n      height: 80,\n      backgroundColor: theme2.colors.primary,\n      borderRadius: radius,\n      marginBottom: theme2.space[1],\n      margin: \"0 auto\"\n    }\n  }), /* @__PURE__ */ React2.createElement(\"div\", {\n    style: {\n      fontFamily: theme2.fonts.monospace,\n      fontSize: theme2.fontSizes[0],\n      color: theme2.colors.textSecondary\n    }\n  }, \"[\", index, \"] \", showValues && `${radius}px`))))), sections.includes(\"shadows\") && /* @__PURE__ */ React2.createElement(\"div\", {\n    style: sectionStyle\n  }, /* @__PURE__ */ React2.createElement(\"h2\", {\n    style: headingStyle\n  }, \"Shadows\"), /* @__PURE__ */ React2.createElement(\"div\", {\n    style: {\n      display: \"grid\",\n      gridTemplateColumns: \"repeat(auto-fill, minmax(150px, 1fr))\",\n      gap: theme2.space[4]\n    }\n  }, theme2.shadows.map((shadow, index) => /* @__PURE__ */ React2.createElement(\"div\", {\n    key: index,\n    style: { textAlign: \"center\" }\n  }, /* @__PURE__ */ React2.createElement(\"div\", {\n    style: {\n      width: 100,\n      height: 100,\n      backgroundColor: theme2.colors.background,\n      boxShadow: shadow,\n      borderRadius: theme2.radii[2],\n      margin: \"0 auto\",\n      marginBottom: theme2.space[2],\n      border: `1px solid ${theme2.colors.border}`\n    }\n  }), /* @__PURE__ */ React2.createElement(\"div\", {\n    style: {\n      fontFamily: theme2.fonts.monospace,\n      fontSize: theme2.fontSizes[0],\n      color: theme2.colors.textSecondary\n    }\n  }, \"Shadow [\", index, \"]\"), showValues && /* @__PURE__ */ React2.createElement(\"div\", {\n    style: {\n      fontFamily: theme2.fonts.monospace,\n      fontSize: theme2.fontSizes[0],\n      color: theme2.colors.textMuted,\n      marginTop: theme2.space[1]\n    }\n  }, shadow === \"none\" ? \"none\" : \"...\"))))), theme2.modes && Object.keys(theme2.modes).length > 0 && /* @__PURE__ */ React2.createElement(\"div\", {\n    style: sectionStyle\n  }, /* @__PURE__ */ React2.createElement(\"h2\", {\n    style: headingStyle\n  }, \"Available Modes\"), /* @__PURE__ */ React2.createElement(\"div\", {\n    style: {\n      display: \"flex\",\n      gap: theme2.space[2],\n      flexWrap: \"wrap\"\n    }\n  }, /* @__PURE__ */ React2.createElement(\"div\", {\n    style: {\n      padding: `${theme2.space[2]}px ${theme2.space[3]}px`,\n      backgroundColor: theme2.colors.primary,\n      color: \"#ffffff\",\n      borderRadius: theme2.radii[2],\n      fontFamily: theme2.fonts.body,\n      fontSize: theme2.fontSizes[1]\n    }\n  }, \"default\"), Object.keys(theme2.modes).map((modeName) => /* @__PURE__ */ React2.createElement(\"div\", {\n    key: modeName,\n    style: {\n      padding: `${theme2.space[2]}px ${theme2.space[3]}px`,\n      backgroundColor: theme2.colors.secondary,\n      color: theme2.colors.text,\n      borderRadius: theme2.radii[2],\n      fontFamily: theme2.fonts.body,\n      fontSize: theme2.fontSizes[1]\n    }\n  }, modeName)))));\n};\n\n// src/index.ts\nvar theme = terminalTheme;\nfunction scaleThemeFonts(theme2, scale) {\n  const currentScale = theme2.fontScale || 1;\n  const effectiveScale = scale / currentScale;\n  return {\n    ...theme2,\n    fontSizes: theme2.fontSizes.map((size) => Math.round(size * effectiveScale)),\n    fontScale: scale\n  };\n}\nfunction increaseFontScale(theme2) {\n  const currentScale = theme2.fontScale || 1;\n  const newScale = Math.min(currentScale * 1.1, 2);\n  return scaleThemeFonts(theme2, newScale);\n}\nfunction decreaseFontScale(theme2) {\n  const currentScale = theme2.fontScale || 1;\n  const newScale = Math.max(currentScale * 0.9, 0.5);\n  return scaleThemeFonts(theme2, newScale);\n}\nfunction resetFontScale(theme2) {\n  return scaleThemeFonts(theme2, 1);\n}\nvar src_default = theme;\nexport {\n  withTheme,\n  useTheme,\n  theme,\n  terminalTheme,\n  sx,\n  slateTheme,\n  scaleThemeFonts,\n  responsive,\n  resetFontScale,\n  regalTheme,\n  overrideColors,\n  mergeThemes,\n  matrixTheme,\n  matrixMinimalTheme,\n  makeTheme,\n  increaseFontScale,\n  glassmorphismTheme,\n  getZIndex,\n  getSpace,\n  getShadow,\n  getRadius,\n  getMode,\n  getFontSize,\n  getColor,\n  defaultTerminalTheme,\n  defaultMarkdownTheme,\n  defaultEditorTheme,\n  src_default as default,\n  decreaseFontScale,\n  createStyle,\n  addMode,\n  ThemeShowcase,\n  ThemeProvider\n};\n","function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","import { type ClassValue, clsx } from \"clsx\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return clsx(inputs);\n}\n","import * as React from 'react';\nimport { cn } from '../lib/utils';\nimport type { Theme } from '@principal-ade/industry-theme';\nimport type { QualityMetrics } from '@principal-ai/codebase-composition';\n\nexport type { QualityMetrics };\nexport type QualityTier = 'none' | 'bronze' | 'silver' | 'gold' | 'platinum';\nexport type MetricKey = 'types' | 'documentation' | 'tests' | 'deadCode' | 'formatting' | 'linting';\n\nexport interface VertexHoverInfo {\n  key: MetricKey;\n  label: string;\n  value: number;\n  color: string;\n}\n\ninterface QualityHexagonProps {\n  metrics: QualityMetrics;\n  tier: QualityTier;\n  theme: Theme;\n  showLabels?: boolean;\n  showValues?: boolean;\n  className?: string;\n  onVertexHover?: (info: VertexHoverInfo) => void;\n  onVertexLeave?: () => void;\n  onVertexClick?: (info: VertexHoverInfo) => void;\n}\n\n// Helper to extract theme colors\nfunction getThemeColors(theme: Theme) {\n  return {\n    gridColor: theme.colors.border,\n    axisColor: theme.colors.muted,\n    textColor: theme.colors.text,\n    scoreColor: theme.colors.text,\n    tierColors: {\n      none: { fill: theme.colors.muted, stroke: theme.colors.border, bg: theme.colors.backgroundLight },\n      bronze: { fill: theme.colors.warning, stroke: theme.colors.warning, bg: theme.colors.backgroundLight },\n      silver: { fill: theme.colors.secondary, stroke: theme.colors.secondary, bg: theme.colors.backgroundLight },\n      gold: { fill: theme.colors.accent, stroke: theme.colors.accent, bg: theme.colors.backgroundLight },\n      platinum: { fill: theme.colors.primary, stroke: theme.colors.primary, bg: theme.colors.backgroundLight }\n    },\n    metricColors: {\n      types: theme.colors.warning,\n      documentation: theme.colors.info,\n      tests: theme.colors.success,\n      deadCode: theme.colors.error,\n      formatting: theme.colors.accent,\n      linting: theme.colors.primary\n    },\n    qualityIndicators: {\n      good: theme.colors.success,\n      medium: theme.colors.warning,\n      poor: theme.colors.error\n    }\n  };\n}\n\n// Metrics ordered clockwise from top-left\nconst getMetricConfig = (themeColors: ReturnType<typeof getThemeColors>) => [\n  { key: 'types', label: 'Types', color: themeColors.metricColors.types, angle: -120 },\n  { key: 'documentation', label: 'Docs', color: themeColors.metricColors.documentation, angle: -60 },\n  { key: 'tests', label: 'Tests', color: themeColors.metricColors.tests, angle: 0 },\n  { key: 'deadCode', label: 'Dead Code', color: themeColors.metricColors.deadCode, angle: 60 },\n  { key: 'formatting', label: 'Format', color: themeColors.metricColors.formatting, angle: 120 },\n  { key: 'linting', label: 'Linting', color: themeColors.metricColors.linting, angle: 180 }\n] as const;\n\nfunction calculateHexagonPoints(center: number, radius: number, metricConfig: ReturnType<typeof getMetricConfig>): string {\n  return metricConfig\n    .map(({ angle }) => {\n      const radian = (angle * Math.PI) / 180;\n      const x = center + radius * Math.cos(radian);\n      const y = center + radius * Math.sin(radian);\n      return `${x},${y}`;\n    })\n    .join(' ');\n}\n\nfunction calculateMetricPoint(\n  center: number,\n  radius: number,\n  angle: number,\n  value: number\n): { x: number; y: number } {\n  const actualRadius = (radius * value) / 100;\n  const radian = (angle * Math.PI) / 180;\n  return {\n    x: center + actualRadius * Math.cos(radian),\n    y: center + actualRadius * Math.sin(radian)\n  };\n}\n\nexport function QualityHexagon({\n  metrics,\n  tier,\n  theme,\n  showLabels = false,\n  showValues = false,\n  className,\n  onVertexHover,\n  onVertexLeave,\n  onVertexClick,\n}: QualityHexagonProps) {\n  const themeColors = getThemeColors(theme);\n  const colors = themeColors.tierColors[tier] ?? themeColors.tierColors.none;\n  const metricConfig = getMetricConfig(themeColors);\n  // Use fixed internal coordinates for viewBox\n  const viewBoxSize = 300;\n  const center = viewBoxSize / 2;\n  const radius = viewBoxSize * 0.28;\n  const padding = viewBoxSize * 0.1;\n  const fontSize = viewBoxSize * 0.04;\n  const strokeWidth = viewBoxSize * 0.008;\n  const dotSize = viewBoxSize * 0.015;\n\n  const hexagonPoints = calculateHexagonPoints(center, radius, metricConfig);\n\n  const dataPoints = metricConfig\n    .map(({ key, angle }) => {\n      let value = metrics[key as keyof QualityMetrics];\n      // Invert dead code metric (less is better)\n      if (key === 'deadCode') {\n        value = 100 - value;\n      }\n      return calculateMetricPoint(center, radius, angle, value);\n    })\n    .map(p => `${p.x},${p.y}`)\n    .join(' ');\n\n  // Calculate average with inverted dead code\n  const metricsForAverage = { ...metrics };\n  metricsForAverage.deadCode = 100 - metricsForAverage.deadCode;\n  const averageScore = Math.round(\n    Object.values(metricsForAverage).reduce((a, b) => a + b, 0) / 6\n  );\n\n  const hexagon = (\n    <svg\n      viewBox={`0 0 ${viewBoxSize} ${viewBoxSize}`}\n      className={cn('w-full h-full transition-all duration-300', className)}\n      preserveAspectRatio=\"xMidYMid meet\"\n    >\n      {/* Grid lines */}\n      <g className=\"opacity-20\">\n        {[20, 40, 60, 80, 100].map((percent) => (\n          <polygon\n            key={percent}\n            points={calculateHexagonPoints(center, (radius * percent) / 100, metricConfig)}\n            fill=\"none\"\n            stroke={themeColors.gridColor}\n            strokeWidth={0.5}\n            style={{ opacity: 0.4 }}\n          />\n        ))}\n      </g>\n\n      {/* Axes */}\n      {metricConfig.map(({ angle }) => {\n        const endPoint = calculateMetricPoint(center, radius, angle, 100);\n        return (\n          <line\n            key={angle}\n            x1={center}\n            y1={center}\n            x2={endPoint.x}\n            y2={endPoint.y}\n            stroke={themeColors.axisColor}\n            strokeWidth={0.5}\n            style={{ opacity: 0.5 }}\n          />\n        );\n      })}\n\n      {/* Outer hexagon */}\n      <polygon\n        points={hexagonPoints}\n        fill=\"none\"\n        stroke={colors.stroke}\n        strokeWidth={strokeWidth}\n        style={{ opacity: 0.3 }}\n      />\n\n      {/* Data polygon */}\n      <polygon\n        points={dataPoints}\n        fill={colors.fill}\n        fillOpacity={0.3}\n        stroke={colors.stroke}\n        strokeWidth={strokeWidth}\n        style={{ transition: 'all 0.5s ease' }}\n      />\n\n      {/* Vertex dots */}\n      {metricConfig.map(({ key, label, color, angle }) => {\n        const rawValue = metrics[key as keyof QualityMetrics];\n        let value = rawValue;\n        // Invert dead code metric for display\n        if (key === 'deadCode') {\n          value = 100 - value;\n        }\n        const point = calculateMetricPoint(center, radius, angle, 100);\n        const dataPoint = calculateMetricPoint(center, radius, angle, value);\n\n        const vertexInfo: VertexHoverInfo = {\n          key: key as MetricKey,\n          label,\n          value: rawValue,\n          color,\n        };\n\n        const handleMouseEnter = () => {\n          onVertexHover?.(vertexInfo);\n        };\n\n        const handleClick = (e: React.MouseEvent) => {\n          e.stopPropagation();\n          onVertexClick?.(vertexInfo);\n        };\n\n        return (\n          <g\n            key={key}\n            onMouseEnter={handleMouseEnter}\n            onMouseLeave={onVertexLeave}\n            onClick={handleClick}\n            style={{ cursor: (onVertexHover || onVertexClick) ? 'pointer' : 'default' }}\n          >\n            {/* Larger invisible hit area for easier hovering */}\n            <circle\n              cx={point.x}\n              cy={point.y}\n              r={dotSize * 2.5}\n              fill=\"transparent\"\n            />\n            {/* Outer vertex marker */}\n            <circle\n              cx={point.x}\n              cy={point.y}\n              r={dotSize}\n              fill=\"white\"\n              stroke={colors.stroke}\n              strokeWidth={1.5}\n            />\n            {/* Value indicator */}\n            <circle\n              cx={dataPoint.x}\n              cy={dataPoint.y}\n              r={dotSize * 0.7}\n              fill={colors.fill}\n              stroke={colors.stroke}\n              strokeWidth={1}\n              style={{ opacity: 0.9 }}\n            />\n          </g>\n        );\n      })}\n\n      {/* Center score */}\n      <text\n        x={center}\n        y={center}\n        textAnchor=\"middle\"\n        dominantBaseline=\"middle\"\n        fill={themeColors.scoreColor}\n        fontSize={fontSize * 1.5}\n        fontWeight=\"600\"\n      >\n        {averageScore}\n      </text>\n      <text\n        x={center}\n        y={center + fontSize}\n        textAnchor=\"middle\"\n        dominantBaseline=\"middle\"\n        fill={themeColors.textColor}\n        fontSize={fontSize * 0.8}\n        style={{ opacity: 0.6 }}\n      >\n        avg\n      </text>\n\n      {/* Labels */}\n      {showLabels && (\n        <>\n          {metricConfig.map(({ key, label, angle }) => {\n            const labelRadius = radius + padding * 1.2;\n            const point = calculateMetricPoint(center, labelRadius, angle, 100);\n            const value = metrics[key as keyof QualityMetrics];\n\n            return (\n              <text\n                key={key}\n                x={point.x}\n                y={point.y}\n                textAnchor=\"middle\"\n                dominantBaseline=\"middle\"\n                fill={themeColors.textColor}\n                fontSize={fontSize}\n              >\n                {showValues ? `${value}%` : label}\n              </text>\n            );\n          })}\n        </>\n      )}\n    </svg>\n  );\n\n  // For non-interactive mode or when tooltips are not available, just return the hexagon\n  return hexagon;\n}\n\nexport function QualityHexagonCompact({\n  metrics,\n  tier,\n  theme,\n  className\n}: Pick<QualityHexagonProps, 'metrics' | 'tier' | 'theme' | 'className'>) {\n  return (\n    <div className={cn('w-20 h-20', className)}>\n      <QualityHexagon\n        metrics={metrics}\n        tier={tier}\n        theme={theme}\n        showLabels={false}\n        showValues={false}\n      />\n    </div>\n  );\n}\n\ninterface QualityHexagonDetailedProps extends Pick<QualityHexagonProps, 'metrics' | 'tier' | 'theme' | 'className'> {\n  packageName?: string;\n  packageVersion?: string;\n  onRefresh?: () => void;\n  isRefreshing?: boolean;\n}\n\nexport function QualityHexagonDetailed({\n  metrics,\n  tier,\n  theme,\n  className,\n  packageName,\n  packageVersion,\n  onRefresh,\n  isRefreshing = false,\n}: QualityHexagonDetailedProps) {\n  const themeColors = getThemeColors(theme);\n  const colors = themeColors.tierColors[tier] ?? themeColors.tierColors.none;\n  const metricConfig = getMetricConfig(themeColors);\n\n  const hasHeader = packageName || onRefresh;\n\n  return (\n    <div\n      className={cn(className)}\n      style={{\n        display: 'flex',\n        flexDirection: 'column',\n        gap: 12,\n        padding: 16,\n        borderRadius: 8,\n        backgroundColor: colors.bg,\n      }}\n    >\n      {hasHeader && (\n        <div style={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n          gap: 12,\n        }}>\n          {packageName ? (\n            <div style={{ display: 'flex', flexDirection: 'column', gap: 2 }}>\n              {packageName.startsWith('@') && packageName.includes('/') ? (\n                <>\n                  <span style={{\n                    fontSize: 12,\n                    color: theme.colors.textMuted,\n                  }}>\n                    {packageName.split('/')[0]}\n                  </span>\n                  <span style={{\n                    fontSize: 14,\n                    fontWeight: 500,\n                    color: colors.stroke,\n                  }}>\n                    {packageName.split('/')[1]}\n                  </span>\n                </>\n              ) : (\n                <span style={{\n                  fontSize: 14,\n                  fontWeight: 500,\n                  color: colors.stroke,\n                }}>\n                  {packageName}\n                </span>\n              )}\n              {packageVersion && (\n                <span style={{\n                  fontSize: 12,\n                  color: theme.colors.textMuted,\n                }}>\n                  v{packageVersion}\n                </span>\n              )}\n            </div>\n          ) : <span />}\n          {onRefresh && (\n            <button\n              onClick={onRefresh}\n              disabled={isRefreshing}\n              style={{\n                padding: 6,\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n                border: `1px solid ${theme.colors.border}`,\n                borderRadius: 4,\n                background: theme.colors.surface,\n                color: theme.colors.textMuted,\n                cursor: isRefreshing ? 'not-allowed' : 'pointer',\n                opacity: isRefreshing ? 0.6 : 1,\n              }}\n              title=\"Refresh\"\n            >\n              <svg\n                width=\"14\"\n                height=\"14\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                style={{\n                  animation: isRefreshing ? 'spin 1s linear infinite' : 'none',\n                }}\n              >\n                <path d=\"M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\" />\n                <path d=\"M3 3v5h5\" />\n                <path d=\"M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16\" />\n                <path d=\"M16 16h5v5\" />\n              </svg>\n            </button>\n          )}\n        </div>\n      )}\n\n      <div style={{\n        display: 'flex',\n        flexWrap: 'wrap',\n        alignItems: 'center',\n        justifyContent: 'center',\n        gap: 24,\n      }}>\n        <div style={{ flex: '1 1 200px', maxWidth: 300, aspectRatio: '1 / 1' }}>\n          <QualityHexagon\n            metrics={metrics}\n            tier={tier}\n            theme={theme}\n            showLabels={true}\n            showValues={false}\n          />\n        </div>\n\n        <div style={{ flex: '1 1 200px', minWidth: 200, display: 'flex', flexDirection: 'column', gap: 8, padding: '8px 24px' }}>\n          {metricConfig.map(({ key, label, color }) => {\n            const value = metrics[key as keyof QualityMetrics];\n            const displayValue = value;\n\n            return (\n              <div key={key} style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 12 }}>\n                <span style={{\n                  fontSize: 14,\n                  color: theme.colors.textMuted,\n                }}>\n                  {label}{key === 'deadCode' ? ' ↓' : ''}\n                </span>\n                <span style={{\n                  fontSize: 14,\n                  fontWeight: 500,\n                  color: color,\n                }}>\n                  {displayValue}%\n                </span>\n              </div>\n            );\n          })}\n        </div>\n      </div>\n    </div>\n  );\n}\n\ninterface QualityHexagonExpandableProps extends Pick<QualityHexagonProps, 'metrics' | 'tier' | 'theme' | 'className'> {\n  packageName?: string;\n  packageVersion?: string;\n  packagePath?: string;\n  onRefresh?: () => void;\n  isRefreshing?: boolean;\n  defaultExpanded?: boolean;\n  /** Callback when the hexagon is expanded/collapsed */\n  onExpandChange?: (expanded: boolean, info: { packageName?: string; packagePath?: string }) => void;\n}\n\nexport function QualityHexagonExpandable({\n  metrics,\n  tier,\n  theme,\n  className,\n  packageName,\n  packageVersion,\n  packagePath,\n  onRefresh,\n  isRefreshing = false,\n  defaultExpanded = false,\n  onExpandChange,\n}: QualityHexagonExpandableProps) {\n  const [expanded, setExpanded] = React.useState(defaultExpanded);\n\n  const handleToggleExpand = React.useCallback(() => {\n    const newExpanded = !expanded;\n    setExpanded(newExpanded);\n    onExpandChange?.(newExpanded, { packageName, packagePath });\n  }, [expanded, onExpandChange, packageName, packagePath]);\n  const themeColors = getThemeColors(theme);\n  const colors = themeColors.tierColors[tier] ?? themeColors.tierColors.none;\n  const metricConfig = getMetricConfig(themeColors);\n\n  const hasHeader = packageName || onRefresh;\n\n  return (\n    <div\n      className={cn(className)}\n      style={{\n        display: 'flex',\n        flexDirection: 'column',\n        gap: 12,\n        padding: 16,\n        borderRadius: 8,\n        backgroundColor: colors.bg,\n        flex: '1 1 200px',\n      }}\n    >\n      {hasHeader && (\n        <div style={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n          gap: 12,\n        }}>\n          {packageName ? (\n            <div style={{ display: 'flex', flexDirection: 'column', gap: 2 }}>\n              {packageName.startsWith('@') && packageName.includes('/') ? (\n                <>\n                  <span style={{\n                    fontSize: 12,\n                    color: theme.colors.textMuted,\n                  }}>\n                    {packageName.split('/')[0]}\n                  </span>\n                  <span style={{\n                    fontSize: 14,\n                    fontWeight: 500,\n                    color: colors.stroke,\n                  }}>\n                    {packageName.split('/')[1]}\n                  </span>\n                </>\n              ) : (\n                <span style={{\n                  fontSize: 14,\n                  fontWeight: 500,\n                  color: colors.stroke,\n                }}>\n                  {packageName}\n                </span>\n              )}\n              {packageVersion && (\n                <span style={{\n                  fontSize: 12,\n                  color: theme.colors.textMuted,\n                }}>\n                  v{packageVersion}\n                </span>\n              )}\n            </div>\n          ) : <span />}\n          {onRefresh && (\n            <button\n              onClick={onRefresh}\n              disabled={isRefreshing}\n              style={{\n                padding: 6,\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n                border: `1px solid ${theme.colors.border}`,\n                borderRadius: 4,\n                background: theme.colors.surface,\n                color: theme.colors.textMuted,\n                cursor: isRefreshing ? 'not-allowed' : 'pointer',\n                opacity: isRefreshing ? 0.6 : 1,\n              }}\n              title=\"Refresh\"\n            >\n              <svg\n                width=\"14\"\n                height=\"14\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                style={{\n                  animation: isRefreshing ? 'spin 1s linear infinite' : 'none',\n                }}\n              >\n                <path d=\"M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\" />\n                <path d=\"M3 3v5h5\" />\n                <path d=\"M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16\" />\n                <path d=\"M16 16h5v5\" />\n              </svg>\n            </button>\n          )}\n        </div>\n      )}\n\n      {/* Clickable hexagon */}\n      <div\n        onClick={handleToggleExpand}\n        style={{\n          cursor: 'pointer',\n          display: 'flex',\n          justifyContent: 'center',\n          alignItems: 'center',\n        }}\n      >\n        <div style={{ width: 200, height: 200 }}>\n          <QualityHexagon\n            metrics={metrics}\n            tier={tier}\n            theme={theme}\n            showLabels={true}\n            showValues={false}\n          />\n        </div>\n      </div>\n\n      {/* Expandable metrics breakdown */}\n      <div\n        style={{\n          display: 'grid',\n          gridTemplateRows: expanded ? '1fr' : '0fr',\n          transition: 'grid-template-rows 0.3s ease',\n        }}\n      >\n        <div style={{ overflow: 'hidden' }}>\n          <div style={{\n            display: 'flex',\n            flexDirection: 'column',\n            gap: 8,\n            padding: '8px 24px',\n            borderTop: `1px solid ${theme.colors.border}`,\n            marginTop: 8,\n          }}>\n            {metricConfig.map(({ key, label, color }) => {\n              const value = metrics[key as keyof QualityMetrics];\n\n              return (\n                <div\n                  key={key}\n                  style={{\n                    display: 'flex',\n                    alignItems: 'center',\n                    justifyContent: 'space-between',\n                    gap: 12,\n                  }}\n                >\n                  <span style={{\n                    fontSize: 14,\n                    color: theme.colors.textMuted,\n                  }}>\n                    {label}{key === 'deadCode' ? ' ↓' : ''}\n                  </span>\n                  <span style={{\n                    fontSize: 14,\n                    fontWeight: 500,\n                    color: color,\n                  }}>\n                    {value}%\n                  </span>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n      </div>\n\n      {/* Expand/collapse indicator */}\n      <div\n        onClick={handleToggleExpand}\n        style={{\n          display: 'flex',\n          justifyContent: 'center',\n          cursor: 'pointer',\n          padding: 4,\n        }}\n      >\n        <svg\n          width=\"16\"\n          height=\"16\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke={theme.colors.textMuted}\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          style={{\n            transform: expanded ? 'rotate(180deg)' : 'rotate(0deg)',\n            transition: 'transform 0.3s ease',\n          }}\n        >\n          <path d=\"m6 9 6 6 6-6\" />\n        </svg>\n      </div>\n    </div>\n  );\n}\n\n/**\n * Calculate the quality tier based on metrics\n */\nexport function calculateQualityTier(metrics: QualityMetrics): QualityTier {\n  // Invert dead code for calculation (less is better)\n  const metricsForAverage = { ...metrics };\n  metricsForAverage.deadCode = 100 - metricsForAverage.deadCode;\n\n  const average = Object.values(metricsForAverage).reduce((a, b) => a + b, 0) / 6;\n\n  if (average >= 90) return 'platinum';\n  if (average >= 75) return 'gold';\n  if (average >= 60) return 'silver';\n  if (average >= 40) return 'bronze';\n  return 'none';\n}\n","import React from 'react';\nimport { Terminal, Copy, Check, ChevronRight, Zap, GitBranch, Info } from 'lucide-react';\nimport type { Theme } from '@principal-ade/industry-theme';\n\ninterface QualityEmptyStateProps {\n  theme: Theme;\n  hasWorkflow: boolean;\n}\n\nconst WORKFLOW_FILE_PATH = '.github/workflows/quality-lens.yml';\n\n/**\n * Check if a file path exists in a FileTree's allFiles array\n */\nexport function checkFileExistsInTree(\n  treeData: { allFiles?: Array<{ relativePath?: string; path?: string }> } | undefined,\n  targetPath: string\n): boolean {\n  if (!treeData?.allFiles) return false;\n\n  const normalizedTarget = targetPath.replace(/^\\//, '').toLowerCase();\n\n  return treeData.allFiles.some((file) => {\n    const filePath = (file.relativePath || file.path || '').toLowerCase();\n    return filePath.endsWith(normalizedTarget) || filePath === normalizedTarget;\n  });\n}\n\n/**\n * Copyable command line component\n */\nconst CommandLine: React.FC<{\n  command: string;\n  theme: Theme;\n  label?: string;\n}> = ({ command, theme, label }) => {\n  const [copied, setCopied] = React.useState(false);\n\n  const handleCopy = async () => {\n    try {\n      await navigator.clipboard.writeText(command);\n      setCopied(true);\n      setTimeout(() => setCopied(false), 2000);\n    } catch {\n      console.log('Copy:', command);\n    }\n  };\n\n  return (\n    <div style={{ display: 'flex', flexDirection: 'column', gap: 4 }}>\n      {label && (\n        <span style={{ fontSize: 12, color: theme.colors.textMuted }}>{label}</span>\n      )}\n      <div\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n          gap: 12,\n          padding: '10px 14px',\n          borderRadius: 6,\n          backgroundColor: theme.colors.background,\n          border: `1px solid ${theme.colors.border}`,\n          fontFamily: 'monospace',\n          fontSize: 13,\n        }}\n      >\n        <code style={{ color: theme.colors.text }}>{command}</code>\n        <button\n          onClick={handleCopy}\n          style={{\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            padding: 4,\n            border: 'none',\n            backgroundColor: 'transparent',\n            color: theme.colors.textMuted,\n            cursor: 'pointer',\n          }}\n          title=\"Copy command\"\n        >\n          {copied ? (\n            <Check size={16} color={theme.colors.success} />\n          ) : (\n            <Copy size={16} />\n          )}\n        </button>\n      </div>\n    </div>\n  );\n};\n\n/**\n * Mini hexagon preview showing what metrics are tracked\n */\nconst MetricsPreview: React.FC<{ theme: Theme }> = ({ theme }) => {\n  const metrics = [\n    { key: 'tests', label: 'Tests', description: 'Test coverage & pass rate', icon: '🧪' },\n    { key: 'linting', label: 'Linting', description: 'ESLint code quality', icon: '📝' },\n    { key: 'types', label: 'Types', description: 'TypeScript type safety', icon: '🔷' },\n    { key: 'formatting', label: 'Formatting', description: 'Prettier code style', icon: '✨' },\n    { key: 'deadCode', label: 'Dead Code', description: 'Unused exports & deps', icon: '🧹' },\n    { key: 'documentation', label: 'Docs', description: 'Code documentation', icon: '📚' },\n  ];\n\n  return (\n    <div\n      style={{\n        display: 'grid',\n        gridTemplateColumns: 'repeat(2, 1fr)',\n        gap: 8,\n        padding: 12,\n        borderRadius: 8,\n        backgroundColor: theme.colors.surface,\n        border: `1px solid ${theme.colors.border}`,\n      }}\n    >\n      {metrics.map((m) => (\n        <div\n          key={m.key}\n          style={{\n            display: 'flex',\n            alignItems: 'center',\n            gap: 8,\n            padding: '6px 8px',\n            borderRadius: 4,\n            fontSize: 12,\n          }}\n        >\n          <span style={{ fontSize: 14 }}>{m.icon}</span>\n          <div style={{ display: 'flex', flexDirection: 'column' }}>\n            <span style={{ fontWeight: 500, color: theme.colors.text }}>{m.label}</span>\n            <span style={{ fontSize: 11, color: theme.colors.textMuted }}>{m.description}</span>\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n};\n\n/**\n * Empty state component for when no quality data is available\n */\nexport const QualityEmptyState: React.FC<QualityEmptyStateProps> = ({\n  theme,\n  hasWorkflow,\n}) => {\n  const [showAdvanced, setShowAdvanced] = React.useState(false);\n\n  if (hasWorkflow) {\n    // Workflow exists but no data yet\n    return (\n      <div\n        style={{\n          display: 'flex',\n          flexDirection: 'column',\n          padding: '16px 0',\n          gap: 16,\n          width: '100%',\n        }}\n      >\n        <div\n          style={{\n            display: 'flex',\n            alignItems: 'center',\n            gap: 8,\n            padding: '10px 14px',\n            borderRadius: 6,\n            backgroundColor: `${theme.colors.success}15`,\n            color: theme.colors.success,\n            fontSize: 13,\n          }}\n        >\n          <Check size={16} />\n          <span>Workflow detected at {WORKFLOW_FILE_PATH}</span>\n        </div>\n\n        <p\n          style={{\n            margin: 0,\n            fontSize: 14,\n            color: theme.colors.textMuted,\n            lineHeight: 1.5,\n          }}\n        >\n          Quality metrics will appear here after your workflow runs. Push a commit to trigger it, or check the Actions tab for status.\n        </p>\n\n        <MetricsPreview theme={theme} />\n\n        <div\n          style={{\n            display: 'flex',\n            alignItems: 'flex-start',\n            gap: 8,\n            padding: '10px 14px',\n            borderRadius: 6,\n            backgroundColor: `${theme.colors.warning}10`,\n            fontSize: 12,\n            color: theme.colors.textMuted,\n          }}\n        >\n          <Info size={14} style={{ flexShrink: 0, marginTop: 2 }} color={theme.colors.warning} />\n          <div>\n            <strong style={{ color: theme.colors.text }}>Using private npm packages?</strong>\n            <br />\n            Add <code style={{ backgroundColor: theme.colors.background, padding: '1px 4px', borderRadius: 3 }}>NPM_TOKEN</code> to your repository secrets and ensure the workflow has access to it.\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  // No workflow - show setup instructions\n  return (\n    <div\n      style={{\n        display: 'flex',\n        flexDirection: 'column',\n        padding: '16px 0',\n        gap: 16,\n        width: '100%',\n      }}\n    >\n      {/* What you'll get */}\n      <div>\n        <h4\n          style={{\n            margin: '0 0 12px 0',\n            fontSize: 14,\n            fontWeight: 600,\n            color: theme.colors.text,\n          }}\n        >\n          Track 6 quality dimensions\n        </h4>\n        <MetricsPreview theme={theme} />\n      </div>\n\n      {/* Quick Start */}\n      <div\n        style={{\n          display: 'flex',\n          flexDirection: 'column',\n          gap: 12,\n          padding: 16,\n          borderRadius: 8,\n          backgroundColor: theme.colors.surface,\n          border: `1px solid ${theme.colors.border}`,\n        }}\n      >\n        <div\n          style={{\n            display: 'flex',\n            alignItems: 'center',\n            gap: 8,\n          }}\n        >\n          <Zap size={18} color={theme.colors.primary} />\n          <h4\n            style={{\n              margin: 0,\n              fontSize: 14,\n              fontWeight: 600,\n              color: theme.colors.text,\n            }}\n          >\n            Quick Start\n          </h4>\n        </div>\n\n        <p\n          style={{\n            margin: 0,\n            fontSize: 13,\n            color: theme.colors.textMuted,\n            lineHeight: 1.5,\n          }}\n        >\n          Run this in your project directory to set up automated quality tracking:\n        </p>\n\n        <CommandLine\n          command=\"npx @principal-ai/quality-lens-cli init\"\n          theme={theme}\n        />\n\n        <div\n          style={{\n            display: 'flex',\n            alignItems: 'center',\n            gap: 6,\n            fontSize: 12,\n            color: theme.colors.textMuted,\n          }}\n        >\n          <GitBranch size={14} />\n          <span>Then commit and push to start tracking</span>\n        </div>\n      </div>\n\n      {/* Advanced Options Toggle */}\n      <button\n        onClick={() => setShowAdvanced(!showAdvanced)}\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          gap: 6,\n          padding: 0,\n          border: 'none',\n          backgroundColor: 'transparent',\n          color: theme.colors.textMuted,\n          fontSize: 13,\n          cursor: 'pointer',\n        }}\n      >\n        <ChevronRight\n          size={14}\n          style={{\n            transform: showAdvanced ? 'rotate(90deg)' : 'none',\n            transition: 'transform 0.2s',\n          }}\n        />\n        <span>{showAdvanced ? 'Hide' : 'Show'} additional options</span>\n      </button>\n\n      {/* Advanced Options */}\n      {showAdvanced && (\n        <div\n          style={{\n            display: 'flex',\n            flexDirection: 'column',\n            gap: 16,\n            padding: 16,\n            borderRadius: 8,\n            backgroundColor: theme.colors.surface,\n            border: `1px solid ${theme.colors.border}`,\n          }}\n        >\n          <div\n            style={{\n              display: 'flex',\n              alignItems: 'center',\n              gap: 8,\n            }}\n          >\n            <Terminal size={18} color={theme.colors.text} />\n            <h4\n              style={{\n                margin: 0,\n                fontSize: 14,\n                fontWeight: 600,\n                color: theme.colors.text,\n              }}\n            >\n              CLI Commands\n            </h4>\n          </div>\n\n          <CommandLine\n            command=\"npx @principal-ai/quality-lens-cli list\"\n            theme={theme}\n            label=\"See available quality tools in your project\"\n          />\n\n          <CommandLine\n            command=\"npx @principal-ai/quality-lens-cli run . --install\"\n            theme={theme}\n            label=\"Run quality checks locally (auto-installs missing tools)\"\n          />\n\n          <CommandLine\n            command=\"npm install -g @principal-ai/quality-lens-cli\"\n            theme={theme}\n            label=\"Install globally for faster repeated use\"\n          />\n\n          <div\n            style={{\n              display: 'flex',\n              alignItems: 'flex-start',\n              gap: 8,\n              padding: '10px 14px',\n              borderRadius: 6,\n              backgroundColor: `${theme.colors.warning}10`,\n              fontSize: 12,\n              color: theme.colors.textMuted,\n            }}\n          >\n            <Info size={14} style={{ flexShrink: 0, marginTop: 2 }} color={theme.colors.warning} />\n            <div>\n              <strong style={{ color: theme.colors.text }}>Private npm packages?</strong>\n              <br />\n              If your project uses private @org packages, add <code style={{ backgroundColor: theme.colors.background, padding: '1px 4px', borderRadius: 3 }}>NPM_TOKEN</code> to your GitHub repository secrets under Settings → Secrets → Actions, and set the workflow environment if needed.\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport { WORKFLOW_FILE_PATH };\n","import React from 'react';\nimport { Hexagon } from 'lucide-react';\nimport { useTheme } from '@principal-ade/industry-theme';\nimport type { PanelComponentProps } from '../types';\nimport type { QualityMetrics } from '@principal-ai/codebase-composition';\nimport {\n  QualityHexagonExpandable,\n  QualityTier,\n  calculateQualityTier,\n} from '../components/QualityHexagon';\nimport {\n  QualityEmptyState,\n  checkFileExistsInTree,\n  WORKFLOW_FILE_PATH,\n} from '../components/QualityEmptyState';\n\n// Mock package data - in real usage, this would come from a quality slice\nconst mockPackages: Array<{\n  name: string;\n  version?: string;\n  metrics: QualityMetrics;\n}> = [\n  {\n    name: '@principal-ade/code-quality-panels',\n    version: '0.1.0',\n    metrics: {\n      tests: 75,\n      deadCode: 15,\n      linting: 85,\n      formatting: 90,\n      types: 88,\n      documentation: 65,\n    },\n  },\n];\n\n// Package quality data shape from slice\ninterface PackageQuality {\n  name: string;\n  path?: string;\n  version?: string;\n  metrics: QualityMetrics;\n}\n\n// Slice data shape\ninterface QualitySliceData {\n  packages: PackageQuality[];\n  lastUpdated: string;\n}\n\n/**\n * QualityHexagonPanelContent - Internal component that uses theme\n */\nconst QualityHexagonPanelContent: React.FC<PanelComponentProps> = ({\n  context,\n  events,\n}) => {\n  const { theme } = useTheme();\n  const [refreshingPackages, setRefreshingPackages] = React.useState<Set<string>>(new Set());\n\n  // Get quality data from context if available\n  const qualitySlice = context.getSlice<QualitySliceData>('quality');\n  const hasQualitySlice = context.hasSlice('quality');\n  const isLoading = qualitySlice?.loading ?? false;\n\n  // Get file tree to check for workflow presence\n  const fileTreeSlice = context.getSlice<{ allFiles?: Array<{ relativePath?: string; path?: string }> }>('fileTree');\n  const hasWorkflow = React.useMemo(() => {\n    return checkFileExistsInTree(fileTreeSlice?.data ?? undefined, WORKFLOW_FILE_PATH);\n  }, [fileTreeSlice?.data]);\n\n  // Determine packages to display\n  // - If slice exists and has data, use it\n  // - If slice exists but is loading/empty, show empty\n  // - If no slice at all, use mock data for demo\n  const packages: PackageQuality[] = React.useMemo(() => {\n    if (qualitySlice?.data?.packages) {\n      return qualitySlice.data.packages;\n    }\n    if (hasQualitySlice) {\n      // Slice exists but no data yet (loading or empty)\n      return [];\n    }\n    // No slice - use mock for demo\n    return mockPackages;\n  }, [qualitySlice?.data?.packages, hasQualitySlice]);\n\n  // Handle refresh for a specific package\n  const handleRefreshPackage = async (packageName: string) => {\n    setRefreshingPackages(prev => new Set(prev).add(packageName));\n    try {\n      if (context.hasSlice('quality')) {\n        // In future, this could refresh just one package\n        await context.refresh('repository', 'quality');\n      }\n    } finally {\n      setRefreshingPackages(prev => {\n        const next = new Set(prev);\n        next.delete(packageName);\n        return next;\n      });\n    }\n  };\n\n  // Handle refresh all\n  const handleRefreshAll = async () => {\n    const allNames = packages.map(p => p.name);\n    setRefreshingPackages(new Set(allNames));\n    try {\n      if (context.hasSlice('quality')) {\n        await context.refresh('repository', 'quality');\n      }\n    } finally {\n      setRefreshingPackages(new Set());\n    }\n  };\n\n  // Subscribe to events\n  React.useEffect(() => {\n    const unsubscribers = [\n      events.on('principal-ade.quality-panel:refresh', async () => {\n        await handleRefreshAll();\n      }),\n    ];\n\n    return () => unsubscribers.forEach((unsub) => unsub());\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [events, context, packages]);\n\n  // Tier colors for display\n  const tierColors: Record<QualityTier, string> = {\n    none: theme.colors.muted,\n    bronze: theme.colors.warning,\n    silver: theme.colors.secondary,\n    gold: theme.colors.accent,\n    platinum: theme.colors.primary,\n  };\n\n  // Calculate overall tier from all packages\n  const overallTier = packages.length > 0\n    ? calculateQualityTier(\n        packages.reduce((acc, pkg) => ({\n          tests: acc.tests + pkg.metrics.tests / packages.length,\n          deadCode: acc.deadCode + pkg.metrics.deadCode / packages.length,\n          linting: acc.linting + pkg.metrics.linting / packages.length,\n          formatting: acc.formatting + pkg.metrics.formatting / packages.length,\n          types: acc.types + pkg.metrics.types / packages.length,\n          documentation: acc.documentation + pkg.metrics.documentation / packages.length,\n        }), { tests: 0, deadCode: 0, linting: 0, formatting: 0, types: 0, documentation: 0 })\n      )\n    : 'none';\n\n  return (\n    <div\n      style={{\n        fontFamily: theme.fonts.body,\n        height: '100%',\n        minHeight: 0,\n        backgroundColor: theme.colors.background,\n        color: theme.colors.text,\n        overflowY: 'auto',\n        boxSizing: 'border-box',\n      }}\n    >\n      <div\n        style={{\n          padding: 20,\n          display: 'flex',\n          flexDirection: 'column',\n          gap: 16,\n        }}\n      >\n      {/* Header */}\n      <div style={{ display: 'flex', alignItems: 'center', gap: 12 }}>\n        <Hexagon size={24} color={tierColors[overallTier]} />\n        <h2\n          style={{\n            margin: 0,\n            fontSize: 20,\n            fontWeight: 600,\n            color: theme.colors.text,\n          }}\n        >\n          Code Quality\n        </h2>\n        <span\n          title=\"Platinum: 90%+ avg | Gold: 75%+ | Silver: 60%+ | Bronze: 40%+\"\n          style={{\n            display: 'inline-flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            width: 18,\n            height: 18,\n            borderRadius: '50%',\n            border: `1px solid ${theme.colors.border}`,\n            fontSize: 12,\n            color: theme.colors.textMuted,\n            cursor: 'help',\n          }}\n        >\n          ?\n        </span>\n        {packages.length > 1 && (\n          <span style={{\n            fontSize: 14,\n            color: theme.colors.textMuted,\n          }}>\n            {packages.length} packages\n          </span>\n        )}\n      </div>\n\n      {/* Quality Hexagons for each package */}\n      <div style={{ display: 'flex', flexWrap: 'wrap', gap: 16, minHeight: 0 }}>\n        {isLoading ? (\n          <div style={{\n            padding: 40,\n            textAlign: 'center',\n            color: theme.colors.textMuted,\n          }}>\n            Loading quality metrics...\n          </div>\n        ) : packages.length === 0 ? (\n          <QualityEmptyState\n            theme={theme}\n            hasWorkflow={hasWorkflow}\n          />\n        ) : (\n          packages.map((pkg) => {\n            const tier = calculateQualityTier(pkg.metrics);\n            // Use package path from slice data\n            // For single-package repos, path is empty string (root)\n            // For monorepos, path would be like \"packages/core\"\n            const packagePath = pkg.path ?? '';\n            return (\n              <QualityHexagonExpandable\n                key={pkg.name}\n                metrics={pkg.metrics}\n                tier={tier}\n                theme={theme}\n                packageName={pkg.name}\n                packageVersion={pkg.version}\n                packagePath={packagePath}\n                onExpandChange={(expanded, info) => {\n                  // Emit package:select event for cross-panel filtering\n                  // When expanded, select this package; when collapsed, deselect\n                  events.emit({\n                    type: 'package:select',\n                    source: 'principal-ade.quality-hexagon-panel',\n                    timestamp: Date.now(),\n                    payload: expanded ? {\n                      packagePath: info.packagePath ?? '',\n                      packageName: info.packageName,\n                    } : null,\n                  });\n                }}\n              />\n            );\n          })\n        )}\n      </div>\n      </div>\n    </div>\n  );\n};\n\n/**\n * QualityHexagonPanel - A panel for visualizing code quality metrics\n */\nexport const QualityHexagonPanel = QualityHexagonPanelContent;\n","import * as React from 'react';\nimport { cn } from '../lib/utils';\nimport type { Theme } from '@principal-ade/industry-theme';\nimport type { QualityMetrics } from '@principal-ai/codebase-composition';\nimport { QualityHexagon, calculateQualityTier, type QualityTier, type VertexHoverInfo, type MetricKey } from './QualityHexagon';\n\nexport type { VertexHoverInfo, MetricKey };\n\nconst METRIC_OPTIONS: Array<{ key: MetricKey; label: string }> = [\n  { key: 'types', label: 'Types' },\n  { key: 'documentation', label: 'Docs' },\n  { key: 'tests', label: 'Tests' },\n  { key: 'deadCode', label: 'Dead Code' },\n  { key: 'formatting', label: 'Format' },\n  { key: 'linting', label: 'Linting' },\n];\n\n/**\n * Represents a single package within a repository\n */\nexport interface PackageQualityItem {\n  /** Package name (e.g., \"@acme/core\" or \"my-app\") */\n  name: string;\n  /** Optional version string */\n  version?: string;\n  /** Quality metrics for this package */\n  metrics: QualityMetrics;\n}\n\n/**\n * Represents a repository with one or more packages\n */\nexport interface RepositoryQualityItem {\n  /** Unique identifier for the repository */\n  id: string;\n  /** Repository name */\n  name: string;\n  /** Optional path to the repository */\n  path?: string;\n  /** Packages within this repository (monorepos have multiple) */\n  packages: PackageQualityItem[];\n}\n\n/**\n * A flattened item for display in the grid\n */\nexport interface FlatGridItem {\n  /** Unique key for React */\n  key: string;\n  /** Repository ID */\n  repositoryId: string;\n  /** Repository name */\n  repositoryName: string;\n  /** Repository path (for filtering in other panels) */\n  repositoryPath?: string;\n  /** Package name */\n  packageName: string;\n  /** Optional version */\n  version?: string;\n  /** Quality metrics */\n  metrics: QualityMetrics;\n  /** Calculated tier */\n  tier: QualityTier;\n}\n\ninterface RepositoryQualityGridProps {\n  /** Array of repositories with their packages */\n  repositories: RepositoryQualityItem[];\n  /** Theme from @principal-ade/industry-theme */\n  theme: Theme;\n  /** Callback when a grid item is clicked */\n  onItemClick?: (item: FlatGridItem) => void;\n  /** Callback when a hexagon vertex is clicked */\n  onVertexClick?: (item: FlatGridItem, vertex: VertexHoverInfo) => void;\n  /** Optional CSS class */\n  className?: string;\n  /** Show repository name in label (default: true) */\n  showRepositoryName?: boolean;\n  /** Show overall summary header (default: true) */\n  showSummary?: boolean;\n}\n\ninterface RepositoryQualityGridItemProps {\n  /** The flattened item to display */\n  item: FlatGridItem;\n  /** Theme */\n  theme: Theme;\n  /** Click handler for the card */\n  onClick?: () => void;\n  /** Click handler for hexagon vertices */\n  onVertexClick?: (item: FlatGridItem, vertex: VertexHoverInfo) => void;\n  /** Show repository name in label */\n  showRepositoryName?: boolean;\n  /** Selected metric to display (from dropdown) */\n  selectedMetric?: MetricKey | null;\n  /** Optional CSS class */\n  className?: string;\n}\n\n/**\n * Flatten repositories into a single array of grid items\n */\nfunction flattenRepositories(repositories: RepositoryQualityItem[]): FlatGridItem[] {\n  const items: FlatGridItem[] = [];\n\n  for (const repo of repositories) {\n    for (const pkg of repo.packages) {\n      items.push({\n        key: `${repo.id}:${pkg.name}`,\n        repositoryId: repo.id,\n        repositoryName: repo.name,\n        repositoryPath: repo.path,\n        packageName: pkg.name,\n        version: pkg.version,\n        metrics: pkg.metrics,\n        tier: calculateQualityTier(pkg.metrics),\n      });\n    }\n  }\n\n  return items;\n}\n\n/**\n * Calculate overall tier from all items\n */\nfunction calculateOverallTier(items: FlatGridItem[]): QualityTier {\n  if (items.length === 0) return 'none';\n\n  const avgMetrics = items.reduce(\n    (acc, item) => ({\n      tests: acc.tests + item.metrics.tests / items.length,\n      deadCode: acc.deadCode + item.metrics.deadCode / items.length,\n      linting: acc.linting + item.metrics.linting / items.length,\n      formatting: acc.formatting + item.metrics.formatting / items.length,\n      types: acc.types + item.metrics.types / items.length,\n      documentation: acc.documentation + item.metrics.documentation / items.length,\n    }),\n    { tests: 0, deadCode: 0, linting: 0, formatting: 0, types: 0, documentation: 0 }\n  );\n\n  return calculateQualityTier(avgMetrics);\n}\n\n/**\n * Format the display label for an item\n */\nfunction formatLabel(\n  item: FlatGridItem,\n  showRepositoryName: boolean,\n  isSameAsRepo: boolean\n): string {\n  if (!showRepositoryName || isSameAsRepo) {\n    return item.packageName;\n  }\n  return `${item.repositoryName} / ${item.packageName}`;\n}\n\n/**\n * Individual grid item component\n */\n// Get color based on value (good/medium/poor)\nfunction getValueColor(value: number, key: MetricKey, theme: Theme): string {\n  // For deadCode, lower is better (invert the logic)\n  const effectiveValue = key === 'deadCode' ? 100 - value : value;\n\n  if (effectiveValue >= 80) return theme.colors.success;\n  if (effectiveValue >= 60) return theme.colors.warning;\n  return theme.colors.error;\n}\n\nexport function RepositoryQualityGridItem({\n  item,\n  theme,\n  onClick,\n  onVertexClick,\n  showRepositoryName = true,\n  selectedMetric,\n  className,\n}: RepositoryQualityGridItemProps) {\n  const [hoveredVertex, setHoveredVertex] = React.useState<VertexHoverInfo | null>(null);\n  const isSameAsRepo = item.packageName === item.repositoryName;\n  const label = formatLabel(item, showRepositoryName, isSameAsRepo);\n\n  const tierColors: Record<QualityTier, string> = {\n    none: theme.colors.muted,\n    bronze: theme.colors.warning,\n    silver: theme.colors.secondary,\n    gold: theme.colors.accent,\n    platinum: theme.colors.primary,\n  };\n\n  // Get the display info - either from selected metric or hovered vertex\n  const displayInfo = React.useMemo(() => {\n    if (selectedMetric) {\n      const option = METRIC_OPTIONS.find(o => o.key === selectedMetric);\n      if (option) {\n        const value = item.metrics[selectedMetric];\n        return {\n          label: option.label,\n          value,\n          valueColor: getValueColor(value, selectedMetric, theme),\n        };\n      }\n    }\n    if (hoveredVertex) {\n      return {\n        label: hoveredVertex.label,\n        value: hoveredVertex.value,\n        valueColor: getValueColor(hoveredVertex.value, hoveredVertex.key, theme),\n      };\n    }\n    return null;\n  }, [selectedMetric, hoveredVertex, item.metrics, theme]);\n\n  return (\n    <div\n      className={cn(className)}\n      onClick={onClick}\n      style={{\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        gap: 8,\n        padding: 12,\n        borderRadius: 8,\n        backgroundColor: theme.colors.surface,\n        border: `1px solid ${theme.colors.border}`,\n        cursor: onClick ? 'pointer' : 'default',\n        transition: 'all 0.2s ease',\n      }}\n      onMouseEnter={(e) => {\n        if (onClick) {\n          e.currentTarget.style.borderColor = tierColors[item.tier];\n          e.currentTarget.style.transform = 'translateY(-2px)';\n        }\n      }}\n      onMouseLeave={(e) => {\n        e.currentTarget.style.borderColor = theme.colors.border;\n        e.currentTarget.style.transform = 'translateY(0)';\n        setHoveredVertex(null);\n      }}\n    >\n      {/* Metric info header */}\n      <div\n        style={{\n          height: 24,\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          gap: 8,\n          width: '100%',\n          minHeight: 24,\n        }}\n      >\n        {displayInfo ? (\n          <>\n            <span\n              style={{\n                fontSize: 14,\n                fontWeight: 500,\n                color: theme.colors.text,\n              }}\n            >\n              {displayInfo.label}\n            </span>\n            <span\n              style={{\n                fontSize: 14,\n                fontWeight: 600,\n                color: displayInfo.valueColor,\n              }}\n            >\n              {displayInfo.value}%\n            </span>\n          </>\n        ) : (\n          <span style={{ fontSize: 12, color: theme.colors.textMuted }}>\n            Hover a corner\n          </span>\n        )}\n      </div>\n      <div style={{ width: 200, height: 200 }}>\n        <QualityHexagon\n          metrics={item.metrics}\n          tier={item.tier}\n          theme={theme}\n          showLabels={false}\n          showValues={false}\n          onVertexHover={setHoveredVertex}\n          onVertexLeave={() => setHoveredVertex(null)}\n          onVertexClick={onVertexClick ? (vertex) => onVertexClick(item, vertex) : undefined}\n        />\n      </div>\n      <div\n        style={{\n          display: 'flex',\n          flexDirection: 'column',\n          alignItems: 'center',\n          gap: 2,\n        }}\n      >\n        <span\n          style={{\n            fontSize: 12,\n            fontWeight: 500,\n            color: theme.colors.text,\n            textAlign: 'center',\n          }}\n        >\n          {label}\n        </span>\n        {item.version && (\n          <span\n            style={{\n              fontSize: 10,\n              color: theme.colors.textMuted,\n            }}\n          >\n            v{item.version}\n          </span>\n        )}\n      </div>\n    </div>\n  );\n}\n\n/**\n * RepositoryQualityGrid - Displays a flat grid of quality hexagons\n * for multiple repositories and their packages.\n *\n * Each hexagon shows the quality metrics for a single package,\n * labeled with \"repo / package\" format for clarity.\n */\n// Calculate average score for an item (with deadCode inverted)\nfunction calculateAverageScore(metrics: QualityMetrics): number {\n  const adjusted = { ...metrics };\n  adjusted.deadCode = 100 - adjusted.deadCode;\n  return Object.values(adjusted).reduce((a, b) => a + b, 0) / 6;\n}\n\nexport function RepositoryQualityGrid({\n  repositories,\n  theme,\n  onItemClick,\n  onVertexClick,\n  className,\n  showRepositoryName = true,\n  showSummary = true,\n}: RepositoryQualityGridProps) {\n  const [selectedMetric, setSelectedMetric] = React.useState<MetricKey | null>(null);\n  const items = React.useMemo(() => flattenRepositories(repositories), [repositories]);\n  const overallTier = React.useMemo(() => calculateOverallTier(items), [items]);\n\n  // Sort items based on selected metric or average\n  const sortedItems = React.useMemo(() => {\n    return [...items].sort((a, b) => {\n      if (selectedMetric) {\n        // Sort by selected metric (for deadCode, lower is better so invert)\n        const aVal = selectedMetric === 'deadCode'\n          ? 100 - a.metrics[selectedMetric]\n          : a.metrics[selectedMetric];\n        const bVal = selectedMetric === 'deadCode'\n          ? 100 - b.metrics[selectedMetric]\n          : b.metrics[selectedMetric];\n        return bVal - aVal; // Descending (best first)\n      } else {\n        // Sort by average score\n        return calculateAverageScore(b.metrics) - calculateAverageScore(a.metrics);\n      }\n    });\n  }, [items, selectedMetric]);\n\n  const tierColors: Record<QualityTier, string> = {\n    none: theme.colors.muted,\n    bronze: theme.colors.warning,\n    silver: theme.colors.secondary,\n    gold: theme.colors.accent,\n    platinum: theme.colors.primary,\n  };\n\n  const tierLabels: Record<QualityTier, string> = {\n    none: 'No Data',\n    bronze: 'Bronze',\n    silver: 'Silver',\n    gold: 'Gold',\n    platinum: 'Platinum',\n  };\n\n  if (items.length === 0) {\n    return (\n      <div\n        className={cn(className)}\n        style={{\n          padding: 40,\n          textAlign: 'center',\n          color: theme.colors.textMuted,\n          backgroundColor: theme.colors.background,\n          borderRadius: 8,\n        }}\n      >\n        No repositories to display\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={cn(className)}\n      style={{\n        display: 'flex',\n        flexDirection: 'column',\n        gap: 16,\n        backgroundColor: theme.colors.background,\n        fontFamily: theme.fonts.body,\n      }}\n    >\n      {/* Summary Header */}\n      {showSummary && (\n        <div\n          style={{\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'space-between',\n            flexWrap: 'wrap',\n            gap: 12,\n            padding: '12px 16px',\n            backgroundColor: theme.colors.surface,\n            border: `1px solid ${theme.colors.border}`,\n          }}\n        >\n          <div style={{ display: 'flex', alignItems: 'center', gap: 12 }}>\n            <span\n              style={{\n                fontSize: 14,\n                fontWeight: 500,\n                color: theme.colors.text,\n              }}\n            >\n              {items.length} {items.length === 1 ? 'package' : 'packages'}\n            </span>\n            <span style={{ color: theme.colors.textMuted }}>•</span>\n            <span\n              style={{\n                fontSize: 14,\n                color: theme.colors.textMuted,\n              }}\n            >\n              {repositories.length} {repositories.length === 1 ? 'repository' : 'repositories'}\n            </span>\n          </div>\n          <div style={{ display: 'flex', alignItems: 'center', gap: 12 }}>\n            {/* Metric dropdown */}\n            <select\n              value={selectedMetric ?? ''}\n              onChange={(e) => setSelectedMetric(e.target.value ? e.target.value as MetricKey : null)}\n              style={{\n                padding: '4px 8px',\n                fontSize: 13,\n                backgroundColor: theme.colors.background,\n                color: theme.colors.text,\n                border: `1px solid ${theme.colors.border}`,\n                borderRadius: 4,\n                cursor: 'pointer',\n                outline: 'none',\n              }}\n            >\n              <option value=\"\">Select metric...</option>\n              {METRIC_OPTIONS.map((option) => (\n                <option key={option.key} value={option.key}>\n                  {option.label}\n                </option>\n              ))}\n            </select>\n            {/* Tier badge */}\n            <div\n              style={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: 8,\n                padding: '4px 12px',\n                backgroundColor: theme.colors.backgroundLight,\n                borderRadius: 16,\n                border: `1px solid ${tierColors[overallTier]}`,\n              }}\n            >\n              <span\n                style={{\n                  width: 8,\n                  height: 8,\n                  borderRadius: '50%',\n                  backgroundColor: tierColors[overallTier],\n                }}\n              />\n              <span\n                style={{\n                  fontSize: 13,\n                  fontWeight: 500,\n                  color: tierColors[overallTier],\n                }}\n              >\n                {tierLabels[overallTier]}\n              </span>\n            </div>\n          </div>\n        </div>\n      )}\n\n      {/* Grid of Items */}\n      <div\n        style={{\n          display: 'grid',\n          gridTemplateColumns: 'repeat(auto-fill, minmax(220px, 1fr))',\n          gap: 12,\n          padding: 16,\n        }}\n      >\n        {sortedItems.map((item) => (\n          <RepositoryQualityGridItem\n            key={item.key}\n            item={item}\n            theme={theme}\n            onClick={onItemClick ? () => onItemClick(item) : undefined}\n            onVertexClick={onVertexClick}\n            showRepositoryName={showRepositoryName}\n            selectedMetric={selectedMetric}\n          />\n        ))}\n      </div>\n    </div>\n  );\n}\n","import React from 'react';\nimport { useTheme } from '@principal-ade/industry-theme';\nimport type { PanelComponentProps } from '../types';\nimport type { QualityMetrics } from '@principal-ai/codebase-composition';\nimport {\n  RepositoryQualityGrid,\n  type RepositoryQualityItem,\n  type FlatGridItem,\n  type VertexHoverInfo,\n} from '../components/RepositoryQualityGrid';\nimport { QualityEmptyState } from '../components/QualityEmptyState';\n\n// Repository quality data from slice\ninterface RepositoryQualityData {\n  id: string;\n  name: string;\n  path?: string;\n  packages: Array<{\n    name: string;\n    version?: string;\n    metrics: QualityMetrics;\n  }>;\n}\n\n// Slice data shape\ninterface RepositoriesQualitySliceData {\n  repositories: RepositoryQualityData[];\n  lastUpdated: string;\n}\n\n/**\n * RepositoryQualityGridPanelContent - Internal component that uses theme\n */\nconst RepositoryQualityGridPanelContent: React.FC<PanelComponentProps> = ({\n  context,\n  events,\n}) => {\n  const { theme } = useTheme();\n\n  // Track currently selected item for toggle behavior\n  const [selectedItemKey, setSelectedItemKey] = React.useState<string | null>(null);\n\n  // Get repositories quality data from context if available\n  const qualitySlice = context.getSlice<RepositoriesQualitySliceData>('repositoriesQuality');\n  const isLoading = qualitySlice?.loading ?? false;\n\n  // Determine repositories to display\n  const repositories: RepositoryQualityItem[] = React.useMemo(() => {\n    if (qualitySlice?.data?.repositories) {\n      return qualitySlice.data.repositories;\n    }\n    return [];\n  }, [qualitySlice?.data?.repositories]);\n\n  // Handle item click\n  const handleItemClick = (item: FlatGridItem) => {\n    const isDeselecting = selectedItemKey === item.key;\n\n    events.emit({\n      type: 'principal-ade.repository-quality-grid:item:click',\n      source: 'principal-ade.repository-quality-grid-panel',\n      timestamp: Date.now(),\n      payload: isDeselecting ? null : {\n        repositoryId: item.repositoryId,\n        repositoryName: item.repositoryName,\n        packageName: item.packageName,\n        tier: item.tier,\n      },\n    });\n\n    // Emit package:select event for cross-panel filtering (e.g., File City)\n    // Clicking the same item again deselects (sends null payload)\n    events.emit({\n      type: 'package:select',\n      source: 'principal-ade.repository-quality-grid-panel',\n      timestamp: Date.now(),\n      payload: isDeselecting ? null : (item.repositoryPath ? {\n        packagePath: item.repositoryPath,\n        packageName: item.packageName,\n      } : null),\n    });\n\n    setSelectedItemKey(isDeselecting ? null : item.key);\n  };\n\n  // Handle vertex click\n  const handleVertexClick = (item: FlatGridItem, vertex: VertexHoverInfo) => {\n    events.emit({\n      type: 'principal-ade.repository-quality-grid:vertex:click',\n      source: 'principal-ade.repository-quality-grid-panel',\n      timestamp: Date.now(),\n      payload: {\n        repositoryId: item.repositoryId,\n        repositoryName: item.repositoryName,\n        packageName: item.packageName,\n        metric: vertex.key,\n        label: vertex.label,\n        value: vertex.value,\n      },\n    });\n  };\n\n  // Handle refresh\n  const handleRefresh = async () => {\n    if (context.hasSlice('repositoriesQuality')) {\n      await context.refresh('workspace', 'repositoriesQuality');\n    }\n  };\n\n  // Subscribe to events\n  React.useEffect(() => {\n    const unsubscribers = [\n      events.on('principal-ade.repository-quality-grid:refresh', async () => {\n        await handleRefresh();\n      }),\n    ];\n\n    return () => unsubscribers.forEach((unsub) => unsub());\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [events, context]);\n\n  return (\n    <div\n      style={{\n        fontFamily: theme.fonts.body,\n        height: '100%',\n        minHeight: 0,\n        backgroundColor: theme.colors.background,\n        color: theme.colors.text,\n        overflowY: 'auto',\n        boxSizing: 'border-box',\n      }}\n    >\n      {isLoading ? (\n        <div\n          style={{\n            padding: 40,\n            textAlign: 'center',\n            color: theme.colors.textMuted,\n          }}\n        >\n          Loading repository quality metrics...\n        </div>\n      ) : repositories.length === 0 ? (\n        <div style={{ padding: 20 }}>\n          <QualityEmptyState theme={theme} hasWorkflow={false} />\n        </div>\n      ) : (\n        <RepositoryQualityGrid\n          repositories={repositories}\n          theme={theme}\n          onItemClick={handleItemClick}\n          onVertexClick={handleVertexClick}\n          showRepositoryName={true}\n          showSummary={true}\n        />\n      )}\n    </div>\n  );\n};\n\n/**\n * RepositoryQualityGridPanel - A panel for visualizing quality metrics\n * across multiple repositories in a flat grid layout.\n */\nexport const RepositoryQualityGridPanel = RepositoryQualityGridPanelContent;\n","import { QualityHexagonPanel } from './panels/QualityHexagonPanel';\nimport { RepositoryQualityGridPanel } from './panels/RepositoryQualityGridPanel';\nimport type { PanelDefinition, PanelContextValue } from './types';\n\n/**\n * Export array of panel definitions.\n * This is the required export for panel extensions.\n */\nexport const panels: PanelDefinition[] = [\n  {\n    metadata: {\n      id: 'principal-ade.quality-hexagon-panel',\n      name: 'Code Quality',\n      icon: '⬡',\n      version: '0.1.0',\n      author: 'Principal ADE',\n      description:\n        'Visualize code quality metrics using a hexagonal radar chart showing tests, types, linting, formatting, documentation, and dead code.',\n      slices: ['quality'],\n      tools: [],\n    },\n    component: QualityHexagonPanel,\n\n    onMount: async (context: PanelContextValue) => {\n      console.log(\n        'Quality Hexagon Panel mounted',\n        context.currentScope.repository?.path\n      );\n\n      if (context.hasSlice('quality') && !context.isSliceLoading('quality')) {\n        await context.refresh('repository', 'quality');\n      }\n    },\n\n    onUnmount: async (_context: PanelContextValue) => {\n      console.log('Quality Hexagon Panel unmounting');\n    },\n  },\n  {\n    metadata: {\n      id: 'principal-ade.repository-quality-grid-panel',\n      name: 'Repository Quality Grid',\n      icon: '⬡',\n      version: '0.1.0',\n      author: 'Principal ADE',\n      description:\n        'Display quality metrics for multiple repositories in a flat grid layout. Supports filtering by metric type, sorting, and comparing quality across projects.',\n      slices: ['repositoriesQuality'],\n      tools: [],\n    },\n    component: RepositoryQualityGridPanel,\n\n    onMount: async (context: PanelContextValue) => {\n      console.log('Repository Quality Grid Panel mounted');\n\n      if (context.hasSlice('repositoriesQuality') && !context.isSliceLoading('repositoriesQuality')) {\n        await context.refresh('workspace', 'repositoriesQuality');\n      }\n    },\n\n    onUnmount: async (_context: PanelContextValue) => {\n      console.log('Repository Quality Grid Panel unmounting');\n    },\n  },\n];\n\n/**\n * Optional: Called once when the entire package is loaded.\n */\nexport const onPackageLoad = async () => {\n  console.log('Panel package loaded - Code Quality Panels');\n};\n\n/**\n * Optional: Called once when the package is unloaded.\n */\nexport const onPackageUnload = async () => {\n  console.log('Panel package unloading - Code Quality Panels');\n};\n\n// Export components for direct usage\nexport {\n  QualityHexagon,\n  QualityHexagonCompact,\n  QualityHexagonDetailed,\n  QualityHexagonExpandable,\n  calculateQualityTier,\n  type QualityMetrics,\n  type QualityTier,\n  // Multi-repository grid components\n  RepositoryQualityGrid,\n  RepositoryQualityGridItem,\n  type RepositoryQualityItem,\n  type PackageQualityItem,\n  type FlatGridItem,\n} from './components';\n\n// Export panels\nexport { QualityHexagonPanel } from './panels/QualityHexagonPanel';\nexport { RepositoryQualityGridPanel } from './panels/RepositoryQualityGridPanel';\n"],"names":["__iconNode","React","_a"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12,13]}
+{"version":3,"file":"panels.bundle.js","sources":["../node_modules/lucide-react/dist/esm/shared/src/utils.js","../node_modules/lucide-react/dist/esm/defaultAttributes.js","../node_modules/lucide-react/dist/esm/Icon.js","../node_modules/lucide-react/dist/esm/createLucideIcon.js","../node_modules/lucide-react/dist/esm/icons/check.js","../node_modules/lucide-react/dist/esm/icons/chevron-right.js","../node_modules/lucide-react/dist/esm/icons/copy.js","../node_modules/lucide-react/dist/esm/icons/git-branch.js","../node_modules/lucide-react/dist/esm/icons/hexagon.js","../node_modules/lucide-react/dist/esm/icons/info.js","../node_modules/lucide-react/dist/esm/icons/terminal.js","../node_modules/lucide-react/dist/esm/icons/zap.js","../node_modules/@principal-ade/industry-theme/dist/esm/index.js","../node_modules/clsx/dist/clsx.mjs","../src/lib/utils.ts","../src/components/QualityHexagon.tsx","../src/components/QualityEmptyState.tsx","../src/panels/QualityHexagonPanel.tsx","../src/components/RepositoryQualityGrid.tsx","../src/panels/RepositoryQualityGridPanel.tsx","../src/index.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.552.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nconst toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, \"$1-$2\").toLowerCase();\nconst toCamelCase = (string) => string.replace(\n  /^([A-Z])|[\\s-_]+(\\w)/g,\n  (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()\n);\nconst toPascalCase = (string) => {\n  const camelCase = toCamelCase(string);\n  return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);\n};\nconst mergeClasses = (...classes) => classes.filter((className, index, array) => {\n  return Boolean(className) && className.trim() !== \"\" && array.indexOf(className) === index;\n}).join(\" \").trim();\nconst hasA11yProp = (props) => {\n  for (const prop in props) {\n    if (prop.startsWith(\"aria-\") || prop === \"role\" || prop === \"title\") {\n      return true;\n    }\n  }\n};\n\nexport { hasA11yProp, mergeClasses, toCamelCase, toKebabCase, toPascalCase };\n//# sourceMappingURL=utils.js.map\n","/**\n * @license lucide-react v0.552.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nvar defaultAttributes = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: 24,\n  height: 24,\n  viewBox: \"0 0 24 24\",\n  fill: \"none\",\n  stroke: \"currentColor\",\n  strokeWidth: 2,\n  strokeLinecap: \"round\",\n  strokeLinejoin: \"round\"\n};\n\nexport { defaultAttributes as default };\n//# sourceMappingURL=defaultAttributes.js.map\n","/**\n * @license lucide-react v0.552.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport { forwardRef, createElement } from 'react';\nimport defaultAttributes from './defaultAttributes.js';\nimport { mergeClasses, hasA11yProp } from './shared/src/utils.js';\n\nconst Icon = forwardRef(\n  ({\n    color = \"currentColor\",\n    size = 24,\n    strokeWidth = 2,\n    absoluteStrokeWidth,\n    className = \"\",\n    children,\n    iconNode,\n    ...rest\n  }, ref) => createElement(\n    \"svg\",\n    {\n      ref,\n      ...defaultAttributes,\n      width: size,\n      height: size,\n      stroke: color,\n      strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,\n      className: mergeClasses(\"lucide\", className),\n      ...!children && !hasA11yProp(rest) && { \"aria-hidden\": \"true\" },\n      ...rest\n    },\n    [\n      ...iconNode.map(([tag, attrs]) => createElement(tag, attrs)),\n      ...Array.isArray(children) ? children : [children]\n    ]\n  )\n);\n\nexport { Icon as default };\n//# sourceMappingURL=Icon.js.map\n","/**\n * @license lucide-react v0.552.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport { forwardRef, createElement } from 'react';\nimport { mergeClasses, toKebabCase, toPascalCase } from './shared/src/utils.js';\nimport Icon from './Icon.js';\n\nconst createLucideIcon = (iconName, iconNode) => {\n  const Component = forwardRef(\n    ({ className, ...props }, ref) => createElement(Icon, {\n      ref,\n      iconNode,\n      className: mergeClasses(\n        `lucide-${toKebabCase(toPascalCase(iconName))}`,\n        `lucide-${iconName}`,\n        className\n      ),\n      ...props\n    })\n  );\n  Component.displayName = toPascalCase(iconName);\n  return Component;\n};\n\nexport { createLucideIcon as default };\n//# sourceMappingURL=createLucideIcon.js.map\n","/**\n * @license lucide-react v0.552.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [[\"path\", { d: \"M20 6 9 17l-5-5\", key: \"1gmf2c\" }]];\nconst Check = createLucideIcon(\"check\", __iconNode);\n\nexport { __iconNode, Check as default };\n//# sourceMappingURL=check.js.map\n","/**\n * @license lucide-react v0.552.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [[\"path\", { d: \"m9 18 6-6-6-6\", key: \"mthhwq\" }]];\nconst ChevronRight = createLucideIcon(\"chevron-right\", __iconNode);\n\nexport { __iconNode, ChevronRight as default };\n//# sourceMappingURL=chevron-right.js.map\n","/**\n * @license lucide-react v0.552.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"rect\", { width: \"14\", height: \"14\", x: \"8\", y: \"8\", rx: \"2\", ry: \"2\", key: \"17jyea\" }],\n  [\"path\", { d: \"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\", key: \"zix9uf\" }]\n];\nconst Copy = createLucideIcon(\"copy\", __iconNode);\n\nexport { __iconNode, Copy as default };\n//# sourceMappingURL=copy.js.map\n","/**\n * @license lucide-react v0.552.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"line\", { x1: \"6\", x2: \"6\", y1: \"3\", y2: \"15\", key: \"17qcm7\" }],\n  [\"circle\", { cx: \"18\", cy: \"6\", r: \"3\", key: \"1h7g24\" }],\n  [\"circle\", { cx: \"6\", cy: \"18\", r: \"3\", key: \"fqmcym\" }],\n  [\"path\", { d: \"M18 9a9 9 0 0 1-9 9\", key: \"n2h4wq\" }]\n];\nconst GitBranch = createLucideIcon(\"git-branch\", __iconNode);\n\nexport { __iconNode, GitBranch as default };\n//# sourceMappingURL=git-branch.js.map\n","/**\n * @license lucide-react v0.552.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\",\n      key: \"yt0hxn\"\n    }\n  ]\n];\nconst Hexagon = createLucideIcon(\"hexagon\", __iconNode);\n\nexport { __iconNode, Hexagon as default };\n//# sourceMappingURL=hexagon.js.map\n","/**\n * @license lucide-react v0.552.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n  [\"path\", { d: \"M12 16v-4\", key: \"1dtifu\" }],\n  [\"path\", { d: \"M12 8h.01\", key: \"e9boi3\" }]\n];\nconst Info = createLucideIcon(\"info\", __iconNode);\n\nexport { __iconNode, Info as default };\n//# sourceMappingURL=info.js.map\n","/**\n * @license lucide-react v0.552.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"M12 19h8\", key: \"baeox8\" }],\n  [\"path\", { d: \"m4 17 6-6-6-6\", key: \"1yngyt\" }]\n];\nconst Terminal = createLucideIcon(\"terminal\", __iconNode);\n\nexport { __iconNode, Terminal as default };\n//# sourceMappingURL=terminal.js.map\n","/**\n * @license lucide-react v0.552.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z\",\n      key: \"1xq2db\"\n    }\n  ]\n];\nconst Zap = createLucideIcon(\"zap\", __iconNode);\n\nexport { __iconNode, Zap as default };\n//# sourceMappingURL=zap.js.map\n","// src/glassmorphismTheme.ts\nvar glassmorphismTheme = {\n  space: [0, 4, 8, 16, 32, 64, 128, 256, 512],\n  fonts: {\n    body: '\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif',\n    heading: '\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif',\n    monospace: '\"Fira Code\", \"SF Mono\", Monaco, Inconsolata, monospace'\n  },\n  fontSizes: [12, 14, 16, 18, 20, 24, 32, 48, 64, 96],\n  fontScale: 1,\n  fontWeights: {\n    body: 400,\n    heading: 600,\n    bold: 700,\n    light: 300,\n    medium: 500,\n    semibold: 600\n  },\n  lineHeights: {\n    body: 1.6,\n    heading: 1.3,\n    tight: 1.4,\n    relaxed: 1.8\n  },\n  breakpoints: [\"640px\", \"768px\", \"1024px\", \"1280px\"],\n  sizes: [16, 32, 64, 128, 256, 512, 768, 1024, 1536],\n  radii: [0, 8, 12, 16, 20, 24, 32, 40],\n  shadows: [\n    \"none\",\n    \"0 8px 32px 0 rgba(31, 38, 135, 0.15)\",\n    \"0 12px 40px 0 rgba(31, 38, 135, 0.2)\",\n    \"0 16px 48px 0 rgba(31, 38, 135, 0.25)\",\n    \"0 20px 56px 0 rgba(31, 38, 135, 0.3)\",\n    \"0 24px 64px 0 rgba(31, 38, 135, 0.35)\"\n  ],\n  zIndices: [0, 1, 10, 20, 30, 40, 50],\n  colors: {\n    text: \"rgba(255, 255, 255, 0.95)\",\n    background: \"rgba(255, 255, 255, 0.1)\",\n    primary: \"rgba(99, 102, 241, 0.9)\",\n    secondary: \"rgba(139, 92, 246, 0.9)\",\n    accent: \"rgba(236, 72, 153, 0.9)\",\n    highlight: \"rgba(99, 102, 241, 0.2)\",\n    muted: \"rgba(255, 255, 255, 0.05)\",\n    success: \"rgba(34, 197, 94, 0.9)\",\n    warning: \"rgba(251, 146, 60, 0.9)\",\n    error: \"rgba(239, 68, 68, 0.9)\",\n    info: \"rgba(59, 130, 246, 0.9)\",\n    border: \"rgba(255, 255, 255, 0.18)\",\n    backgroundSecondary: \"rgba(255, 255, 255, 0.15)\",\n    backgroundTertiary: \"rgba(255, 255, 255, 0.2)\",\n    backgroundLight: \"rgba(255, 255, 255, 0.08)\",\n    backgroundHover: \"rgba(255, 255, 255, 0.25)\",\n    surface: \"rgba(255, 255, 255, 0.12)\",\n    textSecondary: \"rgba(255, 255, 255, 0.8)\",\n    textTertiary: \"rgba(255, 255, 255, 0.6)\",\n    textMuted: \"rgba(255, 255, 255, 0.5)\",\n    highlightBg: \"rgba(251, 191, 36, 0.3)\",\n    highlightBorder: \"rgba(251, 191, 36, 0.5)\"\n  },\n  modes: {\n    dark: {\n      text: \"rgba(255, 255, 255, 0.95)\",\n      background: \"rgba(0, 0, 0, 0.3)\",\n      primary: \"rgba(129, 140, 248, 0.9)\",\n      secondary: \"rgba(167, 139, 250, 0.9)\",\n      accent: \"rgba(244, 114, 182, 0.9)\",\n      highlight: \"rgba(129, 140, 248, 0.25)\",\n      muted: \"rgba(0, 0, 0, 0.15)\",\n      success: \"rgba(74, 222, 128, 0.9)\",\n      warning: \"rgba(251, 191, 36, 0.9)\",\n      error: \"rgba(248, 113, 113, 0.9)\",\n      info: \"rgba(96, 165, 250, 0.9)\",\n      border: \"rgba(255, 255, 255, 0.15)\",\n      backgroundSecondary: \"rgba(0, 0, 0, 0.4)\",\n      backgroundTertiary: \"rgba(0, 0, 0, 0.5)\",\n      backgroundLight: \"rgba(0, 0, 0, 0.2)\",\n      backgroundHover: \"rgba(255, 255, 255, 0.1)\",\n      surface: \"rgba(0, 0, 0, 0.35)\",\n      textSecondary: \"rgba(255, 255, 255, 0.8)\",\n      textTertiary: \"rgba(255, 255, 255, 0.6)\",\n      textMuted: \"rgba(255, 255, 255, 0.4)\",\n      highlightBg: \"rgba(251, 191, 36, 0.35)\",\n      highlightBorder: \"rgba(251, 191, 36, 0.6)\"\n    },\n    frosted: {\n      text: \"rgba(31, 41, 55, 0.95)\",\n      background: \"rgba(255, 255, 255, 0.3)\",\n      primary: \"rgba(79, 70, 229, 0.95)\",\n      secondary: \"rgba(124, 58, 237, 0.95)\",\n      accent: \"rgba(219, 39, 119, 0.95)\",\n      highlight: \"rgba(79, 70, 229, 0.15)\",\n      muted: \"rgba(255, 255, 255, 0.4)\",\n      success: \"rgba(16, 185, 129, 0.95)\",\n      warning: \"rgba(245, 158, 11, 0.95)\",\n      error: \"rgba(220, 38, 38, 0.95)\",\n      info: \"rgba(37, 99, 235, 0.95)\",\n      border: \"rgba(255, 255, 255, 0.5)\",\n      backgroundSecondary: \"rgba(255, 255, 255, 0.4)\",\n      backgroundTertiary: \"rgba(255, 255, 255, 0.5)\",\n      backgroundLight: \"rgba(255, 255, 255, 0.25)\",\n      backgroundHover: \"rgba(255, 255, 255, 0.6)\",\n      surface: \"rgba(255, 255, 255, 0.35)\",\n      textSecondary: \"rgba(31, 41, 55, 0.8)\",\n      textTertiary: \"rgba(31, 41, 55, 0.6)\",\n      textMuted: \"rgba(31, 41, 55, 0.5)\",\n      highlightBg: \"rgba(251, 191, 36, 0.4)\",\n      highlightBorder: \"rgba(251, 191, 36, 0.7)\"\n    }\n  },\n  buttons: {\n    primary: {\n      color: \"white\",\n      bg: \"primary\",\n      borderWidth: 1,\n      borderStyle: \"solid\",\n      borderColor: \"rgba(255, 255, 255, 0.2)\",\n      \"&:hover\": {\n        bg: \"secondary\"\n      }\n    },\n    secondary: {\n      color: \"text\",\n      bg: \"rgba(255, 255, 255, 0.1)\",\n      borderWidth: 1,\n      borderStyle: \"solid\",\n      borderColor: \"rgba(255, 255, 255, 0.2)\",\n      \"&:hover\": {\n        bg: \"rgba(255, 255, 255, 0.2)\"\n      }\n    },\n    ghost: {\n      color: \"text\",\n      bg: \"transparent\",\n      borderWidth: 1,\n      borderStyle: \"solid\",\n      borderColor: \"transparent\",\n      \"&:hover\": {\n        borderColor: \"rgba(255, 255, 255, 0.2)\",\n        bg: \"rgba(255, 255, 255, 0.05)\"\n      }\n    }\n  },\n  text: {\n    heading: {\n      fontFamily: \"heading\",\n      fontWeight: \"heading\",\n      lineHeight: \"heading\"\n    },\n    body: {\n      fontFamily: \"body\",\n      fontWeight: \"body\",\n      lineHeight: \"body\"\n    },\n    caption: {\n      fontSize: 1,\n      color: \"textSecondary\"\n    }\n  },\n  cards: {\n    primary: {\n      bg: \"surface\",\n      border: \"1px solid\",\n      borderColor: \"border\",\n      borderRadius: 3\n    },\n    secondary: {\n      bg: \"backgroundSecondary\",\n      border: \"1px solid\",\n      borderColor: \"border\",\n      borderRadius: 3\n    }\n  }\n};\n// src/defaultThemes.ts\nvar defaultMarkdownTheme = {\n  space: [0, 4, 8, 16, 32, 64, 128, 256, 512],\n  fonts: {\n    body: '\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif',\n    heading: '\"Crimson Text\", \"Georgia\", \"Times New Roman\", serif',\n    monospace: '\"Fira Code\", \"SF Mono\", Monaco, Inconsolata, monospace'\n  },\n  fontSizes: [12, 14, 16, 18, 20, 24, 32, 48, 64, 96],\n  fontScale: 1,\n  fontWeights: {\n    body: 400,\n    heading: 600,\n    bold: 700,\n    light: 300,\n    medium: 500,\n    semibold: 600\n  },\n  lineHeights: {\n    body: 1.6,\n    heading: 1.3,\n    tight: 1.25,\n    relaxed: 1.75\n  },\n  breakpoints: [\"640px\", \"768px\", \"1024px\", \"1280px\"],\n  sizes: [16, 32, 64, 128, 256, 512, 768, 1024, 1536],\n  radii: [0, 2, 4, 6, 8, 12, 16, 24],\n  shadows: [\n    \"none\",\n    \"0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)\",\n    \"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)\",\n    \"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)\",\n    \"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)\",\n    \"0 25px 50px -12px rgba(0, 0, 0, 0.25)\"\n  ],\n  zIndices: [0, 1, 10, 20, 30, 40, 50],\n  colors: {\n    text: \"#1a1a1a\",\n    background: \"#ffffff\",\n    primary: \"#007acc\",\n    secondary: \"#005a9e\",\n    accent: \"#1a1a1a\",\n    highlight: \"rgba(0, 122, 204, 0.1)\",\n    muted: \"#f0f0f0\",\n    success: \"#28a745\",\n    warning: \"#ffc107\",\n    error: \"#dc3545\",\n    info: \"#17a2b8\",\n    border: \"rgba(0, 0, 0, 0.1)\",\n    backgroundSecondary: \"#f8f9fa\",\n    backgroundTertiary: \"#e9ecef\",\n    backgroundLight: \"rgba(0, 0, 0, 0.03)\",\n    backgroundHover: \"rgba(0, 0, 0, 0.05)\",\n    surface: \"#ffffff\",\n    textSecondary: \"#555555\",\n    textTertiary: \"#888888\",\n    textMuted: \"#aaaaaa\",\n    highlightBg: \"rgba(255, 235, 59, 0.3)\",\n    highlightBorder: \"rgba(255, 235, 59, 0.6)\"\n  },\n  buttons: {\n    primary: {\n      color: \"white\",\n      bg: \"primary\",\n      \"&:hover\": { bg: \"secondary\" }\n    },\n    secondary: {\n      color: \"primary\",\n      bg: \"transparent\",\n      borderWidth: 1,\n      borderStyle: \"solid\",\n      borderColor: \"primary\",\n      \"&:hover\": { bg: \"highlight\" }\n    },\n    ghost: {\n      color: \"text\",\n      bg: \"transparent\",\n      \"&:hover\": { bg: \"backgroundHover\" }\n    }\n  },\n  text: {\n    heading: {\n      fontFamily: \"heading\",\n      fontWeight: \"heading\",\n      lineHeight: \"heading\"\n    },\n    body: {\n      fontFamily: \"body\",\n      fontWeight: \"body\",\n      lineHeight: \"body\"\n    },\n    caption: {\n      fontSize: 1,\n      color: \"textSecondary\"\n    }\n  },\n  cards: {\n    primary: {\n      bg: \"surface\",\n      border: \"1px solid\",\n      borderColor: \"border\",\n      borderRadius: 2\n    },\n    secondary: {\n      bg: \"backgroundSecondary\",\n      border: \"1px solid\",\n      borderColor: \"border\",\n      borderRadius: 2\n    }\n  }\n};\nvar defaultTerminalTheme = {\n  space: [0, 4, 8, 16, 32, 64, 128, 256, 512],\n  fonts: {\n    body: '\"Courier New\", Courier, monospace',\n    heading: '\"Courier New\", Courier, monospace',\n    monospace: '\"Courier New\", Courier, monospace'\n  },\n  fontSizes: [12, 14, 16, 18, 20, 24, 32, 48, 64, 96],\n  fontScale: 1,\n  fontWeights: {\n    body: 400,\n    heading: 500,\n    bold: 600,\n    light: 300,\n    medium: 500,\n    semibold: 600\n  },\n  lineHeights: {\n    body: 1.4,\n    heading: 1.2,\n    tight: 1.3,\n    relaxed: 1.6\n  },\n  breakpoints: [\"640px\", \"768px\", \"1024px\", \"1280px\"],\n  sizes: [16, 32, 64, 128, 256, 512, 768, 1024, 1536],\n  radii: [0, 2, 4, 6, 8, 12, 16, 24],\n  shadows: [\n    \"none\",\n    \"0 0 5px rgba(255, 193, 7, 0.1)\",\n    \"0 0 10px rgba(255, 193, 7, 0.15)\",\n    \"0 0 15px rgba(255, 193, 7, 0.2)\",\n    \"0 0 20px rgba(255, 193, 7, 0.25)\",\n    \"0 0 30px rgba(255, 193, 7, 0.3)\"\n  ],\n  zIndices: [0, 1, 10, 20, 30, 40, 50],\n  colors: {\n    text: \"#ffc107\",\n    background: \"#000000\",\n    primary: \"#ffc107\",\n    secondary: \"#ffb300\",\n    accent: \"#ffffff\",\n    highlight: \"rgba(255, 193, 7, 0.1)\",\n    muted: \"#1a1a1a\",\n    success: \"#4caf50\",\n    warning: \"#ff9800\",\n    error: \"#f44336\",\n    info: \"#2196f3\",\n    border: \"rgba(255, 193, 7, 0.2)\",\n    backgroundSecondary: \"#0a0a0a\",\n    backgroundTertiary: \"#111111\",\n    backgroundLight: \"rgba(255, 193, 7, 0.03)\",\n    backgroundHover: \"rgba(255, 193, 7, 0.05)\",\n    surface: \"#050505\",\n    textSecondary: \"#e0e0e0\",\n    textTertiary: \"#b0b0b0\",\n    textMuted: \"#808080\",\n    highlightBg: \"rgba(255, 193, 7, 0.2)\",\n    highlightBorder: \"rgba(255, 193, 7, 0.4)\"\n  },\n  buttons: {\n    primary: {\n      color: \"black\",\n      bg: \"primary\",\n      borderWidth: 0,\n      \"&:hover\": { bg: \"secondary\" }\n    },\n    secondary: {\n      color: \"primary\",\n      bg: \"transparent\",\n      borderWidth: 1,\n      borderStyle: \"solid\",\n      borderColor: \"primary\",\n      \"&:hover\": { bg: \"highlight\" }\n    },\n    ghost: {\n      color: \"text\",\n      bg: \"transparent\",\n      \"&:hover\": { bg: \"backgroundHover\" }\n    }\n  },\n  text: {\n    heading: {\n      fontFamily: \"heading\",\n      fontWeight: \"heading\",\n      lineHeight: \"heading\"\n    },\n    body: {\n      fontFamily: \"body\",\n      fontWeight: \"body\",\n      lineHeight: \"body\"\n    },\n    caption: {\n      fontSize: 1,\n      color: \"textSecondary\"\n    }\n  },\n  cards: {\n    primary: {\n      bg: \"surface\",\n      border: \"1px solid\",\n      borderColor: \"border\",\n      borderRadius: 0\n    },\n    secondary: {\n      bg: \"backgroundSecondary\",\n      border: \"1px solid\",\n      borderColor: \"border\",\n      borderRadius: 0\n    }\n  }\n};\nvar defaultEditorTheme = {\n  space: [0, 4, 8, 16, 32, 64, 128, 256, 512],\n  fonts: {\n    body: '\"Fira Code\", \"SF Mono\", Monaco, Inconsolata, monospace',\n    heading: '\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif',\n    monospace: '\"Fira Code\", \"SF Mono\", Monaco, Inconsolata, monospace'\n  },\n  fontSizes: [12, 14, 16, 18, 20, 24, 32, 48, 64, 96],\n  fontScale: 1,\n  fontWeights: {\n    body: 400,\n    heading: 600,\n    bold: 700,\n    light: 300,\n    medium: 500,\n    semibold: 600\n  },\n  lineHeights: {\n    body: 1.5,\n    heading: 1.2,\n    tight: 1.3,\n    relaxed: 1.7\n  },\n  breakpoints: [\"640px\", \"768px\", \"1024px\", \"1280px\"],\n  sizes: [16, 32, 64, 128, 256, 512, 768, 1024, 1536],\n  radii: [0, 2, 4, 6, 8, 12, 16, 24],\n  shadows: [\n    \"none\",\n    \"0 1px 2px rgba(0, 0, 0, 0.05)\",\n    \"0 2px 4px rgba(0, 0, 0, 0.1)\",\n    \"0 4px 8px rgba(0, 0, 0, 0.15)\",\n    \"0 8px 16px rgba(0, 0, 0, 0.2)\",\n    \"0 12px 24px rgba(0, 0, 0, 0.25)\"\n  ],\n  zIndices: [0, 1, 10, 20, 30, 40, 50],\n  colors: {\n    text: \"#d4d4d4\",\n    background: \"#1e1e1e\",\n    primary: \"#569cd6\",\n    secondary: \"#408ac9\",\n    accent: \"#c586c0\",\n    highlight: \"rgba(86, 156, 214, 0.1)\",\n    muted: \"#2a2a2a\",\n    success: \"#6a9955\",\n    warning: \"#d18616\",\n    error: \"#f44747\",\n    info: \"#569cd6\",\n    border: \"rgba(255, 255, 255, 0.1)\",\n    backgroundSecondary: \"#252526\",\n    backgroundTertiary: \"#333333\",\n    backgroundLight: \"rgba(255, 255, 255, 0.03)\",\n    backgroundHover: \"rgba(255, 255, 255, 0.05)\",\n    surface: \"#252526\",\n    textSecondary: \"#cccccc\",\n    textTertiary: \"#999999\",\n    textMuted: \"#666666\",\n    highlightBg: \"rgba(255, 235, 59, 0.2)\",\n    highlightBorder: \"rgba(255, 235, 59, 0.4)\"\n  },\n  buttons: {\n    primary: {\n      color: \"white\",\n      bg: \"primary\",\n      \"&:hover\": { bg: \"secondary\" }\n    },\n    secondary: {\n      color: \"primary\",\n      bg: \"transparent\",\n      borderWidth: 1,\n      borderStyle: \"solid\",\n      borderColor: \"primary\",\n      \"&:hover\": { bg: \"highlight\" }\n    },\n    ghost: {\n      color: \"text\",\n      bg: \"transparent\",\n      \"&:hover\": { bg: \"backgroundHover\" }\n    }\n  },\n  text: {\n    heading: {\n      fontFamily: \"heading\",\n      fontWeight: \"heading\",\n      lineHeight: \"heading\"\n    },\n    body: {\n      fontFamily: \"body\",\n      fontWeight: \"body\",\n      lineHeight: \"body\"\n    },\n    caption: {\n      fontSize: 1,\n      color: \"textSecondary\"\n    }\n  },\n  cards: {\n    primary: {\n      bg: \"surface\",\n      border: \"1px solid\",\n      borderColor: \"border\",\n      borderRadius: 1\n    },\n    secondary: {\n      bg: \"backgroundSecondary\",\n      border: \"1px solid\",\n      borderColor: \"border\",\n      borderRadius: 1\n    }\n  }\n};\n\n// src/themes.ts\nvar regalTheme = {\n  space: [0, 4, 8, 16, 32, 64, 128, 256, 512],\n  fonts: {\n    body: '\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif',\n    heading: '\"Crimson Text\", \"Georgia\", \"Times New Roman\", serif',\n    monospace: '\"Fira Code\", \"SF Mono\", Monaco, Inconsolata, monospace'\n  },\n  fontSizes: [12, 14, 16, 18, 20, 24, 32, 48, 64, 96],\n  fontScale: 1,\n  fontWeights: {\n    body: 400,\n    heading: 600,\n    bold: 700,\n    light: 300,\n    medium: 500,\n    semibold: 600\n  },\n  lineHeights: {\n    body: 1.5,\n    heading: 1.2,\n    tight: 1.25,\n    relaxed: 1.75\n  },\n  breakpoints: [\"640px\", \"768px\", \"1024px\", \"1280px\"],\n  sizes: [16, 32, 64, 128, 256, 512, 768, 1024, 1536],\n  radii: [0, 2, 4, 6, 8, 12, 16, 24],\n  shadows: [\n    \"none\",\n    \"0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)\",\n    \"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)\",\n    \"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)\",\n    \"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)\",\n    \"0 25px 50px -12px rgba(0, 0, 0, 0.25)\"\n  ],\n  zIndices: [0, 1, 10, 20, 30, 40, 50],\n  colors: {\n    text: \"#f1e8dc\",\n    background: \"#1a1f2e\",\n    primary: \"#d4a574\",\n    secondary: \"#e0b584\",\n    accent: \"#c9b8a3\",\n    highlight: \"rgba(212, 165, 116, 0.15)\",\n    muted: \"#8b7968\",\n    success: \"#5c8a72\",\n    warning: \"#d4a574\",\n    error: \"#a85751\",\n    info: \"#d4a574\",\n    border: \"rgba(212, 165, 116, 0.2)\",\n    backgroundSecondary: \"#212738\",\n    backgroundTertiary: \"#2d3446\",\n    backgroundLight: \"rgba(212, 165, 116, 0.08)\",\n    backgroundHover: \"rgba(212, 165, 116, 0.15)\",\n    surface: \"#212738\",\n    textSecondary: \"#c9b8a3\",\n    textTertiary: \"#8b7968\",\n    textMuted: \"#8b7968\",\n    highlightBg: \"rgba(255, 193, 7, 0.25)\",\n    highlightBorder: \"rgba(255, 193, 7, 0.5)\"\n  },\n  buttons: {\n    primary: {\n      color: \"background\",\n      bg: \"primary\",\n      \"&:hover\": {\n        bg: \"secondary\"\n      }\n    },\n    secondary: {\n      color: \"text\",\n      bg: \"muted\",\n      \"&:hover\": {\n        bg: \"backgroundSecondary\"\n      }\n    },\n    ghost: {\n      color: \"primary\",\n      bg: \"transparent\",\n      \"&:hover\": {\n        bg: \"muted\"\n      }\n    }\n  },\n  text: {\n    heading: {\n      fontFamily: \"heading\",\n      fontWeight: \"heading\",\n      lineHeight: \"heading\"\n    },\n    body: {\n      fontFamily: \"body\",\n      fontWeight: \"body\",\n      lineHeight: \"body\"\n    },\n    caption: {\n      fontSize: 1,\n      color: \"textSecondary\"\n    }\n  },\n  cards: {\n    primary: {\n      bg: \"background\",\n      border: \"1px solid\",\n      borderColor: \"border\",\n      borderRadius: 2\n    },\n    secondary: {\n      bg: \"backgroundSecondary\",\n      border: \"1px solid\",\n      borderColor: \"border\",\n      borderRadius: 2\n    }\n  }\n};\nvar terminalTheme = {\n  space: [0, 4, 8, 16, 32, 64, 128, 256, 512],\n  fonts: {\n    body: '\"SF Mono\", \"Monaco\", \"Inconsolata\", \"Fira Code\", monospace',\n    heading: '\"SF Mono\", \"Monaco\", \"Inconsolata\", \"Fira Code\", monospace',\n    monospace: '\"SF Mono\", \"Monaco\", \"Inconsolata\", \"Fira Code\", monospace'\n  },\n  fontSizes: [12, 14, 16, 18, 20, 24, 32, 48, 64, 96],\n  fontScale: 1,\n  fontWeights: {\n    body: 400,\n    heading: 500,\n    bold: 600,\n    light: 300,\n    medium: 500,\n    semibold: 600\n  },\n  lineHeights: {\n    body: 1.6,\n    heading: 1.3,\n    tight: 1.4,\n    relaxed: 1.8\n  },\n  breakpoints: [\"640px\", \"768px\", \"1024px\", \"1280px\"],\n  sizes: [16, 32, 64, 128, 256, 512, 768, 1024, 1536],\n  radii: [0, 2, 4, 6, 8, 12, 16, 24],\n  shadows: [\n    \"none\",\n    \"0 1px 2px 0 rgba(0, 0, 0, 0.05)\",\n    \"0 2px 4px 0 rgba(0, 0, 0, 0.06)\",\n    \"0 4px 6px 0 rgba(0, 0, 0, 0.07)\",\n    \"0 8px 12px 0 rgba(0, 0, 0, 0.08)\",\n    \"0 16px 24px 0 rgba(0, 0, 0, 0.10)\"\n  ],\n  zIndices: [0, 1, 10, 20, 30, 40, 50],\n  colors: {\n    text: \"#e4e4e4\",\n    background: \"rgba(10, 10, 10, 0.85)\",\n    primary: \"#66b3ff\",\n    secondary: \"#80c4ff\",\n    accent: \"#66ff99\",\n    highlight: \"rgba(102, 179, 255, 0.15)\",\n    muted: \"rgba(26, 26, 26, 0.8)\",\n    success: \"#66ff99\",\n    warning: \"#ffcc66\",\n    error: \"#ff6666\",\n    info: \"#66b3ff\",\n    border: \"rgba(255, 255, 255, 0.1)\",\n    backgroundSecondary: \"rgba(15, 15, 15, 0.9)\",\n    backgroundTertiary: \"rgba(20, 20, 20, 0.9)\",\n    backgroundLight: \"rgba(255, 255, 255, 0.05)\",\n    backgroundHover: \"rgba(102, 179, 255, 0.08)\",\n    surface: \"rgba(15, 15, 15, 0.95)\",\n    textSecondary: \"rgba(255, 255, 255, 0.7)\",\n    textTertiary: \"rgba(255, 255, 255, 0.5)\",\n    textMuted: \"rgba(255, 255, 255, 0.4)\",\n    highlightBg: \"rgba(255, 235, 59, 0.25)\",\n    highlightBorder: \"rgba(255, 235, 59, 0.5)\"\n  },\n  modes: {\n    light: {\n      text: \"#1a1a1a\",\n      background: \"rgba(255, 255, 255, 0.9)\",\n      primary: \"#0066cc\",\n      secondary: \"#0052a3\",\n      accent: \"#00cc88\",\n      highlight: \"rgba(0, 102, 204, 0.08)\",\n      muted: \"rgba(245, 245, 245, 0.8)\",\n      success: \"#00cc88\",\n      warning: \"#ffaa00\",\n      error: \"#ff3333\",\n      info: \"#0066cc\",\n      border: \"rgba(0, 0, 0, 0.1)\",\n      backgroundSecondary: \"rgba(250, 250, 250, 0.9)\",\n      backgroundTertiary: \"rgba(245, 245, 245, 0.9)\",\n      backgroundLight: \"rgba(0, 0, 0, 0.02)\",\n      backgroundHover: \"rgba(0, 102, 204, 0.04)\",\n      surface: \"rgba(255, 255, 255, 0.95)\",\n      textSecondary: \"rgba(0, 0, 0, 0.6)\",\n      textTertiary: \"rgba(0, 0, 0, 0.4)\",\n      textMuted: \"rgba(0, 0, 0, 0.3)\",\n      highlightBg: \"rgba(255, 235, 59, 0.3)\",\n      highlightBorder: \"rgba(255, 235, 59, 0.6)\"\n    }\n  },\n  buttons: {\n    primary: {\n      color: \"white\",\n      bg: \"primary\",\n      borderWidth: 0,\n      \"&:hover\": {\n        bg: \"secondary\"\n      }\n    },\n    secondary: {\n      color: \"primary\",\n      bg: \"transparent\",\n      borderWidth: 1,\n      borderStyle: \"solid\",\n      borderColor: \"primary\",\n      \"&:hover\": {\n        bg: \"highlight\"\n      }\n    },\n    ghost: {\n      color: \"text\",\n      bg: \"transparent\",\n      \"&:hover\": {\n        bg: \"backgroundHover\"\n      }\n    }\n  },\n  text: {\n    heading: {\n      fontFamily: \"heading\",\n      fontWeight: \"heading\",\n      lineHeight: \"heading\"\n    },\n    body: {\n      fontFamily: \"body\",\n      fontWeight: \"body\",\n      lineHeight: \"body\"\n    },\n    caption: {\n      fontSize: 1,\n      color: \"textSecondary\"\n    }\n  },\n  cards: {\n    primary: {\n      bg: \"surface\",\n      border: \"1px solid\",\n      borderColor: \"border\",\n      borderRadius: 1\n    },\n    secondary: {\n      bg: \"backgroundSecondary\",\n      border: \"1px solid\",\n      borderColor: \"border\",\n      borderRadius: 1\n    }\n  }\n};\nvar matrixTheme = {\n  space: [0, 4, 8, 16, 32, 64, 128, 256, 512],\n  fonts: {\n    body: '\"Courier New\", \"Courier\", \"Lucida Console\", \"Monaco\", monospace',\n    heading: '\"Courier New\", \"Courier\", \"Lucida Console\", \"Monaco\", monospace',\n    monospace: '\"Courier New\", \"Courier\", \"Lucida Console\", \"Monaco\", monospace'\n  },\n  fontSizes: [12, 14, 16, 18, 20, 24, 32, 48, 64, 96],\n  fontScale: 1,\n  fontWeights: {\n    body: 400,\n    heading: 500,\n    bold: 600,\n    light: 300,\n    medium: 500,\n    semibold: 600\n  },\n  lineHeights: {\n    body: 1.5,\n    heading: 1.2,\n    tight: 1.3,\n    relaxed: 1.7\n  },\n  breakpoints: [\"640px\", \"768px\", \"1024px\", \"1280px\"],\n  sizes: [16, 32, 64, 128, 256, 512, 768, 1024, 1536],\n  radii: [0, 2, 4, 6, 8, 12, 16, 24],\n  shadows: [\n    \"none\",\n    \"0 0 5px rgba(0, 216, 53, 0.15)\",\n    \"0 0 10px rgba(0, 216, 53, 0.2)\",\n    \"0 0 15px rgba(0, 216, 53, 0.25)\",\n    \"0 0 20px rgba(0, 216, 53, 0.3)\",\n    \"0 0 30px rgba(0, 216, 53, 0.4)\"\n  ],\n  zIndices: [0, 1, 10, 20, 30, 40, 50],\n  colors: {\n    text: \"#a8a8a8\",\n    background: \"#000000\",\n    primary: \"#00d835\",\n    secondary: \"#00a828\",\n    accent: \"#00d835\",\n    highlight: \"rgba(0, 216, 53, 0.15)\",\n    muted: \"#0a0a0a\",\n    success: \"#00d835\",\n    warning: \"#d4a000\",\n    error: \"#d63333\",\n    info: \"#00a8d6\",\n    border: \"rgba(0, 216, 53, 0.2)\",\n    backgroundSecondary: \"#0a0a0a\",\n    backgroundTertiary: \"#111111\",\n    backgroundLight: \"rgba(0, 216, 53, 0.03)\",\n    backgroundHover: \"rgba(0, 216, 53, 0.08)\",\n    surface: \"#050505\",\n    textSecondary: \"#808080\",\n    textTertiary: \"#606060\",\n    textMuted: \"#484848\",\n    highlightBg: \"rgba(0, 216, 53, 0.25)\",\n    highlightBorder: \"rgba(0, 216, 53, 0.5)\"\n  },\n  buttons: {\n    primary: {\n      color: \"black\",\n      bg: \"primary\",\n      borderWidth: 0,\n      \"&:hover\": {\n        bg: \"secondary\"\n      }\n    },\n    secondary: {\n      color: \"primary\",\n      bg: \"transparent\",\n      borderWidth: 1,\n      borderStyle: \"solid\",\n      borderColor: \"primary\",\n      \"&:hover\": {\n        bg: \"highlight\"\n      }\n    },\n    ghost: {\n      color: \"text\",\n      bg: \"transparent\",\n      \"&:hover\": {\n        bg: \"backgroundHover\"\n      }\n    }\n  },\n  text: {\n    heading: {\n      fontFamily: \"heading\",\n      fontWeight: \"heading\",\n      lineHeight: \"heading\"\n    },\n    body: {\n      fontFamily: \"body\",\n      fontWeight: \"body\",\n      lineHeight: \"body\"\n    },\n    caption: {\n      fontSize: 1,\n      color: \"textSecondary\"\n    }\n  },\n  cards: {\n    primary: {\n      bg: \"surface\",\n      border: \"1px solid\",\n      borderColor: \"border\",\n      borderRadius: 0\n    },\n    secondary: {\n      bg: \"backgroundSecondary\",\n      border: \"1px solid\",\n      borderColor: \"border\",\n      borderRadius: 0\n    }\n  }\n};\nvar matrixMinimalTheme = {\n  space: [0, 4, 8, 16, 32, 64, 128, 256, 512],\n  fonts: {\n    body: '\"Courier New\", \"Courier\", \"Lucida Console\", \"Monaco\", monospace',\n    heading: '\"Courier New\", \"Courier\", \"Lucida Console\", \"Monaco\", monospace',\n    monospace: '\"Courier New\", \"Courier\", \"Lucida Console\", \"Monaco\", monospace'\n  },\n  fontSizes: [12, 14, 16, 18, 20, 24, 32, 48, 64, 96],\n  fontScale: 1,\n  fontWeights: {\n    body: 400,\n    heading: 500,\n    bold: 600,\n    light: 300,\n    medium: 500,\n    semibold: 600\n  },\n  lineHeights: {\n    body: 1.5,\n    heading: 1.2,\n    tight: 1.3,\n    relaxed: 1.7\n  },\n  breakpoints: [\"640px\", \"768px\", \"1024px\", \"1280px\"],\n  sizes: [16, 32, 64, 128, 256, 512, 768, 1024, 1536],\n  radii: [0, 2, 4, 6, 8, 12, 16, 24],\n  shadows: [\n    \"none\",\n    \"0 1px 2px rgba(0, 0, 0, 0.05)\",\n    \"0 2px 4px rgba(0, 0, 0, 0.1)\",\n    \"0 4px 8px rgba(0, 0, 0, 0.15)\",\n    \"0 8px 16px rgba(0, 0, 0, 0.2)\",\n    \"0 0 20px rgba(0, 216, 53, 0.1)\"\n  ],\n  zIndices: [0, 1, 10, 20, 30, 40, 50],\n  colors: {\n    text: \"#a8a8a8\",\n    background: \"#000000\",\n    primary: \"#b8b8b8\",\n    secondary: \"#909090\",\n    accent: \"#00d835\",\n    highlight: \"rgba(0, 216, 53, 0.1)\",\n    muted: \"#0a0a0a\",\n    success: \"#00d835\",\n    warning: \"#d4a000\",\n    error: \"#d63333\",\n    info: \"#00a8d6\",\n    border: \"rgba(184, 184, 184, 0.1)\",\n    backgroundSecondary: \"#0a0a0a\",\n    backgroundTertiary: \"#111111\",\n    backgroundLight: \"rgba(184, 184, 184, 0.02)\",\n    backgroundHover: \"rgba(0, 216, 53, 0.05)\",\n    surface: \"#050505\",\n    textSecondary: \"#808080\",\n    textTertiary: \"#606060\",\n    textMuted: \"#484848\",\n    highlightBg: \"rgba(0, 216, 53, 0.2)\",\n    highlightBorder: \"rgba(0, 216, 53, 0.4)\"\n  },\n  buttons: {\n    primary: {\n      color: \"black\",\n      bg: \"primary\",\n      borderWidth: 0,\n      \"&:hover\": {\n        bg: \"secondary\"\n      }\n    },\n    secondary: {\n      color: \"primary\",\n      bg: \"transparent\",\n      borderWidth: 1,\n      borderStyle: \"solid\",\n      borderColor: \"primary\",\n      \"&:hover\": {\n        bg: \"backgroundHover\"\n      }\n    },\n    ghost: {\n      color: \"text\",\n      bg: \"transparent\",\n      \"&:hover\": {\n        bg: \"backgroundHover\"\n      }\n    }\n  },\n  text: {\n    heading: {\n      fontFamily: \"heading\",\n      fontWeight: \"heading\",\n      lineHeight: \"heading\"\n    },\n    body: {\n      fontFamily: \"body\",\n      fontWeight: \"body\",\n      lineHeight: \"body\"\n    },\n    caption: {\n      fontSize: 1,\n      color: \"textSecondary\"\n    }\n  },\n  cards: {\n    primary: {\n      bg: \"surface\",\n      border: \"1px solid\",\n      borderColor: \"border\",\n      borderRadius: 0\n    },\n    secondary: {\n      bg: \"backgroundSecondary\",\n      border: \"1px solid\",\n      borderColor: \"border\",\n      borderRadius: 0\n    }\n  }\n};\nvar slateTheme = {\n  space: [0, 4, 8, 16, 32, 64, 128, 256, 512],\n  fonts: {\n    body: '\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif',\n    heading: '\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif',\n    monospace: '\"Fira Code\", \"SF Mono\", Monaco, Inconsolata, monospace'\n  },\n  fontSizes: [12, 14, 16, 18, 20, 24, 32, 48, 64, 96],\n  fontScale: 1,\n  fontWeights: {\n    body: 400,\n    heading: 600,\n    bold: 700,\n    light: 300,\n    medium: 500,\n    semibold: 600\n  },\n  lineHeights: {\n    body: 1.6,\n    heading: 1.3,\n    tight: 1.25,\n    relaxed: 1.75\n  },\n  breakpoints: [\"640px\", \"768px\", \"1024px\", \"1280px\"],\n  sizes: [16, 32, 64, 128, 256, 512, 768, 1024, 1536],\n  radii: [0, 2, 4, 6, 8, 12, 16, 24],\n  shadows: [\n    \"none\",\n    \"0 1px 3px 0 rgba(0, 0, 0, 0.2)\",\n    \"0 4px 6px -1px rgba(0, 0, 0, 0.2)\",\n    \"0 10px 15px -3px rgba(0, 0, 0, 0.2)\",\n    \"0 20px 25px -5px rgba(0, 0, 0, 0.25)\",\n    \"0 25px 50px -12px rgba(0, 0, 0, 0.3)\"\n  ],\n  zIndices: [0, 1, 10, 20, 30, 40, 50],\n  colors: {\n    text: \"#9ca3af\",\n    background: \"#1a1c1e\",\n    primary: \"#d1d5db\",\n    secondary: \"#6b7280\",\n    accent: \"#f59e0b\",\n    highlight: \"rgba(209, 213, 219, 0.15)\",\n    muted: \"#2d3134\",\n    success: \"#10b981\",\n    warning: \"#f59e0b\",\n    error: \"#ef4444\",\n    info: \"#3b82f6\",\n    border: \"rgba(156, 163, 175, 0.15)\",\n    backgroundSecondary: \"#22252a\",\n    backgroundTertiary: \"#2d3134\",\n    backgroundLight: \"rgba(156, 163, 175, 0.05)\",\n    backgroundHover: \"rgba(156, 163, 175, 0.1)\",\n    surface: \"#1f2124\",\n    textSecondary: \"#e5e7eb\",\n    textTertiary: \"#6b7280\",\n    textMuted: \"#4b5563\",\n    highlightBg: \"rgba(245, 158, 11, 0.25)\",\n    highlightBorder: \"rgba(245, 158, 11, 0.5)\"\n  },\n  buttons: {\n    primary: {\n      color: \"#1a1c1e\",\n      bg: \"primary\",\n      borderWidth: 0,\n      \"&:hover\": {\n        bg: \"#9ca3af\"\n      }\n    },\n    secondary: {\n      color: \"#e5e7eb\",\n      bg: \"secondary\",\n      borderWidth: 0,\n      \"&:hover\": {\n        bg: \"#4b5563\"\n      }\n    },\n    ghost: {\n      color: \"textSecondary\",\n      bg: \"transparent\",\n      \"&:hover\": {\n        bg: \"backgroundHover\"\n      }\n    }\n  },\n  text: {\n    heading: {\n      fontFamily: \"heading\",\n      fontWeight: \"heading\",\n      lineHeight: \"heading\",\n      color: \"textSecondary\"\n    },\n    body: {\n      fontFamily: \"body\",\n      fontWeight: \"body\",\n      lineHeight: \"body\"\n    },\n    caption: {\n      fontSize: 1,\n      color: \"textTertiary\"\n    }\n  },\n  cards: {\n    primary: {\n      bg: \"surface\",\n      border: \"1px solid\",\n      borderColor: \"border\",\n      borderRadius: 3\n    },\n    secondary: {\n      bg: \"backgroundSecondary\",\n      border: \"1px solid\",\n      borderColor: \"border\",\n      borderRadius: 3\n    }\n  }\n};\n// src/ThemeProvider.tsx\nimport React, { createContext, useContext, useState, useEffect } from \"react\";\n\n// src/themeHelpers.ts\nfunction overrideColors(theme, colors) {\n  return {\n    ...theme,\n    colors: {\n      ...theme.colors,\n      ...colors\n    }\n  };\n}\nfunction makeTheme(baseTheme, overrides) {\n  return {\n    ...baseTheme,\n    ...overrides,\n    colors: {\n      ...baseTheme.colors,\n      ...overrides.colors\n    },\n    fonts: {\n      ...baseTheme.fonts,\n      ...overrides.fonts\n    }\n  };\n}\nfunction addMode(theme, modeName, colors, baseMode) {\n  let baseColors;\n  if (baseMode && theme.modes && theme.modes[baseMode]) {\n    baseColors = {\n      ...theme.colors,\n      ...theme.modes[baseMode]\n    };\n  } else {\n    baseColors = theme.colors;\n  }\n  const newMode = {\n    ...baseColors,\n    ...colors\n  };\n  return {\n    ...theme,\n    modes: {\n      ...theme.modes,\n      [modeName]: newMode\n    }\n  };\n}\nfunction getMode(theme, mode) {\n  if (!mode || !theme.modes || !theme.modes[mode]) {\n    return theme.colors;\n  }\n  return {\n    ...theme.colors,\n    ...theme.modes[mode]\n  };\n}\n\n// src/ThemeProvider.tsx\nvar ThemeContext;\nvar getThemeContext = () => {\n  if (typeof window !== \"undefined\") {\n    const globalWindow = window;\n    if (!globalWindow.__principlemd_theme_context__) {\n      globalWindow.__principlemd_theme_context__ = createContext(undefined);\n    }\n    return globalWindow.__principlemd_theme_context__;\n  } else {\n    if (!ThemeContext) {\n      ThemeContext = createContext(undefined);\n    }\n    return ThemeContext;\n  }\n};\nvar ThemeContextSingleton = getThemeContext();\nvar useTheme = () => {\n  const context = useContext(ThemeContextSingleton);\n  if (!context) {\n    throw new Error(\"useTheme must be used within a ThemeProvider\");\n  }\n  return context;\n};\nvar ThemeProvider = ({\n  children,\n  theme: customTheme = theme,\n  initialMode\n}) => {\n  const [mode, setMode] = useState(initialMode);\n  const activeTheme = React.useMemo(() => {\n    if (!mode || !customTheme.modes || !customTheme.modes[mode]) {\n      return customTheme;\n    }\n    return {\n      ...customTheme,\n      colors: getMode(customTheme, mode)\n    };\n  }, [customTheme, mode]);\n  useEffect(() => {\n    if (!initialMode) {\n      const savedMode = localStorage.getItem(\"principlemd-theme-mode\");\n      if (savedMode) {\n        setMode(savedMode);\n      }\n    }\n  }, [initialMode]);\n  useEffect(() => {\n    if (mode) {\n      localStorage.setItem(\"principlemd-theme-mode\", mode);\n    } else {\n      localStorage.removeItem(\"principlemd-theme-mode\");\n    }\n  }, [mode]);\n  const value = {\n    theme: activeTheme,\n    mode,\n    setMode\n  };\n  return /* @__PURE__ */ React.createElement(ThemeContextSingleton.Provider, {\n    value\n  }, children);\n};\nvar withTheme = (Component) => {\n  return (props) => {\n    const { theme: theme2 } = useTheme();\n    return /* @__PURE__ */ React.createElement(Component, {\n      ...props,\n      theme: theme2\n    });\n  };\n};\n// src/utils.ts\nvar getColor = (theme2, colorKey) => {\n  const colors = theme2.colors;\n  const value = colors[colorKey];\n  return typeof value === \"string\" ? value : colorKey;\n};\nvar getSpace = (theme2, index) => {\n  return theme2.space[index] || 0;\n};\nvar getFontSize = (theme2, index) => {\n  return theme2.fontSizes[index] || theme2.fontSizes[2];\n};\nvar getRadius = (theme2, index) => {\n  return theme2.radii[index] || 0;\n};\nvar getShadow = (theme2, index) => {\n  return theme2.shadows[index] || \"none\";\n};\nvar getZIndex = (theme2, index) => {\n  return theme2.zIndices[index] || 0;\n};\nvar responsive = (values) => {\n  return values.reduce((acc, value, index) => {\n    if (index === 0) {\n      return value;\n    }\n    return {\n      ...acc,\n      [`@media screen and (min-width: ${values[index - 1]})`]: value\n    };\n  }, {});\n};\nvar sx = (styles) => styles;\nvar createStyle = (theme2, styleObj) => {\n  const processValue = (value) => {\n    if (typeof value === \"string\") {\n      if (value in theme2.colors) {\n        return getColor(theme2, value);\n      }\n      return value;\n    }\n    if (typeof value === \"number\") {\n      return value;\n    }\n    if (Array.isArray(value)) {\n      return value.map(processValue);\n    }\n    if (typeof value === \"object\" && value !== null) {\n      const processed2 = {};\n      for (const [key, val] of Object.entries(value)) {\n        processed2[key] = processValue(val);\n      }\n      return processed2;\n    }\n    return value;\n  };\n  const processed = {};\n  for (const [key, val] of Object.entries(styleObj)) {\n    processed[key] = processValue(val);\n  }\n  return processed;\n};\nvar mergeThemes = (baseTheme, ...overrides) => {\n  return overrides.reduce((theme2, override) => ({\n    space: override.space || theme2.space,\n    fonts: { ...theme2.fonts, ...override.fonts || {} },\n    fontSizes: override.fontSizes || theme2.fontSizes,\n    fontWeights: { ...theme2.fontWeights, ...override.fontWeights || {} },\n    lineHeights: { ...theme2.lineHeights, ...override.lineHeights || {} },\n    breakpoints: override.breakpoints || theme2.breakpoints,\n    sizes: override.sizes || theme2.sizes,\n    radii: override.radii || theme2.radii,\n    shadows: override.shadows || theme2.shadows,\n    zIndices: override.zIndices || theme2.zIndices,\n    colors: {\n      ...theme2.colors,\n      ...override.colors || {}\n    },\n    buttons: { ...theme2.buttons, ...override.buttons || {} },\n    text: { ...theme2.text, ...override.text || {} },\n    cards: { ...theme2.cards, ...override.cards || {} }\n  }), baseTheme);\n};\n// src/ThemeShowcase.tsx\nimport React2 from \"react\";\nvar ThemeShowcase = ({\n  theme: theme2,\n  title,\n  showValues = true,\n  sections = [\"colors\", \"typography\", \"spacing\", \"shadows\", \"radii\"]\n}) => {\n  const containerStyle = {\n    fontFamily: theme2.fonts.body,\n    color: theme2.colors.text,\n    backgroundColor: theme2.colors.background,\n    padding: theme2.space[4],\n    minHeight: \"100vh\"\n  };\n  const sectionStyle = {\n    marginBottom: theme2.space[5],\n    padding: theme2.space[4],\n    backgroundColor: theme2.colors.surface || theme2.colors.backgroundSecondary,\n    borderRadius: theme2.radii[2],\n    border: `1px solid ${theme2.colors.border}`\n  };\n  const headingStyle = {\n    fontFamily: theme2.fonts.heading,\n    fontSize: theme2.fontSizes[5],\n    fontWeight: theme2.fontWeights.heading,\n    marginBottom: theme2.space[3],\n    color: theme2.colors.primary\n  };\n  const subheadingStyle = {\n    fontFamily: theme2.fonts.heading,\n    fontSize: theme2.fontSizes[3],\n    fontWeight: theme2.fontWeights.medium,\n    marginBottom: theme2.space[2],\n    marginTop: theme2.space[3],\n    color: theme2.colors.text\n  };\n  return /* @__PURE__ */ React2.createElement(\"div\", {\n    style: containerStyle\n  }, title && /* @__PURE__ */ React2.createElement(\"h1\", {\n    style: {\n      ...headingStyle,\n      fontSize: theme2.fontSizes[6],\n      marginBottom: theme2.space[4]\n    }\n  }, title), sections.includes(\"colors\") && /* @__PURE__ */ React2.createElement(\"div\", {\n    style: sectionStyle\n  }, /* @__PURE__ */ React2.createElement(\"h2\", {\n    style: headingStyle\n  }, \"Colors\"), /* @__PURE__ */ React2.createElement(\"h3\", {\n    style: subheadingStyle\n  }, \"Primary Colors\"), /* @__PURE__ */ React2.createElement(\"div\", {\n    style: {\n      display: \"grid\",\n      gridTemplateColumns: \"repeat(auto-fill, minmax(200px, 1fr))\",\n      gap: theme2.space[3],\n      marginBottom: theme2.space[3]\n    }\n  }, [\"text\", \"background\", \"primary\", \"secondary\", \"accent\", \"muted\"].map((key) => {\n    const color = theme2.colors[key];\n    if (!color)\n      return null;\n    return /* @__PURE__ */ React2.createElement(\"div\", {\n      key,\n      style: {\n        display: \"flex\",\n        alignItems: \"center\",\n        padding: theme2.space[2],\n        backgroundColor: theme2.colors.backgroundLight || theme2.colors.backgroundTertiary,\n        borderRadius: theme2.radii[1]\n      }\n    }, /* @__PURE__ */ React2.createElement(\"div\", {\n      style: {\n        width: 40,\n        height: 40,\n        backgroundColor: color,\n        border: `1px solid ${theme2.colors.border}`,\n        borderRadius: theme2.radii[1],\n        marginRight: theme2.space[2]\n      }\n    }), /* @__PURE__ */ React2.createElement(\"div\", null, /* @__PURE__ */ React2.createElement(\"div\", {\n      style: {\n        fontFamily: theme2.fonts.monospace,\n        fontSize: theme2.fontSizes[1],\n        fontWeight: theme2.fontWeights.medium\n      }\n    }, key), showValues && /* @__PURE__ */ React2.createElement(\"div\", {\n      style: {\n        fontFamily: theme2.fonts.monospace,\n        fontSize: theme2.fontSizes[0],\n        color: theme2.colors.textSecondary\n      }\n    }, color)));\n  })), /* @__PURE__ */ React2.createElement(\"h3\", {\n    style: subheadingStyle\n  }, \"Status Colors\"), /* @__PURE__ */ React2.createElement(\"div\", {\n    style: {\n      display: \"grid\",\n      gridTemplateColumns: \"repeat(auto-fill, minmax(200px, 1fr))\",\n      gap: theme2.space[3],\n      marginBottom: theme2.space[3]\n    }\n  }, [\"success\", \"warning\", \"error\", \"info\"].map((key) => {\n    const color = theme2.colors[key];\n    if (!color)\n      return null;\n    return /* @__PURE__ */ React2.createElement(\"div\", {\n      key,\n      style: {\n        display: \"flex\",\n        alignItems: \"center\",\n        padding: theme2.space[2],\n        backgroundColor: theme2.colors.backgroundLight || theme2.colors.backgroundTertiary,\n        borderRadius: theme2.radii[1]\n      }\n    }, /* @__PURE__ */ React2.createElement(\"div\", {\n      style: {\n        width: 40,\n        height: 40,\n        backgroundColor: color,\n        border: `1px solid ${theme2.colors.border}`,\n        borderRadius: theme2.radii[1],\n        marginRight: theme2.space[2]\n      }\n    }), /* @__PURE__ */ React2.createElement(\"div\", null, /* @__PURE__ */ React2.createElement(\"div\", {\n      style: {\n        fontFamily: theme2.fonts.monospace,\n        fontSize: theme2.fontSizes[1],\n        fontWeight: theme2.fontWeights.medium\n      }\n    }, key), showValues && /* @__PURE__ */ React2.createElement(\"div\", {\n      style: {\n        fontFamily: theme2.fonts.monospace,\n        fontSize: theme2.fontSizes[0],\n        color: theme2.colors.textSecondary\n      }\n    }, color)));\n  })), /* @__PURE__ */ React2.createElement(\"h3\", {\n    style: subheadingStyle\n  }, \"Background Colors\"), /* @__PURE__ */ React2.createElement(\"div\", {\n    style: {\n      display: \"grid\",\n      gridTemplateColumns: \"repeat(auto-fill, minmax(200px, 1fr))\",\n      gap: theme2.space[3]\n    }\n  }, [\"backgroundSecondary\", \"backgroundTertiary\", \"backgroundLight\", \"backgroundHover\", \"surface\"].map((key) => {\n    const color = theme2.colors[key];\n    if (!color)\n      return null;\n    return /* @__PURE__ */ React2.createElement(\"div\", {\n      key,\n      style: {\n        padding: theme2.space[3],\n        backgroundColor: color,\n        border: `1px solid ${theme2.colors.border}`,\n        borderRadius: theme2.radii[1]\n      }\n    }, /* @__PURE__ */ React2.createElement(\"div\", {\n      style: {\n        fontFamily: theme2.fonts.monospace,\n        fontSize: theme2.fontSizes[1],\n        fontWeight: theme2.fontWeights.medium\n      }\n    }, key), showValues && /* @__PURE__ */ React2.createElement(\"div\", {\n      style: {\n        fontFamily: theme2.fonts.monospace,\n        fontSize: theme2.fontSizes[0],\n        color: theme2.colors.textSecondary,\n        marginTop: theme2.space[1]\n      }\n    }, color));\n  }))), sections.includes(\"typography\") && /* @__PURE__ */ React2.createElement(\"div\", {\n    style: sectionStyle\n  }, /* @__PURE__ */ React2.createElement(\"h2\", {\n    style: headingStyle\n  }, \"Typography\"), /* @__PURE__ */ React2.createElement(\"h3\", {\n    style: subheadingStyle\n  }, \"Font Families\"), /* @__PURE__ */ React2.createElement(\"div\", {\n    style: { marginBottom: theme2.space[4] }\n  }, /* @__PURE__ */ React2.createElement(\"div\", {\n    style: {\n      fontFamily: theme2.fonts.heading,\n      fontSize: theme2.fontSizes[4],\n      marginBottom: theme2.space[2]\n    }\n  }, \"Heading Font: \", showValues && /* @__PURE__ */ React2.createElement(\"span\", {\n    style: {\n      fontFamily: theme2.fonts.monospace,\n      fontSize: theme2.fontSizes[1],\n      color: theme2.colors.textSecondary\n    }\n  }, \" \", theme2.fonts.heading)), /* @__PURE__ */ React2.createElement(\"div\", {\n    style: {\n      fontFamily: theme2.fonts.body,\n      fontSize: theme2.fontSizes[2],\n      marginBottom: theme2.space[2]\n    }\n  }, \"Body Font: \", showValues && /* @__PURE__ */ React2.createElement(\"span\", {\n    style: {\n      fontFamily: theme2.fonts.monospace,\n      fontSize: theme2.fontSizes[1],\n      color: theme2.colors.textSecondary\n    }\n  }, \" \", theme2.fonts.body)), /* @__PURE__ */ React2.createElement(\"div\", {\n    style: {\n      fontFamily: theme2.fonts.monospace,\n      fontSize: theme2.fontSizes[2]\n    }\n  }, \"Monospace Font: \", showValues && /* @__PURE__ */ React2.createElement(\"span\", {\n    style: {\n      fontSize: theme2.fontSizes[1],\n      color: theme2.colors.textSecondary\n    }\n  }, \" \", theme2.fonts.monospace))), /* @__PURE__ */ React2.createElement(\"h3\", {\n    style: subheadingStyle\n  }, \"Font Sizes\"), /* @__PURE__ */ React2.createElement(\"div\", {\n    style: { marginBottom: theme2.space[4] }\n  }, theme2.fontSizes.map((size, index) => /* @__PURE__ */ React2.createElement(\"div\", {\n    key: index,\n    style: {\n      fontSize: size,\n      lineHeight: theme2.lineHeights.body,\n      marginBottom: theme2.space[1]\n    }\n  }, \"Size \", index, \": Sample Text \", showValues && `(${size}px)`))), /* @__PURE__ */ React2.createElement(\"h3\", {\n    style: subheadingStyle\n  }, \"Font Weights\"), /* @__PURE__ */ React2.createElement(\"div\", {\n    style: {\n      display: \"grid\",\n      gridTemplateColumns: \"repeat(auto-fit, minmax(150px, 1fr))\",\n      gap: theme2.space[2]\n    }\n  }, Object.entries(theme2.fontWeights).map(([name, weight]) => /* @__PURE__ */ React2.createElement(\"div\", {\n    key: name,\n    style: {\n      fontWeight: weight,\n      fontSize: theme2.fontSizes[2]\n    }\n  }, name, \" \", showValues && `(${weight})`)))), sections.includes(\"spacing\") && /* @__PURE__ */ React2.createElement(\"div\", {\n    style: sectionStyle\n  }, /* @__PURE__ */ React2.createElement(\"h2\", {\n    style: headingStyle\n  }, \"Spacing\"), /* @__PURE__ */ React2.createElement(\"div\", {\n    style: { display: \"flex\", flexDirection: \"column\", gap: theme2.space[2] }\n  }, theme2.space.map((space, index) => /* @__PURE__ */ React2.createElement(\"div\", {\n    key: index,\n    style: { display: \"flex\", alignItems: \"center\" }\n  }, /* @__PURE__ */ React2.createElement(\"div\", {\n    style: {\n      width: 60,\n      fontFamily: theme2.fonts.monospace,\n      fontSize: theme2.fontSizes[1],\n      color: theme2.colors.textSecondary\n    }\n  }, \"[\", index, \"]\"), /* @__PURE__ */ React2.createElement(\"div\", {\n    style: {\n      height: 24,\n      width: space,\n      backgroundColor: theme2.colors.primary,\n      borderRadius: theme2.radii[1]\n    }\n  }), showValues && /* @__PURE__ */ React2.createElement(\"div\", {\n    style: {\n      marginLeft: theme2.space[2],\n      fontFamily: theme2.fonts.monospace,\n      fontSize: theme2.fontSizes[1],\n      color: theme2.colors.textSecondary\n    }\n  }, space, \"px\"))))), sections.includes(\"radii\") && /* @__PURE__ */ React2.createElement(\"div\", {\n    style: sectionStyle\n  }, /* @__PURE__ */ React2.createElement(\"h2\", {\n    style: headingStyle\n  }, \"Border Radii\"), /* @__PURE__ */ React2.createElement(\"div\", {\n    style: {\n      display: \"grid\",\n      gridTemplateColumns: \"repeat(auto-fill, minmax(100px, 1fr))\",\n      gap: theme2.space[3]\n    }\n  }, theme2.radii.map((radius, index) => /* @__PURE__ */ React2.createElement(\"div\", {\n    key: index,\n    style: { textAlign: \"center\" }\n  }, /* @__PURE__ */ React2.createElement(\"div\", {\n    style: {\n      width: 80,\n      height: 80,\n      backgroundColor: theme2.colors.primary,\n      borderRadius: radius,\n      marginBottom: theme2.space[1],\n      margin: \"0 auto\"\n    }\n  }), /* @__PURE__ */ React2.createElement(\"div\", {\n    style: {\n      fontFamily: theme2.fonts.monospace,\n      fontSize: theme2.fontSizes[0],\n      color: theme2.colors.textSecondary\n    }\n  }, \"[\", index, \"] \", showValues && `${radius}px`))))), sections.includes(\"shadows\") && /* @__PURE__ */ React2.createElement(\"div\", {\n    style: sectionStyle\n  }, /* @__PURE__ */ React2.createElement(\"h2\", {\n    style: headingStyle\n  }, \"Shadows\"), /* @__PURE__ */ React2.createElement(\"div\", {\n    style: {\n      display: \"grid\",\n      gridTemplateColumns: \"repeat(auto-fill, minmax(150px, 1fr))\",\n      gap: theme2.space[4]\n    }\n  }, theme2.shadows.map((shadow, index) => /* @__PURE__ */ React2.createElement(\"div\", {\n    key: index,\n    style: { textAlign: \"center\" }\n  }, /* @__PURE__ */ React2.createElement(\"div\", {\n    style: {\n      width: 100,\n      height: 100,\n      backgroundColor: theme2.colors.background,\n      boxShadow: shadow,\n      borderRadius: theme2.radii[2],\n      margin: \"0 auto\",\n      marginBottom: theme2.space[2],\n      border: `1px solid ${theme2.colors.border}`\n    }\n  }), /* @__PURE__ */ React2.createElement(\"div\", {\n    style: {\n      fontFamily: theme2.fonts.monospace,\n      fontSize: theme2.fontSizes[0],\n      color: theme2.colors.textSecondary\n    }\n  }, \"Shadow [\", index, \"]\"), showValues && /* @__PURE__ */ React2.createElement(\"div\", {\n    style: {\n      fontFamily: theme2.fonts.monospace,\n      fontSize: theme2.fontSizes[0],\n      color: theme2.colors.textMuted,\n      marginTop: theme2.space[1]\n    }\n  }, shadow === \"none\" ? \"none\" : \"...\"))))), theme2.modes && Object.keys(theme2.modes).length > 0 && /* @__PURE__ */ React2.createElement(\"div\", {\n    style: sectionStyle\n  }, /* @__PURE__ */ React2.createElement(\"h2\", {\n    style: headingStyle\n  }, \"Available Modes\"), /* @__PURE__ */ React2.createElement(\"div\", {\n    style: {\n      display: \"flex\",\n      gap: theme2.space[2],\n      flexWrap: \"wrap\"\n    }\n  }, /* @__PURE__ */ React2.createElement(\"div\", {\n    style: {\n      padding: `${theme2.space[2]}px ${theme2.space[3]}px`,\n      backgroundColor: theme2.colors.primary,\n      color: \"#ffffff\",\n      borderRadius: theme2.radii[2],\n      fontFamily: theme2.fonts.body,\n      fontSize: theme2.fontSizes[1]\n    }\n  }, \"default\"), Object.keys(theme2.modes).map((modeName) => /* @__PURE__ */ React2.createElement(\"div\", {\n    key: modeName,\n    style: {\n      padding: `${theme2.space[2]}px ${theme2.space[3]}px`,\n      backgroundColor: theme2.colors.secondary,\n      color: theme2.colors.text,\n      borderRadius: theme2.radii[2],\n      fontFamily: theme2.fonts.body,\n      fontSize: theme2.fontSizes[1]\n    }\n  }, modeName)))));\n};\n\n// src/index.ts\nvar theme = terminalTheme;\nfunction scaleThemeFonts(theme2, scale) {\n  const currentScale = theme2.fontScale || 1;\n  const effectiveScale = scale / currentScale;\n  return {\n    ...theme2,\n    fontSizes: theme2.fontSizes.map((size) => Math.round(size * effectiveScale)),\n    fontScale: scale\n  };\n}\nfunction increaseFontScale(theme2) {\n  const currentScale = theme2.fontScale || 1;\n  const newScale = Math.min(currentScale * 1.1, 2);\n  return scaleThemeFonts(theme2, newScale);\n}\nfunction decreaseFontScale(theme2) {\n  const currentScale = theme2.fontScale || 1;\n  const newScale = Math.max(currentScale * 0.9, 0.5);\n  return scaleThemeFonts(theme2, newScale);\n}\nfunction resetFontScale(theme2) {\n  return scaleThemeFonts(theme2, 1);\n}\nvar src_default = theme;\nexport {\n  withTheme,\n  useTheme,\n  theme,\n  terminalTheme,\n  sx,\n  slateTheme,\n  scaleThemeFonts,\n  responsive,\n  resetFontScale,\n  regalTheme,\n  overrideColors,\n  mergeThemes,\n  matrixTheme,\n  matrixMinimalTheme,\n  makeTheme,\n  increaseFontScale,\n  glassmorphismTheme,\n  getZIndex,\n  getSpace,\n  getShadow,\n  getRadius,\n  getMode,\n  getFontSize,\n  getColor,\n  defaultTerminalTheme,\n  defaultMarkdownTheme,\n  defaultEditorTheme,\n  src_default as default,\n  decreaseFontScale,\n  createStyle,\n  addMode,\n  ThemeShowcase,\n  ThemeProvider\n};\n","function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","import { type ClassValue, clsx } from \"clsx\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return clsx(inputs);\n}\n","import * as React from 'react';\nimport { cn } from '../lib/utils';\nimport type { Theme } from '@principal-ade/industry-theme';\nimport type { QualityMetrics } from '@principal-ai/codebase-composition';\n\nexport type { QualityMetrics };\nexport type QualityTier = 'none' | 'bronze' | 'silver' | 'gold' | 'platinum';\nexport type MetricKey = 'types' | 'documentation' | 'tests' | 'deadCode' | 'formatting' | 'linting';\n\nexport interface VertexHoverInfo {\n  key: MetricKey;\n  label: string;\n  value: number;\n  color: string;\n}\n\ninterface QualityHexagonProps {\n  metrics: QualityMetrics;\n  tier: QualityTier;\n  theme: Theme;\n  showLabels?: boolean;\n  showValues?: boolean;\n  className?: string;\n  onVertexHover?: (info: VertexHoverInfo) => void;\n  onVertexLeave?: () => void;\n  onVertexClick?: (info: VertexHoverInfo) => void;\n}\n\n// Helper to extract theme colors\nfunction getThemeColors(theme: Theme) {\n  return {\n    gridColor: theme.colors.border,\n    axisColor: theme.colors.muted,\n    textColor: theme.colors.text,\n    scoreColor: theme.colors.text,\n    tierColors: {\n      none: { fill: theme.colors.muted, stroke: theme.colors.border, bg: theme.colors.backgroundLight },\n      bronze: { fill: theme.colors.warning, stroke: theme.colors.warning, bg: theme.colors.backgroundLight },\n      silver: { fill: theme.colors.secondary, stroke: theme.colors.secondary, bg: theme.colors.backgroundLight },\n      gold: { fill: theme.colors.accent, stroke: theme.colors.accent, bg: theme.colors.backgroundLight },\n      platinum: { fill: theme.colors.primary, stroke: theme.colors.primary, bg: theme.colors.backgroundLight }\n    },\n    metricColors: {\n      types: theme.colors.warning,\n      documentation: theme.colors.info,\n      tests: theme.colors.success,\n      deadCode: theme.colors.error,\n      formatting: theme.colors.accent,\n      linting: theme.colors.primary\n    },\n    qualityIndicators: {\n      good: theme.colors.success,\n      medium: theme.colors.warning,\n      poor: theme.colors.error\n    }\n  };\n}\n\n// Metrics ordered clockwise from top-left\nconst getMetricConfig = (themeColors: ReturnType<typeof getThemeColors>) => [\n  { key: 'types', label: 'Types', color: themeColors.metricColors.types, angle: -120 },\n  { key: 'documentation', label: 'Docs', color: themeColors.metricColors.documentation, angle: -60 },\n  { key: 'tests', label: 'Tests', color: themeColors.metricColors.tests, angle: 0 },\n  { key: 'deadCode', label: 'Dead Code', color: themeColors.metricColors.deadCode, angle: 60 },\n  { key: 'formatting', label: 'Format', color: themeColors.metricColors.formatting, angle: 120 },\n  { key: 'linting', label: 'Linting', color: themeColors.metricColors.linting, angle: 180 }\n] as const;\n\nfunction calculateHexagonPoints(center: number, radius: number, metricConfig: ReturnType<typeof getMetricConfig>): string {\n  return metricConfig\n    .map(({ angle }) => {\n      const radian = (angle * Math.PI) / 180;\n      const x = center + radius * Math.cos(radian);\n      const y = center + radius * Math.sin(radian);\n      return `${x},${y}`;\n    })\n    .join(' ');\n}\n\nfunction calculateMetricPoint(\n  center: number,\n  radius: number,\n  angle: number,\n  value: number\n): { x: number; y: number } {\n  const actualRadius = (radius * value) / 100;\n  const radian = (angle * Math.PI) / 180;\n  return {\n    x: center + actualRadius * Math.cos(radian),\n    y: center + actualRadius * Math.sin(radian)\n  };\n}\n\nexport function QualityHexagon({\n  metrics,\n  tier,\n  theme,\n  showLabels = false,\n  showValues = false,\n  className,\n  onVertexHover,\n  onVertexLeave,\n  onVertexClick,\n}: QualityHexagonProps) {\n  const themeColors = getThemeColors(theme);\n  const colors = themeColors.tierColors[tier] ?? themeColors.tierColors.none;\n  const metricConfig = getMetricConfig(themeColors);\n  // Use fixed internal coordinates for viewBox\n  const viewBoxSize = 300;\n  const center = viewBoxSize / 2;\n  const radius = viewBoxSize * 0.28;\n  const padding = viewBoxSize * 0.1;\n  const fontSize = viewBoxSize * 0.04;\n  const strokeWidth = viewBoxSize * 0.008;\n  const dotSize = viewBoxSize * 0.015;\n\n  const hexagonPoints = calculateHexagonPoints(center, radius, metricConfig);\n\n  const dataPoints = metricConfig\n    .map(({ key, angle }) => {\n      let value = metrics[key as keyof QualityMetrics];\n      // Invert dead code metric (less is better)\n      if (key === 'deadCode') {\n        value = 100 - value;\n      }\n      return calculateMetricPoint(center, radius, angle, value);\n    })\n    .map(p => `${p.x},${p.y}`)\n    .join(' ');\n\n  // Calculate average with inverted dead code\n  const metricsForAverage = { ...metrics };\n  metricsForAverage.deadCode = 100 - metricsForAverage.deadCode;\n  const averageScore = Math.round(\n    Object.values(metricsForAverage).reduce((a, b) => a + b, 0) / 6\n  );\n\n  const hexagon = (\n    <svg\n      viewBox={`0 0 ${viewBoxSize} ${viewBoxSize}`}\n      className={cn('w-full h-full transition-all duration-300', className)}\n      preserveAspectRatio=\"xMidYMid meet\"\n    >\n      {/* Grid lines */}\n      <g className=\"opacity-20\">\n        {[20, 40, 60, 80, 100].map((percent) => (\n          <polygon\n            key={percent}\n            points={calculateHexagonPoints(center, (radius * percent) / 100, metricConfig)}\n            fill=\"none\"\n            stroke={themeColors.gridColor}\n            strokeWidth={0.5}\n            style={{ opacity: 0.4 }}\n          />\n        ))}\n      </g>\n\n      {/* Axes */}\n      {metricConfig.map(({ angle }) => {\n        const endPoint = calculateMetricPoint(center, radius, angle, 100);\n        return (\n          <line\n            key={angle}\n            x1={center}\n            y1={center}\n            x2={endPoint.x}\n            y2={endPoint.y}\n            stroke={themeColors.axisColor}\n            strokeWidth={0.5}\n            style={{ opacity: 0.5 }}\n          />\n        );\n      })}\n\n      {/* Outer hexagon */}\n      <polygon\n        points={hexagonPoints}\n        fill=\"none\"\n        stroke={colors.stroke}\n        strokeWidth={strokeWidth}\n        style={{ opacity: 0.3 }}\n      />\n\n      {/* Data polygon */}\n      <polygon\n        points={dataPoints}\n        fill={colors.fill}\n        fillOpacity={0.3}\n        stroke={colors.stroke}\n        strokeWidth={strokeWidth}\n        style={{ transition: 'all 0.5s ease' }}\n      />\n\n      {/* Vertex dots */}\n      {metricConfig.map(({ key, label, color, angle }) => {\n        const rawValue = metrics[key as keyof QualityMetrics];\n        let value = rawValue;\n        // Invert dead code metric for display\n        if (key === 'deadCode') {\n          value = 100 - value;\n        }\n        const point = calculateMetricPoint(center, radius, angle, 100);\n        const dataPoint = calculateMetricPoint(center, radius, angle, value);\n\n        const vertexInfo: VertexHoverInfo = {\n          key: key as MetricKey,\n          label,\n          value: rawValue,\n          color,\n        };\n\n        const handleMouseEnter = () => {\n          onVertexHover?.(vertexInfo);\n        };\n\n        const handleClick = (e: React.MouseEvent) => {\n          e.stopPropagation();\n          onVertexClick?.(vertexInfo);\n        };\n\n        return (\n          <g\n            key={key}\n            onMouseEnter={handleMouseEnter}\n            onMouseLeave={onVertexLeave}\n            onClick={handleClick}\n            style={{ cursor: (onVertexHover || onVertexClick) ? 'pointer' : 'default' }}\n          >\n            {/* Larger invisible hit area for easier hovering */}\n            <circle\n              cx={point.x}\n              cy={point.y}\n              r={dotSize * 2.5}\n              fill=\"transparent\"\n            />\n            {/* Outer vertex marker */}\n            <circle\n              cx={point.x}\n              cy={point.y}\n              r={dotSize}\n              fill=\"white\"\n              stroke={colors.stroke}\n              strokeWidth={1.5}\n            />\n            {/* Value indicator */}\n            <circle\n              cx={dataPoint.x}\n              cy={dataPoint.y}\n              r={dotSize * 0.7}\n              fill={colors.fill}\n              stroke={colors.stroke}\n              strokeWidth={1}\n              style={{ opacity: 0.9 }}\n            />\n          </g>\n        );\n      })}\n\n      {/* Center score */}\n      <text\n        x={center}\n        y={center}\n        textAnchor=\"middle\"\n        dominantBaseline=\"middle\"\n        fill={themeColors.scoreColor}\n        fontSize={fontSize * 1.5}\n        fontWeight=\"600\"\n      >\n        {averageScore}\n      </text>\n      <text\n        x={center}\n        y={center + fontSize}\n        textAnchor=\"middle\"\n        dominantBaseline=\"middle\"\n        fill={themeColors.textColor}\n        fontSize={fontSize * 0.8}\n        style={{ opacity: 0.6 }}\n      >\n        avg\n      </text>\n\n      {/* Labels */}\n      {showLabels && (\n        <>\n          {metricConfig.map(({ key, label, angle }) => {\n            const labelRadius = radius + padding * 1.2;\n            const point = calculateMetricPoint(center, labelRadius, angle, 100);\n            const value = metrics[key as keyof QualityMetrics];\n\n            return (\n              <text\n                key={key}\n                x={point.x}\n                y={point.y}\n                textAnchor=\"middle\"\n                dominantBaseline=\"middle\"\n                fill={themeColors.textColor}\n                fontSize={fontSize}\n              >\n                {showValues ? `${value}%` : label}\n              </text>\n            );\n          })}\n        </>\n      )}\n    </svg>\n  );\n\n  // For non-interactive mode or when tooltips are not available, just return the hexagon\n  return hexagon;\n}\n\nexport function QualityHexagonCompact({\n  metrics,\n  tier,\n  theme,\n  className\n}: Pick<QualityHexagonProps, 'metrics' | 'tier' | 'theme' | 'className'>) {\n  return (\n    <div className={cn('w-20 h-20', className)}>\n      <QualityHexagon\n        metrics={metrics}\n        tier={tier}\n        theme={theme}\n        showLabels={false}\n        showValues={false}\n      />\n    </div>\n  );\n}\n\ninterface QualityHexagonDetailedProps extends Pick<QualityHexagonProps, 'metrics' | 'tier' | 'theme' | 'className'> {\n  packageName?: string;\n  packageVersion?: string;\n  onRefresh?: () => void;\n  isRefreshing?: boolean;\n}\n\nexport function QualityHexagonDetailed({\n  metrics,\n  tier,\n  theme,\n  className,\n  packageName,\n  packageVersion,\n  onRefresh,\n  isRefreshing = false,\n}: QualityHexagonDetailedProps) {\n  const themeColors = getThemeColors(theme);\n  const colors = themeColors.tierColors[tier] ?? themeColors.tierColors.none;\n  const metricConfig = getMetricConfig(themeColors);\n\n  const hasHeader = packageName || onRefresh;\n\n  return (\n    <div\n      className={cn(className)}\n      style={{\n        display: 'flex',\n        flexDirection: 'column',\n        gap: 12,\n        padding: 16,\n        borderRadius: 8,\n        backgroundColor: colors.bg,\n      }}\n    >\n      {hasHeader && (\n        <div style={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n          gap: 12,\n        }}>\n          {packageName ? (\n            <div style={{ display: 'flex', flexDirection: 'column', gap: 2 }}>\n              {packageName.startsWith('@') && packageName.includes('/') ? (\n                <>\n                  <span style={{\n                    fontSize: 12,\n                    color: theme.colors.textMuted,\n                  }}>\n                    {packageName.split('/')[0]}\n                  </span>\n                  <span style={{\n                    fontSize: 14,\n                    fontWeight: 500,\n                    color: colors.stroke,\n                  }}>\n                    {packageName.split('/')[1]}\n                  </span>\n                </>\n              ) : (\n                <span style={{\n                  fontSize: 14,\n                  fontWeight: 500,\n                  color: colors.stroke,\n                }}>\n                  {packageName}\n                </span>\n              )}\n              {packageVersion && (\n                <span style={{\n                  fontSize: 12,\n                  color: theme.colors.textMuted,\n                }}>\n                  v{packageVersion}\n                </span>\n              )}\n            </div>\n          ) : <span />}\n          {onRefresh && (\n            <button\n              onClick={onRefresh}\n              disabled={isRefreshing}\n              style={{\n                padding: 6,\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n                border: `1px solid ${theme.colors.border}`,\n                borderRadius: 4,\n                background: theme.colors.surface,\n                color: theme.colors.textMuted,\n                cursor: isRefreshing ? 'not-allowed' : 'pointer',\n                opacity: isRefreshing ? 0.6 : 1,\n              }}\n              title=\"Refresh\"\n            >\n              <svg\n                width=\"14\"\n                height=\"14\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                style={{\n                  animation: isRefreshing ? 'spin 1s linear infinite' : 'none',\n                }}\n              >\n                <path d=\"M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\" />\n                <path d=\"M3 3v5h5\" />\n                <path d=\"M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16\" />\n                <path d=\"M16 16h5v5\" />\n              </svg>\n            </button>\n          )}\n        </div>\n      )}\n\n      <div style={{\n        display: 'flex',\n        flexWrap: 'wrap',\n        alignItems: 'center',\n        justifyContent: 'center',\n        gap: 24,\n      }}>\n        <div style={{ flex: '1 1 200px', maxWidth: 300, aspectRatio: '1 / 1' }}>\n          <QualityHexagon\n            metrics={metrics}\n            tier={tier}\n            theme={theme}\n            showLabels={true}\n            showValues={false}\n          />\n        </div>\n\n        <div style={{ flex: '1 1 200px', minWidth: 200, display: 'flex', flexDirection: 'column', gap: 8, padding: '8px 24px' }}>\n          {metricConfig.map(({ key, label, color }) => {\n            const value = metrics[key as keyof QualityMetrics];\n            const displayValue = value;\n\n            return (\n              <div key={key} style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 12 }}>\n                <span style={{\n                  fontSize: 14,\n                  color: theme.colors.textMuted,\n                }}>\n                  {label}{key === 'deadCode' ? ' ↓' : ''}\n                </span>\n                <span style={{\n                  fontSize: 14,\n                  fontWeight: 500,\n                  color: color,\n                }}>\n                  {displayValue}%\n                </span>\n              </div>\n            );\n          })}\n        </div>\n      </div>\n    </div>\n  );\n}\n\ninterface QualityHexagonExpandableProps extends Pick<QualityHexagonProps, 'metrics' | 'tier' | 'theme' | 'className'> {\n  packageName?: string;\n  packageVersion?: string;\n  packagePath?: string;\n  onRefresh?: () => void;\n  isRefreshing?: boolean;\n  defaultExpanded?: boolean;\n  /** Callback when the hexagon is expanded/collapsed */\n  onExpandChange?: (expanded: boolean, info: { packageName?: string; packagePath?: string }) => void;\n}\n\nexport function QualityHexagonExpandable({\n  metrics,\n  tier,\n  theme,\n  className,\n  packageName,\n  packageVersion,\n  packagePath,\n  onRefresh,\n  isRefreshing = false,\n  defaultExpanded = false,\n  onExpandChange,\n}: QualityHexagonExpandableProps) {\n  const [expanded, setExpanded] = React.useState(defaultExpanded);\n\n  const handleToggleExpand = React.useCallback(() => {\n    const newExpanded = !expanded;\n    setExpanded(newExpanded);\n    onExpandChange?.(newExpanded, { packageName, packagePath });\n  }, [expanded, onExpandChange, packageName, packagePath]);\n  const themeColors = getThemeColors(theme);\n  const colors = themeColors.tierColors[tier] ?? themeColors.tierColors.none;\n  const metricConfig = getMetricConfig(themeColors);\n\n  const hasHeader = packageName || onRefresh;\n\n  return (\n    <div\n      className={cn(className)}\n      style={{\n        display: 'flex',\n        flexDirection: 'column',\n        gap: 12,\n        padding: 16,\n        borderRadius: 8,\n        backgroundColor: colors.bg,\n        flex: '1 1 200px',\n      }}\n    >\n      {hasHeader && (\n        <div style={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n          gap: 12,\n        }}>\n          {packageName ? (\n            <div style={{ display: 'flex', flexDirection: 'column', gap: 2 }}>\n              {packageName.startsWith('@') && packageName.includes('/') ? (\n                <>\n                  <span style={{\n                    fontSize: 12,\n                    color: theme.colors.textMuted,\n                  }}>\n                    {packageName.split('/')[0]}\n                  </span>\n                  <span style={{\n                    fontSize: 14,\n                    fontWeight: 500,\n                    color: colors.stroke,\n                  }}>\n                    {packageName.split('/')[1]}\n                  </span>\n                </>\n              ) : (\n                <span style={{\n                  fontSize: 14,\n                  fontWeight: 500,\n                  color: colors.stroke,\n                }}>\n                  {packageName}\n                </span>\n              )}\n              {packageVersion && (\n                <span style={{\n                  fontSize: 12,\n                  color: theme.colors.textMuted,\n                }}>\n                  v{packageVersion}\n                </span>\n              )}\n            </div>\n          ) : <span />}\n          {onRefresh && (\n            <button\n              onClick={onRefresh}\n              disabled={isRefreshing}\n              style={{\n                padding: 6,\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n                border: `1px solid ${theme.colors.border}`,\n                borderRadius: 4,\n                background: theme.colors.surface,\n                color: theme.colors.textMuted,\n                cursor: isRefreshing ? 'not-allowed' : 'pointer',\n                opacity: isRefreshing ? 0.6 : 1,\n              }}\n              title=\"Refresh\"\n            >\n              <svg\n                width=\"14\"\n                height=\"14\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                style={{\n                  animation: isRefreshing ? 'spin 1s linear infinite' : 'none',\n                }}\n              >\n                <path d=\"M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\" />\n                <path d=\"M3 3v5h5\" />\n                <path d=\"M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16\" />\n                <path d=\"M16 16h5v5\" />\n              </svg>\n            </button>\n          )}\n        </div>\n      )}\n\n      {/* Clickable hexagon */}\n      <div\n        onClick={handleToggleExpand}\n        style={{\n          cursor: 'pointer',\n          display: 'flex',\n          justifyContent: 'center',\n          alignItems: 'center',\n        }}\n      >\n        <div style={{ width: 200, height: 200 }}>\n          <QualityHexagon\n            metrics={metrics}\n            tier={tier}\n            theme={theme}\n            showLabels={true}\n            showValues={false}\n          />\n        </div>\n      </div>\n\n      {/* Expandable metrics breakdown */}\n      <div\n        style={{\n          display: 'grid',\n          gridTemplateRows: expanded ? '1fr' : '0fr',\n          transition: 'grid-template-rows 0.3s ease',\n        }}\n      >\n        <div style={{ overflow: 'hidden' }}>\n          <div style={{\n            display: 'flex',\n            flexDirection: 'column',\n            gap: 8,\n            padding: '8px 24px',\n            borderTop: `1px solid ${theme.colors.border}`,\n            marginTop: 8,\n          }}>\n            {metricConfig.map(({ key, label, color }) => {\n              const value = metrics[key as keyof QualityMetrics];\n\n              return (\n                <div\n                  key={key}\n                  style={{\n                    display: 'flex',\n                    alignItems: 'center',\n                    justifyContent: 'space-between',\n                    gap: 12,\n                  }}\n                >\n                  <span style={{\n                    fontSize: 14,\n                    color: theme.colors.textMuted,\n                  }}>\n                    {label}{key === 'deadCode' ? ' ↓' : ''}\n                  </span>\n                  <span style={{\n                    fontSize: 14,\n                    fontWeight: 500,\n                    color: color,\n                  }}>\n                    {value}%\n                  </span>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n      </div>\n\n      {/* Expand/collapse indicator */}\n      <div\n        onClick={handleToggleExpand}\n        style={{\n          display: 'flex',\n          justifyContent: 'center',\n          cursor: 'pointer',\n          padding: 4,\n        }}\n      >\n        <svg\n          width=\"16\"\n          height=\"16\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke={theme.colors.textMuted}\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          style={{\n            transform: expanded ? 'rotate(180deg)' : 'rotate(0deg)',\n            transition: 'transform 0.3s ease',\n          }}\n        >\n          <path d=\"m6 9 6 6 6-6\" />\n        </svg>\n      </div>\n    </div>\n  );\n}\n\n/**\n * Calculate the quality tier based on metrics\n */\nexport function calculateQualityTier(metrics: QualityMetrics): QualityTier {\n  // Invert dead code for calculation (less is better)\n  const metricsForAverage = { ...metrics };\n  metricsForAverage.deadCode = 100 - metricsForAverage.deadCode;\n\n  const average = Object.values(metricsForAverage).reduce((a, b) => a + b, 0) / 6;\n\n  if (average >= 90) return 'platinum';\n  if (average >= 75) return 'gold';\n  if (average >= 60) return 'silver';\n  if (average >= 40) return 'bronze';\n  return 'none';\n}\n","import React from 'react';\nimport { Terminal, Copy, Check, ChevronRight, Zap, GitBranch, Info } from 'lucide-react';\nimport type { Theme } from '@principal-ade/industry-theme';\n\ninterface QualityEmptyStateProps {\n  theme: Theme;\n  hasWorkflow: boolean;\n}\n\nconst WORKFLOW_FILE_PATH = '.github/workflows/quality-lens.yml';\n\n/**\n * Check if a file path exists in a FileTree's allFiles array\n */\nexport function checkFileExistsInTree(\n  treeData: { allFiles?: Array<{ relativePath?: string; path?: string }> } | undefined,\n  targetPath: string\n): boolean {\n  if (!treeData?.allFiles) return false;\n\n  const normalizedTarget = targetPath.replace(/^\\//, '').toLowerCase();\n\n  return treeData.allFiles.some((file) => {\n    const filePath = (file.relativePath || file.path || '').toLowerCase();\n    return filePath.endsWith(normalizedTarget) || filePath === normalizedTarget;\n  });\n}\n\n/**\n * Copyable command line component\n */\nconst CommandLine: React.FC<{\n  command: string;\n  theme: Theme;\n  label?: string;\n}> = ({ command, theme, label }) => {\n  const [copied, setCopied] = React.useState(false);\n\n  const handleCopy = async () => {\n    try {\n      await navigator.clipboard.writeText(command);\n      setCopied(true);\n      setTimeout(() => setCopied(false), 2000);\n    } catch {\n      console.log('Copy:', command);\n    }\n  };\n\n  return (\n    <div style={{ display: 'flex', flexDirection: 'column', gap: 4 }}>\n      {label && (\n        <span style={{ fontSize: 12, color: theme.colors.textMuted }}>{label}</span>\n      )}\n      <div\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n          gap: 12,\n          padding: '10px 14px',\n          borderRadius: 6,\n          backgroundColor: theme.colors.background,\n          border: `1px solid ${theme.colors.border}`,\n          fontFamily: 'monospace',\n          fontSize: 13,\n        }}\n      >\n        <code style={{ color: theme.colors.text }}>{command}</code>\n        <button\n          onClick={handleCopy}\n          style={{\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            padding: 4,\n            border: 'none',\n            backgroundColor: 'transparent',\n            color: theme.colors.textMuted,\n            cursor: 'pointer',\n          }}\n          title=\"Copy command\"\n        >\n          {copied ? (\n            <Check size={16} color={theme.colors.success} />\n          ) : (\n            <Copy size={16} />\n          )}\n        </button>\n      </div>\n    </div>\n  );\n};\n\n/**\n * Mini hexagon preview showing what metrics are tracked\n */\nconst MetricsPreview: React.FC<{ theme: Theme }> = ({ theme }) => {\n  const metrics = [\n    { key: 'tests', label: 'Tests', description: 'Test coverage & pass rate', icon: '🧪' },\n    { key: 'linting', label: 'Linting', description: 'ESLint code quality', icon: '📝' },\n    { key: 'types', label: 'Types', description: 'TypeScript type safety', icon: '🔷' },\n    { key: 'formatting', label: 'Formatting', description: 'Prettier code style', icon: '✨' },\n    { key: 'deadCode', label: 'Dead Code', description: 'Unused exports & deps', icon: '🧹' },\n    { key: 'documentation', label: 'Docs', description: 'Code documentation', icon: '📚' },\n  ];\n\n  return (\n    <div\n      style={{\n        display: 'grid',\n        gridTemplateColumns: 'repeat(2, 1fr)',\n        gap: 8,\n        padding: 12,\n        borderRadius: 8,\n        backgroundColor: theme.colors.surface,\n        border: `1px solid ${theme.colors.border}`,\n      }}\n    >\n      {metrics.map((m) => (\n        <div\n          key={m.key}\n          style={{\n            display: 'flex',\n            alignItems: 'center',\n            gap: 8,\n            padding: '6px 8px',\n            borderRadius: 4,\n            fontSize: 12,\n          }}\n        >\n          <span style={{ fontSize: 14 }}>{m.icon}</span>\n          <div style={{ display: 'flex', flexDirection: 'column' }}>\n            <span style={{ fontWeight: 500, color: theme.colors.text }}>{m.label}</span>\n            <span style={{ fontSize: 11, color: theme.colors.textMuted }}>{m.description}</span>\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n};\n\n/**\n * Empty state component for when no quality data is available\n */\nexport const QualityEmptyState: React.FC<QualityEmptyStateProps> = ({\n  theme,\n  hasWorkflow,\n}) => {\n  const [showAdvanced, setShowAdvanced] = React.useState(false);\n\n  if (hasWorkflow) {\n    // Workflow exists but no data yet\n    return (\n      <div\n        style={{\n          display: 'flex',\n          flexDirection: 'column',\n          padding: '16px 0',\n          gap: 16,\n          width: '100%',\n        }}\n      >\n        <div\n          style={{\n            display: 'flex',\n            alignItems: 'center',\n            gap: 8,\n            padding: '10px 14px',\n            borderRadius: 6,\n            backgroundColor: `${theme.colors.success}15`,\n            color: theme.colors.success,\n            fontSize: 13,\n          }}\n        >\n          <Check size={16} />\n          <span>Workflow detected at {WORKFLOW_FILE_PATH}</span>\n        </div>\n\n        <p\n          style={{\n            margin: 0,\n            fontSize: 14,\n            color: theme.colors.textMuted,\n            lineHeight: 1.5,\n          }}\n        >\n          Quality metrics will appear here after your workflow runs. Push a commit to trigger it, or check the Actions tab for status.\n        </p>\n\n        <MetricsPreview theme={theme} />\n\n        <div\n          style={{\n            display: 'flex',\n            alignItems: 'flex-start',\n            gap: 8,\n            padding: '10px 14px',\n            borderRadius: 6,\n            backgroundColor: `${theme.colors.warning}10`,\n            fontSize: 12,\n            color: theme.colors.textMuted,\n          }}\n        >\n          <Info size={14} style={{ flexShrink: 0, marginTop: 2 }} color={theme.colors.warning} />\n          <div>\n            <strong style={{ color: theme.colors.text }}>Using private npm packages?</strong>\n            <br />\n            Add <code style={{ backgroundColor: theme.colors.background, padding: '1px 4px', borderRadius: 3 }}>NPM_TOKEN</code> to your repository secrets and ensure the workflow has access to it.\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  // No workflow - show setup instructions\n  return (\n    <div\n      style={{\n        display: 'flex',\n        flexDirection: 'column',\n        padding: '16px 0',\n        gap: 16,\n        width: '100%',\n      }}\n    >\n      {/* What you'll get */}\n      <div>\n        <h4\n          style={{\n            margin: '0 0 12px 0',\n            fontSize: 14,\n            fontWeight: 600,\n            color: theme.colors.text,\n          }}\n        >\n          Track 6 quality dimensions\n        </h4>\n        <MetricsPreview theme={theme} />\n      </div>\n\n      {/* Quick Start */}\n      <div\n        style={{\n          display: 'flex',\n          flexDirection: 'column',\n          gap: 12,\n          padding: 16,\n          borderRadius: 8,\n          backgroundColor: theme.colors.surface,\n          border: `1px solid ${theme.colors.border}`,\n        }}\n      >\n        <div\n          style={{\n            display: 'flex',\n            alignItems: 'center',\n            gap: 8,\n          }}\n        >\n          <Zap size={18} color={theme.colors.primary} />\n          <h4\n            style={{\n              margin: 0,\n              fontSize: 14,\n              fontWeight: 600,\n              color: theme.colors.text,\n            }}\n          >\n            Quick Start\n          </h4>\n        </div>\n\n        <p\n          style={{\n            margin: 0,\n            fontSize: 13,\n            color: theme.colors.textMuted,\n            lineHeight: 1.5,\n          }}\n        >\n          Run this in your project directory to set up automated quality tracking:\n        </p>\n\n        <CommandLine\n          command=\"npx @principal-ai/quality-lens-cli init\"\n          theme={theme}\n        />\n\n        <div\n          style={{\n            display: 'flex',\n            alignItems: 'center',\n            gap: 6,\n            fontSize: 12,\n            color: theme.colors.textMuted,\n          }}\n        >\n          <GitBranch size={14} />\n          <span>Then commit and push to start tracking</span>\n        </div>\n      </div>\n\n      {/* Advanced Options Toggle */}\n      <button\n        onClick={() => setShowAdvanced(!showAdvanced)}\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          gap: 6,\n          padding: 0,\n          border: 'none',\n          backgroundColor: 'transparent',\n          color: theme.colors.textMuted,\n          fontSize: 13,\n          cursor: 'pointer',\n        }}\n      >\n        <ChevronRight\n          size={14}\n          style={{\n            transform: showAdvanced ? 'rotate(90deg)' : 'none',\n            transition: 'transform 0.2s',\n          }}\n        />\n        <span>{showAdvanced ? 'Hide' : 'Show'} additional options</span>\n      </button>\n\n      {/* Advanced Options */}\n      {showAdvanced && (\n        <div\n          style={{\n            display: 'flex',\n            flexDirection: 'column',\n            gap: 16,\n            padding: 16,\n            borderRadius: 8,\n            backgroundColor: theme.colors.surface,\n            border: `1px solid ${theme.colors.border}`,\n          }}\n        >\n          <div\n            style={{\n              display: 'flex',\n              alignItems: 'center',\n              gap: 8,\n            }}\n          >\n            <Terminal size={18} color={theme.colors.text} />\n            <h4\n              style={{\n                margin: 0,\n                fontSize: 14,\n                fontWeight: 600,\n                color: theme.colors.text,\n              }}\n            >\n              CLI Commands\n            </h4>\n          </div>\n\n          <CommandLine\n            command=\"npx @principal-ai/quality-lens-cli list\"\n            theme={theme}\n            label=\"See available quality tools in your project\"\n          />\n\n          <CommandLine\n            command=\"npx @principal-ai/quality-lens-cli run . --install\"\n            theme={theme}\n            label=\"Run quality checks locally (auto-installs missing tools)\"\n          />\n\n          <CommandLine\n            command=\"npm install -g @principal-ai/quality-lens-cli\"\n            theme={theme}\n            label=\"Install globally for faster repeated use\"\n          />\n\n          <div\n            style={{\n              display: 'flex',\n              alignItems: 'flex-start',\n              gap: 8,\n              padding: '10px 14px',\n              borderRadius: 6,\n              backgroundColor: `${theme.colors.warning}10`,\n              fontSize: 12,\n              color: theme.colors.textMuted,\n            }}\n          >\n            <Info size={14} style={{ flexShrink: 0, marginTop: 2 }} color={theme.colors.warning} />\n            <div>\n              <strong style={{ color: theme.colors.text }}>Private npm packages?</strong>\n              <br />\n              If your project uses private @org packages, add <code style={{ backgroundColor: theme.colors.background, padding: '1px 4px', borderRadius: 3 }}>NPM_TOKEN</code> to your GitHub repository secrets under Settings → Secrets → Actions, and set the workflow environment if needed.\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport { WORKFLOW_FILE_PATH };\n","import React from 'react';\nimport { Hexagon } from 'lucide-react';\nimport { useTheme } from '@principal-ade/industry-theme';\nimport type { PanelComponentProps } from '../types';\nimport type { QualityMetrics } from '@principal-ai/codebase-composition';\nimport {\n  QualityHexagonExpandable,\n  QualityTier,\n  calculateQualityTier,\n} from '../components/QualityHexagon';\nimport {\n  QualityEmptyState,\n  checkFileExistsInTree,\n  WORKFLOW_FILE_PATH,\n} from '../components/QualityEmptyState';\n\n// Mock package data - in real usage, this would come from a quality slice\nconst mockPackages: Array<{\n  name: string;\n  version?: string;\n  metrics: QualityMetrics;\n}> = [\n  {\n    name: '@principal-ade/code-quality-panels',\n    version: '0.1.0',\n    metrics: {\n      tests: 75,\n      deadCode: 15,\n      linting: 85,\n      formatting: 90,\n      types: 88,\n      documentation: 65,\n    },\n  },\n];\n\n// Package quality data shape from slice\ninterface PackageQuality {\n  name: string;\n  path?: string;\n  version?: string;\n  metrics: QualityMetrics;\n}\n\n// Slice data shape\ninterface QualitySliceData {\n  packages: PackageQuality[];\n  lastUpdated: string;\n}\n\n// Metric options for the dropdown\ntype MetricKey = 'types' | 'documentation' | 'tests' | 'deadCode' | 'formatting' | 'linting';\n\nconst METRIC_OPTIONS: Array<{ key: MetricKey; label: string; colorMode: string }> = [\n  { key: 'types', label: 'Types', colorMode: 'typescript' },\n  { key: 'documentation', label: 'Docs', colorMode: 'alexandria' },\n  { key: 'tests', label: 'Tests', colorMode: 'coverage' },\n  { key: 'deadCode', label: 'Dead Code', colorMode: 'knip' },\n  { key: 'formatting', label: 'Format', colorMode: 'prettier' },\n  { key: 'linting', label: 'Linting', colorMode: 'eslint' },\n];\n\n/**\n * QualityHexagonPanelContent - Internal component that uses theme\n */\nconst QualityHexagonPanelContent: React.FC<PanelComponentProps> = ({\n  context,\n  events,\n}) => {\n  const { theme } = useTheme();\n  const [refreshingPackages, setRefreshingPackages] = React.useState<Set<string>>(new Set());\n  const [selectedMetric, setSelectedMetric] = React.useState<MetricKey | null>(null);\n\n  // Get quality data from context if available\n  const qualitySlice = context.getSlice<QualitySliceData>('quality');\n  const hasQualitySlice = context.hasSlice('quality');\n  const isLoading = qualitySlice?.loading ?? false;\n\n  // Get file tree to check for workflow presence\n  const fileTreeSlice = context.getSlice<{ allFiles?: Array<{ relativePath?: string; path?: string }> }>('fileTree');\n  const hasWorkflow = React.useMemo(() => {\n    return checkFileExistsInTree(fileTreeSlice?.data ?? undefined, WORKFLOW_FILE_PATH);\n  }, [fileTreeSlice?.data]);\n\n  // Determine packages to display\n  // - If slice exists and has data, use it\n  // - If slice exists but is loading/empty, show empty\n  // - If no slice at all, use mock data for demo\n  const packages: PackageQuality[] = React.useMemo(() => {\n    if (qualitySlice?.data?.packages) {\n      return qualitySlice.data.packages;\n    }\n    if (hasQualitySlice) {\n      // Slice exists but no data yet (loading or empty)\n      return [];\n    }\n    // No slice - use mock for demo\n    return mockPackages;\n  }, [qualitySlice?.data?.packages, hasQualitySlice]);\n\n  // Handle refresh for a specific package\n  const handleRefreshPackage = async (packageName: string) => {\n    setRefreshingPackages(prev => new Set(prev).add(packageName));\n    try {\n      if (context.hasSlice('quality')) {\n        // In future, this could refresh just one package\n        await context.refresh('repository', 'quality');\n      }\n    } finally {\n      setRefreshingPackages(prev => {\n        const next = new Set(prev);\n        next.delete(packageName);\n        return next;\n      });\n    }\n  };\n\n  // Handle refresh all\n  const handleRefreshAll = async () => {\n    const allNames = packages.map(p => p.name);\n    setRefreshingPackages(new Set(allNames));\n    try {\n      if (context.hasSlice('quality')) {\n        await context.refresh('repository', 'quality');\n      }\n    } finally {\n      setRefreshingPackages(new Set());\n    }\n  };\n\n  // Handle metric selection change\n  const handleMetricChange = (metric: MetricKey | null) => {\n    setSelectedMetric(metric);\n\n    if (metric) {\n      const option = METRIC_OPTIONS.find(o => o.key === metric);\n      if (option) {\n        // Emit colorMode event for File City\n        events.emit({\n          type: 'quality:colorMode:select',\n          source: 'principal-ade.quality-hexagon-panel',\n          timestamp: Date.now(),\n          payload: {\n            colorMode: option.colorMode,\n          },\n        });\n      }\n    } else {\n      // Clear selection - reset to fileTypes\n      events.emit({\n        type: 'quality:colorMode:select',\n        source: 'principal-ade.quality-hexagon-panel',\n        timestamp: Date.now(),\n        payload: {\n          colorMode: 'fileTypes',\n        },\n      });\n    }\n  };\n\n  // Subscribe to events\n  React.useEffect(() => {\n    const unsubscribers = [\n      events.on('principal-ade.quality-panel:refresh', async () => {\n        await handleRefreshAll();\n      }),\n    ];\n\n    return () => unsubscribers.forEach((unsub) => unsub());\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [events, context, packages]);\n\n  // Tier colors for display\n  const tierColors: Record<QualityTier, string> = {\n    none: theme.colors.muted,\n    bronze: theme.colors.warning,\n    silver: theme.colors.secondary,\n    gold: theme.colors.accent,\n    platinum: theme.colors.primary,\n  };\n\n  // Calculate overall tier from all packages\n  const overallTier = packages.length > 0\n    ? calculateQualityTier(\n        packages.reduce((acc, pkg) => ({\n          tests: acc.tests + pkg.metrics.tests / packages.length,\n          deadCode: acc.deadCode + pkg.metrics.deadCode / packages.length,\n          linting: acc.linting + pkg.metrics.linting / packages.length,\n          formatting: acc.formatting + pkg.metrics.formatting / packages.length,\n          types: acc.types + pkg.metrics.types / packages.length,\n          documentation: acc.documentation + pkg.metrics.documentation / packages.length,\n        }), { tests: 0, deadCode: 0, linting: 0, formatting: 0, types: 0, documentation: 0 })\n      )\n    : 'none';\n\n  return (\n    <div\n      style={{\n        fontFamily: theme.fonts.body,\n        height: '100%',\n        minHeight: 0,\n        backgroundColor: theme.colors.background,\n        color: theme.colors.text,\n        overflowY: 'auto',\n        boxSizing: 'border-box',\n      }}\n    >\n      <div\n        style={{\n          padding: 20,\n          display: 'flex',\n          flexDirection: 'column',\n          gap: 16,\n        }}\n      >\n      {/* Header */}\n      <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', flexWrap: 'wrap', gap: 12 }}>\n        <div style={{ display: 'flex', alignItems: 'center', gap: 12 }}>\n          <Hexagon size={24} color={tierColors[overallTier]} />\n          <h2\n            style={{\n              margin: 0,\n              fontSize: 20,\n              fontWeight: 600,\n              color: theme.colors.text,\n            }}\n          >\n            Code Quality\n          </h2>\n          <span\n            title=\"Platinum: 90%+ avg | Gold: 75%+ | Silver: 60%+ | Bronze: 40%+\"\n            style={{\n              display: 'inline-flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n              width: 18,\n              height: 18,\n              borderRadius: '50%',\n              border: `1px solid ${theme.colors.border}`,\n              fontSize: 12,\n              color: theme.colors.textMuted,\n              cursor: 'help',\n            }}\n          >\n            ?\n          </span>\n          {packages.length > 1 && (\n            <span style={{\n              fontSize: 14,\n              color: theme.colors.textMuted,\n            }}>\n              {packages.length} packages\n            </span>\n          )}\n        </div>\n        {/* Metric dropdown for File City color mode */}\n        <select\n          value={selectedMetric ?? ''}\n          onChange={(e) => handleMetricChange(e.target.value ? e.target.value as MetricKey : null)}\n          style={{\n            padding: '6px 12px',\n            fontSize: 13,\n            backgroundColor: theme.colors.background,\n            color: theme.colors.text,\n            border: `1px solid ${theme.colors.border}`,\n            borderRadius: 4,\n            cursor: 'pointer',\n            outline: 'none',\n          }}\n        >\n          <option value=\"\">Show in File City...</option>\n          {METRIC_OPTIONS.map((option) => (\n            <option key={option.key} value={option.key}>\n              {option.label}\n            </option>\n          ))}\n        </select>\n      </div>\n\n      {/* Quality Hexagons for each package */}\n      <div style={{ display: 'flex', flexWrap: 'wrap', gap: 16, minHeight: 0 }}>\n        {isLoading ? (\n          <div style={{\n            padding: 40,\n            textAlign: 'center',\n            color: theme.colors.textMuted,\n          }}>\n            Loading quality metrics...\n          </div>\n        ) : packages.length === 0 ? (\n          <QualityEmptyState\n            theme={theme}\n            hasWorkflow={hasWorkflow}\n          />\n        ) : (\n          packages.map((pkg) => {\n            const tier = calculateQualityTier(pkg.metrics);\n            // Use package path from slice data\n            // For single-package repos, path is empty string (root)\n            // For monorepos, path would be like \"packages/core\"\n            const packagePath = pkg.path ?? '';\n            return (\n              <QualityHexagonExpandable\n                key={pkg.name}\n                metrics={pkg.metrics}\n                tier={tier}\n                theme={theme}\n                packageName={pkg.name}\n                packageVersion={pkg.version}\n                packagePath={packagePath}\n                onExpandChange={(expanded, info) => {\n                  // Emit package:select event for cross-panel filtering\n                  // When expanded, select this package; when collapsed, deselect\n                  events.emit({\n                    type: 'package:select',\n                    source: 'principal-ade.quality-hexagon-panel',\n                    timestamp: Date.now(),\n                    payload: expanded ? {\n                      packagePath: info.packagePath ?? '',\n                      packageName: info.packageName,\n                    } : null,\n                  });\n                }}\n              />\n            );\n          })\n        )}\n      </div>\n      </div>\n    </div>\n  );\n};\n\n/**\n * QualityHexagonPanel - A panel for visualizing code quality metrics\n */\nexport const QualityHexagonPanel = QualityHexagonPanelContent;\n","import * as React from 'react';\nimport { cn } from '../lib/utils';\nimport type { Theme } from '@principal-ade/industry-theme';\nimport type { QualityMetrics } from '@principal-ai/codebase-composition';\nimport { QualityHexagon, calculateQualityTier, type QualityTier, type VertexHoverInfo, type MetricKey } from './QualityHexagon';\n\nexport type { VertexHoverInfo, MetricKey };\n\nconst METRIC_OPTIONS: Array<{ key: MetricKey; label: string }> = [\n  { key: 'types', label: 'Types' },\n  { key: 'documentation', label: 'Docs' },\n  { key: 'tests', label: 'Tests' },\n  { key: 'deadCode', label: 'Dead Code' },\n  { key: 'formatting', label: 'Format' },\n  { key: 'linting', label: 'Linting' },\n];\n\n/**\n * Represents a single package within a repository\n */\nexport interface PackageQualityItem {\n  /** Package name (e.g., \"@acme/core\" or \"my-app\") */\n  name: string;\n  /** Optional version string */\n  version?: string;\n  /** Quality metrics for this package */\n  metrics: QualityMetrics;\n}\n\n/**\n * Represents a repository with one or more packages\n */\nexport interface RepositoryQualityItem {\n  /** Unique identifier for the repository */\n  id: string;\n  /** Repository name */\n  name: string;\n  /** Optional path to the repository */\n  path?: string;\n  /** Packages within this repository (monorepos have multiple) */\n  packages: PackageQualityItem[];\n}\n\n/**\n * A flattened item for display in the grid\n */\nexport interface FlatGridItem {\n  /** Unique key for React */\n  key: string;\n  /** Repository ID */\n  repositoryId: string;\n  /** Repository name */\n  repositoryName: string;\n  /** Repository path (for filtering in other panels) */\n  repositoryPath?: string;\n  /** Package name */\n  packageName: string;\n  /** Optional version */\n  version?: string;\n  /** Quality metrics */\n  metrics: QualityMetrics;\n  /** Calculated tier */\n  tier: QualityTier;\n}\n\ninterface RepositoryQualityGridProps {\n  /** Array of repositories with their packages */\n  repositories: RepositoryQualityItem[];\n  /** Theme from @principal-ade/industry-theme */\n  theme: Theme;\n  /** Callback when a grid item is clicked */\n  onItemClick?: (item: FlatGridItem) => void;\n  /** Callback when a hexagon vertex is clicked */\n  onVertexClick?: (item: FlatGridItem, vertex: VertexHoverInfo) => void;\n  /** Optional CSS class */\n  className?: string;\n  /** Show repository name in label (default: true) */\n  showRepositoryName?: boolean;\n  /** Show overall summary header (default: true) */\n  showSummary?: boolean;\n}\n\ninterface RepositoryQualityGridItemProps {\n  /** The flattened item to display */\n  item: FlatGridItem;\n  /** Theme */\n  theme: Theme;\n  /** Click handler for the card */\n  onClick?: () => void;\n  /** Click handler for hexagon vertices */\n  onVertexClick?: (item: FlatGridItem, vertex: VertexHoverInfo) => void;\n  /** Show repository name in label */\n  showRepositoryName?: boolean;\n  /** Selected metric to display (from dropdown) */\n  selectedMetric?: MetricKey | null;\n  /** Optional CSS class */\n  className?: string;\n}\n\n/**\n * Flatten repositories into a single array of grid items\n */\nfunction flattenRepositories(repositories: RepositoryQualityItem[]): FlatGridItem[] {\n  const items: FlatGridItem[] = [];\n\n  for (const repo of repositories) {\n    for (const pkg of repo.packages) {\n      items.push({\n        key: `${repo.id}:${pkg.name}`,\n        repositoryId: repo.id,\n        repositoryName: repo.name,\n        repositoryPath: repo.path,\n        packageName: pkg.name,\n        version: pkg.version,\n        metrics: pkg.metrics,\n        tier: calculateQualityTier(pkg.metrics),\n      });\n    }\n  }\n\n  return items;\n}\n\n/**\n * Calculate overall tier from all items\n */\nfunction calculateOverallTier(items: FlatGridItem[]): QualityTier {\n  if (items.length === 0) return 'none';\n\n  const avgMetrics = items.reduce(\n    (acc, item) => ({\n      tests: acc.tests + item.metrics.tests / items.length,\n      deadCode: acc.deadCode + item.metrics.deadCode / items.length,\n      linting: acc.linting + item.metrics.linting / items.length,\n      formatting: acc.formatting + item.metrics.formatting / items.length,\n      types: acc.types + item.metrics.types / items.length,\n      documentation: acc.documentation + item.metrics.documentation / items.length,\n    }),\n    { tests: 0, deadCode: 0, linting: 0, formatting: 0, types: 0, documentation: 0 }\n  );\n\n  return calculateQualityTier(avgMetrics);\n}\n\n/**\n * Format the display label for an item\n */\nfunction formatLabel(\n  item: FlatGridItem,\n  showRepositoryName: boolean,\n  isSameAsRepo: boolean\n): string {\n  if (!showRepositoryName || isSameAsRepo) {\n    return item.packageName;\n  }\n  return `${item.repositoryName} / ${item.packageName}`;\n}\n\n/**\n * Individual grid item component\n */\n// Get color based on value (good/medium/poor)\nfunction getValueColor(value: number, key: MetricKey, theme: Theme): string {\n  // For deadCode, lower is better (invert the logic)\n  const effectiveValue = key === 'deadCode' ? 100 - value : value;\n\n  if (effectiveValue >= 80) return theme.colors.success;\n  if (effectiveValue >= 60) return theme.colors.warning;\n  return theme.colors.error;\n}\n\nexport function RepositoryQualityGridItem({\n  item,\n  theme,\n  onClick,\n  onVertexClick,\n  showRepositoryName = true,\n  selectedMetric,\n  className,\n}: RepositoryQualityGridItemProps) {\n  const [hoveredVertex, setHoveredVertex] = React.useState<VertexHoverInfo | null>(null);\n  const isSameAsRepo = item.packageName === item.repositoryName;\n  const label = formatLabel(item, showRepositoryName, isSameAsRepo);\n\n  const tierColors: Record<QualityTier, string> = {\n    none: theme.colors.muted,\n    bronze: theme.colors.warning,\n    silver: theme.colors.secondary,\n    gold: theme.colors.accent,\n    platinum: theme.colors.primary,\n  };\n\n  // Get the display info - either from selected metric or hovered vertex\n  const displayInfo = React.useMemo(() => {\n    if (selectedMetric) {\n      const option = METRIC_OPTIONS.find(o => o.key === selectedMetric);\n      if (option) {\n        const value = item.metrics[selectedMetric];\n        return {\n          label: option.label,\n          value,\n          valueColor: getValueColor(value, selectedMetric, theme),\n        };\n      }\n    }\n    if (hoveredVertex) {\n      return {\n        label: hoveredVertex.label,\n        value: hoveredVertex.value,\n        valueColor: getValueColor(hoveredVertex.value, hoveredVertex.key, theme),\n      };\n    }\n    return null;\n  }, [selectedMetric, hoveredVertex, item.metrics, theme]);\n\n  return (\n    <div\n      className={cn(className)}\n      onClick={onClick}\n      style={{\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        gap: 8,\n        padding: 12,\n        borderRadius: 8,\n        backgroundColor: theme.colors.surface,\n        border: `1px solid ${theme.colors.border}`,\n        cursor: onClick ? 'pointer' : 'default',\n        transition: 'all 0.2s ease',\n      }}\n      onMouseEnter={(e) => {\n        if (onClick) {\n          e.currentTarget.style.borderColor = tierColors[item.tier];\n          e.currentTarget.style.transform = 'translateY(-2px)';\n        }\n      }}\n      onMouseLeave={(e) => {\n        e.currentTarget.style.borderColor = theme.colors.border;\n        e.currentTarget.style.transform = 'translateY(0)';\n        setHoveredVertex(null);\n      }}\n    >\n      {/* Metric info header */}\n      <div\n        style={{\n          height: 24,\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          gap: 8,\n          width: '100%',\n          minHeight: 24,\n        }}\n      >\n        {displayInfo ? (\n          <>\n            <span\n              style={{\n                fontSize: 14,\n                fontWeight: 500,\n                color: theme.colors.text,\n              }}\n            >\n              {displayInfo.label}\n            </span>\n            <span\n              style={{\n                fontSize: 14,\n                fontWeight: 600,\n                color: displayInfo.valueColor,\n              }}\n            >\n              {displayInfo.value}%\n            </span>\n          </>\n        ) : (\n          <span style={{ fontSize: 12, color: theme.colors.textMuted }}>\n            Hover a corner\n          </span>\n        )}\n      </div>\n      <div style={{ width: 200, height: 200 }}>\n        <QualityHexagon\n          metrics={item.metrics}\n          tier={item.tier}\n          theme={theme}\n          showLabels={false}\n          showValues={false}\n          onVertexHover={setHoveredVertex}\n          onVertexLeave={() => setHoveredVertex(null)}\n          onVertexClick={onVertexClick ? (vertex) => onVertexClick(item, vertex) : undefined}\n        />\n      </div>\n      <div\n        style={{\n          display: 'flex',\n          flexDirection: 'column',\n          alignItems: 'center',\n          gap: 2,\n        }}\n      >\n        <span\n          style={{\n            fontSize: 12,\n            fontWeight: 500,\n            color: theme.colors.text,\n            textAlign: 'center',\n          }}\n        >\n          {label}\n        </span>\n        {item.version && (\n          <span\n            style={{\n              fontSize: 10,\n              color: theme.colors.textMuted,\n            }}\n          >\n            v{item.version}\n          </span>\n        )}\n      </div>\n    </div>\n  );\n}\n\n/**\n * RepositoryQualityGrid - Displays a flat grid of quality hexagons\n * for multiple repositories and their packages.\n *\n * Each hexagon shows the quality metrics for a single package,\n * labeled with \"repo / package\" format for clarity.\n */\n// Calculate average score for an item (with deadCode inverted)\nfunction calculateAverageScore(metrics: QualityMetrics): number {\n  const adjusted = { ...metrics };\n  adjusted.deadCode = 100 - adjusted.deadCode;\n  return Object.values(adjusted).reduce((a, b) => a + b, 0) / 6;\n}\n\nexport function RepositoryQualityGrid({\n  repositories,\n  theme,\n  onItemClick,\n  onVertexClick,\n  className,\n  showRepositoryName = true,\n  showSummary = true,\n}: RepositoryQualityGridProps) {\n  const [selectedMetric, setSelectedMetric] = React.useState<MetricKey | null>(null);\n  const items = React.useMemo(() => flattenRepositories(repositories), [repositories]);\n  const overallTier = React.useMemo(() => calculateOverallTier(items), [items]);\n\n  // Sort items based on selected metric or average\n  const sortedItems = React.useMemo(() => {\n    return [...items].sort((a, b) => {\n      if (selectedMetric) {\n        // Sort by selected metric (for deadCode, lower is better so invert)\n        const aVal = selectedMetric === 'deadCode'\n          ? 100 - a.metrics[selectedMetric]\n          : a.metrics[selectedMetric];\n        const bVal = selectedMetric === 'deadCode'\n          ? 100 - b.metrics[selectedMetric]\n          : b.metrics[selectedMetric];\n        return bVal - aVal; // Descending (best first)\n      } else {\n        // Sort by average score\n        return calculateAverageScore(b.metrics) - calculateAverageScore(a.metrics);\n      }\n    });\n  }, [items, selectedMetric]);\n\n  const tierColors: Record<QualityTier, string> = {\n    none: theme.colors.muted,\n    bronze: theme.colors.warning,\n    silver: theme.colors.secondary,\n    gold: theme.colors.accent,\n    platinum: theme.colors.primary,\n  };\n\n  const tierLabels: Record<QualityTier, string> = {\n    none: 'No Data',\n    bronze: 'Bronze',\n    silver: 'Silver',\n    gold: 'Gold',\n    platinum: 'Platinum',\n  };\n\n  if (items.length === 0) {\n    return (\n      <div\n        className={cn(className)}\n        style={{\n          padding: 40,\n          textAlign: 'center',\n          color: theme.colors.textMuted,\n          backgroundColor: theme.colors.background,\n          borderRadius: 8,\n        }}\n      >\n        No repositories to display\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={cn(className)}\n      style={{\n        display: 'flex',\n        flexDirection: 'column',\n        gap: 16,\n        backgroundColor: theme.colors.background,\n        fontFamily: theme.fonts.body,\n      }}\n    >\n      {/* Summary Header */}\n      {showSummary && (\n        <div\n          style={{\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'space-between',\n            flexWrap: 'wrap',\n            gap: 12,\n            padding: '12px 16px',\n            backgroundColor: theme.colors.surface,\n            border: `1px solid ${theme.colors.border}`,\n          }}\n        >\n          <div style={{ display: 'flex', alignItems: 'center', gap: 12 }}>\n            <span\n              style={{\n                fontSize: 14,\n                fontWeight: 500,\n                color: theme.colors.text,\n              }}\n            >\n              {items.length} {items.length === 1 ? 'package' : 'packages'}\n            </span>\n            <span style={{ color: theme.colors.textMuted }}>•</span>\n            <span\n              style={{\n                fontSize: 14,\n                color: theme.colors.textMuted,\n              }}\n            >\n              {repositories.length} {repositories.length === 1 ? 'repository' : 'repositories'}\n            </span>\n          </div>\n          <div style={{ display: 'flex', alignItems: 'center', gap: 12 }}>\n            {/* Metric dropdown */}\n            <select\n              value={selectedMetric ?? ''}\n              onChange={(e) => setSelectedMetric(e.target.value ? e.target.value as MetricKey : null)}\n              style={{\n                padding: '4px 8px',\n                fontSize: 13,\n                backgroundColor: theme.colors.background,\n                color: theme.colors.text,\n                border: `1px solid ${theme.colors.border}`,\n                borderRadius: 4,\n                cursor: 'pointer',\n                outline: 'none',\n              }}\n            >\n              <option value=\"\">Select metric...</option>\n              {METRIC_OPTIONS.map((option) => (\n                <option key={option.key} value={option.key}>\n                  {option.label}\n                </option>\n              ))}\n            </select>\n            {/* Tier badge */}\n            <div\n              style={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: 8,\n                padding: '4px 12px',\n                backgroundColor: theme.colors.backgroundLight,\n                borderRadius: 16,\n                border: `1px solid ${tierColors[overallTier]}`,\n              }}\n            >\n              <span\n                style={{\n                  width: 8,\n                  height: 8,\n                  borderRadius: '50%',\n                  backgroundColor: tierColors[overallTier],\n                }}\n              />\n              <span\n                style={{\n                  fontSize: 13,\n                  fontWeight: 500,\n                  color: tierColors[overallTier],\n                }}\n              >\n                {tierLabels[overallTier]}\n              </span>\n            </div>\n          </div>\n        </div>\n      )}\n\n      {/* Grid of Items */}\n      <div\n        style={{\n          display: 'grid',\n          gridTemplateColumns: 'repeat(auto-fill, minmax(220px, 1fr))',\n          gap: 12,\n          padding: 16,\n        }}\n      >\n        {sortedItems.map((item) => (\n          <RepositoryQualityGridItem\n            key={item.key}\n            item={item}\n            theme={theme}\n            onClick={onItemClick ? () => onItemClick(item) : undefined}\n            onVertexClick={onVertexClick}\n            showRepositoryName={showRepositoryName}\n            selectedMetric={selectedMetric}\n          />\n        ))}\n      </div>\n    </div>\n  );\n}\n","import React from 'react';\nimport { useTheme } from '@principal-ade/industry-theme';\nimport type { PanelComponentProps } from '../types';\nimport type { QualityMetrics } from '@principal-ai/codebase-composition';\nimport {\n  RepositoryQualityGrid,\n  type RepositoryQualityItem,\n  type FlatGridItem,\n  type VertexHoverInfo,\n} from '../components/RepositoryQualityGrid';\nimport { QualityEmptyState } from '../components/QualityEmptyState';\n\n// Repository quality data from slice\ninterface RepositoryQualityData {\n  id: string;\n  name: string;\n  path?: string;\n  packages: Array<{\n    name: string;\n    version?: string;\n    metrics: QualityMetrics;\n  }>;\n}\n\n// Slice data shape\ninterface RepositoriesQualitySliceData {\n  repositories: RepositoryQualityData[];\n  lastUpdated: string;\n}\n\n/**\n * RepositoryQualityGridPanelContent - Internal component that uses theme\n */\nconst RepositoryQualityGridPanelContent: React.FC<PanelComponentProps> = ({\n  context,\n  events,\n}) => {\n  const { theme } = useTheme();\n\n  // Track currently selected item for toggle behavior\n  const [selectedItemKey, setSelectedItemKey] = React.useState<string | null>(null);\n\n  // Get repositories quality data from context if available\n  const qualitySlice = context.getSlice<RepositoriesQualitySliceData>('repositoriesQuality');\n  const isLoading = qualitySlice?.loading ?? false;\n\n  // Determine repositories to display\n  const repositories: RepositoryQualityItem[] = React.useMemo(() => {\n    if (qualitySlice?.data?.repositories) {\n      return qualitySlice.data.repositories;\n    }\n    return [];\n  }, [qualitySlice?.data?.repositories]);\n\n  // Handle item click\n  const handleItemClick = (item: FlatGridItem) => {\n    const isDeselecting = selectedItemKey === item.key;\n\n    events.emit({\n      type: 'principal-ade.repository-quality-grid:item:click',\n      source: 'principal-ade.repository-quality-grid-panel',\n      timestamp: Date.now(),\n      payload: isDeselecting ? null : {\n        repositoryId: item.repositoryId,\n        repositoryName: item.repositoryName,\n        packageName: item.packageName,\n        tier: item.tier,\n      },\n    });\n\n    // Emit package:select event for cross-panel filtering (e.g., File City)\n    // Clicking the same item again deselects (sends null payload)\n    events.emit({\n      type: 'package:select',\n      source: 'principal-ade.repository-quality-grid-panel',\n      timestamp: Date.now(),\n      payload: isDeselecting ? null : (item.repositoryPath ? {\n        packagePath: item.repositoryPath,\n        packageName: item.packageName,\n      } : null),\n    });\n\n    setSelectedItemKey(isDeselecting ? null : item.key);\n  };\n\n  // Handle vertex click\n  const handleVertexClick = (item: FlatGridItem, vertex: VertexHoverInfo) => {\n    events.emit({\n      type: 'principal-ade.repository-quality-grid:vertex:click',\n      source: 'principal-ade.repository-quality-grid-panel',\n      timestamp: Date.now(),\n      payload: {\n        repositoryId: item.repositoryId,\n        repositoryName: item.repositoryName,\n        packageName: item.packageName,\n        metric: vertex.key,\n        label: vertex.label,\n        value: vertex.value,\n      },\n    });\n  };\n\n  // Handle refresh\n  const handleRefresh = async () => {\n    if (context.hasSlice('repositoriesQuality')) {\n      await context.refresh('workspace', 'repositoriesQuality');\n    }\n  };\n\n  // Subscribe to events\n  React.useEffect(() => {\n    const unsubscribers = [\n      events.on('principal-ade.repository-quality-grid:refresh', async () => {\n        await handleRefresh();\n      }),\n    ];\n\n    return () => unsubscribers.forEach((unsub) => unsub());\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [events, context]);\n\n  return (\n    <div\n      style={{\n        fontFamily: theme.fonts.body,\n        height: '100%',\n        minHeight: 0,\n        backgroundColor: theme.colors.background,\n        color: theme.colors.text,\n        overflowY: 'auto',\n        boxSizing: 'border-box',\n      }}\n    >\n      {isLoading ? (\n        <div\n          style={{\n            padding: 40,\n            textAlign: 'center',\n            color: theme.colors.textMuted,\n          }}\n        >\n          Loading repository quality metrics...\n        </div>\n      ) : repositories.length === 0 ? (\n        <div style={{ padding: 20 }}>\n          <QualityEmptyState theme={theme} hasWorkflow={false} />\n        </div>\n      ) : (\n        <RepositoryQualityGrid\n          repositories={repositories}\n          theme={theme}\n          onItemClick={handleItemClick}\n          onVertexClick={handleVertexClick}\n          showRepositoryName={true}\n          showSummary={true}\n        />\n      )}\n    </div>\n  );\n};\n\n/**\n * RepositoryQualityGridPanel - A panel for visualizing quality metrics\n * across multiple repositories in a flat grid layout.\n */\nexport const RepositoryQualityGridPanel = RepositoryQualityGridPanelContent;\n","import { QualityHexagonPanel } from './panels/QualityHexagonPanel';\nimport { RepositoryQualityGridPanel } from './panels/RepositoryQualityGridPanel';\nimport type { PanelDefinition, PanelContextValue } from './types';\n\n/**\n * Export array of panel definitions.\n * This is the required export for panel extensions.\n */\nexport const panels: PanelDefinition[] = [\n  {\n    metadata: {\n      id: 'principal-ade.quality-hexagon-panel',\n      name: 'Code Quality',\n      icon: '⬡',\n      version: '0.1.0',\n      author: 'Principal ADE',\n      description:\n        'Visualize code quality metrics using a hexagonal radar chart showing tests, types, linting, formatting, documentation, and dead code.',\n      slices: ['quality'],\n      tools: [],\n    },\n    component: QualityHexagonPanel,\n\n    onMount: async (context: PanelContextValue) => {\n      console.log(\n        'Quality Hexagon Panel mounted',\n        context.currentScope.repository?.path\n      );\n\n      if (context.hasSlice('quality') && !context.isSliceLoading('quality')) {\n        await context.refresh('repository', 'quality');\n      }\n    },\n\n    onUnmount: async (_context: PanelContextValue) => {\n      console.log('Quality Hexagon Panel unmounting');\n    },\n  },\n  {\n    metadata: {\n      id: 'principal-ade.repository-quality-grid-panel',\n      name: 'Repository Quality Grid',\n      icon: '⬡',\n      version: '0.1.0',\n      author: 'Principal ADE',\n      description:\n        'Display quality metrics for multiple repositories in a flat grid layout. Supports filtering by metric type, sorting, and comparing quality across projects.',\n      slices: ['repositoriesQuality'],\n      tools: [],\n    },\n    component: RepositoryQualityGridPanel,\n\n    onMount: async (context: PanelContextValue) => {\n      console.log('Repository Quality Grid Panel mounted');\n\n      if (context.hasSlice('repositoriesQuality') && !context.isSliceLoading('repositoriesQuality')) {\n        await context.refresh('workspace', 'repositoriesQuality');\n      }\n    },\n\n    onUnmount: async (_context: PanelContextValue) => {\n      console.log('Repository Quality Grid Panel unmounting');\n    },\n  },\n];\n\n/**\n * Optional: Called once when the entire package is loaded.\n */\nexport const onPackageLoad = async () => {\n  console.log('Panel package loaded - Code Quality Panels');\n};\n\n/**\n * Optional: Called once when the package is unloaded.\n */\nexport const onPackageUnload = async () => {\n  console.log('Panel package unloading - Code Quality Panels');\n};\n\n// Export components for direct usage\nexport {\n  QualityHexagon,\n  QualityHexagonCompact,\n  QualityHexagonDetailed,\n  QualityHexagonExpandable,\n  calculateQualityTier,\n  type QualityMetrics,\n  type QualityTier,\n  // Multi-repository grid components\n  RepositoryQualityGrid,\n  RepositoryQualityGridItem,\n  type RepositoryQualityItem,\n  type PackageQualityItem,\n  type FlatGridItem,\n} from './components';\n\n// Export panels\nexport { QualityHexagonPanel } from './panels/QualityHexagonPanel';\nexport { RepositoryQualityGridPanel } from './panels/RepositoryQualityGridPanel';\n"],"names":["__iconNode","React","METRIC_OPTIONS","_a"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12,13]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@principal-ade/code-quality-panels",
-  "version": "0.1.12",
+  "version": "0.1.13",
   "description": "Code quality visualization panels including QualityHexagon components",
   "type": "module",
   "main": "dist/panels.bundle.js",