@industry-theme/file-city-panel 0.2.63 → 0.2.65

package/dist/panels.bundle.js

@@ -3,32 +3,43 @@ import React, { forwardRef, createElement, createContext, useContext, useState,
 import { createPortal } from "react-dom";
 import { GitStatusFileTree } from "@principal-ade/dynamic-file-tree";
 /**
- * @license lucide-react v0.552.0 - ISC
+ * @license lucide-react v0.563.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const mergeClasses = (...classes) => classes.filter((className, index, array2) => {
+  return Boolean(className) && className.trim() !== "" && array2.indexOf(className) === index;
+}).join(" ").trim();
+/**
+ * @license lucide-react v0.563.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
 const toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+/**
+ * @license lucide-react v0.563.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
 const toCamelCase = (string) => string.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
   (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()
 );
+/**
+ * @license lucide-react v0.563.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
 const toPascalCase = (string) => {
   const camelCase = toCamelCase(string);
   return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
 };
-const mergeClasses = (...classes) => classes.filter((className, index, array2) => {
-  return Boolean(className) && className.trim() !== "" && array2.indexOf(className) === index;
-}).join(" ").trim();
-const hasA11yProp = (props) => {
-  for (const prop in props) {
-    if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
-      return true;
-    }
-  }
-};
 /**
- * @license lucide-react v0.552.0 - ISC
+ * @license lucide-react v0.563.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -45,7 +56,21 @@ var defaultAttributes = {
   strokeLinejoin: "round"
 };
 /**
- * @license lucide-react v0.552.0 - ISC
+ * @license lucide-react v0.563.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const hasA11yProp = (props) => {
+  for (const prop in props) {
+    if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
+      return true;
+    }
+  }
+  return false;
+};
+/**
+ * @license lucide-react v0.563.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -80,7 +105,7 @@ const Icon = forwardRef(
   )
 );
 /**
- * @license lucide-react v0.552.0 - ISC
+ * @license lucide-react v0.563.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -102,7 +127,7 @@ const createLucideIcon = (iconName, iconNode) => {
   return Component;
 };
 /**
- * @license lucide-react v0.552.0 - ISC
+ * @license lucide-react v0.563.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -118,7 +143,7 @@ const __iconNode$m = [
 ];
 const Activity = createLucideIcon("activity", __iconNode$m);
 /**
- * @license lucide-react v0.552.0 - ISC
+ * @license lucide-react v0.563.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -136,7 +161,7 @@ const __iconNode$l = [
 ];
 const Box = createLucideIcon("box", __iconNode$l);
 /**
- * @license lucide-react v0.552.0 - ISC
+ * @license lucide-react v0.563.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -156,7 +181,7 @@ const __iconNode$k = [
 ];
 const Building2 = createLucideIcon("building-2", __iconNode$k);
 /**
- * @license lucide-react v0.552.0 - ISC
+ * @license lucide-react v0.563.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -169,7 +194,7 @@ const __iconNode$j = [
 ];
 const ChartColumn = createLucideIcon("chart-column", __iconNode$j);
 /**
- * @license lucide-react v0.552.0 - ISC
+ * @license lucide-react v0.563.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -177,7 +202,7 @@ const ChartColumn = createLucideIcon("chart-column", __iconNode$j);
 const __iconNode$i = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
 const ChevronDown = createLucideIcon("chevron-down", __iconNode$i);
 /**
- * @license lucide-react v0.552.0 - ISC
+ * @license lucide-react v0.563.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -185,7 +210,7 @@ const ChevronDown = createLucideIcon("chevron-down", __iconNode$i);
 const __iconNode$h = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
 const ChevronRight = createLucideIcon("chevron-right", __iconNode$h);
 /**
- * @license lucide-react v0.552.0 - ISC
+ * @license lucide-react v0.563.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -197,7 +222,7 @@ const __iconNode$g = [
 ];
 const CircleAlert = createLucideIcon("circle-alert", __iconNode$g);
 /**
- * @license lucide-react v0.552.0 - ISC
+ * @license lucide-react v0.563.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -209,7 +234,7 @@ const __iconNode$f = [
 ];
 const ExternalLink = createLucideIcon("external-link", __iconNode$f);
 /**
- * @license lucide-react v0.552.0 - ISC
+ * @license lucide-react v0.563.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -234,7 +259,7 @@ const __iconNode$e = [
 ];
 const EyeOff = createLucideIcon("eye-off", __iconNode$e);
 /**
- * @license lucide-react v0.552.0 - ISC
+ * @license lucide-react v0.563.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -251,7 +276,7 @@ const __iconNode$d = [
 ];
 const Eye = createLucideIcon("eye", __iconNode$d);
 /**
- * @license lucide-react v0.552.0 - ISC
+ * @license lucide-react v0.563.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -271,7 +296,7 @@ const __iconNode$c = [
 ];
 const FileText = createLucideIcon("file-text", __iconNode$c);
 /**
- * @license lucide-react v0.552.0 - ISC
+ * @license lucide-react v0.563.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -288,7 +313,7 @@ const __iconNode$b = [
 ];
 const File = createLucideIcon("file", __iconNode$b);
 /**
- * @license lucide-react v0.552.0 - ISC
+ * @license lucide-react v0.563.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -307,7 +332,7 @@ const __iconNode$a = [
 ];
 const FolderKanban = createLucideIcon("folder-kanban", __iconNode$a);
 /**
- * @license lucide-react v0.552.0 - ISC
+ * @license lucide-react v0.563.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -323,7 +348,7 @@ const __iconNode$9 = [
 ];
 const Folder = createLucideIcon("folder", __iconNode$9);
 /**
- * @license lucide-react v0.552.0 - ISC
+ * @license lucide-react v0.563.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -336,7 +361,7 @@ const __iconNode$8 = [
 ];
 const GitBranch = createLucideIcon("git-branch", __iconNode$8);
 /**
- * @license lucide-react v0.552.0 - ISC
+ * @license lucide-react v0.563.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -348,7 +373,7 @@ const __iconNode$7 = [
 ];
 const GitCommitHorizontal = createLucideIcon("git-commit-horizontal", __iconNode$7);
 /**
- * @license lucide-react v0.552.0 - ISC
+ * @license lucide-react v0.563.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -362,7 +387,7 @@ const __iconNode$6 = [
 ];
 const GitFork = createLucideIcon("git-fork", __iconNode$6);
 /**
- * @license lucide-react v0.552.0 - ISC
+ * @license lucide-react v0.563.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -375,7 +400,7 @@ const __iconNode$5 = [
 ];
 const GitPullRequest = createLucideIcon("git-pull-request", __iconNode$5);
 /**
- * @license lucide-react v0.552.0 - ISC
+ * @license lucide-react v0.563.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -394,21 +419,21 @@ const __iconNode$4 = [
 ];
 const Package = createLucideIcon("package", __iconNode$4);
 /**
- * @license lucide-react v0.552.0 - ISC
+ * @license lucide-react v0.563.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
 const __iconNode$3 = [
-  ["path", { d: "m16 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z", key: "7g6ntu" }],
-  ["path", { d: "m2 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z", key: "ijws7r" }],
-  ["path", { d: "M7 21h10", key: "1b0cd5" }],
   ["path", { d: "M12 3v18", key: "108xh3" }],
-  ["path", { d: "M3 7h2c2 0 5-1 7-2 2 1 5 2 7 2h2", key: "3gwbw2" }]
+  ["path", { d: "m19 8 3 8a5 5 0 0 1-6 0zV7", key: "zcdpyk" }],
+  ["path", { d: "M3 7h1a17 17 0 0 0 8-2 17 17 0 0 0 8 2h1", key: "1yorad" }],
+  ["path", { d: "m5 8 3 8a5 5 0 0 1-6 0zV7", key: "eua70x" }],
+  ["path", { d: "M7 21h10", key: "1b0cd5" }]
 ];
 const Scale = createLucideIcon("scale", __iconNode$3);
 /**
- * @license lucide-react v0.552.0 - ISC
+ * @license lucide-react v0.563.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -424,7 +449,7 @@ const __iconNode$2 = [
 ];
 const Star = createLucideIcon("star", __iconNode$2);
 /**
- * @license lucide-react v0.552.0 - ISC
+ * @license lucide-react v0.563.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -435,7 +460,7 @@ const __iconNode$1 = [
 ];
 const User = createLucideIcon("user", __iconNode$1);
 /**
- * @license lucide-react v0.552.0 - ISC
+ * @license lucide-react v0.563.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
@@ -445,231 +470,6 @@ const __iconNode = [
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
 ];
 const X = createLucideIcon("x", __iconNode);
-var ThemeContext$1;
-var getThemeContext$1 = () => {
-  if (typeof window !== "undefined") {
-    const globalWindow = window;
-    if (!globalWindow.__principlemd_theme_context__) {
-      globalWindow.__principlemd_theme_context__ = createContext(void 0);
-    }
-    return globalWindow.__principlemd_theme_context__;
-  } else {
-    if (!ThemeContext$1) {
-      ThemeContext$1 = createContext(void 0);
-    }
-    return ThemeContext$1;
-  }
-};
-var ThemeContextSingleton$1 = getThemeContext$1();
-var useTheme$1 = () => {
-  const context = useContext(ThemeContextSingleton$1);
-  if (!context) {
-    throw new Error("useTheme must be used within a ThemeProvider");
-  }
-  return context;
-};
-function getDefaultExportFromCjs(x) {
-  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
-}
-function getAugmentedNamespace(n) {
-  if (Object.prototype.hasOwnProperty.call(n, "__esModule")) return n;
-  var f = n.default;
-  if (typeof f == "function") {
-    var a = function a2() {
-      if (this instanceof a2) {
-        return Reflect.construct(f, arguments, this.constructor);
-      }
-      return f.apply(this, arguments);
-    };
-    a.prototype = f.prototype;
-  } else a = {};
-  Object.defineProperty(a, "__esModule", { value: true });
-  Object.keys(n).forEach(function(k) {
-    var d = Object.getOwnPropertyDescriptor(n, k);
-    Object.defineProperty(a, k, d.get ? d : {
-      enumerable: true,
-      get: function() {
-        return n[k];
-      }
-    });
-  });
-  return a;
-}
-var dist$1 = {};
-var ArchitectureMapHighlightLayers = {};
-var glassmorphismTheme = {
-  space: [0, 4, 8, 16, 32, 64, 128, 256, 512],
-  fonts: {
-    body: '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
-    heading: '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
-    monospace: '"Fira Code", "SF Mono", Monaco, Inconsolata, monospace'
-  },
-  fontSizes: [12, 14, 16, 18, 20, 24, 32, 48, 64, 96],
-  fontScale: 1,
-  fontWeights: {
-    body: 400,
-    heading: 600,
-    bold: 700,
-    light: 300,
-    medium: 500,
-    semibold: 600
-  },
-  lineHeights: {
-    body: 1.6,
-    heading: 1.3,
-    tight: 1.4,
-    relaxed: 1.8
-  },
-  breakpoints: ["640px", "768px", "1024px", "1280px"],
-  sizes: [16, 32, 64, 128, 256, 512, 768, 1024, 1536],
-  radii: [0, 8, 12, 16, 20, 24, 32, 40],
-  shadows: [
-    "none",
-    "0 8px 32px 0 rgba(31, 38, 135, 0.15)",
-    "0 12px 40px 0 rgba(31, 38, 135, 0.2)",
-    "0 16px 48px 0 rgba(31, 38, 135, 0.25)",
-    "0 20px 56px 0 rgba(31, 38, 135, 0.3)",
-    "0 24px 64px 0 rgba(31, 38, 135, 0.35)"
-  ],
-  zIndices: [0, 1, 10, 20, 30, 40, 50],
-  colors: {
-    text: "rgba(255, 255, 255, 0.95)",
-    background: "rgba(255, 255, 255, 0.1)",
-    primary: "rgba(99, 102, 241, 0.9)",
-    secondary: "rgba(139, 92, 246, 0.9)",
-    accent: "rgba(236, 72, 153, 0.9)",
-    highlight: "rgba(99, 102, 241, 0.2)",
-    muted: "rgba(255, 255, 255, 0.05)",
-    success: "rgba(34, 197, 94, 0.9)",
-    warning: "rgba(251, 146, 60, 0.9)",
-    error: "rgba(239, 68, 68, 0.9)",
-    info: "rgba(59, 130, 246, 0.9)",
-    border: "rgba(255, 255, 255, 0.18)",
-    backgroundSecondary: "rgba(255, 255, 255, 0.15)",
-    backgroundTertiary: "rgba(255, 255, 255, 0.2)",
-    backgroundLight: "rgba(255, 255, 255, 0.08)",
-    backgroundHover: "rgba(255, 255, 255, 0.25)",
-    surface: "rgba(255, 255, 255, 0.12)",
-    textSecondary: "rgba(255, 255, 255, 0.8)",
-    textTertiary: "rgba(255, 255, 255, 0.6)",
-    textMuted: "rgba(255, 255, 255, 0.5)",
-    highlightBg: "rgba(251, 191, 36, 0.3)",
-    highlightBorder: "rgba(251, 191, 36, 0.5)"
-  },
-  modes: {
-    dark: {
-      text: "rgba(255, 255, 255, 0.95)",
-      background: "rgba(0, 0, 0, 0.3)",
-      primary: "rgba(129, 140, 248, 0.9)",
-      secondary: "rgba(167, 139, 250, 0.9)",
-      accent: "rgba(244, 114, 182, 0.9)",
-      highlight: "rgba(129, 140, 248, 0.25)",
-      muted: "rgba(0, 0, 0, 0.15)",
-      success: "rgba(74, 222, 128, 0.9)",
-      warning: "rgba(251, 191, 36, 0.9)",
-      error: "rgba(248, 113, 113, 0.9)",
-      info: "rgba(96, 165, 250, 0.9)",
-      border: "rgba(255, 255, 255, 0.15)",
-      backgroundSecondary: "rgba(0, 0, 0, 0.4)",
-      backgroundTertiary: "rgba(0, 0, 0, 0.5)",
-      backgroundLight: "rgba(0, 0, 0, 0.2)",
-      backgroundHover: "rgba(255, 255, 255, 0.1)",
-      surface: "rgba(0, 0, 0, 0.35)",
-      textSecondary: "rgba(255, 255, 255, 0.8)",
-      textTertiary: "rgba(255, 255, 255, 0.6)",
-      textMuted: "rgba(255, 255, 255, 0.4)",
-      highlightBg: "rgba(251, 191, 36, 0.35)",
-      highlightBorder: "rgba(251, 191, 36, 0.6)"
-    },
-    frosted: {
-      text: "rgba(31, 41, 55, 0.95)",
-      background: "rgba(255, 255, 255, 0.3)",
-      primary: "rgba(79, 70, 229, 0.95)",
-      secondary: "rgba(124, 58, 237, 0.95)",
-      accent: "rgba(219, 39, 119, 0.95)",
-      highlight: "rgba(79, 70, 229, 0.15)",
-      muted: "rgba(255, 255, 255, 0.4)",
-      success: "rgba(16, 185, 129, 0.95)",
-      warning: "rgba(245, 158, 11, 0.95)",
-      error: "rgba(220, 38, 38, 0.95)",
-      info: "rgba(37, 99, 235, 0.95)",
-      border: "rgba(255, 255, 255, 0.5)",
-      backgroundSecondary: "rgba(255, 255, 255, 0.4)",
-      backgroundTertiary: "rgba(255, 255, 255, 0.5)",
-      backgroundLight: "rgba(255, 255, 255, 0.25)",
-      backgroundHover: "rgba(255, 255, 255, 0.6)",
-      surface: "rgba(255, 255, 255, 0.35)",
-      textSecondary: "rgba(31, 41, 55, 0.8)",
-      textTertiary: "rgba(31, 41, 55, 0.6)",
-      textMuted: "rgba(31, 41, 55, 0.5)",
-      highlightBg: "rgba(251, 191, 36, 0.4)",
-      highlightBorder: "rgba(251, 191, 36, 0.7)"
-    }
-  },
-  buttons: {
-    primary: {
-      color: "white",
-      bg: "primary",
-      borderWidth: 1,
-      borderStyle: "solid",
-      borderColor: "rgba(255, 255, 255, 0.2)",
-      "&:hover": {
-        bg: "secondary"
-      }
-    },
-    secondary: {
-      color: "text",
-      bg: "rgba(255, 255, 255, 0.1)",
-      borderWidth: 1,
-      borderStyle: "solid",
-      borderColor: "rgba(255, 255, 255, 0.2)",
-      "&:hover": {
-        bg: "rgba(255, 255, 255, 0.2)"
-      }
-    },
-    ghost: {
-      color: "text",
-      bg: "transparent",
-      borderWidth: 1,
-      borderStyle: "solid",
-      borderColor: "transparent",
-      "&:hover": {
-        borderColor: "rgba(255, 255, 255, 0.2)",
-        bg: "rgba(255, 255, 255, 0.05)"
-      }
-    }
-  },
-  text: {
-    heading: {
-      fontFamily: "heading",
-      fontWeight: "heading",
-      lineHeight: "heading"
-    },
-    body: {
-      fontFamily: "body",
-      fontWeight: "body",
-      lineHeight: "body"
-    },
-    caption: {
-      fontSize: 1,
-      color: "textSecondary"
-    }
-  },
-  cards: {
-    primary: {
-      bg: "surface",
-      border: "1px solid",
-      borderColor: "border",
-      borderRadius: 3
-    },
-    secondary: {
-      bg: "backgroundSecondary",
-      border: "1px solid",
-      borderColor: "border",
-      borderRadius: 3
-    }
-  }
-};
 var defaultMarkdownTheme = {
   space: [0, 4, 8, 16, 32, 64, 128, 256, 512],
   fonts: {
@@ -711,23 +511,24 @@ var defaultMarkdownTheme = {
     primary: "#007acc",
     secondary: "#005a9e",
     accent: "#1a1a1a",
-    highlight: "rgba(0, 122, 204, 0.1)",
+    highlight: "#e6f4fb",
     muted: "#f0f0f0",
     success: "#28a745",
     warning: "#ffc107",
     error: "#dc3545",
     info: "#17a2b8",
-    border: "rgba(0, 0, 0, 0.1)",
+    border: "#e6e6e6",
     backgroundSecondary: "#f8f9fa",
     backgroundTertiary: "#e9ecef",
-    backgroundLight: "rgba(0, 0, 0, 0.03)",
-    backgroundHover: "rgba(0, 0, 0, 0.05)",
+    backgroundLight: "#f7f7f7",
+    backgroundHover: "#f2f2f2",
     surface: "#ffffff",
     textSecondary: "#555555",
     textTertiary: "#888888",
     textMuted: "#aaaaaa",
-    highlightBg: "rgba(255, 235, 59, 0.3)",
-    highlightBorder: "rgba(255, 235, 59, 0.6)"
+    highlightBg: "#fff9c4",
+    highlightBorder: "#fff389",
+    textOnPrimary: "#ffffff"
   },
   buttons: {
     primary: {
@@ -821,23 +622,24 @@ var defaultTerminalTheme = {
     primary: "#ffc107",
     secondary: "#ffb300",
     accent: "#ffffff",
-    highlight: "rgba(255, 193, 7, 0.1)",
+    highlight: "#1a1301",
     muted: "#1a1a1a",
     success: "#4caf50",
     warning: "#ff9800",
     error: "#f44336",
     info: "#2196f3",
-    border: "rgba(255, 193, 7, 0.2)",
+    border: "#332701",
     backgroundSecondary: "#0a0a0a",
     backgroundTertiary: "#111111",
-    backgroundLight: "rgba(255, 193, 7, 0.03)",
-    backgroundHover: "rgba(255, 193, 7, 0.05)",
+    backgroundLight: "#080600",
+    backgroundHover: "#0d0a00",
     surface: "#050505",
     textSecondary: "#e0e0e0",
     textTertiary: "#b0b0b0",
     textMuted: "#808080",
-    highlightBg: "rgba(255, 193, 7, 0.2)",
-    highlightBorder: "rgba(255, 193, 7, 0.4)"
+    highlightBg: "#332701",
+    highlightBorder: "#664d03",
+    textOnPrimary: "#000000"
   },
   buttons: {
     primary: {
@@ -932,23 +734,24 @@ var defaultEditorTheme = {
     primary: "#569cd6",
     secondary: "#408ac9",
     accent: "#c586c0",
-    highlight: "rgba(86, 156, 214, 0.1)",
+    highlight: "#242b30",
     muted: "#2a2a2a",
     success: "#6a9955",
     warning: "#d18616",
     error: "#f44747",
     info: "#569cd6",
-    border: "rgba(255, 255, 255, 0.1)",
+    border: "#343434",
     backgroundSecondary: "#252526",
     backgroundTertiary: "#333333",
-    backgroundLight: "rgba(255, 255, 255, 0.03)",
-    backgroundHover: "rgba(255, 255, 255, 0.05)",
+    backgroundLight: "#252525",
+    backgroundHover: "#292929",
     surface: "#252526",
     textSecondary: "#cccccc",
     textTertiary: "#999999",
     textMuted: "#666666",
-    highlightBg: "rgba(255, 235, 59, 0.2)",
-    highlightBorder: "rgba(255, 235, 59, 0.4)"
+    highlightBg: "#4b4724",
+    highlightBorder: "#78702a",
+    textOnPrimary: "#ffffff"
   },
   buttons: {
     primary: {
@@ -1042,23 +845,24 @@ var landingPageTheme = {
     primary: "#00C2FF",
     secondary: "#0098CC",
     accent: "#0066FF",
-    highlight: "rgba(0, 194, 255, 0.15)",
+    highlight: "#001d26",
     muted: "#1a1a1a",
     success: "#4caf50",
     warning: "#ff9800",
     error: "#f44336",
     info: "#2196f3",
-    border: "rgba(0, 194, 255, 0.2)",
+    border: "#002733",
     backgroundSecondary: "#0a1628",
     backgroundTertiary: "#0f1c2e",
-    backgroundLight: "rgba(0, 194, 255, 0.04)",
-    backgroundHover: "rgba(0, 194, 255, 0.1)",
-    surface: "rgba(0, 0, 0, 0.4)",
+    backgroundLight: "#00080a",
+    backgroundHover: "#00131a",
+    surface: "#000000",
     textSecondary: "#d1d5db",
     textTertiary: "#9ca3af",
     textMuted: "#6b7280",
-    highlightBg: "rgba(255, 235, 59, 0.25)",
-    highlightBorder: "rgba(255, 235, 59, 0.5)"
+    highlightBg: "#403b0f",
+    highlightBorder: "#80761e",
+    textOnPrimary: "#000000"
   },
   buttons: {
     primary: {
@@ -1078,13 +882,13 @@ var landingPageTheme = {
       bg: "transparent",
       borderWidth: 1,
       borderStyle: "solid",
-      borderColor: "rgba(0, 194, 255, 0.3)",
+      borderColor: "#003a4d",
       padding: "8px 16px",
       fontSize: 14,
       fontWeight: 600,
       cursor: "pointer",
       "&:hover": {
-        bg: "rgba(0, 194, 255, 0.1)",
+        bg: "#00131a",
         borderColor: "#00C2FF"
       }
     },
@@ -1098,7 +902,7 @@ var landingPageTheme = {
       cursor: "pointer",
       "&:hover": {
         color: "#00D9FF",
-        bg: "rgba(0, 194, 255, 0.1)"
+        bg: "#00131a"
       }
     }
   },
@@ -1128,9 +932,9 @@ var landingPageTheme = {
       borderRadius: 4
     },
     secondary: {
-      bg: "rgba(0, 194, 255, 0.05)",
+      bg: "#000a0d",
       border: "1px solid",
-      borderColor: "rgba(0, 194, 255, 0.2)",
+      borderColor: "#002733",
       borderRadius: 4
     }
   }
@@ -1143,23 +947,24 @@ var landingPageLightTheme = {
     primary: "#0098CC",
     secondary: "#00C2FF",
     accent: "#0066FF",
-    highlight: "rgba(0, 152, 204, 0.1)",
+    highlight: "#e6f5fa",
     muted: "#f0f0f0",
     success: "#4caf50",
     warning: "#ff9800",
     error: "#f44336",
     info: "#2196f3",
-    border: "rgba(0, 152, 204, 0.2)",
+    border: "#cceaf5",
     backgroundSecondary: "#f8f9fa",
     backgroundTertiary: "#e9ecef",
-    backgroundLight: "rgba(0, 152, 204, 0.03)",
-    backgroundHover: "rgba(0, 152, 204, 0.05)",
-    surface: "rgba(255, 255, 255, 0.95)",
+    backgroundLight: "#f7fcfd",
+    backgroundHover: "#f2fafc",
+    surface: "#ffffff",
     textSecondary: "#555555",
     textTertiary: "#888888",
     textMuted: "#aaaaaa",
-    highlightBg: "rgba(255, 235, 59, 0.3)",
-    highlightBorder: "rgba(255, 235, 59, 0.6)"
+    highlightBg: "#fff9c4",
+    highlightBorder: "#fff389",
+    textOnPrimary: "#ffffff"
   },
   buttons: {
     primary: {
@@ -1179,13 +984,13 @@ var landingPageLightTheme = {
       bg: "transparent",
       borderWidth: 1,
       borderStyle: "solid",
-      borderColor: "rgba(0, 152, 204, 0.3)",
+      borderColor: "#b2e0f0",
       padding: "8px 16px",
       fontSize: 14,
       fontWeight: 600,
       cursor: "pointer",
       "&:hover": {
-        bg: "rgba(0, 152, 204, 0.05)",
+        bg: "#f2fafc",
         borderColor: "#0098CC"
       }
     },
@@ -1199,7 +1004,7 @@ var landingPageLightTheme = {
       cursor: "pointer",
       "&:hover": {
         color: "#007aa8",
-        bg: "rgba(0, 152, 204, 0.05)"
+        bg: "#f2fafc"
       }
     }
   }
@@ -1245,23 +1050,24 @@ var regalTheme = {
     primary: "#d4a574",
     secondary: "#e0b584",
     accent: "#c9b8a3",
-    highlight: "rgba(212, 165, 116, 0.15)",
+    highlight: "#363338",
     muted: "#8b7968",
     success: "#5c8a72",
     warning: "#d4a574",
     error: "#a85751",
     info: "#d4a574",
-    border: "rgba(212, 165, 116, 0.2)",
+    border: "#3f3a3c",
     backgroundSecondary: "#212738",
     backgroundTertiary: "#2d3446",
-    backgroundLight: "rgba(212, 165, 116, 0.08)",
-    backgroundHover: "rgba(212, 165, 116, 0.15)",
+    backgroundLight: "#292a34",
+    backgroundHover: "#363338",
     surface: "#212738",
     textSecondary: "#c9b8a3",
     textTertiary: "#8b7968",
     textMuted: "#8b7968",
-    highlightBg: "rgba(255, 193, 7, 0.25)",
-    highlightBorder: "rgba(255, 193, 7, 0.5)"
+    highlightBg: "#534724",
+    highlightBorder: "#8c701a",
+    textOnPrimary: "#1a1f2e"
   },
   buttons: {
     primary: {
@@ -1354,52 +1160,53 @@ var terminalTheme = {
   zIndices: [0, 1, 10, 20, 30, 40, 50],
   colors: {
     text: "#e4e4e4",
-    background: "rgba(10, 10, 10, 0.85)",
+    background: "#0a0a0a",
     primary: "#66b3ff",
     secondary: "#80c4ff",
     accent: "#66ff99",
-    highlight: "rgba(102, 179, 255, 0.15)",
-    muted: "rgba(26, 26, 26, 0.8)",
+    highlight: "#18283d",
+    muted: "#1a1a1a",
     success: "#66ff99",
     warning: "#ffcc66",
     error: "#ff6666",
     info: "#66b3ff",
-    border: "rgba(255, 255, 255, 0.1)",
-    backgroundSecondary: "rgba(15, 15, 15, 0.9)",
-    backgroundTertiary: "rgba(20, 20, 20, 0.9)",
-    backgroundLight: "rgba(255, 255, 255, 0.05)",
-    backgroundHover: "rgba(102, 179, 255, 0.08)",
-    surface: "rgba(15, 15, 15, 0.95)",
-    textSecondary: "rgba(255, 255, 255, 0.7)",
-    textTertiary: "rgba(255, 255, 255, 0.5)",
-    textMuted: "rgba(255, 255, 255, 0.4)",
-    highlightBg: "rgba(255, 235, 59, 0.25)",
-    highlightBorder: "rgba(255, 235, 59, 0.5)"
+    border: "#1a1a1a",
+    backgroundSecondary: "#0f0f0f",
+    backgroundTertiary: "#141414",
+    backgroundLight: "#0d0d0d",
+    backgroundHover: "#0d1520",
+    surface: "#0f0f0f",
+    textSecondary: "#b3b3b3",
+    textTertiary: "#808080",
+    textMuted: "#666666",
+    highlightBg: "#40391e",
+    highlightBorder: "#7f7530",
+    textOnPrimary: "#ffffff"
   },
   modes: {
     light: {
       text: "#1a1a1a",
-      background: "rgba(255, 255, 255, 0.9)",
+      background: "#ffffff",
       primary: "#0066cc",
       secondary: "#0052a3",
       accent: "#00cc88",
-      highlight: "rgba(0, 102, 204, 0.08)",
-      muted: "rgba(245, 245, 245, 0.8)",
+      highlight: "#e6f2ff",
+      muted: "#f5f5f5",
       success: "#00cc88",
       warning: "#ffaa00",
       error: "#ff3333",
       info: "#0066cc",
-      border: "rgba(0, 0, 0, 0.1)",
-      backgroundSecondary: "rgba(250, 250, 250, 0.9)",
-      backgroundTertiary: "rgba(245, 245, 245, 0.9)",
-      backgroundLight: "rgba(0, 0, 0, 0.02)",
-      backgroundHover: "rgba(0, 102, 204, 0.04)",
-      surface: "rgba(255, 255, 255, 0.95)",
-      textSecondary: "rgba(0, 0, 0, 0.6)",
-      textTertiary: "rgba(0, 0, 0, 0.4)",
-      textMuted: "rgba(0, 0, 0, 0.3)",
-      highlightBg: "rgba(255, 235, 59, 0.3)",
-      highlightBorder: "rgba(255, 235, 59, 0.6)"
+      border: "#e6e6e6",
+      backgroundSecondary: "#fafafa",
+      backgroundTertiary: "#f5f5f5",
+      backgroundLight: "#fafafa",
+      backgroundHover: "#f5f9fd",
+      surface: "#ffffff",
+      textSecondary: "#666666",
+      textTertiary: "#999999",
+      textMuted: "#b3b3b3",
+      highlightBg: "#fff9c4",
+      highlightBorder: "#fff389"
     }
   },
   buttons: {
@@ -1501,23 +1308,24 @@ var matrixTheme = {
     primary: "#00d835",
     secondary: "#00a828",
     accent: "#00d835",
-    highlight: "rgba(0, 216, 53, 0.15)",
+    highlight: "#002008",
     muted: "#0a0a0a",
     success: "#00d835",
     warning: "#d4a000",
     error: "#d63333",
     info: "#00a8d6",
-    border: "rgba(0, 216, 53, 0.2)",
+    border: "#002b0b",
     backgroundSecondary: "#0a0a0a",
     backgroundTertiary: "#111111",
-    backgroundLight: "rgba(0, 216, 53, 0.03)",
-    backgroundHover: "rgba(0, 216, 53, 0.08)",
+    backgroundLight: "#000602",
+    backgroundHover: "#001104",
     surface: "#050505",
     textSecondary: "#808080",
     textTertiary: "#606060",
     textMuted: "#484848",
-    highlightBg: "rgba(0, 216, 53, 0.25)",
-    highlightBorder: "rgba(0, 216, 53, 0.5)"
+    highlightBg: "#00360d",
+    highlightBorder: "#006c1b",
+    textOnPrimary: "#000000"
   },
   buttons: {
     primary: {
@@ -1618,23 +1426,24 @@ var matrixMinimalTheme = {
     primary: "#b8b8b8",
     secondary: "#909090",
     accent: "#00d835",
-    highlight: "rgba(0, 216, 53, 0.1)",
+    highlight: "#001605",
     muted: "#0a0a0a",
     success: "#00d835",
     warning: "#d4a000",
     error: "#d63333",
     info: "#00a8d6",
-    border: "rgba(184, 184, 184, 0.1)",
+    border: "#121212",
     backgroundSecondary: "#0a0a0a",
     backgroundTertiary: "#111111",
-    backgroundLight: "rgba(184, 184, 184, 0.02)",
-    backgroundHover: "rgba(0, 216, 53, 0.05)",
+    backgroundLight: "#040404",
+    backgroundHover: "#000b03",
     surface: "#050505",
     textSecondary: "#808080",
     textTertiary: "#606060",
     textMuted: "#484848",
-    highlightBg: "rgba(0, 216, 53, 0.2)",
-    highlightBorder: "rgba(0, 216, 53, 0.4)"
+    highlightBg: "#002b0b",
+    highlightBorder: "#005615",
+    textOnPrimary: "#000000"
   },
   buttons: {
     primary: {
@@ -1735,23 +1544,24 @@ var slateTheme = {
     primary: "#d1d5db",
     secondary: "#6b7280",
     accent: "#f59e0b",
-    highlight: "rgba(209, 213, 219, 0.15)",
+    highlight: "#353838",
     muted: "#2d3134",
     success: "#10b981",
     warning: "#f59e0b",
     error: "#ef4444",
     info: "#3b82f6",
-    border: "rgba(156, 163, 175, 0.15)",
+    border: "#2d3034",
     backgroundSecondary: "#22252a",
     backgroundTertiary: "#2d3134",
-    backgroundLight: "rgba(156, 163, 175, 0.05)",
-    backgroundHover: "rgba(156, 163, 175, 0.1)",
+    backgroundLight: "#202325",
+    backgroundHover: "#27292c",
     surface: "#1f2124",
     textSecondary: "#e5e7eb",
     textTertiary: "#6b7280",
     textMuted: "#4b5563",
-    highlightBg: "rgba(245, 158, 11, 0.25)",
-    highlightBorder: "rgba(245, 158, 11, 0.5)"
+    highlightBg: "#513c19",
+    highlightBorder: "#875d14",
+    textOnPrimary: "#1a1c1e"
   },
   buttons: {
     primary: {
@@ -2160,7 +1970,13 @@ var ThemeShowcase = ({
       gridTemplateColumns: "repeat(auto-fill, minmax(200px, 1fr))",
       gap: theme2.space[3]
     }
-  }, ["backgroundSecondary", "backgroundTertiary", "backgroundLight", "backgroundHover", "surface"].map((key) => {
+  }, [
+    "backgroundSecondary",
+    "backgroundTertiary",
+    "backgroundLight",
+    "backgroundHover",
+    "surface"
+  ].map((key) => {
     const color2 = theme2.colors[key];
     if (!color2)
       return null;
@@ -2200,7 +2016,7 @@ var ThemeShowcase = ({
       fontSize: theme2.fontSizes[4],
       marginBottom: theme2.space[2]
     }
-  }, "Heading Font: ", showValues && /* @__PURE__ */ React.createElement("span", {
+  }, "Heading Font:", " ", showValues && /* @__PURE__ */ React.createElement("span", {
     style: {
       fontFamily: theme2.fonts.monospace,
       fontSize: theme2.fontSizes[1],
@@ -2212,7 +2028,7 @@ var ThemeShowcase = ({
       fontSize: theme2.fontSizes[2],
       marginBottom: theme2.space[2]
     }
-  }, "Body Font: ", showValues && /* @__PURE__ */ React.createElement("span", {
+  }, "Body Font:", " ", showValues && /* @__PURE__ */ React.createElement("span", {
     style: {
       fontFamily: theme2.fonts.monospace,
       fontSize: theme2.fontSizes[1],
@@ -2223,7 +2039,7 @@ var ThemeShowcase = ({
       fontFamily: theme2.fonts.monospace,
       fontSize: theme2.fontSizes[2]
     }
-  }, "Monospace Font: ", showValues && /* @__PURE__ */ React.createElement("span", {
+  }, "Monospace Font:", " ", showValues && /* @__PURE__ */ React.createElement("span", {
     style: {
       fontSize: theme2.fontSizes[1],
       color: theme2.colors.textSecondary
@@ -2421,7 +2237,6 @@ const esm$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   getShadow,
   getSpace,
   getZIndex,
-  glassmorphismTheme,
   increaseFontScale,
   landingPageLightTheme,
   landingPageTheme,
@@ -2441,6 +2256,35 @@ const esm$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   useTheme,
   withTheme
 }, Symbol.toStringTag, { value: "Module" }));
+function getDefaultExportFromCjs(x) {
+  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
+}
+function getAugmentedNamespace(n) {
+  if (Object.prototype.hasOwnProperty.call(n, "__esModule")) return n;
+  var f = n.default;
+  if (typeof f == "function") {
+    var a = function a2() {
+      if (this instanceof a2) {
+        return Reflect.construct(f, arguments, this.constructor);
+      }
+      return f.apply(this, arguments);
+    };
+    a.prototype = f.prototype;
+  } else a = {};
+  Object.defineProperty(a, "__esModule", { value: true });
+  Object.keys(n).forEach(function(k) {
+    var d = Object.getOwnPropertyDescriptor(n, k);
+    Object.defineProperty(a, k, d.get ? d : {
+      enumerable: true,
+      get: function() {
+        return n[k];
+      }
+    });
+  });
+  return a;
+}
+var dist$1 = {};
+var ArchitectureMapHighlightLayers = {};
 const require$$7 = /* @__PURE__ */ getAugmentedNamespace(esm$1);
 var cityDataUtils = {};
 var hasRequiredCityDataUtils;
@@ -2726,6 +2570,92 @@ function requireCityDataUtils() {
   return cityDataUtils;
 }
 var drawLayeredBuildings = {};
+var lucideIconConverter = {};
+var hasRequiredLucideIconConverter;
+function requireLucideIconConverter() {
+  if (hasRequiredLucideIconConverter) return lucideIconConverter;
+  hasRequiredLucideIconConverter = 1;
+  Object.defineProperty(lucideIconConverter, "__esModule", { value: true });
+  lucideIconConverter.lucideIconToDataUrl = lucideIconToDataUrl;
+  lucideIconConverter.preloadCommonIcons = preloadCommonIcons;
+  lucideIconConverter.getLucideIconImage = getLucideIconImage;
+  lucideIconConverter.clearIconCache = clearIconCache;
+  lucideIconConverter.getAvailableIcons = getAvailableIcons;
+  const svgCache = /* @__PURE__ */ new Map();
+  const imageCache = /* @__PURE__ */ new Map();
+  const ICON_PATHS = {
+    TestTube: '<path d="M14.5 2v17.5c0 1.4-1.1 2.5-2.5 2.5s-2.5-1.1-2.5-2.5V2"/><path d="M8.5 2h7"/><path d="M14.5 16h-5"/>',
+    FlaskConical: '<path d="M10 2v7.527a2 2 0 0 1-.211.896L4.72 20.55a1 1 0 0 0 .9 1.45h12.76a1 1 0 0 0 .9-1.45l-5.069-10.127A2 2 0 0 1 14 9.527V2"/><path d="M8.5 2h7"/><path d="M7 16h10"/>',
+    FileCode: '<path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="m10 13-2 2 2 2"/><path d="m14 17 2-2-2-2"/>',
+    FileText: '<path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M10 9H8"/><path d="M16 13H8"/><path d="M16 17H8"/>',
+    File: '<path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/>',
+    Folder: '<path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"/>'
+  };
+  function lucideIconToDataUrl(iconName, color2 = "white", size = 24) {
+    const cacheKey = `${iconName}-${color2}-${size}`;
+    if (svgCache.has(cacheKey)) {
+      const cached = svgCache.get(cacheKey);
+      if (cached) {
+        return cached;
+      }
+    }
+    const pathData = ICON_PATHS[iconName];
+    if (!pathData) {
+      console.warn(`[lucideIconConverter] Icon "${iconName}" not found. Available icons:`, Object.keys(ICON_PATHS));
+      return null;
+    }
+    try {
+      const svgString = `<svg xmlns="http://www.w3.org/2000/svg" width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" stroke="${color2}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">${pathData}</svg>`;
+      const encodedSvg = encodeURIComponent(svgString);
+      const dataUrl = `data:image/svg+xml,${encodedSvg}`;
+      svgCache.set(cacheKey, dataUrl);
+      return dataUrl;
+    } catch (error) {
+      console.error(`[lucideIconConverter] Error converting icon "${iconName}":`, error);
+      return null;
+    }
+  }
+  function preloadCommonIcons() {
+    const commonIcons = [
+      "TestTube",
+      "FileCode",
+      "FileText",
+      "File",
+      "Folder",
+      "Image",
+      "Database",
+      "Settings"
+    ];
+    commonIcons.forEach((iconName) => {
+      lucideIconToDataUrl(iconName);
+    });
+  }
+  function getLucideIconImage(iconName, color2 = "white", size = 24) {
+    const cacheKey = `${iconName}-${color2}-${size}`;
+    if (imageCache.has(cacheKey)) {
+      const cached = imageCache.get(cacheKey);
+      if (cached) {
+        return cached;
+      }
+    }
+    const dataUrl = lucideIconToDataUrl(iconName, color2, size);
+    if (!dataUrl) {
+      return null;
+    }
+    const img = new Image();
+    img.src = dataUrl;
+    imageCache.set(cacheKey, img);
+    return img;
+  }
+  function clearIconCache() {
+    svgCache.clear();
+    imageCache.clear();
+  }
+  function getAvailableIcons() {
+    return Object.keys(ICON_PATHS);
+  }
+  return lucideIconConverter;
+}
 var hasRequiredDrawLayeredBuildings;
 function requireDrawLayeredBuildings() {
   if (hasRequiredDrawLayeredBuildings) return drawLayeredBuildings;
@@ -2735,6 +2665,7 @@ function requireDrawLayeredBuildings() {
   drawLayeredBuildings.drawGrid = drawGrid;
   drawLayeredBuildings.drawLayeredDistricts = drawLayeredDistricts;
   drawLayeredBuildings.drawLayeredBuildings = drawLayeredBuildings$1;
+  const lucideIconConverter_1 = requireLucideIconConverter();
   class LayerIndex {
     constructor(layers) {
       this.exactIndex = /* @__PURE__ */ new Map();
@@ -2959,15 +2890,18 @@ function requireDrawLayeredBuildings() {
     ctx.globalAlpha = coverOptions.opacity || 0.8;
     ctx.fillRect(bounds.x, bounds.y, bounds.width, bounds.height);
     ctx.globalAlpha = 1;
-    if (coverOptions.image) {
-      const img = new Image();
-      img.onload = () => {
-        const imageSize = coverOptions.iconSize || Math.min(bounds.width, bounds.height) * 0.4;
-        const imageX = bounds.x + bounds.width / 2 - imageSize / 2;
-        const imageY = coverOptions.text ? bounds.y + bounds.height * 0.25 : bounds.y + bounds.height / 2 - imageSize / 2;
-        ctx.drawImage(img, imageX, imageY, imageSize, imageSize);
-      };
+    let img = null;
+    if (coverOptions.lucideIcon) {
+      img = (0, lucideIconConverter_1.getLucideIconImage)(coverOptions.lucideIcon, "#ffffff", coverOptions.iconSize || 24);
+    } else if (coverOptions.image) {
+      img = new Image();
       img.src = coverOptions.image;
+    }
+    if (img) {
+      const imageSize = coverOptions.iconSize || Math.min(bounds.width, bounds.height) * 0.4;
+      const imageX = bounds.x + bounds.width / 2 - imageSize / 2;
+      const imageY = coverOptions.text ? bounds.y + bounds.height * 0.25 : bounds.y + bounds.height / 2 - imageSize / 2;
+      ctx.drawImage(img, imageX, imageY, imageSize, imageSize);
     } else if (coverOptions.icon) {
       const iconSize = coverOptions.iconSize || Math.min(bounds.width, bounds.height) * 0.3;
       ctx.font = `${iconSize}px Arial`;
@@ -3259,7 +3193,8 @@ function requireDrawLayeredBuildings() {
           ctx.strokeRect(bounds.x - 1, bounds.y - 1, bounds.width + 2, bounds.height + 2);
         }
       }
-      if (showFileTypeIcons && isReactFile(building.fileExtension)) {
+      const isTestFile = building.path.includes(".test.") || building.path.includes(".spec.");
+      if (showFileTypeIcons && isReactFile(building.fileExtension) && !isTestFile) {
         const reactSize = Math.min(width, height) * 0.75;
         const reactX = pos.x;
         const reactY = pos.y;
@@ -4434,260 +4369,14 @@ ${projectInfo.currentBranch}`;
     const scale = Math.min(scaleX, scaleZ);
     const scaledCityWidth = cityDepth * scale;
     const scaledCityHeight = cityWidth * scale;
-    const offsetX = (width - scaledCityWidth) / 2;
-    const offsetZ = (height - scaledCityHeight) / 2;
-    return { scale, offsetX, offsetZ };
-  }
-  ArchitectureMapHighlightLayers.ArchitectureMapHighlightLayers = ArchitectureMapHighlightLayersInner;
-  return ArchitectureMapHighlightLayers;
-}
-var fileColorHighlightLayers = {};
-const version = "1.0.0";
-const description = "Git Gallery file color palette configuration";
-const lastUpdated = "2025-01-26";
-const suffixConfigs = /* @__PURE__ */ JSON.parse(`{".ts":{"primary":{"color":"#007ACC","renderStrategy":"fill","opacity":1},"displayName":"TypeScript","description":"TypeScript source files","category":"Frontend","source":"https://www.typescriptlang.org/branding/"},".tsx":{"primary":{"color":"#007ACC","renderStrategy":"fill","opacity":1},"secondary":{"color":"#61DBFB","renderStrategy":"border","opacity":0.6},"displayName":"TSX","description":"TypeScript React components","category":"Frontend"},".js":{"primary":{"color":"#f1e05a","renderStrategy":"fill","opacity":1},"displayName":"JavaScript","description":"JavaScript source files","category":"Frontend"},".jsx":{"primary":{"color":"#61dafb","renderStrategy":"fill","opacity":1},"secondary":{"color":"#f1e05a","renderStrategy":"border","opacity":0.4},"displayName":"JSX","description":"JavaScript React components","category":"Frontend"},".html":{"primary":{"color":"#e34c26","renderStrategy":"fill","opacity":1},"displayName":"HTML","description":"HyperText Markup Language","category":"Web"},".css":{"primary":{"color":"#563d7c","renderStrategy":"fill","opacity":1},"secondary":{"color":"#ffffff","renderStrategy":"border","borderWidth":1,"opacity":1},"displayName":"CSS","description":"Cascading Style Sheets","category":"Web"},".scss":{"primary":{"color":"#c6538c","renderStrategy":"fill","opacity":1},"displayName":"SCSS","description":"Sassy CSS","category":"Web"},".sass":{"primary":{"color":"#c6538c","renderStrategy":"fill","opacity":1},"displayName":"Sass","description":"Syntactically Awesome Style Sheets","category":"Web"},".less":{"primary":{"color":"#1d365d","renderStrategy":"fill","opacity":1},"displayName":"Less","description":"Leaner Style Sheets","category":"Web"},".json":{"primary":{"color":"#ffd93d","renderStrategy":"fill","opacity":1},"secondary":{"color":"#ff8c00","renderStrategy":"border","borderWidth":1,"opacity":1},"displayName":"JSON","description":"JavaScript Object Notation","category":"Data"},".yaml":{"primary":{"color":"#cb171e","renderStrategy":"fill","opacity":1},"displayName":"YAML","description":"YAML Ain't Markup Language","category":"Config"},".yml":{"primary":{"color":"#cb171e","renderStrategy":"fill","opacity":1},"displayName":"YML","description":"YAML Ain't Markup Language","category":"Config"},".xml":{"primary":{"color":"#ff6600","renderStrategy":"fill","opacity":1},"displayName":"XML","description":"eXtensible Markup Language","category":"Data"},".toml":{"primary":{"color":"#9c4221","renderStrategy":"fill","opacity":1},"displayName":"TOML","description":"Tom's Obvious, Minimal Language","category":"Config"},".md":{"primary":{"color":"#083fa1","renderStrategy":"fill","opacity":1},"secondary":{"color":"#ffffff","renderStrategy":"border","opacity":0.3},"displayName":"Markdown","description":"Markdown documentation","category":"Documentation"},".mdx":{"primary":{"color":"#fcb32c","renderStrategy":"fill","opacity":1},"secondary":{"color":"#083fa1","renderStrategy":"glow","opacity":0.4},"displayName":"MDX","description":"Markdown with JSX","category":"Documentation"},".py":{"primary":{"color":"#3572A5","renderStrategy":"fill","opacity":0.8},"secondary":{"color":"#ffd43b","renderStrategy":"border","borderWidth":2,"opacity":0.9},"displayName":"Python","description":"Python source files","category":"Backend"},".java":{"primary":{"color":"#b07219","renderStrategy":"fill","opacity":1},"displayName":"Java","description":"Java source files","category":"Backend"},".go":{"primary":{"color":"#00ADD8","renderStrategy":"fill","opacity":0.8},"secondary":{"color":"#ffffff","renderStrategy":"glow","opacity":0.5},"displayName":"Go","description":"Go source files","category":"Backend"},".rs":{"primary":{"color":"#dea584","renderStrategy":"fill","opacity":0.8},"secondary":{"color":"#ce422b","renderStrategy":"border","borderWidth":2,"opacity":1},"displayName":"Rust","description":"Rust source files","category":"Backend"},".php":{"primary":{"color":"#4F5D95","renderStrategy":"fill","opacity":1},"displayName":"PHP","description":"PHP source files","category":"Backend"},".rb":{"primary":{"color":"#701516","renderStrategy":"fill","opacity":1},"secondary":{"color":"#ff0000","renderStrategy":"glow","opacity":0.3},"displayName":"Ruby","description":"Ruby source files","category":"Backend"},".swift":{"primary":{"color":"#fa7343","renderStrategy":"fill","opacity":0.8},"displayName":"Swift","description":"Swift source files","category":"Mobile"},".c":{"primary":{"color":"#555555","renderStrategy":"fill","opacity":0.8},"secondary":{"color":"#ffffff","renderStrategy":"border","borderWidth":1,"opacity":0.9},"displayName":"C","description":"C source files","category":"Systems"},".cpp":{"primary":{"color":"#f34b7d","renderStrategy":"fill","opacity":0.8},"displayName":"C++","description":"C++ source files","category":"Systems"},".cs":{"primary":{"color":"#178600","renderStrategy":"fill","opacity":1},"displayName":"C#","description":"C# source files","category":"Backend"},".kt":{"primary":{"color":"#A97BFF","renderStrategy":"fill","opacity":0.8},"secondary":{"color":"#7f39fb","renderStrategy":"glow","opacity":0.4},"displayName":"Kotlin","description":"Kotlin source files","category":"Mobile"},".sh":{"primary":{"color":"#89e051","renderStrategy":"fill","opacity":1},"displayName":"Shell","description":"Shell scripts","category":"Scripts"},".bash":{"primary":{"color":"#89e051","renderStrategy":"fill","opacity":0.8},"displayName":"Bash","description":"Bash scripts","category":"Scripts"},".zsh":{"primary":{"color":"#89e051","renderStrategy":"fill","opacity":0.8},"displayName":"Zsh","description":"Z shell scripts","category":"Scripts"},".fish":{"primary":{"color":"#89e051","renderStrategy":"fill","opacity":0.8},"displayName":"Fish","description":"Fish shell scripts","category":"Scripts"},".ps1":{"primary":{"color":"#012456","renderStrategy":"fill","opacity":1},"secondary":{"color":"#ffffff","renderStrategy":"border","borderWidth":1,"opacity":0.9},"displayName":"PowerShell","description":"PowerShell scripts","category":"Scripts"},".sql":{"primary":{"color":"#e38c00","renderStrategy":"fill","opacity":0.8},"secondary":{"color":"#ffffff","renderStrategy":"border","opacity":0.4},"displayName":"SQL","description":"Structured Query Language","category":"Database"},".svg":{"primary":{"color":"#ffb13b","renderStrategy":"fill","opacity":0.8},"secondary":{"color":"#ff8c00","renderStrategy":"glow","opacity":0.5},"displayName":"SVG","description":"Scalable Vector Graphics","category":"Images"},".png":{"primary":{"color":"#00b4d8","renderStrategy":"fill","opacity":0.8},"displayName":"PNG","description":"Portable Network Graphics","category":"Images"},".jpg":{"primary":{"color":"#00b4d8","renderStrategy":"fill","opacity":0.8},"displayName":"JPEG","description":"Joint Photographic Experts Group","category":"Images"},".jpeg":{"primary":{"color":"#00b4d8","renderStrategy":"fill","opacity":0.8},"displayName":"JPEG","description":"Joint Photographic Experts Group","category":"Images"},".gif":{"primary":{"color":"#00b4d8","renderStrategy":"fill","opacity":0.8},"displayName":"GIF","description":"Graphics Interchange Format","category":"Images"},".webp":{"primary":{"color":"#00b4d8","renderStrategy":"fill","opacity":0.8},"displayName":"WebP","description":"Web Picture format","category":"Images"},".vue":{"primary":{"color":"#41b883","renderStrategy":"fill","opacity":0.8},"secondary":{"color":"#35495e","renderStrategy":"border","borderWidth":2,"opacity":1},"displayName":"Vue","description":"Vue.js components","category":"Frontend"},".svelte":{"primary":{"color":"#ff3e00","renderStrategy":"fill","opacity":0.8},"secondary":{"color":"#ffffff","renderStrategy":"glow","opacity":0.6},"displayName":"Svelte","description":"Svelte components","category":"Frontend"},".dart":{"primary":{"color":"#0175c2","renderStrategy":"fill","opacity":0.8},"displayName":"Dart","description":"Dart source files","category":"Mobile"},".r":{"primary":{"color":"#198ce7","renderStrategy":"fill","opacity":0.8},"displayName":"R","description":"R statistical computing","category":"Analytics"},".lua":{"primary":{"color":"#000080","renderStrategy":"fill","opacity":0.8},"secondary":{"color":"#ffffff","renderStrategy":"border","borderWidth":1,"opacity":0.9},"displayName":"Lua","description":"Lua source files","category":"Scripts"},".vim":{"primary":{"color":"#019733","renderStrategy":"fill","opacity":0.8},"displayName":"Vim","description":"Vim configuration","category":"Config"},".canvas":{"primary":{"color":"#7c3aed","renderStrategy":"fill","opacity":0.8},"secondary":{"color":"#a78bfa","renderStrategy":"glow","opacity":0.5},"displayName":"Canvas","description":"Visual canvas files","category":"Data"},".lock":{"primary":{"color":"#6b7280","renderStrategy":"fill","opacity":0.7},"secondary":{"color":"#9ca3af","renderStrategy":"border","borderWidth":1,"opacity":0.8},"displayName":"Lock","description":"Lock files for dependency management","category":"Config"},".gitignore":{"primary":{"color":"#f05032","renderStrategy":"fill","opacity":0.7},"displayName":"Git Ignore","description":"Git ignore patterns","category":"Config"},".dockerignore":{"primary":{"color":"#2496ed","renderStrategy":"fill","opacity":0.7},"displayName":"Docker Ignore","description":"Docker ignore patterns","category":"Config"},".npmignore":{"primary":{"color":"#cb3837","renderStrategy":"fill","opacity":0.7},"displayName":"NPM Ignore","description":"NPM ignore patterns","category":"Config"},".eslintignore":{"primary":{"color":"#4b32c3","renderStrategy":"fill","opacity":0.7},"displayName":"ESLint Ignore","description":"ESLint ignore patterns","category":"Config"},".prettierignore":{"primary":{"color":"#56b3b4","renderStrategy":"fill","opacity":0.7},"displayName":"Prettier Ignore","description":"Prettier ignore patterns","category":"Config"},".bashrc":{"primary":{"color":"#89e051","renderStrategy":"fill","opacity":0.7},"displayName":"Bash RC","description":"Bash run commands","category":"Config"},".zshrc":{"primary":{"color":"#89e051","renderStrategy":"fill","opacity":0.7},"displayName":"Zsh RC","description":"Zsh run commands","category":"Config"},".vimrc":{"primary":{"color":"#019733","renderStrategy":"fill","opacity":0.7},"displayName":"Vim RC","description":"Vim run commands","category":"Config"},".npmrc":{"primary":{"color":"#cb3837","renderStrategy":"fill","opacity":0.7},"displayName":"NPM RC","description":"NPM configuration","category":"Config"},".eslintrc":{"primary":{"color":"#4b32c3","renderStrategy":"fill","opacity":0.7},"displayName":"ESLint RC","description":"ESLint configuration","category":"Config"},".prettierrc":{"primary":{"color":"#56b3b4","renderStrategy":"fill","opacity":0.7},"displayName":"Prettier RC","description":"Prettier configuration","category":"Config"},".babelrc":{"primary":{"color":"#f5da55","renderStrategy":"fill","opacity":0.7},"displayName":"Babel RC","description":"Babel configuration","category":"Config"},"LICENSE":{"primary":{"color":"#d4af37","renderStrategy":"fill","opacity":0.8},"secondary":{"color":"#ffd700","renderStrategy":"border","borderWidth":1,"opacity":0.9},"displayName":"License","description":"License file","category":"Documentation"},".txt":{"primary":{"color":"#6b7280","renderStrategy":"fill","opacity":0.8},"secondary":{"color":"#9ca3af","renderStrategy":"border","borderWidth":1,"opacity":0.7},"displayName":"Text","description":"Plain text files","category":"Documentation"},".scm":{"primary":{"color":"#6e56cf","renderStrategy":"fill","opacity":0.8},"secondary":{"color":"#9e8cfc","renderStrategy":"border","borderWidth":1,"opacity":0.7},"displayName":"Scheme","description":"Scheme/Tree-sitter query files","category":"Scripts"},".zig":{"primary":{"color":"#F7A41D","renderStrategy":"fill","opacity":0.8},"secondary":{"color":"#ffffff","renderStrategy":"border","borderWidth":1,"opacity":0.7},"displayName":"Zig","description":"Zig source files","category":"Systems"},".zon":{"primary":{"color":"#F7A41D","renderStrategy":"fill","opacity":0.7},"secondary":{"color":"#ffd43b","renderStrategy":"border","borderWidth":1,"opacity":0.6},"displayName":"Zon","description":"Zig Object Notation","category":"Config"},".nix":{"primary":{"color":"#7ebae4","renderStrategy":"fill","opacity":0.8},"secondary":{"color":"#5277c3","renderStrategy":"border","borderWidth":1,"opacity":0.7},"displayName":"Nix","description":"Nix expression language","category":"Config"},".h":{"primary":{"color":"#a074c4","renderStrategy":"fill","opacity":0.8},"secondary":{"color":"#ffffff","renderStrategy":"border","borderWidth":1,"opacity":0.6},"displayName":"Header","description":"C/C++ header files","category":"Systems"},".po":{"primary":{"color":"#2e7d32","renderStrategy":"fill","opacity":0.7},"displayName":"Gettext","description":"Gettext translation files","category":"Data"},".pot":{"primary":{"color":"#2e7d32","renderStrategy":"fill","opacity":0.7},"displayName":"Gettext Template","description":"Gettext translation template","category":"Data"},".blp":{"primary":{"color":"#3584e4","renderStrategy":"fill","opacity":0.8},"displayName":"Blueprint","description":"GTK Blueprint UI files","category":"Frontend"},".glsl":{"primary":{"color":"#5686a5","renderStrategy":"fill","opacity":0.8},"secondary":{"color":"#8bc9f0","renderStrategy":"glow","opacity":0.4},"displayName":"GLSL","description":"OpenGL Shading Language","category":"Graphics"},".metal":{"primary":{"color":"#8c8c8c","renderStrategy":"fill","opacity":0.8},"secondary":{"color":"#c0c0c0","renderStrategy":"glow","opacity":0.5},"displayName":"Metal","description":"Apple Metal shaders","category":"Graphics"},".ttf":{"primary":{"color":"#e84393","renderStrategy":"fill","opacity":0.7},"displayName":"TrueType","description":"TrueType font files","category":"Assets"},".otf":{"primary":{"color":"#e84393","renderStrategy":"fill","opacity":0.7},"displayName":"OpenType","description":"OpenType font files","category":"Assets"},".woff":{"primary":{"color":"#e84393","renderStrategy":"fill","opacity":0.7},"displayName":"WOFF","description":"Web Open Font Format","category":"Assets"},".woff2":{"primary":{"color":"#e84393","renderStrategy":"fill","opacity":0.7},"displayName":"WOFF2","description":"Web Open Font Format 2","category":"Assets"},".xib":{"primary":{"color":"#147efb","renderStrategy":"fill","opacity":0.8},"displayName":"XIB","description":"Xcode Interface Builder","category":"Frontend"},".plist":{"primary":{"color":"#8e8e93","renderStrategy":"fill","opacity":0.7},"displayName":"Plist","description":"Apple Property List","category":"Config"},".entitlements":{"primary":{"color":"#ff9500","renderStrategy":"fill","opacity":0.7},"displayName":"Entitlements","description":"macOS entitlements","category":"Config"},".m":{"primary":{"color":"#438eff","renderStrategy":"fill","opacity":0.8},"displayName":"Objective-C","description":"Objective-C source files","category":"Mobile"},".mm":{"primary":{"color":"#438eff","renderStrategy":"fill","opacity":0.8},"secondary":{"color":"#f34b7d","renderStrategy":"border","borderWidth":1,"opacity":0.7},"displayName":"Objective-C++","description":"Objective-C++ source files","category":"Mobile"},".nu":{"primary":{"color":"#3aa675","renderStrategy":"fill","opacity":0.8},"displayName":"Nushell","description":"Nushell scripts","category":"Scripts"},".snap":{"primary":{"color":"#9d4edd","renderStrategy":"fill","opacity":0.8},"secondary":{"color":"#c77dff","renderStrategy":"border","borderWidth":1,"opacity":0.7},"displayName":"Snapshot","description":"Jest snapshot files","category":"Testing"}}`);
-const defaultConfig = { "primary": { "color": "#8b949e", "renderStrategy": "fill", "opacity": 0.6 }, "displayName": "Other", "description": "Unrecognized file types", "category": "Other" };
-const includeUnmatched = true;
-const require$$0 = {
-  version,
-  description,
-  lastUpdated,
-  suffixConfigs,
-  defaultConfig,
-  includeUnmatched
-};
-var hasRequiredFileColorHighlightLayers;
-function requireFileColorHighlightLayers() {
-  if (hasRequiredFileColorHighlightLayers) return fileColorHighlightLayers;
-  hasRequiredFileColorHighlightLayers = 1;
-  var __importDefault = fileColorHighlightLayers && fileColorHighlightLayers.__importDefault || function(mod) {
-    return mod && mod.__esModule ? mod : { "default": mod };
-  };
-  Object.defineProperty(fileColorHighlightLayers, "__esModule", { value: true });
-  fileColorHighlightLayers.createFileColorHighlightLayers = createFileColorHighlightLayers;
-  fileColorHighlightLayers.getDefaultFileColorConfig = getDefaultFileColorConfig;
-  fileColorHighlightLayers.getFileColorMapping = getFileColorMapping;
-  const files_json_1 = __importDefault(require$$0);
-  function createFileColorHighlightLayers(files, config) {
-    if (!files || files.length === 0) {
-      return [];
-    }
-    const colorConfig = config || files_json_1.default;
-    const { suffixConfigs: suffixConfigs2, defaultConfig: defaultFileConfig, includeUnmatched: includeUnmatched2 = true } = colorConfig;
-    if (!suffixConfigs2 || typeof suffixConfigs2 !== "object") {
-      console.error("[FileColorHighlightLayers] Invalid suffixConfigs structure");
-      return [];
-    }
-    const filesBySuffix = /* @__PURE__ */ new Map();
-    const unmatchedFilesBySuffix = /* @__PURE__ */ new Map();
-    const noExtensionFiles = [];
-    files.forEach((file) => {
-      const filePath = file.path;
-      const lastSlash = filePath.lastIndexOf("/");
-      const fileName = lastSlash === -1 ? filePath : filePath.substring(lastSlash + 1);
-      const lastDot = fileName.lastIndexOf(".");
-      if (suffixConfigs2[fileName]) {
-        if (!filesBySuffix.has(fileName)) {
-          filesBySuffix.set(fileName, []);
-        }
-        const fileNameFiles = filesBySuffix.get(fileName);
-        if (fileNameFiles) {
-          fileNameFiles.push(filePath);
-        }
-        return;
-      }
-      if (lastDot === -1 || lastDot === fileName.length - 1) {
-        if (includeUnmatched2) {
-          noExtensionFiles.push(filePath);
-        }
-        return;
-      }
-      const extension = fileName.substring(lastDot).toLowerCase();
-      if (suffixConfigs2[extension]) {
-        if (!filesBySuffix.has(extension)) {
-          filesBySuffix.set(extension, []);
-        }
-        const extFiles = filesBySuffix.get(extension);
-        if (extFiles) {
-          extFiles.push(filePath);
-        }
-      } else if (includeUnmatched2) {
-        if (!unmatchedFilesBySuffix.has(extension)) {
-          unmatchedFilesBySuffix.set(extension, []);
-        }
-        const unmatchedExtFiles = unmatchedFilesBySuffix.get(extension);
-        if (unmatchedExtFiles) {
-          unmatchedExtFiles.push(filePath);
-        }
-      }
-    });
-    const layers = [];
-    const sortedSuffixes = Array.from(filesBySuffix.entries()).sort(([, filesA], [, filesB]) => filesB.length - filesA.length);
-    let basePriority = 1;
-    sortedSuffixes.forEach(([suffix, files2]) => {
-      const suffixConfig = suffixConfigs2[suffix];
-      const extensionName = suffix.startsWith(".") ? suffix.substring(1) : suffix;
-      const primaryLayer = {
-        id: `ext-${extensionName}-primary`,
-        name: suffixConfig.displayName || extensionName.toUpperCase(),
-        color: suffixConfig.primary.color,
-        enabled: true,
-        opacity: suffixConfig.primary.opacity ?? 1,
-        priority: suffixConfig.primary.priority ?? basePriority,
-        items: files2.map((path) => ({
-          path,
-          type: "file",
-          renderStrategy: suffixConfig.primary.renderStrategy,
-          ...suffixConfig.primary.coverOptions && {
-            coverOptions: suffixConfig.primary.coverOptions
-          },
-          ...suffixConfig.primary.customRender && {
-            customRender: suffixConfig.primary.customRender
-          }
-        }))
-      };
-      if (suffixConfig.primary.borderWidth) {
-        primaryLayer.borderWidth = suffixConfig.primary.borderWidth;
-      }
-      layers.push(primaryLayer);
-      if (suffixConfig.secondary) {
-        const secondary = suffixConfig.secondary;
-        const secondaryLayer = {
-          id: `ext-${extensionName}-secondary`,
-          name: `${suffixConfig.displayName || extensionName.toUpperCase()} Secondary`,
-          color: secondary.color,
-          enabled: true,
-          opacity: secondary.opacity ?? 1,
-          priority: secondary.priority ?? basePriority + 100,
-          // Higher priority by default
-          items: files2.map((path) => ({
-            path,
-            type: "file",
-            renderStrategy: secondary.renderStrategy,
-            ...secondary.coverOptions && { coverOptions: secondary.coverOptions },
-            ...secondary.customRender && { customRender: secondary.customRender }
-          }))
-        };
-        if (secondary.borderWidth) {
-          secondaryLayer.borderWidth = secondary.borderWidth;
-        }
-        layers.push(secondaryLayer);
-      }
-      basePriority += 2;
-    });
-    if (includeUnmatched2 && defaultFileConfig) {
-      const sortedUnmatchedSuffixes = Array.from(unmatchedFilesBySuffix.entries()).sort(([, filesA], [, filesB]) => filesB.length - filesA.length);
-      sortedUnmatchedSuffixes.forEach(([suffix, files2]) => {
-        const extensionName = suffix.startsWith(".") ? suffix.substring(1) : suffix;
-        const unmatchedLayer = {
-          id: `ext-${extensionName}-primary`,
-          name: extensionName.toUpperCase(),
-          color: defaultFileConfig.primary.color,
-          enabled: true,
-          opacity: defaultFileConfig.primary.opacity ?? 1,
-          priority: defaultFileConfig.primary.priority ?? basePriority,
-          items: files2.map((path) => ({
-            path,
-            type: "file",
-            renderStrategy: defaultFileConfig.primary.renderStrategy,
-            ...defaultFileConfig.primary.coverOptions && {
-              coverOptions: defaultFileConfig.primary.coverOptions
-            },
-            ...defaultFileConfig.primary.customRender && {
-              customRender: defaultFileConfig.primary.customRender
-            }
-          }))
-        };
-        if (defaultFileConfig.primary.borderWidth) {
-          unmatchedLayer.borderWidth = defaultFileConfig.primary.borderWidth;
-        }
-        layers.push(unmatchedLayer);
-        if (defaultFileConfig.secondary) {
-          const secondary = defaultFileConfig.secondary;
-          const unmatchedSecondaryLayer = {
-            id: `ext-${extensionName}-secondary`,
-            name: `${extensionName.toUpperCase()} Secondary`,
-            color: secondary.color,
-            enabled: true,
-            opacity: secondary.opacity ?? 1,
-            priority: secondary.priority ?? basePriority + 100,
-            items: files2.map((path) => ({
-              path,
-              type: "file",
-              renderStrategy: secondary.renderStrategy,
-              ...secondary.coverOptions && { coverOptions: secondary.coverOptions },
-              ...secondary.customRender && { customRender: secondary.customRender }
-            }))
-          };
-          if (secondary.borderWidth) {
-            unmatchedSecondaryLayer.borderWidth = secondary.borderWidth;
-          }
-          layers.push(unmatchedSecondaryLayer);
-        }
-        basePriority += 2;
-      });
-      if (noExtensionFiles.length > 0) {
-        const noExtLayer = {
-          id: "other-files-primary",
-          name: "OTHER",
-          color: defaultFileConfig.primary.color,
-          enabled: true,
-          opacity: defaultFileConfig.primary.opacity ?? 1,
-          priority: defaultFileConfig.primary.priority ?? basePriority,
-          items: noExtensionFiles.map((path) => ({
-            path,
-            type: "file",
-            renderStrategy: defaultFileConfig.primary.renderStrategy,
-            ...defaultFileConfig.primary.coverOptions && {
-              coverOptions: defaultFileConfig.primary.coverOptions
-            },
-            ...defaultFileConfig.primary.customRender && {
-              customRender: defaultFileConfig.primary.customRender
-            }
-          }))
-        };
-        if (defaultFileConfig.primary.borderWidth) {
-          noExtLayer.borderWidth = defaultFileConfig.primary.borderWidth;
-        }
-        layers.push(noExtLayer);
-        if (defaultFileConfig.secondary) {
-          const secondary = defaultFileConfig.secondary;
-          const noExtSecondaryLayer = {
-            id: "other-files-secondary",
-            name: "OTHER Secondary",
-            color: secondary.color,
-            enabled: true,
-            opacity: secondary.opacity ?? 1,
-            priority: secondary.priority ?? basePriority + 100,
-            items: noExtensionFiles.map((path) => ({
-              path,
-              type: "file",
-              renderStrategy: secondary.renderStrategy,
-              ...secondary.coverOptions && { coverOptions: secondary.coverOptions },
-              ...secondary.customRender && { customRender: secondary.customRender }
-            }))
-          };
-          if (secondary.borderWidth) {
-            noExtSecondaryLayer.borderWidth = secondary.borderWidth;
-          }
-          layers.push(noExtSecondaryLayer);
-        }
-      }
-    }
-    return layers;
-  }
-  function getDefaultFileColorConfig() {
-    return files_json_1.default;
-  }
-  function getFileColorMapping(config) {
-    const colorConfig = config || files_json_1.default;
-    return Object.entries(colorConfig.suffixConfigs).reduce((acc, [extension, suffixConfig]) => {
-      acc[extension] = suffixConfig.primary.color;
-      return acc;
-    }, {});
+    const offsetX = (width - scaledCityWidth) / 2;
+    const offsetZ = (height - scaledCityHeight) / 2;
+    return { scale, offsetX, offsetZ };
   }
-  return fileColorHighlightLayers;
+  ArchitectureMapHighlightLayers.ArchitectureMapHighlightLayers = ArchitectureMapHighlightLayersInner;
+  return ArchitectureMapHighlightLayers;
 }
+var fileColorHighlightLayers = {};
 function count(node) {
   var sum = 0, children2 = node.children, i = children2 && children2.length;
   if (!i) sum = 1;
@@ -5596,7 +5285,7 @@ class CodeCityBuilderWithGrid {
         gridLayout: void 0
         // Prevent recursion
       };
-      const cellCity = this.buildSingleCellCity(cellTree, rootPath, cellOptions);
+      const cellCity = this.buildSingleCellCity(cellTree, rootPath, cellOptions, cellBounds.width, cellBounds.height);
       cellCity.buildings.forEach((building) => {
         building.position.x += cellBounds.x;
         building.position.z += cellBounds.y;
@@ -5673,19 +5362,29 @@ class CodeCityBuilderWithGrid {
    *
    * Results are cached based on file tree identity and layout options.
    * Cache hits skip the expensive D3 treemap computation entirely.
+   *
+   * @param explicitWidth - Optional explicit width to use instead of calculating
+   * @param explicitHeight - Optional explicit height to use instead of calculating
    */
-  buildSingleCellCity(fileSystemTree, rootPath = "", options = {}) {
+  buildSingleCellCity(fileSystemTree, rootPath = "", options = {}, explicitWidth, explicitHeight) {
     const cacheKey = this.generateCacheKey(fileSystemTree, rootPath, options);
     const cached = this.getCached(cacheKey);
     if (cached) {
       return cached;
     }
     const { padding = 4, paddingOuter = 8, paddingTop = 20, paddingBottom = 20, paddingLeft = 4, paddingRight = 4, paddingInner = 4, round = true, tile = treemapSquarify } = options;
-    const totalFiles = fileSystemTree.stats.totalFiles;
-    const totalDirectories = fileSystemTree.stats.totalDirectories;
-    const sizeResult = this.calculateOptimalSize(totalFiles, totalDirectories, options);
-    const width = sizeResult.width;
-    const height = sizeResult.height;
+    let width;
+    let height;
+    if (explicitWidth !== void 0 && explicitHeight !== void 0) {
+      width = explicitWidth;
+      height = explicitHeight;
+    } else {
+      const totalFiles = fileSystemTree.stats.totalFiles;
+      const totalDirectories = fileSystemTree.stats.totalDirectories;
+      const sizeResult = this.calculateOptimalSize(totalFiles, totalDirectories, options);
+      width = sizeResult.width;
+      height = sizeResult.height;
+    }
     const buildings = [];
     const districts = [];
     const hierarchyData = this.convertToD3Hierarchy(fileSystemTree.root);
@@ -6275,6 +5974,20 @@ const CommonSorts = {
     return a.lastModified.getTime() - b.lastModified.getTime();
   }
 };
+const version = "1.0.0";
+const description = "Git Gallery file color palette configuration";
+const lastUpdated = "2025-01-26";
+const suffixConfigs = /* @__PURE__ */ JSON.parse(`{".ts":{"primary":{"color":"#007ACC","renderStrategy":"fill","opacity":1},"displayName":"TypeScript","description":"TypeScript source files","category":"Frontend","source":"https://www.typescriptlang.org/branding/"},".tsx":{"primary":{"color":"#007ACC","renderStrategy":"fill","opacity":1},"secondary":{"color":"#61DBFB","renderStrategy":"border","opacity":0.6},"displayName":"TSX","description":"TypeScript React components","category":"Frontend"},".js":{"primary":{"color":"#f1e05a","renderStrategy":"fill","opacity":1},"displayName":"JavaScript","description":"JavaScript source files","category":"Frontend"},".jsx":{"primary":{"color":"#61dafb","renderStrategy":"fill","opacity":1},"secondary":{"color":"#f1e05a","renderStrategy":"border","opacity":0.4},"displayName":"JSX","description":"JavaScript React components","category":"Frontend"},".html":{"primary":{"color":"#e34c26","renderStrategy":"fill","opacity":1},"displayName":"HTML","description":"HyperText Markup Language","category":"Web"},".css":{"primary":{"color":"#563d7c","renderStrategy":"fill","opacity":1},"secondary":{"color":"#ffffff","renderStrategy":"border","borderWidth":1,"opacity":1},"displayName":"CSS","description":"Cascading Style Sheets","category":"Web"},".scss":{"primary":{"color":"#c6538c","renderStrategy":"fill","opacity":1},"displayName":"SCSS","description":"Sassy CSS","category":"Web"},".sass":{"primary":{"color":"#c6538c","renderStrategy":"fill","opacity":1},"displayName":"Sass","description":"Syntactically Awesome Style Sheets","category":"Web"},".less":{"primary":{"color":"#1d365d","renderStrategy":"fill","opacity":1},"displayName":"Less","description":"Leaner Style Sheets","category":"Web"},".json":{"primary":{"color":"#ffd93d","renderStrategy":"fill","opacity":1},"secondary":{"color":"#ff8c00","renderStrategy":"border","borderWidth":1,"opacity":1},"displayName":"JSON","description":"JavaScript Object Notation","category":"Data"},".yaml":{"primary":{"color":"#cb171e","renderStrategy":"fill","opacity":1},"displayName":"YAML","description":"YAML Ain't Markup Language","category":"Config"},".yml":{"primary":{"color":"#cb171e","renderStrategy":"fill","opacity":1},"displayName":"YML","description":"YAML Ain't Markup Language","category":"Config"},".xml":{"primary":{"color":"#ff6600","renderStrategy":"fill","opacity":1},"displayName":"XML","description":"eXtensible Markup Language","category":"Data"},".toml":{"primary":{"color":"#9c4221","renderStrategy":"fill","opacity":1},"displayName":"TOML","description":"Tom's Obvious, Minimal Language","category":"Config"},".md":{"primary":{"color":"#083fa1","renderStrategy":"fill","opacity":1},"secondary":{"color":"#ffffff","renderStrategy":"border","opacity":0.3},"displayName":"Markdown","description":"Markdown documentation","category":"Documentation"},".mdx":{"primary":{"color":"#fcb32c","renderStrategy":"fill","opacity":1},"secondary":{"color":"#083fa1","renderStrategy":"glow","opacity":0.4},"displayName":"MDX","description":"Markdown with JSX","category":"Documentation"},".py":{"primary":{"color":"#3572A5","renderStrategy":"fill","opacity":0.8},"secondary":{"color":"#ffd43b","renderStrategy":"border","borderWidth":2,"opacity":0.9},"displayName":"Python","description":"Python source files","category":"Backend"},".java":{"primary":{"color":"#b07219","renderStrategy":"fill","opacity":1},"displayName":"Java","description":"Java source files","category":"Backend"},".go":{"primary":{"color":"#00ADD8","renderStrategy":"fill","opacity":0.8},"secondary":{"color":"#ffffff","renderStrategy":"glow","opacity":0.5},"displayName":"Go","description":"Go source files","category":"Backend"},".rs":{"primary":{"color":"#dea584","renderStrategy":"fill","opacity":0.8},"secondary":{"color":"#ce422b","renderStrategy":"border","borderWidth":2,"opacity":1},"displayName":"Rust","description":"Rust source files","category":"Backend"},".php":{"primary":{"color":"#4F5D95","renderStrategy":"fill","opacity":1},"displayName":"PHP","description":"PHP source files","category":"Backend"},".rb":{"primary":{"color":"#701516","renderStrategy":"fill","opacity":1},"secondary":{"color":"#ff0000","renderStrategy":"glow","opacity":0.3},"displayName":"Ruby","description":"Ruby source files","category":"Backend"},".swift":{"primary":{"color":"#fa7343","renderStrategy":"fill","opacity":0.8},"displayName":"Swift","description":"Swift source files","category":"Mobile"},".c":{"primary":{"color":"#555555","renderStrategy":"fill","opacity":0.8},"secondary":{"color":"#ffffff","renderStrategy":"border","borderWidth":1,"opacity":0.9},"displayName":"C","description":"C source files","category":"Systems"},".cpp":{"primary":{"color":"#f34b7d","renderStrategy":"fill","opacity":0.8},"displayName":"C++","description":"C++ source files","category":"Systems"},".cs":{"primary":{"color":"#178600","renderStrategy":"fill","opacity":1},"displayName":"C#","description":"C# source files","category":"Backend"},".kt":{"primary":{"color":"#A97BFF","renderStrategy":"fill","opacity":0.8},"secondary":{"color":"#7f39fb","renderStrategy":"glow","opacity":0.4},"displayName":"Kotlin","description":"Kotlin source files","category":"Mobile"},".sh":{"primary":{"color":"#89e051","renderStrategy":"fill","opacity":1},"displayName":"Shell","description":"Shell scripts","category":"Scripts"},".bash":{"primary":{"color":"#89e051","renderStrategy":"fill","opacity":0.8},"displayName":"Bash","description":"Bash scripts","category":"Scripts"},".zsh":{"primary":{"color":"#89e051","renderStrategy":"fill","opacity":0.8},"displayName":"Zsh","description":"Z shell scripts","category":"Scripts"},".fish":{"primary":{"color":"#89e051","renderStrategy":"fill","opacity":0.8},"displayName":"Fish","description":"Fish shell scripts","category":"Scripts"},".ps1":{"primary":{"color":"#012456","renderStrategy":"fill","opacity":1},"secondary":{"color":"#ffffff","renderStrategy":"border","borderWidth":1,"opacity":0.9},"displayName":"PowerShell","description":"PowerShell scripts","category":"Scripts"},".sql":{"primary":{"color":"#e38c00","renderStrategy":"fill","opacity":0.8},"secondary":{"color":"#ffffff","renderStrategy":"border","opacity":0.4},"displayName":"SQL","description":"Structured Query Language","category":"Database"},".svg":{"primary":{"color":"#ffb13b","renderStrategy":"fill","opacity":0.8},"secondary":{"color":"#ff8c00","renderStrategy":"glow","opacity":0.5},"displayName":"SVG","description":"Scalable Vector Graphics","category":"Images"},".png":{"primary":{"color":"#00b4d8","renderStrategy":"fill","opacity":0.8},"displayName":"PNG","description":"Portable Network Graphics","category":"Images"},".jpg":{"primary":{"color":"#00b4d8","renderStrategy":"fill","opacity":0.8},"displayName":"JPEG","description":"Joint Photographic Experts Group","category":"Images"},".jpeg":{"primary":{"color":"#00b4d8","renderStrategy":"fill","opacity":0.8},"displayName":"JPEG","description":"Joint Photographic Experts Group","category":"Images"},".gif":{"primary":{"color":"#00b4d8","renderStrategy":"fill","opacity":0.8},"displayName":"GIF","description":"Graphics Interchange Format","category":"Images"},".webp":{"primary":{"color":"#00b4d8","renderStrategy":"fill","opacity":0.8},"displayName":"WebP","description":"Web Picture format","category":"Images"},".vue":{"primary":{"color":"#41b883","renderStrategy":"fill","opacity":0.8},"secondary":{"color":"#35495e","renderStrategy":"border","borderWidth":2,"opacity":1},"displayName":"Vue","description":"Vue.js components","category":"Frontend"},".svelte":{"primary":{"color":"#ff3e00","renderStrategy":"fill","opacity":0.8},"secondary":{"color":"#ffffff","renderStrategy":"glow","opacity":0.6},"displayName":"Svelte","description":"Svelte components","category":"Frontend"},".dart":{"primary":{"color":"#0175c2","renderStrategy":"fill","opacity":0.8},"displayName":"Dart","description":"Dart source files","category":"Mobile"},".r":{"primary":{"color":"#198ce7","renderStrategy":"fill","opacity":0.8},"displayName":"R","description":"R statistical computing","category":"Analytics"},".lua":{"primary":{"color":"#000080","renderStrategy":"fill","opacity":0.8},"secondary":{"color":"#ffffff","renderStrategy":"border","borderWidth":1,"opacity":0.9},"displayName":"Lua","description":"Lua source files","category":"Scripts"},".vim":{"primary":{"color":"#019733","renderStrategy":"fill","opacity":0.8},"displayName":"Vim","description":"Vim configuration","category":"Config"},".canvas":{"primary":{"color":"#7c3aed","renderStrategy":"fill","opacity":0.8},"secondary":{"color":"#a78bfa","renderStrategy":"glow","opacity":0.5},"displayName":"Canvas","description":"Visual canvas files","category":"Data"},".lock":{"primary":{"color":"#6b7280","renderStrategy":"fill","opacity":0.7},"secondary":{"color":"#9ca3af","renderStrategy":"border","borderWidth":1,"opacity":0.8},"displayName":"Lock","description":"Lock files for dependency management","category":"Config"},".gitignore":{"primary":{"color":"#f05032","renderStrategy":"fill","opacity":0.7},"displayName":"Git Ignore","description":"Git ignore patterns","category":"Config"},".dockerignore":{"primary":{"color":"#2496ed","renderStrategy":"fill","opacity":0.7},"displayName":"Docker Ignore","description":"Docker ignore patterns","category":"Config"},".npmignore":{"primary":{"color":"#cb3837","renderStrategy":"fill","opacity":0.7},"displayName":"NPM Ignore","description":"NPM ignore patterns","category":"Config"},".eslintignore":{"primary":{"color":"#4b32c3","renderStrategy":"fill","opacity":0.7},"displayName":"ESLint Ignore","description":"ESLint ignore patterns","category":"Config"},".prettierignore":{"primary":{"color":"#56b3b4","renderStrategy":"fill","opacity":0.7},"displayName":"Prettier Ignore","description":"Prettier ignore patterns","category":"Config"},".bashrc":{"primary":{"color":"#89e051","renderStrategy":"fill","opacity":0.7},"displayName":"Bash RC","description":"Bash run commands","category":"Config"},".zshrc":{"primary":{"color":"#89e051","renderStrategy":"fill","opacity":0.7},"displayName":"Zsh RC","description":"Zsh run commands","category":"Config"},".vimrc":{"primary":{"color":"#019733","renderStrategy":"fill","opacity":0.7},"displayName":"Vim RC","description":"Vim run commands","category":"Config"},".npmrc":{"primary":{"color":"#cb3837","renderStrategy":"fill","opacity":0.7},"displayName":"NPM RC","description":"NPM configuration","category":"Config"},".eslintrc":{"primary":{"color":"#4b32c3","renderStrategy":"fill","opacity":0.7},"displayName":"ESLint RC","description":"ESLint configuration","category":"Config"},".prettierrc":{"primary":{"color":"#56b3b4","renderStrategy":"fill","opacity":0.7},"displayName":"Prettier RC","description":"Prettier configuration","category":"Config"},".babelrc":{"primary":{"color":"#f5da55","renderStrategy":"fill","opacity":0.7},"displayName":"Babel RC","description":"Babel configuration","category":"Config"},"LICENSE":{"primary":{"color":"#d4af37","renderStrategy":"fill","opacity":0.8},"secondary":{"color":"#ffd700","renderStrategy":"border","borderWidth":1,"opacity":0.9},"displayName":"License","description":"License file","category":"Documentation"},".txt":{"primary":{"color":"#6b7280","renderStrategy":"fill","opacity":0.8},"secondary":{"color":"#9ca3af","renderStrategy":"border","borderWidth":1,"opacity":0.7},"displayName":"Text","description":"Plain text files","category":"Documentation"},".scm":{"primary":{"color":"#6e56cf","renderStrategy":"fill","opacity":0.8},"secondary":{"color":"#9e8cfc","renderStrategy":"border","borderWidth":1,"opacity":0.7},"displayName":"Scheme","description":"Scheme/Tree-sitter query files","category":"Scripts"},".zig":{"primary":{"color":"#F7A41D","renderStrategy":"fill","opacity":0.8},"secondary":{"color":"#ffffff","renderStrategy":"border","borderWidth":1,"opacity":0.7},"displayName":"Zig","description":"Zig source files","category":"Systems"},".zon":{"primary":{"color":"#F7A41D","renderStrategy":"fill","opacity":0.7},"secondary":{"color":"#ffd43b","renderStrategy":"border","borderWidth":1,"opacity":0.6},"displayName":"Zon","description":"Zig Object Notation","category":"Config"},".nix":{"primary":{"color":"#7ebae4","renderStrategy":"fill","opacity":0.8},"secondary":{"color":"#5277c3","renderStrategy":"border","borderWidth":1,"opacity":0.7},"displayName":"Nix","description":"Nix expression language","category":"Config"},".h":{"primary":{"color":"#a074c4","renderStrategy":"fill","opacity":0.8},"secondary":{"color":"#ffffff","renderStrategy":"border","borderWidth":1,"opacity":0.6},"displayName":"Header","description":"C/C++ header files","category":"Systems"},".po":{"primary":{"color":"#2e7d32","renderStrategy":"fill","opacity":0.7},"displayName":"Gettext","description":"Gettext translation files","category":"Data"},".pot":{"primary":{"color":"#2e7d32","renderStrategy":"fill","opacity":0.7},"displayName":"Gettext Template","description":"Gettext translation template","category":"Data"},".blp":{"primary":{"color":"#3584e4","renderStrategy":"fill","opacity":0.8},"displayName":"Blueprint","description":"GTK Blueprint UI files","category":"Frontend"},".glsl":{"primary":{"color":"#5686a5","renderStrategy":"fill","opacity":0.8},"secondary":{"color":"#8bc9f0","renderStrategy":"glow","opacity":0.4},"displayName":"GLSL","description":"OpenGL Shading Language","category":"Graphics"},".metal":{"primary":{"color":"#8c8c8c","renderStrategy":"fill","opacity":0.8},"secondary":{"color":"#c0c0c0","renderStrategy":"glow","opacity":0.5},"displayName":"Metal","description":"Apple Metal shaders","category":"Graphics"},".ttf":{"primary":{"color":"#e84393","renderStrategy":"fill","opacity":0.7},"displayName":"TrueType","description":"TrueType font files","category":"Assets"},".otf":{"primary":{"color":"#e84393","renderStrategy":"fill","opacity":0.7},"displayName":"OpenType","description":"OpenType font files","category":"Assets"},".woff":{"primary":{"color":"#e84393","renderStrategy":"fill","opacity":0.7},"displayName":"WOFF","description":"Web Open Font Format","category":"Assets"},".woff2":{"primary":{"color":"#e84393","renderStrategy":"fill","opacity":0.7},"displayName":"WOFF2","description":"Web Open Font Format 2","category":"Assets"},".xib":{"primary":{"color":"#147efb","renderStrategy":"fill","opacity":0.8},"displayName":"XIB","description":"Xcode Interface Builder","category":"Frontend"},".plist":{"primary":{"color":"#8e8e93","renderStrategy":"fill","opacity":0.7},"displayName":"Plist","description":"Apple Property List","category":"Config"},".entitlements":{"primary":{"color":"#ff9500","renderStrategy":"fill","opacity":0.7},"displayName":"Entitlements","description":"macOS entitlements","category":"Config"},".m":{"primary":{"color":"#438eff","renderStrategy":"fill","opacity":0.8},"displayName":"Objective-C","description":"Objective-C source files","category":"Mobile"},".mm":{"primary":{"color":"#438eff","renderStrategy":"fill","opacity":0.8},"secondary":{"color":"#f34b7d","renderStrategy":"border","borderWidth":1,"opacity":0.7},"displayName":"Objective-C++","description":"Objective-C++ source files","category":"Mobile"},".nu":{"primary":{"color":"#3aa675","renderStrategy":"fill","opacity":0.8},"displayName":"Nushell","description":"Nushell scripts","category":"Scripts"},".snap":{"primary":{"color":"#9d4edd","renderStrategy":"fill","opacity":0.8},"secondary":{"color":"#c77dff","renderStrategy":"border","borderWidth":1,"opacity":0.7},"displayName":"Snapshot","description":"Jest snapshot files","category":"Testing"},".test.ts":{"primary":{"color":"#10b981","renderStrategy":"cover","opacity":0.8,"coverOptions":{"lucideIcon":"TestTube","iconSize":24,"backgroundColor":"#10b981"}},"displayName":"Test (TS)","description":"TypeScript test files","category":"Testing"},".test.tsx":{"primary":{"color":"#10b981","renderStrategy":"cover","opacity":0.8,"coverOptions":{"lucideIcon":"TestTube","iconSize":24,"backgroundColor":"#10b981"}},"secondary":{"color":"#61DBFB","renderStrategy":"border","opacity":0.6},"displayName":"Test (TSX)","description":"TypeScript React test files","category":"Testing"},".spec.ts":{"primary":{"color":"#059669","renderStrategy":"cover","opacity":0.8,"coverOptions":{"lucideIcon":"FlaskConical","iconSize":24,"backgroundColor":"#059669"}},"displayName":"Spec (TS)","description":"TypeScript spec files","category":"Testing"},".spec.tsx":{"primary":{"color":"#059669","renderStrategy":"cover","opacity":0.8,"coverOptions":{"lucideIcon":"FlaskConical","iconSize":24,"backgroundColor":"#059669"}},"secondary":{"color":"#61DBFB","renderStrategy":"border","opacity":0.6},"displayName":"Spec (TSX)","description":"TypeScript React spec files","category":"Testing"},".test.js":{"primary":{"color":"#10b981","renderStrategy":"cover","opacity":0.8,"coverOptions":{"lucideIcon":"TestTube","iconSize":24,"backgroundColor":"#10b981"}},"displayName":"Test (JS)","description":"JavaScript test files","category":"Testing"},".test.jsx":{"primary":{"color":"#10b981","renderStrategy":"cover","opacity":0.8,"coverOptions":{"lucideIcon":"TestTube","iconSize":24,"backgroundColor":"#10b981"}},"secondary":{"color":"#61DBFB","renderStrategy":"border","opacity":0.6},"displayName":"Test (JSX)","description":"JavaScript React test files","category":"Testing"},".spec.js":{"primary":{"color":"#059669","renderStrategy":"cover","opacity":0.8,"coverOptions":{"lucideIcon":"FlaskConical","iconSize":24,"backgroundColor":"#059669"}},"displayName":"Spec (JS)","description":"JavaScript spec files","category":"Testing"},".spec.jsx":{"primary":{"color":"#059669","renderStrategy":"cover","opacity":0.8,"coverOptions":{"lucideIcon":"FlaskConical","iconSize":24,"backgroundColor":"#059669"}},"secondary":{"color":"#61DBFB","renderStrategy":"border","opacity":0.6},"displayName":"Spec (JSX)","description":"JavaScript React spec files","category":"Testing"}}`);
+const defaultConfig = { "primary": { "color": "#8b949e", "renderStrategy": "fill", "opacity": 0.6 }, "displayName": "Other", "description": "Unrecognized file types", "category": "Other" };
+const includeUnmatched = true;
+const files = {
+  version,
+  description,
+  lastUpdated,
+  suffixConfigs,
+  defaultConfig,
+  includeUnmatched
+};
 const dist = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   CodeCityBuilderWithGrid,
@@ -6283,9 +5996,250 @@ const dist = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty
   MultiVersionCityBuilder,
   buildFileSystemTreeFromFileInfoList,
   buildMultiVersionCity,
+  defaultFileColorConfig: files,
   getFilesFromGitHubTree
 }, Symbol.toStringTag, { value: "Module" }));
 const require$$4 = /* @__PURE__ */ getAugmentedNamespace(dist);
+var hasRequiredFileColorHighlightLayers;
+function requireFileColorHighlightLayers() {
+  if (hasRequiredFileColorHighlightLayers) return fileColorHighlightLayers;
+  hasRequiredFileColorHighlightLayers = 1;
+  Object.defineProperty(fileColorHighlightLayers, "__esModule", { value: true });
+  fileColorHighlightLayers.createFileColorHighlightLayers = createFileColorHighlightLayers;
+  fileColorHighlightLayers.getDefaultFileColorConfig = getDefaultFileColorConfig;
+  fileColorHighlightLayers.getFileColorMapping = getFileColorMapping;
+  const file_city_builder_1 = require$$4;
+  function createFileColorHighlightLayers(files2, config) {
+    if (!files2 || files2.length === 0) {
+      return [];
+    }
+    const colorConfig = config || file_city_builder_1.defaultFileColorConfig;
+    const { suffixConfigs: suffixConfigs2, defaultConfig: defaultFileConfig, includeUnmatched: includeUnmatched2 = true } = colorConfig;
+    if (!suffixConfigs2 || typeof suffixConfigs2 !== "object") {
+      console.error("[FileColorHighlightLayers] Invalid suffixConfigs structure");
+      return [];
+    }
+    const filesBySuffix = /* @__PURE__ */ new Map();
+    const unmatchedFilesBySuffix = /* @__PURE__ */ new Map();
+    const noExtensionFiles = [];
+    files2.forEach((file) => {
+      const filePath = file.path;
+      const lastSlash = filePath.lastIndexOf("/");
+      const fileName = lastSlash === -1 ? filePath : filePath.substring(lastSlash + 1);
+      if (suffixConfigs2[fileName]) {
+        if (!filesBySuffix.has(fileName)) {
+          filesBySuffix.set(fileName, []);
+        }
+        const fileNameFiles = filesBySuffix.get(fileName);
+        if (fileNameFiles) {
+          fileNameFiles.push(filePath);
+        }
+        return;
+      }
+      const lastDot = fileName.lastIndexOf(".");
+      if (lastDot === -1 || lastDot === fileName.length - 1) {
+        if (includeUnmatched2) {
+          noExtensionFiles.push(filePath);
+        }
+        return;
+      }
+      let extension = null;
+      const lowerFileName = fileName.toLowerCase();
+      const sortedSuffixes2 = Object.keys(suffixConfigs2).sort((a, b) => b.length - a.length);
+      for (const suffix of sortedSuffixes2) {
+        if (lowerFileName.endsWith(suffix)) {
+          extension = suffix;
+          break;
+        }
+      }
+      if (!extension) {
+        extension = fileName.substring(lastDot).toLowerCase();
+      }
+      if (suffixConfigs2[extension]) {
+        if (!filesBySuffix.has(extension)) {
+          filesBySuffix.set(extension, []);
+        }
+        const extFiles = filesBySuffix.get(extension);
+        if (extFiles) {
+          extFiles.push(filePath);
+        }
+      } else if (includeUnmatched2) {
+        if (!unmatchedFilesBySuffix.has(extension)) {
+          unmatchedFilesBySuffix.set(extension, []);
+        }
+        const unmatchedExtFiles = unmatchedFilesBySuffix.get(extension);
+        if (unmatchedExtFiles) {
+          unmatchedExtFiles.push(filePath);
+        }
+      }
+    });
+    const layers = [];
+    const sortedSuffixes = Array.from(filesBySuffix.entries()).sort(([, filesA], [, filesB]) => filesB.length - filesA.length);
+    let basePriority = 1;
+    sortedSuffixes.forEach(([suffix, files3]) => {
+      const suffixConfig = suffixConfigs2[suffix];
+      const extensionName = suffix.startsWith(".") ? suffix.substring(1) : suffix;
+      const primaryLayer = {
+        id: `ext-${extensionName}-primary`,
+        name: suffixConfig.displayName || extensionName.toUpperCase(),
+        color: suffixConfig.primary.color,
+        enabled: true,
+        opacity: suffixConfig.primary.opacity ?? 1,
+        priority: suffixConfig.primary.priority ?? basePriority,
+        items: files3.map((path) => ({
+          path,
+          type: "file",
+          renderStrategy: suffixConfig.primary.renderStrategy,
+          ...suffixConfig.primary.coverOptions && {
+            coverOptions: suffixConfig.primary.coverOptions
+          },
+          ...suffixConfig.primary.customRender && {
+            customRender: suffixConfig.primary.customRender
+          }
+        }))
+      };
+      if (suffixConfig.primary.borderWidth) {
+        primaryLayer.borderWidth = suffixConfig.primary.borderWidth;
+      }
+      layers.push(primaryLayer);
+      if (suffixConfig.secondary) {
+        const secondary = suffixConfig.secondary;
+        const secondaryLayer = {
+          id: `ext-${extensionName}-secondary`,
+          name: `${suffixConfig.displayName || extensionName.toUpperCase()} Secondary`,
+          color: secondary.color,
+          enabled: true,
+          opacity: secondary.opacity ?? 1,
+          priority: secondary.priority ?? basePriority + 100,
+          // Higher priority by default
+          items: files3.map((path) => ({
+            path,
+            type: "file",
+            renderStrategy: secondary.renderStrategy,
+            ...secondary.coverOptions && { coverOptions: secondary.coverOptions },
+            ...secondary.customRender && { customRender: secondary.customRender }
+          }))
+        };
+        if (secondary.borderWidth) {
+          secondaryLayer.borderWidth = secondary.borderWidth;
+        }
+        layers.push(secondaryLayer);
+      }
+      basePriority += 2;
+    });
+    if (includeUnmatched2 && defaultFileConfig) {
+      const sortedUnmatchedSuffixes = Array.from(unmatchedFilesBySuffix.entries()).sort(([, filesA], [, filesB]) => filesB.length - filesA.length);
+      sortedUnmatchedSuffixes.forEach(([suffix, files3]) => {
+        const extensionName = suffix.startsWith(".") ? suffix.substring(1) : suffix;
+        const unmatchedLayer = {
+          id: `ext-${extensionName}-primary`,
+          name: extensionName.toUpperCase(),
+          color: defaultFileConfig.primary.color,
+          enabled: true,
+          opacity: defaultFileConfig.primary.opacity ?? 1,
+          priority: defaultFileConfig.primary.priority ?? basePriority,
+          items: files3.map((path) => ({
+            path,
+            type: "file",
+            renderStrategy: defaultFileConfig.primary.renderStrategy,
+            ...defaultFileConfig.primary.coverOptions && {
+              coverOptions: defaultFileConfig.primary.coverOptions
+            },
+            ...defaultFileConfig.primary.customRender && {
+              customRender: defaultFileConfig.primary.customRender
+            }
+          }))
+        };
+        if (defaultFileConfig.primary.borderWidth) {
+          unmatchedLayer.borderWidth = defaultFileConfig.primary.borderWidth;
+        }
+        layers.push(unmatchedLayer);
+        if (defaultFileConfig.secondary) {
+          const secondary = defaultFileConfig.secondary;
+          const unmatchedSecondaryLayer = {
+            id: `ext-${extensionName}-secondary`,
+            name: `${extensionName.toUpperCase()} Secondary`,
+            color: secondary.color,
+            enabled: true,
+            opacity: secondary.opacity ?? 1,
+            priority: secondary.priority ?? basePriority + 100,
+            items: files3.map((path) => ({
+              path,
+              type: "file",
+              renderStrategy: secondary.renderStrategy,
+              ...secondary.coverOptions && { coverOptions: secondary.coverOptions },
+              ...secondary.customRender && { customRender: secondary.customRender }
+            }))
+          };
+          if (secondary.borderWidth) {
+            unmatchedSecondaryLayer.borderWidth = secondary.borderWidth;
+          }
+          layers.push(unmatchedSecondaryLayer);
+        }
+        basePriority += 2;
+      });
+      if (noExtensionFiles.length > 0) {
+        const noExtLayer = {
+          id: "other-files-primary",
+          name: "OTHER",
+          color: defaultFileConfig.primary.color,
+          enabled: true,
+          opacity: defaultFileConfig.primary.opacity ?? 1,
+          priority: defaultFileConfig.primary.priority ?? basePriority,
+          items: noExtensionFiles.map((path) => ({
+            path,
+            type: "file",
+            renderStrategy: defaultFileConfig.primary.renderStrategy,
+            ...defaultFileConfig.primary.coverOptions && {
+              coverOptions: defaultFileConfig.primary.coverOptions
+            },
+            ...defaultFileConfig.primary.customRender && {
+              customRender: defaultFileConfig.primary.customRender
+            }
+          }))
+        };
+        if (defaultFileConfig.primary.borderWidth) {
+          noExtLayer.borderWidth = defaultFileConfig.primary.borderWidth;
+        }
+        layers.push(noExtLayer);
+        if (defaultFileConfig.secondary) {
+          const secondary = defaultFileConfig.secondary;
+          const noExtSecondaryLayer = {
+            id: "other-files-secondary",
+            name: "OTHER Secondary",
+            color: secondary.color,
+            enabled: true,
+            opacity: secondary.opacity ?? 1,
+            priority: secondary.priority ?? basePriority + 100,
+            items: noExtensionFiles.map((path) => ({
+              path,
+              type: "file",
+              renderStrategy: secondary.renderStrategy,
+              ...secondary.coverOptions && { coverOptions: secondary.coverOptions },
+              ...secondary.customRender && { customRender: secondary.customRender }
+            }))
+          };
+          if (secondary.borderWidth) {
+            noExtSecondaryLayer.borderWidth = secondary.borderWidth;
+          }
+          layers.push(noExtSecondaryLayer);
+        }
+      }
+    }
+    return layers;
+  }
+  function getDefaultFileColorConfig() {
+    return file_city_builder_1.defaultFileColorConfig;
+  }
+  function getFileColorMapping(config) {
+    const colorConfig = config || file_city_builder_1.defaultFileColorConfig;
+    return Object.entries(colorConfig.suffixConfigs).reduce((acc, [extension, suffixConfig]) => {
+      acc[extension] = suffixConfig.primary.color;
+      return acc;
+    }, {});
+  }
+  return fileColorHighlightLayers;
+}
 var useCodeCityData = {};
 var hasRequiredUseCodeCityData;
 function requireUseCodeCityData() {
@@ -13966,6 +13920,7 @@ function requireCityViewWithReactFlow() {
     return react_1.default.createElement(
       "div",
       { className: "cell-node", style: {
+        boxSizing: "border-box",
         background: selected ? `linear-gradient(135deg, ${theme2.colors.primary} 0%, ${theme2.colors.accent} 100%)` : `linear-gradient(135deg, ${theme2.colors.backgroundSecondary} 0%, ${theme2.colors.background} 100%)`,
         borderRadius: `${theme2.radii[2]}px`,
         padding: `${theme2.space[3]}px`,
@@ -14043,7 +13998,8 @@ function requireCityViewWithReactFlow() {
             }
           ],
           showGrid: false,
-          showDirectoryLabels: false,
+          showDirectoryLabels: true,
+          showFileNames: true,
           canvasBackgroundColor: theme2.colors.background,
           defaultBuildingColor: theme2.colors.muted,
           defaultDirectoryColor: theme2.colors.backgroundSecondary,
@@ -14255,14 +14211,15 @@ function requireDist() {
 var distExports = requireDist();
 const EXTENSION_COLORS = distExports.getFileColorMapping();
 const FileCardList = ({
-  files,
+  files: files2,
   onFileClick,
   onFileHover,
   emptyMessage = "No files",
   horizontalPadding = "0px",
   showIcons = true
 }) => {
-  const { theme: theme2 } = useTheme$1();
+  const { theme: theme2 } = useTheme();
+  const [copiedPath, setCopiedPath] = React.useState(null);
   const getFileName = useCallback((path) => {
     const parts = path.split("/");
     return parts[parts.length - 1] || path;
@@ -14286,7 +14243,7 @@ const FileCardList = ({
     return EXTENSION_COLORS[ext];
   }, [getFileName]);
   const sortedFiles = useMemo(() => {
-    return [...files].sort((a, b) => {
+    return [...files2].sort((a, b) => {
       const aIsDir = isDirectory(a.path);
       const bIsDir = isDirectory(b.path);
       if (aIsDir !== bIsDir) return aIsDir ? -1 : 1;
@@ -14294,8 +14251,8 @@ const FileCardList = ({
       const bName = getFileName(b.path).toLowerCase();
       return aName.localeCompare(bName);
     });
-  }, [files, isDirectory, getFileName]);
-  if (files.length === 0) {
+  }, [files2, isDirectory, getFileName]);
+  if (files2.length === 0) {
     return /* @__PURE__ */ jsx(
       "div",
       {
@@ -14331,6 +14288,15 @@ const FileCardList = ({
             onClick: () => onFileClick == null ? void 0 : onFileClick(file.path),
             onMouseEnter: () => onFileHover == null ? void 0 : onFileHover(file.path),
             onMouseLeave: () => onFileHover == null ? void 0 : onFileHover(null),
+            onContextMenu: (e) => {
+              e.preventDefault();
+              navigator.clipboard.writeText(file.path).then(() => {
+                setCopiedPath(file.path);
+                setTimeout(() => setCopiedPath(null), 1500);
+              }).catch((err) => {
+                console.error("Failed to copy file path to clipboard:", err);
+              });
+            },
             style: {
               display: "flex",
               alignItems: "center",
@@ -14437,6 +14403,22 @@ const FileCardList = ({
                   },
                   children: file.badge
                 }
+              ),
+              copiedPath === file.path && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  style: {
+                    fontFamily: theme2.fonts.body,
+                    fontSize: theme2.fontSizes[0],
+                    fontWeight: 600,
+                    color: "#22c55e",
+                    backgroundColor: "#22c55e20",
+                    padding: "4px 8px",
+                    borderRadius: "4px",
+                    flexShrink: 0
+                  },
+                  children: "Copied!"
+                }
               )
             ]
           },
@@ -14468,7 +14450,7 @@ const GitChangesCardList = ({
   onFileClick,
   onFileHover
 }) => {
-  const { theme: theme2 } = useTheme$1();
+  const { theme: theme2 } = useTheme();
   const fileStatusMap = useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     gitStatus.stagedFiles.forEach((f) => map.set(f, "staged"));
@@ -14477,7 +14459,7 @@ const GitChangesCardList = ({
     gitStatus.modifiedFiles.forEach((f) => map.set(f, "unstaged"));
     return map;
   }, [gitStatus]);
-  const files = useMemo(() => {
+  const files2 = useMemo(() => {
     const items = [];
     const addFiles = (paths, status) => {
       paths.forEach((path) => {
@@ -14501,7 +14483,7 @@ const GitChangesCardList = ({
     const status = fileStatusMap.get(filePath);
     onFileClick == null ? void 0 : onFileClick(filePath, status);
   }, [fileStatusMap, onFileClick]);
-  const hasChanges = files.length > 0;
+  const hasChanges = files2.length > 0;
   if (!hasChanges) {
     return /* @__PURE__ */ jsx(
       "div",
@@ -14521,7 +14503,7 @@ const GitChangesCardList = ({
   return /* @__PURE__ */ jsx(
     FileCardList,
     {
-      files,
+      files: files2,
       onFileClick: handleFileClick,
       onFileHover,
       horizontalPadding,
@@ -14553,7 +14535,7 @@ const PrChangesCardList = ({
   onFileClick,
   onFileHover
 }) => {
-  const { theme: theme2 } = useTheme$1();
+  const { theme: theme2 } = useTheme();
   const renamedPaths = useMemo(
     () => prFiles.renamed.map((r) => r.filename),
     [prFiles.renamed]
@@ -14581,7 +14563,7 @@ const PrChangesCardList = ({
     renamedPaths.forEach((f) => map.set(f, "renamed"));
     return map;
   }, [prFiles, renamedPaths]);
-  const files = useMemo(() => {
+  const files2 = useMemo(() => {
     const items = [];
     const addFiles = (paths, status) => {
       paths.forEach((path) => {
@@ -14605,7 +14587,7 @@ const PrChangesCardList = ({
     const status = fileStatusMap.get(filePath);
     onFileClick == null ? void 0 : onFileClick(filePath, status);
   }, [fileStatusMap, onFileClick]);
-  const hasChanges = files.length > 0;
+  const hasChanges = files2.length > 0;
   if (!hasChanges) {
     return /* @__PURE__ */ jsx(
       "div",
@@ -14625,7 +14607,7 @@ const PrChangesCardList = ({
   return /* @__PURE__ */ jsx(
     FileCardList,
     {
-      files,
+      files: files2,
       onFileClick: handleFileClick,
       onFileHover,
       horizontalPadding,
@@ -14768,7 +14750,7 @@ const CommitChangesTree = ({
   onFileClick,
   onNodeHover
 }) => {
-  const { theme: theme2 } = useTheme$1();
+  const { theme: theme2 } = useTheme();
   const hasChanges = useMemo(
     () => commitFiles.added.length > 0 || commitFiles.modified.length > 0 || commitFiles.removed.length > 0 || commitFiles.renamed.length > 0,
     [commitFiles.added.length, commitFiles.modified.length, commitFiles.removed.length, commitFiles.renamed.length]
@@ -14880,7 +14862,7 @@ const StoryboardFilesCardList = ({
   onFileHover,
   showHeader = true
 }) => {
-  const { theme: theme2 } = useTheme$1();
+  const { theme: theme2 } = useTheme();
   const { storyboard, workflow, scenario, nodeSources } = storyboardContext;
   const sourceFiles = useMemo(() => {
     if (!storyboard) return [];
@@ -14899,7 +14881,7 @@ const StoryboardFilesCardList = ({
     }
     return Array.from(sourceFilesSet);
   }, [storyboard, workflow, scenario, nodeSources]);
-  const files = useMemo(() => {
+  const files2 = useMemo(() => {
     return sourceFiles.filter((path) => path && path.trim()).map((path) => ({ path }));
   }, [sourceFiles]);
   const handleFileClick = useCallback((filePath) => {
@@ -14921,7 +14903,7 @@ const StoryboardFilesCardList = ({
       }
     );
   }
-  if (files.length === 0) {
+  if (files2.length === 0) {
     return /* @__PURE__ */ jsx(
       "div",
       {
@@ -14983,7 +14965,7 @@ const StoryboardFilesCardList = ({
     /* @__PURE__ */ jsx(
       FileCardList,
       {
-        files,
+        files: files2,
         onFileClick: handleFileClick,
         onFileHover,
         horizontalPadding,
@@ -15023,7 +15005,7 @@ const Legend = ({
   onClearAgentLayers,
   position = "bottom"
 }) => {
-  const { theme: theme2 } = useTheme$1();
+  const { theme: theme2 } = useTheme();
   const hasGitStatus = gitStatus != null && (gitStatus.stagedFiles.length > 0 || gitStatus.modifiedFiles.length > 0 || gitStatus.untrackedFiles.length > 0 || gitStatus.deletedFiles.length > 0);
   const hasPrFiles = prFiles != null && (prFiles.added.length > 0 || prFiles.modified.length > 0 || prFiles.removed.length > 0 || prFiles.renamed.length > 0);
   const hasCommitFiles = commitFiles != null && (commitFiles.added.length > 0 || commitFiles.modified.length > 0 || commitFiles.removed.length > 0 || commitFiles.renamed.length > 0);
@@ -15615,7 +15597,7 @@ const AgentActivityView = ({
   onClearAll,
   showHeader = true
 }) => {
-  const { theme: theme2 } = useTheme$1();
+  const { theme: theme2 } = useTheme();
   const [expandedLayers, setExpandedLayers] = React.useState(/* @__PURE__ */ new Set());
   const toggleExpanded = (id2) => {
     setExpandedLayers((prev) => {
@@ -16064,7 +16046,7 @@ const LegendTabs = ({
   onTabChange
 }) => {
   var _a;
-  const { theme: theme2 } = useTheme$1();
+  const { theme: theme2 } = useTheme();
   const [activeTab, setActiveTab] = React.useState(
     defaultTab || ((_a = tabs[0]) == null ? void 0 : _a.id) || "agent"
   );
@@ -17866,7 +17848,7 @@ const CodeCityPanelContent = ({
   events
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C;
-  const { theme: theme2 } = useTheme$1();
+  const { theme: theme2 } = useTheme();
   const [cityData, setCityData] = useState(null);
   const [hoverInfo, setHoverInfo] = useState(null);
   const [highlightLayers, setHighlightLayers] = useState([]);
@@ -19316,7 +19298,7 @@ function adjustBrightness(color2, percent) {
   return color2;
 }
 const FeedProjectHeaderSkeleton = ({ compact = false }) => {
-  const { theme: theme2 } = useTheme$1();
+  const { theme: theme2 } = useTheme();
   React.useEffect(() => {
     injectShimmerStyles();
   }, []);
@@ -19373,7 +19355,7 @@ const FeedProjectHeader = ({
   onOpen,
   compact = false
 }) => {
-  const { theme: theme2 } = useTheme$1();
+  const { theme: theme2 } = useTheme();
   const fontSizeSmall = theme2.fontSizes[0];
   const fontSizeMedium = theme2.fontSizes[1];
   const fontSizeLarge = theme2.fontSizes[2] || theme2.fontSizes[1];
@@ -19627,7 +19609,7 @@ const FeedCodeCityPanelContent = ({
   events
 }) => {
   var _a, _b, _c, _d, _e, _f;
-  const { theme: theme2 } = useTheme$1();
+  const { theme: theme2 } = useTheme();
   const [cityData, setCityData] = useState(null);
   const [hoverInfo, setHoverInfo] = useState(null);
   const [highlightLayers, setHighlightLayers] = useState([]);
@@ -20078,7 +20060,7 @@ const ProjectInfoHeader = ({
   onOpen,
   compact = false
 }) => {
-  const { theme: theme2 } = useTheme$1();
+  const { theme: theme2 } = useTheme();
   const totalDeps = (project.dependencyCount || 0) + (project.devDependencyCount || 0);
   const fontSizeSmall = theme2.fontSizes[0];
   const fontSizeMedium = theme2.fontSizes[1];