@industry-theme/repository-composition-panels 0.7.32 → 0.7.34

package/dist/{index-anN0r0mT.js → index-C1lQoGkG.js}

@@ -1737,8 +1737,7 @@ const PackageLoadingGraph = () => {
                       backgroundColor: color2,
                       opacity: 0.2,
                       transform: "translateX(-50%)",
-                      animation: `shadowPulse ${totalCycleDuration}s ease-in-out infinite`,
-                      animationDelay: `${box.delay}s`
+                      animation: `shadowPulse ${totalCycleDuration}s ease-in-out ${box.delay}s infinite`
                     }
                   },
                   `shadow-${box.id}`
@@ -10691,152 +10690,135 @@ function getAugmentedNamespace(n2) {
   return a2;
 }
 var withSelector = { exports: {} };
-var withSelector_production = {};
+var withSelector_production_min = {};
 var shim = { exports: {} };
-var useSyncExternalStoreShim_production = {};
+var useSyncExternalStoreShim_production_min = {};
 /**
  * @license React
- * use-sync-external-store-shim.production.js
+ * use-sync-external-store-shim.production.min.js
  *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
+ * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var hasRequiredUseSyncExternalStoreShim_production;
-function requireUseSyncExternalStoreShim_production() {
-  if (hasRequiredUseSyncExternalStoreShim_production) return useSyncExternalStoreShim_production;
-  hasRequiredUseSyncExternalStoreShim_production = 1;
-  var React = React2__default;
-  function is(x2, y2) {
-    return x2 === y2 && (0 !== x2 || 1 / x2 === 1 / y2) || x2 !== x2 && y2 !== y2;
-  }
-  var objectIs = "function" === typeof Object.is ? Object.is : is, useState2 = React.useState, useEffect2 = React.useEffect, useLayoutEffect2 = React.useLayoutEffect, useDebugValue2 = React.useDebugValue;
-  function useSyncExternalStore$2(subscribe, getSnapshot) {
-    var value = getSnapshot(), _useState = useState2({ inst: { value, getSnapshot } }), inst = _useState[0].inst, forceUpdate = _useState[1];
-    useLayoutEffect2(
-      function() {
-        inst.value = value;
-        inst.getSnapshot = getSnapshot;
-        checkIfSnapshotChanged(inst) && forceUpdate({ inst });
-      },
-      [subscribe, value, getSnapshot]
-    );
-    useEffect2(
-      function() {
-        checkIfSnapshotChanged(inst) && forceUpdate({ inst });
-        return subscribe(function() {
-          checkIfSnapshotChanged(inst) && forceUpdate({ inst });
-        });
-      },
-      [subscribe]
-    );
-    useDebugValue2(value);
-    return value;
+var hasRequiredUseSyncExternalStoreShim_production_min;
+function requireUseSyncExternalStoreShim_production_min() {
+  if (hasRequiredUseSyncExternalStoreShim_production_min) return useSyncExternalStoreShim_production_min;
+  hasRequiredUseSyncExternalStoreShim_production_min = 1;
+  var e2 = React2__default;
+  function h2(a2, b2) {
+    return a2 === b2 && (0 !== a2 || 1 / a2 === 1 / b2) || a2 !== a2 && b2 !== b2;
+  }
+  var k2 = "function" === typeof Object.is ? Object.is : h2, l2 = e2.useState, m2 = e2.useEffect, n2 = e2.useLayoutEffect, p2 = e2.useDebugValue;
+  function q2(a2, b2) {
+    var d2 = b2(), f2 = l2({ inst: { value: d2, getSnapshot: b2 } }), c2 = f2[0].inst, g2 = f2[1];
+    n2(function() {
+      c2.value = d2;
+      c2.getSnapshot = b2;
+      r2(c2) && g2({ inst: c2 });
+    }, [a2, d2, b2]);
+    m2(function() {
+      r2(c2) && g2({ inst: c2 });
+      return a2(function() {
+        r2(c2) && g2({ inst: c2 });
+      });
+    }, [a2]);
+    p2(d2);
+    return d2;
   }
-  function checkIfSnapshotChanged(inst) {
-    var latestGetSnapshot = inst.getSnapshot;
-    inst = inst.value;
+  function r2(a2) {
+    var b2 = a2.getSnapshot;
+    a2 = a2.value;
     try {
-      var nextValue = latestGetSnapshot();
-      return !objectIs(inst, nextValue);
-    } catch (error) {
+      var d2 = b2();
+      return !k2(a2, d2);
+    } catch (f2) {
       return true;
     }
   }
-  function useSyncExternalStore$1(subscribe, getSnapshot) {
-    return getSnapshot();
+  function t2(a2, b2) {
+    return b2();
   }
-  var shim2 = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
-  useSyncExternalStoreShim_production.useSyncExternalStore = void 0 !== React.useSyncExternalStore ? React.useSyncExternalStore : shim2;
-  return useSyncExternalStoreShim_production;
+  var u2 = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? t2 : q2;
+  useSyncExternalStoreShim_production_min.useSyncExternalStore = void 0 !== e2.useSyncExternalStore ? e2.useSyncExternalStore : u2;
+  return useSyncExternalStoreShim_production_min;
 }
 var hasRequiredShim;
 function requireShim() {
   if (hasRequiredShim) return shim.exports;
   hasRequiredShim = 1;
   {
-    shim.exports = requireUseSyncExternalStoreShim_production();
+    shim.exports = requireUseSyncExternalStoreShim_production_min();
   }
   return shim.exports;
 }
 /**
  * @license React
- * use-sync-external-store-shim/with-selector.production.js
+ * use-sync-external-store-shim/with-selector.production.min.js
  *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
+ * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var hasRequiredWithSelector_production;
-function requireWithSelector_production() {
-  if (hasRequiredWithSelector_production) return withSelector_production;
-  hasRequiredWithSelector_production = 1;
-  var React = React2__default, shim2 = requireShim();
-  function is(x2, y2) {
-    return x2 === y2 && (0 !== x2 || 1 / x2 === 1 / y2) || x2 !== x2 && y2 !== y2;
-  }
-  var objectIs = "function" === typeof Object.is ? Object.is : is, useSyncExternalStore = shim2.useSyncExternalStore, useRef2 = React.useRef, useEffect2 = React.useEffect, useMemo2 = React.useMemo, useDebugValue2 = React.useDebugValue;
-  withSelector_production.useSyncExternalStoreWithSelector = function(subscribe, getSnapshot, getServerSnapshot, selector2, isEqual) {
-    var instRef = useRef2(null);
-    if (null === instRef.current) {
-      var inst = { hasValue: false, value: null };
-      instRef.current = inst;
-    } else inst = instRef.current;
-    instRef = useMemo2(
-      function() {
-        function memoizedSelector(nextSnapshot) {
-          if (!hasMemo) {
-            hasMemo = true;
-            memoizedSnapshot = nextSnapshot;
-            nextSnapshot = selector2(nextSnapshot);
-            if (void 0 !== isEqual && inst.hasValue) {
-              var currentSelection = inst.value;
-              if (isEqual(currentSelection, nextSnapshot))
-                return memoizedSelection = currentSelection;
-            }
-            return memoizedSelection = nextSnapshot;
-          }
-          currentSelection = memoizedSelection;
-          if (objectIs(memoizedSnapshot, nextSnapshot)) return currentSelection;
-          var nextSelection = selector2(nextSnapshot);
-          if (void 0 !== isEqual && isEqual(currentSelection, nextSelection))
-            return memoizedSnapshot = nextSnapshot, currentSelection;
-          memoizedSnapshot = nextSnapshot;
-          return memoizedSelection = nextSelection;
-        }
-        var hasMemo = false, memoizedSnapshot, memoizedSelection, maybeGetServerSnapshot = void 0 === getServerSnapshot ? null : getServerSnapshot;
-        return [
-          function() {
-            return memoizedSelector(getSnapshot());
-          },
-          null === maybeGetServerSnapshot ? void 0 : function() {
-            return memoizedSelector(maybeGetServerSnapshot());
+var hasRequiredWithSelector_production_min;
+function requireWithSelector_production_min() {
+  if (hasRequiredWithSelector_production_min) return withSelector_production_min;
+  hasRequiredWithSelector_production_min = 1;
+  var h2 = React2__default, n2 = requireShim();
+  function p2(a2, b2) {
+    return a2 === b2 && (0 !== a2 || 1 / a2 === 1 / b2) || a2 !== a2 && b2 !== b2;
+  }
+  var q2 = "function" === typeof Object.is ? Object.is : p2, r2 = n2.useSyncExternalStore, t2 = h2.useRef, u2 = h2.useEffect, v2 = h2.useMemo, w2 = h2.useDebugValue;
+  withSelector_production_min.useSyncExternalStoreWithSelector = function(a2, b2, e2, l2, g2) {
+    var c2 = t2(null);
+    if (null === c2.current) {
+      var f2 = { hasValue: false, value: null };
+      c2.current = f2;
+    } else f2 = c2.current;
+    c2 = v2(function() {
+      function a3(a4) {
+        if (!c3) {
+          c3 = true;
+          d3 = a4;
+          a4 = l2(a4);
+          if (void 0 !== g2 && f2.hasValue) {
+            var b3 = f2.value;
+            if (g2(b3, a4)) return k2 = b3;
           }
-        ];
-      },
-      [getSnapshot, getServerSnapshot, selector2, isEqual]
-    );
-    var value = useSyncExternalStore(subscribe, instRef[0], instRef[1]);
-    useEffect2(
-      function() {
-        inst.hasValue = true;
-        inst.value = value;
-      },
-      [value]
-    );
-    useDebugValue2(value);
-    return value;
-  };
-  return withSelector_production;
+          return k2 = a4;
+        }
+        b3 = k2;
+        if (q2(d3, a4)) return b3;
+        var e3 = l2(a4);
+        if (void 0 !== g2 && g2(b3, e3)) return b3;
+        d3 = a4;
+        return k2 = e3;
+      }
+      var c3 = false, d3, k2, m2 = void 0 === e2 ? null : e2;
+      return [function() {
+        return a3(b2());
+      }, null === m2 ? void 0 : function() {
+        return a3(m2());
+      }];
+    }, [b2, e2, l2, g2]);
+    var d2 = r2(a2, c2[0], c2[1]);
+    u2(function() {
+      f2.hasValue = true;
+      f2.value = d2;
+    }, [d2]);
+    w2(d2);
+    return d2;
+  };
+  return withSelector_production_min;
 }
 var hasRequiredWithSelector;
 function requireWithSelector() {
   if (hasRequiredWithSelector) return withSelector.exports;
   hasRequiredWithSelector = 1;
   {
-    withSelector.exports = requireWithSelector_production();
+    withSelector.exports = requireWithSelector_production_min();
   }
   return withSelector.exports;
 }
@@ -10902,7 +10884,8 @@ function shallow$1(objA, objB) {
     return false;
   }
   if (objA instanceof Map && objB instanceof Map) {
-    if (objA.size !== objB.size) return false;
+    if (objA.size !== objB.size)
+      return false;
     for (const [key, value] of objA) {
       if (!Object.is(value, objB.get(key))) {
         return false;
@@ -10911,7 +10894,8 @@ function shallow$1(objA, objB) {
     return true;
   }
   if (objA instanceof Set && objB instanceof Set) {
-    if (objA.size !== objB.size) return false;
+    if (objA.size !== objB.size)
+      return false;
     for (const value of objA) {
       if (!objB.has(value)) {
         return false;
@@ -10923,8 +10907,8 @@ function shallow$1(objA, objB) {
   if (keysA.length !== Object.keys(objB).length) {
     return false;
   }
-  for (const keyA of keysA) {
-    if (!Object.prototype.hasOwnProperty.call(objB, keyA) || !Object.is(objA[keyA], objB[keyA])) {
+  for (let i2 = 0; i2 < keysA.length; i2++) {
+    if (!Object.prototype.hasOwnProperty.call(objB, keysA[i2]) || !Object.is(objA[keysA[i2]], objB[keysA[i2]])) {
       return false;
     }
   }
@@ -106230,7 +106214,7 @@ const browserExt = {
   },
   test: () => true,
   load: async () => {
-    await import("./browserAll-BdeGLg9f.js");
+    await import("./browserAll-BB02N7at.js");
   }
 };
 const webworkerExt = {
@@ -106241,7 +106225,7 @@ const webworkerExt = {
   },
   test: () => typeof self !== "undefined" && self.WorkerGlobalScope !== void 0,
   load: async () => {
-    await import("./webworkerAll-DFGI4H02.js");
+    await import("./webworkerAll-CQOqrjDQ.js");
   }
 };
 class ObservablePoint {
@@ -154423,346 +154407,6 @@ const CardLayout = ({
 };
 const ISO_TILE_WIDTH$1 = 64;
 const ISO_TILE_HEIGHT$1 = 32;
-function getPackagePositions$1(count2, footprintWidth, footprintHeight) {
-  const positions = [];
-  const spacing = 0.18;
-  const yOffset = -footprintHeight * 0.15;
-  if (count2 === 2) {
-    positions.push(
-      { x: -footprintWidth * spacing, y: yOffset },
-      { x: footprintWidth * spacing, y: yOffset }
-    );
-  } else if (count2 === 3) {
-    positions.push(
-      {
-        x: -footprintWidth * spacing * 0.8,
-        y: -footprintHeight * spacing * 0.8 + yOffset
-      },
-      {
-        x: footprintWidth * spacing * 0.8,
-        y: -footprintHeight * spacing * 0.8 + yOffset
-      },
-      { x: 0, y: footprintHeight * spacing * 1 + yOffset }
-    );
-  } else if (count2 === 4) {
-    positions.push(
-      { x: 0, y: -footprintHeight * spacing + yOffset },
-      { x: -footprintWidth * spacing, y: yOffset },
-      { x: footprintWidth * spacing, y: yOffset },
-      { x: 0, y: footprintHeight * spacing + yOffset }
-    );
-  } else {
-    const cols = Math.ceil(Math.sqrt(count2));
-    const rows = Math.ceil(count2 / cols);
-    const cellWidth = footprintWidth * 0.7 / cols;
-    const cellHeight = footprintHeight * 0.7 / rows;
-    for (let i2 = 0; i2 < count2; i2++) {
-      const row2 = Math.floor(i2 / cols);
-      const col = i2 % cols;
-      const x2 = (col - (cols - 1) / 2) * cellWidth;
-      const y2 = (row2 - (rows - 1) / 2) * cellHeight;
-      positions.push({ x: x2, y: y2 });
-    }
-  }
-  return positions;
-}
-const RepoSprite = ({
-  size = 2,
-  color: color2 = 13789470,
-  packages,
-  files,
-  stars,
-  collaborators,
-  license,
-  label,
-  owner,
-  language: language2,
-  variant = "default",
-  cardTheme = "blue",
-  width = 200,
-  height = 200,
-  backgroundColor,
-  showBoundary = true,
-  boundaryColor = 16776960,
-  debug = false,
-  onPackageHover,
-  onPackageHoverEnd
-}) => {
-  const { theme: theme2 } = useTheme();
-  const containerRef = useRef(null);
-  const appRef = useRef(null);
-  useEffect(() => {
-    if (!containerRef.current) return;
-    const init2 = async () => {
-      var _a;
-      const app = new Application();
-      await app.init({
-        width,
-        height,
-        backgroundAlpha: backgroundColor !== void 0 ? 1 : 0,
-        backgroundColor: backgroundColor ?? 0,
-        antialias: true,
-        resolution: 2,
-        autoDensity: true
-      });
-      (_a = containerRef.current) == null ? void 0 : _a.appendChild(app.canvas);
-      appRef.current = app;
-      const boundarySize = 4 * size;
-      const boundaryWidth = boundarySize * ISO_TILE_WIDTH$1;
-      const boundaryHeight = boundarySize * ISO_TILE_HEIGHT$1;
-      const padding = 0.9;
-      const scaleX = width * padding / boundaryWidth;
-      const scaleY = height * padding / boundaryHeight;
-      const scale = Math.min(scaleX, scaleY);
-      const mainContainer = new Container();
-      mainContainer.x = width / 2;
-      mainContainer.y = height / 2;
-      mainContainer.scale.set(scale);
-      app.stage.addChild(mainContainer);
-      if (showBoundary) {
-        const boundary = new Graphics();
-        boundary.strokeStyle = { width: 2, color: boundaryColor };
-        boundary.fillStyle = { color: boundaryColor, alpha: 0.1 };
-        boundary.beginPath();
-        boundary.moveTo(0, -boundaryHeight / 2);
-        boundary.lineTo(boundaryWidth / 2, 0);
-        boundary.lineTo(0, boundaryHeight / 2);
-        boundary.lineTo(-boundaryWidth / 2, 0);
-        boundary.closePath();
-        boundary.fill();
-        boundary.stroke();
-        mainContainer.addChild(boundary);
-      }
-      const ground = license ? generateLicenseGround(license, size) : generateNeutralGround(size);
-      mainContainer.addChild(ground);
-      if (packages && packages.length > 1) {
-        const positions = getPackagePositions$1(
-          packages.length,
-          boundaryWidth / 2,
-          boundaryHeight / 2
-        );
-        for (let i2 = 0; i2 < packages.length; i2++) {
-          const pkg = packages[i2];
-          const pos = positions[i2] || { x: 0, y: 0 };
-          const pkgColor = pkg.color ? parseColor$1(pkg.color) : parseColor$1(color2);
-          const pkgSize = (pkg.size || 1) * size * 0.4;
-          const buildingGraphics = generateBuildingSprite({
-            size: pkgSize,
-            color: pkgColor
-          });
-          buildingGraphics.x = pos.x;
-          buildingGraphics.y = pos.y;
-          buildingGraphics.eventMode = "static";
-          buildingGraphics.cursor = "pointer";
-          const originalTint = buildingGraphics.tint;
-          const packageName = pkg.name;
-          buildingGraphics.on("pointerover", () => {
-            buildingGraphics.tint = 8965375;
-            onPackageHover == null ? void 0 : onPackageHover(packageName);
-          });
-          buildingGraphics.on("pointerout", () => {
-            buildingGraphics.tint = originalTint;
-            onPackageHoverEnd == null ? void 0 : onPackageHoverEnd(packageName);
-          });
-          mainContainer.addChild(buildingGraphics);
-        }
-      } else {
-        const parsedColor = parseColor$1(color2);
-        const buildingGraphics = generateBuildingSprite({
-          size,
-          color: parsedColor
-        });
-        mainContainer.addChild(buildingGraphics);
-      }
-      if (license) {
-        const licenseSign = generateLicenseSign(license, {
-          name: label || "",
-          sizeMultiplier: size
-        });
-        const footprintHeight = boundaryHeight / 2;
-        licenseSign.y = footprintHeight * 0.75;
-        mainContainer.addChild(licenseSign);
-      }
-      if (stars && stars > 0) {
-        const tier = getStarTier(stars);
-        const scaleFactor = getStarScaleFactor(stars);
-        let starDecoration = null;
-        if (tier) {
-          const decorationColor = tier.color;
-          if (tier.decorationType === "flag") {
-            starDecoration = generateFlagSprite(decorationColor);
-          } else if (tier.decorationType === "trophy") {
-            starDecoration = generateTrophySprite(decorationColor);
-          } else if (tier.decorationType === "statue") {
-            starDecoration = generateStatueSprite(decorationColor);
-          }
-        }
-        if (starDecoration) {
-          const dim = { w: 8, h: 12 };
-          starDecoration.pivot.set(dim.w, dim.h);
-          starDecoration.scale.set(1.5 * scaleFactor);
-          starDecoration.x = -boundaryWidth / 4;
-          starDecoration.y = 0;
-          mainContainer.addChild(starDecoration);
-        }
-      }
-      if (collaborators && collaborators > 0) {
-        const tier = getCollaboratorTier(collaborators);
-        const scaleFactor = getCollaboratorScaleFactor(collaborators);
-        let collabDecoration = null;
-        if (tier) {
-          const decorationColor = tier.color;
-          if (tier.decorationType === "bench") {
-            collabDecoration = generateBenchSprite(decorationColor);
-          } else if (tier.decorationType === "pavilion") {
-            collabDecoration = generatePavilionSprite(decorationColor);
-          } else if (tier.decorationType === "gazebo") {
-            collabDecoration = generateGazeboSprite(decorationColor);
-          } else if (tier.decorationType === "bandstand") {
-            collabDecoration = generateBandstandSprite(decorationColor);
-          }
-        }
-        if (collabDecoration) {
-          const dim = { h: 12 };
-          collabDecoration.pivot.set(0, dim.h);
-          collabDecoration.scale.set(1.5 * scaleFactor);
-          collabDecoration.x = boundaryWidth / 4;
-          collabDecoration.y = 0;
-          mainContainer.addChild(collabDecoration);
-        }
-      }
-      if (debug) {
-        const { Graphics: Graphics2 } = await Promise.resolve().then(() => index);
-        const debugRect = new Graphics2();
-        debugRect.rect(-width / 2, -height / 2, width, height);
-        debugRect.stroke({ width: 1, color: 16711680 });
-        mainContainer.addChild(debugRect);
-      }
-    };
-    init2();
-    return () => {
-      if (appRef.current) {
-        appRef.current.destroy(true, { children: true });
-        appRef.current = null;
-      }
-    };
-  }, [
-    size,
-    color2,
-    packages,
-    files,
-    stars,
-    collaborators,
-    license,
-    label,
-    variant,
-    width,
-    height,
-    backgroundColor,
-    showBoundary,
-    boundaryColor,
-    debug,
-    onPackageHover,
-    onPackageHoverEnd
-  ]);
-  if (variant === "card") {
-    return /* @__PURE__ */ jsx(
-      CardLayout,
-      {
-        color: color2,
-        owner,
-        stars,
-        label,
-        files,
-        language: language2,
-        license,
-        packages,
-        children: /* @__PURE__ */ jsx(
-          "div",
-          {
-            ref: containerRef,
-            style: {
-              width: "100%",
-              height: "100%",
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "center"
-            }
-          }
-        )
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref: containerRef,
-      style: {
-        width,
-        height,
-        display: "inline-block"
-      }
-    }
-  );
-};
-function transformPackages(packages) {
-  if (!packages || packages.length === 0) {
-    return void 0;
-  }
-  return packages.map((pkg) => {
-    var _a;
-    return {
-      name: ((_a = pkg.packageData) == null ? void 0 : _a.name) || pkg.name,
-      size: pkg.size
-      // Could derive color from package type or name in the future
-    };
-  });
-}
-const RepoCard = ({
-  repository,
-  variant = "card",
-  cardTheme = "blue",
-  width = 200,
-  height = 280,
-  backgroundColor,
-  showBoundary = false,
-  boundaryColor,
-  debug = false,
-  sizeOverride,
-  colorOverride,
-  onPackageHover,
-  onPackageHoverEnd
-}) => {
-  var _a, _b, _c, _d, _e2, _f;
-  const size = sizeOverride ?? calculateRepositorySize(repository.metrics);
-  const color2 = colorOverride ?? getRepositoryColor(repository);
-  const packages = transformPackages(repository.packages);
-  const spriteProps = {
-    size,
-    color: color2,
-    packages,
-    files: (_a = repository.metrics) == null ? void 0 : _a.fileCount,
-    stars: (_b = repository.github) == null ? void 0 : _b.stars,
-    collaborators: (_c = repository.metrics) == null ? void 0 : _c.contributors,
-    license: (_d = repository.github) == null ? void 0 : _d.license,
-    label: repository.name,
-    owner: (_e2 = repository.github) == null ? void 0 : _e2.owner,
-    language: (_f = repository.github) == null ? void 0 : _f.primaryLanguage,
-    variant,
-    cardTheme,
-    width,
-    height,
-    backgroundColor,
-    showBoundary,
-    boundaryColor,
-    debug,
-    onPackageHover,
-    onPackageHoverEnd
-  };
-  return /* @__PURE__ */ jsx(RepoSprite, { ...spriteProps });
-};
-const ISO_TILE_WIDTH = 64;
-const ISO_TILE_HEIGHT = 32;
 let sharedApp = null;
 let sharedAppPromise = null;
 let isAppDestroyed = false;
@@ -154772,7 +154416,7 @@ function parseColor(color2) {
   if (typeof color2 === "number") return color2;
   return parseInt(color2.replace("#", ""), 16);
 }
-function getPackagePositions(count2, footprintWidth, footprintHeight) {
+function getPackagePositions$1(count2, footprintWidth, footprintHeight) {
   const positions = [];
   const spacing = 0.18;
   const yOffset = -footprintHeight * 0.15;
@@ -154863,8 +154507,8 @@ async function renderSpriteInternal(options) {
   const app = await getSharedApp(width, height);
   app.stage.removeChildren();
   const boundarySize = 4 * size;
-  const boundaryWidth = boundarySize * ISO_TILE_WIDTH;
-  const boundaryHeight = boundarySize * ISO_TILE_HEIGHT;
+  const boundaryWidth = boundarySize * ISO_TILE_WIDTH$1;
+  const boundaryHeight = boundarySize * ISO_TILE_HEIGHT$1;
   const padding = 0.9;
   const scaleX = width * padding / boundaryWidth;
   const scaleY = height * padding / boundaryHeight;
@@ -154891,7 +154535,7 @@ async function renderSpriteInternal(options) {
   const ground = license ? generateLicenseGround(license, size) : generateNeutralGround(size);
   mainContainer.addChild(ground);
   if (packages && packages.length > 1) {
-    const positions = getPackagePositions(
+    const positions = getPackagePositions$1(
       packages.length,
       boundaryWidth / 2,
       boundaryHeight / 2
@@ -155041,35 +154685,52 @@ function destroySharedApp() {
     isAppDestroyed = true;
   }
 }
-const RepoCardStatic = ({
-  repository,
-  packages,
-  cardTheme = "blue",
-  width = 200,
-  height = 280,
-  spriteSize = 160
+function formatRelativeTime(dateString) {
+  if (!dateString) return "Never opened";
+  const date = new Date(dateString);
+  const now2 = /* @__PURE__ */ new Date();
+  const diffMs = now2.getTime() - date.getTime();
+  const diffMins = Math.floor(diffMs / 6e4);
+  const diffHours = Math.floor(diffMs / 36e5);
+  const diffDays = Math.floor(diffMs / 864e5);
+  if (diffMins < 1) return "Just now";
+  if (diffMins < 60) return `${diffMins}m ago`;
+  if (diffHours < 24) return `${diffHours}h ago`;
+  if (diffDays < 7) return `${diffDays}d ago`;
+  if (diffDays < 30) return `${Math.floor(diffDays / 7)}w ago`;
+  return date.toLocaleDateString();
+}
+const LocalProjectCard = ({
+  entry,
+  width = 220,
+  height = 300,
+  isSelected = false,
+  onClick,
+  onOpen,
+  onRemove: onRemove2
 }) => {
-  var _a, _b, _c, _d, _e2, _f;
+  var _a, _b, _c, _d, _e2;
+  const { theme: theme2 } = useTheme();
   const [spriteDataUrl, setSpriteDataUrl] = useState(null);
   const [isLoading, setIsLoading] = useState(true);
-  const size = calculateRepositorySize(repository.metrics);
-  const color2 = getRepositoryColor(repository);
+  const [isHovered, setIsHovered] = useState(false);
+  const color2 = getRepositoryColor(entry);
   const colors = generateCardColors(color2);
+  const size = entry.viewCount ? Math.min(entry.viewCount + 1, 5) : 2;
   useEffect(() => {
     let mounted = true;
     async function renderSprite() {
-      var _a2, _b2, _c2;
+      var _a2, _b2;
       try {
         const dataUrl = await renderSpriteToDataUrlCached({
           size,
           color: color2,
-          packages,
-          stars: (_a2 = repository.github) == null ? void 0 : _a2.stars,
-          collaborators: (_b2 = repository.metrics) == null ? void 0 : _b2.contributors,
-          license: (_c2 = repository.github) == null ? void 0 : _c2.license,
-          label: repository.name,
-          width: spriteSize,
-          height: spriteSize
+          stars: (_a2 = entry.github) == null ? void 0 : _a2.stars,
+          collaborators: void 0,
+          license: (_b2 = entry.github) == null ? void 0 : _b2.license,
+          label: entry.name,
+          width: 140,
+          height: 140
         });
         if (mounted) {
           setSpriteDataUrl(dataUrl);
@@ -155086,23 +154747,22 @@ const RepoCardStatic = ({
     return () => {
       mounted = false;
     };
-  }, [size, color2, packages, repository, spriteSize]);
+  }, [size, color2, entry]);
   const spriteContent = isLoading ? /* @__PURE__ */ jsx(
     "div",
     {
       style: {
-        width: spriteSize * 0.5,
-        height: spriteSize * 0.5,
+        width: 70,
+        height: 70,
         backgroundColor: `${colors.cardHighlight}40`,
-        borderRadius: "8px",
-        animation: "pulse 1.5s ease-in-out infinite"
+        borderRadius: "8px"
       }
     }
   ) : spriteDataUrl ? /* @__PURE__ */ jsx(
     "img",
     {
       src: spriteDataUrl,
-      alt: repository.name,
+      alt: entry.name,
       style: {
         maxWidth: "100%",
         maxHeight: "100%",
@@ -155113,29 +154773,121 @@ const RepoCardStatic = ({
     "div",
     {
       style: {
-        width: spriteSize * 0.5,
-        height: spriteSize * 0.5,
+        width: 70,
+        height: 70,
         backgroundColor: `#${color2.toString(16).padStart(6, "0")}`,
         borderRadius: "8px",
         opacity: 0.5
       }
     }
   );
-  return /* @__PURE__ */ jsx("div", { style: { width, height }, children: /* @__PURE__ */ jsx(
-    CardLayout,
+  const description = ((_a = entry.github) == null ? void 0 : _a.description) || formatRelativeTime(entry.lastOpenedAt);
+  return /* @__PURE__ */ jsxs(
+    "div",
     {
-      color: color2,
-      owner: (_a = repository.github) == null ? void 0 : _a.owner,
-      stars: (_b = repository.github) == null ? void 0 : _b.stars,
-      label: repository.name,
-      description: (_c = repository.github) == null ? void 0 : _c.description,
-      files: (_d = repository.metrics) == null ? void 0 : _d.fileCount,
-      language: (_e2 = repository.github) == null ? void 0 : _e2.primaryLanguage,
-      license: (_f = repository.github) == null ? void 0 : _f.license,
-      packages,
-      children: spriteContent
+      style: {
+        width,
+        height,
+        cursor: "pointer",
+        transition: "transform 0.15s ease, box-shadow 0.15s ease",
+        transform: isHovered ? "translateY(-4px)" : "none",
+        boxShadow: isSelected ? `0 0 0 3px ${theme2.colors.primary}` : isHovered ? "0 8px 24px rgba(0,0,0,0.3)" : "0 4px 12px rgba(0,0,0,0.2)",
+        borderRadius: "4px",
+        overflow: "hidden"
+      },
+      onClick: () => onClick == null ? void 0 : onClick(entry),
+      onMouseEnter: () => setIsHovered(true),
+      onMouseLeave: () => setIsHovered(false),
+      children: [
+        /* @__PURE__ */ jsx(
+          CardLayout,
+          {
+            color: color2,
+            owner: (_b = entry.github) == null ? void 0 : _b.owner,
+            stars: (_c = entry.github) == null ? void 0 : _c.stars,
+            label: entry.name,
+            description,
+            files: entry.viewCount || void 0,
+            language: (_d = entry.github) == null ? void 0 : _d.primaryLanguage,
+            license: (_e2 = entry.github) == null ? void 0 : _e2.license,
+            children: spriteContent
+          }
+        ),
+        isHovered && (onOpen || onRemove2) && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              bottom: "32px",
+              left: "50%",
+              transform: "translateX(-50%)",
+              display: "flex",
+              gap: "8px",
+              zIndex: 10
+            },
+            children: [
+              onOpen && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  onClick: (e2) => {
+                    e2.stopPropagation();
+                    onOpen(entry);
+                  },
+                  style: {
+                    padding: "6px 12px",
+                    backgroundColor: theme2.colors.primary,
+                    color: "#ffffff",
+                    border: "none",
+                    borderRadius: "4px",
+                    fontSize: theme2.fontSizes[1],
+                    fontFamily: theme2.fonts.body,
+                    fontWeight: theme2.fontWeights.medium,
+                    cursor: "pointer",
+                    transition: "background-color 0.15s ease"
+                  },
+                  onMouseEnter: (e2) => {
+                    e2.currentTarget.style.backgroundColor = theme2.colors.accent;
+                  },
+                  onMouseLeave: (e2) => {
+                    e2.currentTarget.style.backgroundColor = theme2.colors.primary;
+                  },
+                  children: "Open"
+                }
+              ),
+              onRemove2 && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  onClick: (e2) => {
+                    e2.stopPropagation();
+                    onRemove2(entry);
+                  },
+                  style: {
+                    padding: "6px 12px",
+                    backgroundColor: "rgba(0,0,0,0.5)",
+                    color: "#ffffff",
+                    border: `1px solid ${theme2.colors.border}`,
+                    borderRadius: "4px",
+                    fontSize: theme2.fontSizes[1],
+                    fontFamily: theme2.fonts.body,
+                    fontWeight: theme2.fontWeights.medium,
+                    cursor: "pointer",
+                    transition: "background-color 0.15s ease"
+                  },
+                  onMouseEnter: (e2) => {
+                    e2.currentTarget.style.backgroundColor = theme2.colors.error;
+                  },
+                  onMouseLeave: (e2) => {
+                    e2.currentTarget.style.backgroundColor = "rgba(0,0,0,0.5)";
+                  },
+                  children: "Remove"
+                }
+              )
+            ]
+          }
+        )
+      ]
     }
-  ) });
+  );
 };
 const GitLogo = ({
   size = 80,
@@ -155171,7 +154923,7 @@ const injectKeyframes = () => {
   `;
   document.head.appendChild(style2);
 };
-const Speck = ({ x: x2, y: y2, size, delay }) => /* @__PURE__ */ jsx(
+const Speck = ({ x: x2, y: y2, size, delay, duration }) => /* @__PURE__ */ jsx(
   "div",
   {
     style: {
@@ -155182,8 +154934,7 @@ const Speck = ({ x: x2, y: y2, size, delay }) => /* @__PURE__ */ jsx(
       height: size,
       borderRadius: "50%",
       backgroundColor: "rgba(255,255,255,0.5)",
-      animation: `twinkle ${2 + Math.random() * 2}s ease-in-out infinite`,
-      animationDelay: `${delay}s`
+      animation: `twinkle ${duration}s ease-in-out ${delay}s infinite`
     }
   }
 );
@@ -155201,7 +154952,8 @@ const generateSpecks = (cols, rows) => {
         x: baseX + jitterX,
         y: baseY + jitterY,
         size: 1 + Math.random() * 1.5,
-        delay: Math.random() * 3
+        delay: Math.random() * 3,
+        duration: 2 + Math.random() * 2
       });
     }
   }
@@ -155337,6 +155089,693 @@ const CardBack = ({
     }
   );
 };
+const BOUNCE_KEYFRAMES_ID = "card-back-bounce";
+const injectBounceKeyframes = () => {
+  if (typeof document === "undefined") return;
+  if (document.getElementById(BOUNCE_KEYFRAMES_ID)) return;
+  const style2 = document.createElement("style");
+  style2.id = BOUNCE_KEYFRAMES_ID;
+  style2.textContent = `
+    @keyframes cardBounce {
+      0%, 100% { transform: translateY(0); }
+      50% { transform: translateY(-8px); }
+    }
+  `;
+  document.head.appendChild(style2);
+};
+const LoadingCard = ({ index: index2 }) => {
+  const delay = useMemo(() => index2 * 0.15 + Math.random() * 0.3, [index2]);
+  const duration = useMemo(() => 1.2 + Math.random() * 0.6, []);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        animation: `cardBounce ${duration}s ease-in-out ${delay}s infinite`
+      },
+      children: /* @__PURE__ */ jsx(CardBack, { width: 220, height: 300 })
+    }
+  );
+};
+const LoadingGrid = () => {
+  useEffect(() => {
+    injectBounceKeyframes();
+  }, []);
+  const cardCount = 6;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        display: "grid",
+        gridTemplateColumns: "repeat(auto-fill, minmax(220px, 1fr))",
+        gap: "20px",
+        justifyItems: "center"
+      },
+      children: Array.from({ length: cardCount }, (_2, i2) => /* @__PURE__ */ jsx(LoadingCard, { index: i2 }, i2))
+    }
+  );
+};
+function sortByLastOpened(projects) {
+  return [...projects].sort((a2, b2) => {
+    const aDate = a2.lastOpenedAt || a2.registeredAt || "";
+    const bDate = b2.lastOpenedAt || b2.registeredAt || "";
+    return bDate.localeCompare(aDate);
+  });
+}
+function filterProjects(projects, query) {
+  if (!query.trim()) return projects;
+  const lowerQuery = query.toLowerCase();
+  return projects.filter((project) => {
+    var _a, _b, _c, _d, _e2, _f;
+    return project.name.toLowerCase().includes(lowerQuery) || project.path.toLowerCase().includes(lowerQuery) || ((_b = (_a = project.github) == null ? void 0 : _a.owner) == null ? void 0 : _b.toLowerCase().includes(lowerQuery)) || ((_d = (_c = project.github) == null ? void 0 : _c.primaryLanguage) == null ? void 0 : _d.toLowerCase().includes(lowerQuery)) || ((_f = (_e2 = project.github) == null ? void 0 : _e2.description) == null ? void 0 : _f.toLowerCase().includes(lowerQuery));
+  });
+}
+const LocalProjectGridPanelContent = ({ context: context2, actions }) => {
+  const { theme: theme2 } = useTheme();
+  const [searchQuery, setSearchQuery] = useState("");
+  const [selectedProject, setSelectedProject] = useState(null);
+  const projectsSlice = context2.localProjects;
+  const projects = (projectsSlice == null ? void 0 : projectsSlice.data) ?? [];
+  const isLoading = (projectsSlice == null ? void 0 : projectsSlice.loading) ?? false;
+  const displayProjects = useMemo(() => {
+    const filtered = filterProjects(projects, searchQuery);
+    return sortByLastOpened(filtered);
+  }, [projects, searchQuery]);
+  const handleCardClick = (entry) => {
+    var _a;
+    setSelectedProject(entry);
+    (_a = actions.selectProject) == null ? void 0 : _a.call(actions, entry);
+  };
+  const handleOpen = (entry) => {
+    var _a;
+    (_a = actions.openProject) == null ? void 0 : _a.call(actions, entry);
+  };
+  const handleRemove = (entry) => {
+    var _a;
+    (_a = actions.removeProject) == null ? void 0 : _a.call(actions, entry);
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        height: "100%",
+        backgroundColor: theme2.colors.background,
+        overflow: "hidden"
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              padding: "12px 16px",
+              borderBottom: `1px solid ${theme2.colors.border}`,
+              flexShrink: 0
+            },
+            children: [
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "8px",
+                    backgroundColor: theme2.colors.backgroundSecondary,
+                    borderRadius: "6px",
+                    padding: "8px 12px",
+                    border: `1px solid ${theme2.colors.border}`
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(Search$1, { size: 16, color: theme2.colors.textSecondary }),
+                    /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        type: "text",
+                        placeholder: "Search projects...",
+                        value: searchQuery,
+                        onChange: (e2) => setSearchQuery(e2.target.value),
+                        style: {
+                          flex: 1,
+                          backgroundColor: "transparent",
+                          border: "none",
+                          outline: "none",
+                          color: theme2.colors.text,
+                          fontSize: theme2.fontSizes[1],
+                          fontFamily: theme2.fonts.body
+                        }
+                      }
+                    ),
+                    searchQuery && /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        onClick: () => setSearchQuery(""),
+                        style: {
+                          background: "none",
+                          border: "none",
+                          color: theme2.colors.textSecondary,
+                          cursor: "pointer",
+                          padding: "0 4px",
+                          fontSize: theme2.fontSizes[1]
+                        },
+                        children: "✕"
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  style: {
+                    marginTop: "8px",
+                    fontSize: theme2.fontSizes[0],
+                    color: theme2.colors.textSecondary,
+                    fontFamily: theme2.fonts.body
+                  },
+                  children: isLoading ? "Loading projects..." : `${displayProjects.length} project${displayProjects.length !== 1 ? "s" : ""}`
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              flex: 1,
+              overflow: "auto",
+              padding: "16px"
+            },
+            children: isLoading ? /* @__PURE__ */ jsx(LoadingGrid, {}) : displayProjects.length === 0 ? /* @__PURE__ */ jsxs(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  flexDirection: "column",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  height: "200px",
+                  color: theme2.colors.textSecondary,
+                  fontFamily: theme2.fonts.body,
+                  textAlign: "center",
+                  gap: "8px"
+                },
+                children: [
+                  /* @__PURE__ */ jsx("div", { style: { fontSize: theme2.fontSizes[2] }, children: searchQuery ? "No matching projects" : "No projects yet" }),
+                  /* @__PURE__ */ jsx("div", { style: { fontSize: theme2.fontSizes[1] }, children: searchQuery ? "Try a different search term" : "Add a project to get started" })
+                ]
+              }
+            ) : /* @__PURE__ */ jsx(
+              "div",
+              {
+                style: {
+                  display: "grid",
+                  gridTemplateColumns: "repeat(auto-fill, minmax(220px, 1fr))",
+                  gap: "20px",
+                  justifyItems: "center"
+                },
+                children: displayProjects.map((project) => /* @__PURE__ */ jsx(
+                  LocalProjectCard,
+                  {
+                    entry: project,
+                    isSelected: (selectedProject == null ? void 0 : selectedProject.path) === project.path,
+                    onClick: handleCardClick,
+                    onOpen: actions.openProject ? handleOpen : void 0,
+                    onRemove: actions.removeProject ? handleRemove : void 0
+                  },
+                  project.path
+                ))
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+const LocalProjectGridPanelPreview = ({ context: context2 }) => {
+  var _a;
+  const { theme: theme2 } = useTheme();
+  const projects = ((_a = context2.localProjects) == null ? void 0 : _a.data) ?? [];
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        height: "100%",
+        gap: "4px",
+        color: theme2.colors.text,
+        fontFamily: theme2.fonts.body
+      },
+      children: [
+        /* @__PURE__ */ jsx("div", { style: { fontSize: theme2.fontSizes[2], fontWeight: theme2.fontWeights.medium }, children: projects.length }),
+        /* @__PURE__ */ jsx("div", { style: { fontSize: theme2.fontSizes[0], color: theme2.colors.textSecondary }, children: "Projects" })
+      ]
+    }
+  );
+};
+const LocalProjectGridPanel = (props) => {
+  return /* @__PURE__ */ jsx(LocalProjectGridPanelContent, { ...props });
+};
+const ISO_TILE_WIDTH = 64;
+const ISO_TILE_HEIGHT = 32;
+function getPackagePositions(count2, footprintWidth, footprintHeight) {
+  const positions = [];
+  const spacing = 0.18;
+  const yOffset = -footprintHeight * 0.15;
+  if (count2 === 2) {
+    positions.push(
+      { x: -footprintWidth * spacing, y: yOffset },
+      { x: footprintWidth * spacing, y: yOffset }
+    );
+  } else if (count2 === 3) {
+    positions.push(
+      {
+        x: -footprintWidth * spacing * 0.8,
+        y: -footprintHeight * spacing * 0.8 + yOffset
+      },
+      {
+        x: footprintWidth * spacing * 0.8,
+        y: -footprintHeight * spacing * 0.8 + yOffset
+      },
+      { x: 0, y: footprintHeight * spacing * 1 + yOffset }
+    );
+  } else if (count2 === 4) {
+    positions.push(
+      { x: 0, y: -footprintHeight * spacing + yOffset },
+      { x: -footprintWidth * spacing, y: yOffset },
+      { x: footprintWidth * spacing, y: yOffset },
+      { x: 0, y: footprintHeight * spacing + yOffset }
+    );
+  } else {
+    const cols = Math.ceil(Math.sqrt(count2));
+    const rows = Math.ceil(count2 / cols);
+    const cellWidth = footprintWidth * 0.7 / cols;
+    const cellHeight = footprintHeight * 0.7 / rows;
+    for (let i2 = 0; i2 < count2; i2++) {
+      const row2 = Math.floor(i2 / cols);
+      const col = i2 % cols;
+      const x2 = (col - (cols - 1) / 2) * cellWidth;
+      const y2 = (row2 - (rows - 1) / 2) * cellHeight;
+      positions.push({ x: x2, y: y2 });
+    }
+  }
+  return positions;
+}
+const RepoSprite = ({
+  size = 2,
+  color: color2 = 13789470,
+  packages,
+  files,
+  stars,
+  collaborators,
+  license,
+  label,
+  owner,
+  language: language2,
+  variant = "default",
+  cardTheme = "blue",
+  width = 200,
+  height = 200,
+  backgroundColor,
+  showBoundary = true,
+  boundaryColor = 16776960,
+  debug = false,
+  onPackageHover,
+  onPackageHoverEnd
+}) => {
+  const { theme: theme2 } = useTheme();
+  const containerRef = useRef(null);
+  const appRef = useRef(null);
+  useEffect(() => {
+    if (!containerRef.current) return;
+    const init2 = async () => {
+      var _a;
+      const app = new Application();
+      await app.init({
+        width,
+        height,
+        backgroundAlpha: backgroundColor !== void 0 ? 1 : 0,
+        backgroundColor: backgroundColor ?? 0,
+        antialias: true,
+        resolution: 2,
+        autoDensity: true
+      });
+      (_a = containerRef.current) == null ? void 0 : _a.appendChild(app.canvas);
+      appRef.current = app;
+      const boundarySize = 4 * size;
+      const boundaryWidth = boundarySize * ISO_TILE_WIDTH;
+      const boundaryHeight = boundarySize * ISO_TILE_HEIGHT;
+      const padding = 0.9;
+      const scaleX = width * padding / boundaryWidth;
+      const scaleY = height * padding / boundaryHeight;
+      const scale = Math.min(scaleX, scaleY);
+      const mainContainer = new Container();
+      mainContainer.x = width / 2;
+      mainContainer.y = height / 2;
+      mainContainer.scale.set(scale);
+      app.stage.addChild(mainContainer);
+      if (showBoundary) {
+        const boundary = new Graphics();
+        boundary.strokeStyle = { width: 2, color: boundaryColor };
+        boundary.fillStyle = { color: boundaryColor, alpha: 0.1 };
+        boundary.beginPath();
+        boundary.moveTo(0, -boundaryHeight / 2);
+        boundary.lineTo(boundaryWidth / 2, 0);
+        boundary.lineTo(0, boundaryHeight / 2);
+        boundary.lineTo(-boundaryWidth / 2, 0);
+        boundary.closePath();
+        boundary.fill();
+        boundary.stroke();
+        mainContainer.addChild(boundary);
+      }
+      const ground = license ? generateLicenseGround(license, size) : generateNeutralGround(size);
+      mainContainer.addChild(ground);
+      if (packages && packages.length > 1) {
+        const positions = getPackagePositions(
+          packages.length,
+          boundaryWidth / 2,
+          boundaryHeight / 2
+        );
+        for (let i2 = 0; i2 < packages.length; i2++) {
+          const pkg = packages[i2];
+          const pos = positions[i2] || { x: 0, y: 0 };
+          const pkgColor = pkg.color ? parseColor$1(pkg.color) : parseColor$1(color2);
+          const pkgSize = (pkg.size || 1) * size * 0.4;
+          const buildingGraphics = generateBuildingSprite({
+            size: pkgSize,
+            color: pkgColor
+          });
+          buildingGraphics.x = pos.x;
+          buildingGraphics.y = pos.y;
+          buildingGraphics.eventMode = "static";
+          buildingGraphics.cursor = "pointer";
+          const originalTint = buildingGraphics.tint;
+          const packageName = pkg.name;
+          buildingGraphics.on("pointerover", () => {
+            buildingGraphics.tint = 8965375;
+            onPackageHover == null ? void 0 : onPackageHover(packageName);
+          });
+          buildingGraphics.on("pointerout", () => {
+            buildingGraphics.tint = originalTint;
+            onPackageHoverEnd == null ? void 0 : onPackageHoverEnd(packageName);
+          });
+          mainContainer.addChild(buildingGraphics);
+        }
+      } else {
+        const parsedColor = parseColor$1(color2);
+        const buildingGraphics = generateBuildingSprite({
+          size,
+          color: parsedColor
+        });
+        mainContainer.addChild(buildingGraphics);
+      }
+      if (license) {
+        const licenseSign = generateLicenseSign(license, {
+          name: label || "",
+          sizeMultiplier: size
+        });
+        const footprintHeight = boundaryHeight / 2;
+        licenseSign.y = footprintHeight * 0.75;
+        mainContainer.addChild(licenseSign);
+      }
+      if (stars && stars > 0) {
+        const tier = getStarTier(stars);
+        const scaleFactor = getStarScaleFactor(stars);
+        let starDecoration = null;
+        if (tier) {
+          const decorationColor = tier.color;
+          if (tier.decorationType === "flag") {
+            starDecoration = generateFlagSprite(decorationColor);
+          } else if (tier.decorationType === "trophy") {
+            starDecoration = generateTrophySprite(decorationColor);
+          } else if (tier.decorationType === "statue") {
+            starDecoration = generateStatueSprite(decorationColor);
+          }
+        }
+        if (starDecoration) {
+          const dim = { w: 8, h: 12 };
+          starDecoration.pivot.set(dim.w, dim.h);
+          starDecoration.scale.set(1.5 * scaleFactor);
+          starDecoration.x = -boundaryWidth / 4;
+          starDecoration.y = 0;
+          mainContainer.addChild(starDecoration);
+        }
+      }
+      if (collaborators && collaborators > 0) {
+        const tier = getCollaboratorTier(collaborators);
+        const scaleFactor = getCollaboratorScaleFactor(collaborators);
+        let collabDecoration = null;
+        if (tier) {
+          const decorationColor = tier.color;
+          if (tier.decorationType === "bench") {
+            collabDecoration = generateBenchSprite(decorationColor);
+          } else if (tier.decorationType === "pavilion") {
+            collabDecoration = generatePavilionSprite(decorationColor);
+          } else if (tier.decorationType === "gazebo") {
+            collabDecoration = generateGazeboSprite(decorationColor);
+          } else if (tier.decorationType === "bandstand") {
+            collabDecoration = generateBandstandSprite(decorationColor);
+          }
+        }
+        if (collabDecoration) {
+          const dim = { h: 12 };
+          collabDecoration.pivot.set(0, dim.h);
+          collabDecoration.scale.set(1.5 * scaleFactor);
+          collabDecoration.x = boundaryWidth / 4;
+          collabDecoration.y = 0;
+          mainContainer.addChild(collabDecoration);
+        }
+      }
+      if (debug) {
+        const { Graphics: Graphics2 } = await Promise.resolve().then(() => index);
+        const debugRect = new Graphics2();
+        debugRect.rect(-width / 2, -height / 2, width, height);
+        debugRect.stroke({ width: 1, color: 16711680 });
+        mainContainer.addChild(debugRect);
+      }
+    };
+    init2();
+    return () => {
+      if (appRef.current) {
+        appRef.current.destroy(true, { children: true });
+        appRef.current = null;
+      }
+    };
+  }, [
+    size,
+    color2,
+    packages,
+    files,
+    stars,
+    collaborators,
+    license,
+    label,
+    variant,
+    width,
+    height,
+    backgroundColor,
+    showBoundary,
+    boundaryColor,
+    debug,
+    onPackageHover,
+    onPackageHoverEnd
+  ]);
+  if (variant === "card") {
+    return /* @__PURE__ */ jsx(
+      CardLayout,
+      {
+        color: color2,
+        owner,
+        stars,
+        label,
+        files,
+        language: language2,
+        license,
+        packages,
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref: containerRef,
+            style: {
+              width: "100%",
+              height: "100%",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center"
+            }
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: containerRef,
+      style: {
+        width,
+        height,
+        display: "inline-block"
+      }
+    }
+  );
+};
+function transformPackages(packages) {
+  if (!packages || packages.length === 0) {
+    return void 0;
+  }
+  return packages.map((pkg) => {
+    var _a;
+    return {
+      name: ((_a = pkg.packageData) == null ? void 0 : _a.name) || pkg.name,
+      size: pkg.size
+      // Could derive color from package type or name in the future
+    };
+  });
+}
+const RepoCard = ({
+  repository,
+  variant = "card",
+  cardTheme = "blue",
+  width = 200,
+  height = 280,
+  backgroundColor,
+  showBoundary = false,
+  boundaryColor,
+  debug = false,
+  sizeOverride,
+  colorOverride,
+  onPackageHover,
+  onPackageHoverEnd
+}) => {
+  var _a, _b, _c, _d, _e2, _f;
+  const size = sizeOverride ?? calculateRepositorySize(repository.metrics);
+  const color2 = colorOverride ?? getRepositoryColor(repository);
+  const packages = transformPackages(repository.packages);
+  const spriteProps = {
+    size,
+    color: color2,
+    packages,
+    files: (_a = repository.metrics) == null ? void 0 : _a.fileCount,
+    stars: (_b = repository.github) == null ? void 0 : _b.stars,
+    collaborators: (_c = repository.metrics) == null ? void 0 : _c.contributors,
+    license: (_d = repository.github) == null ? void 0 : _d.license,
+    label: repository.name,
+    owner: (_e2 = repository.github) == null ? void 0 : _e2.owner,
+    language: (_f = repository.github) == null ? void 0 : _f.primaryLanguage,
+    variant,
+    cardTheme,
+    width,
+    height,
+    backgroundColor,
+    showBoundary,
+    boundaryColor,
+    debug,
+    onPackageHover,
+    onPackageHoverEnd
+  };
+  return /* @__PURE__ */ jsx(RepoSprite, { ...spriteProps });
+};
+const RepoCardStatic = ({
+  repository,
+  packages,
+  cardTheme = "blue",
+  width = 200,
+  height = 280,
+  spriteSize = 160
+}) => {
+  var _a, _b, _c, _d, _e2, _f;
+  const [spriteDataUrl, setSpriteDataUrl] = useState(null);
+  const [isLoading, setIsLoading] = useState(true);
+  const size = calculateRepositorySize(repository.metrics);
+  const color2 = getRepositoryColor(repository);
+  const colors = generateCardColors(color2);
+  useEffect(() => {
+    let mounted = true;
+    async function renderSprite() {
+      var _a2, _b2, _c2;
+      try {
+        const dataUrl = await renderSpriteToDataUrlCached({
+          size,
+          color: color2,
+          packages,
+          stars: (_a2 = repository.github) == null ? void 0 : _a2.stars,
+          collaborators: (_b2 = repository.metrics) == null ? void 0 : _b2.contributors,
+          license: (_c2 = repository.github) == null ? void 0 : _c2.license,
+          label: repository.name,
+          width: spriteSize,
+          height: spriteSize
+        });
+        if (mounted) {
+          setSpriteDataUrl(dataUrl);
+          setIsLoading(false);
+        }
+      } catch (error) {
+        console.error("Failed to render sprite:", error);
+        if (mounted) {
+          setIsLoading(false);
+        }
+      }
+    }
+    renderSprite();
+    return () => {
+      mounted = false;
+    };
+  }, [size, color2, packages, repository, spriteSize]);
+  const spriteContent = isLoading ? /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        width: spriteSize * 0.5,
+        height: spriteSize * 0.5,
+        backgroundColor: `${colors.cardHighlight}40`,
+        borderRadius: "8px",
+        animation: "pulse 1.5s ease-in-out infinite"
+      }
+    }
+  ) : spriteDataUrl ? /* @__PURE__ */ jsx(
+    "img",
+    {
+      src: spriteDataUrl,
+      alt: repository.name,
+      style: {
+        maxWidth: "100%",
+        maxHeight: "100%",
+        objectFit: "contain"
+      }
+    }
+  ) : /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        width: spriteSize * 0.5,
+        height: spriteSize * 0.5,
+        backgroundColor: `#${color2.toString(16).padStart(6, "0")}`,
+        borderRadius: "8px",
+        opacity: 0.5
+      }
+    }
+  );
+  return /* @__PURE__ */ jsx("div", { style: { width, height }, children: /* @__PURE__ */ jsx(
+    CardLayout,
+    {
+      color: color2,
+      owner: (_a = repository.github) == null ? void 0 : _a.owner,
+      stars: (_b = repository.github) == null ? void 0 : _b.stars,
+      label: repository.name,
+      description: (_c = repository.github) == null ? void 0 : _c.description,
+      files: (_d = repository.metrics) == null ? void 0 : _d.fileCount,
+      language: (_e2 = repository.github) == null ? void 0 : _e2.primaryLanguage,
+      license: (_f = repository.github) == null ? void 0 : _f.license,
+      packages,
+      children: spriteContent
+    }
+  ) });
+};
 const panels = [
   {
     metadata: {
@@ -155451,6 +155890,24 @@ const panels = [
     onUnmount: async (_context) => {
       console.log("Telemetry Coverage Panel unmounting");
     }
+  },
+  {
+    metadata: {
+      id: "industry-theme.local-project-grid",
+      name: "Local Projects Grid",
+      icon: "Grid3X3",
+      version: "0.1.0",
+      author: "Industry Theme",
+      description: "Display local Alexandria projects in a card grid",
+      slices: ["localProjects"]
+    },
+    component: LocalProjectGridPanel,
+    onMount: async (_context) => {
+      console.log("Local Projects Grid Panel mounted");
+    },
+    onUnmount: async (_context) => {
+      console.log("Local Projects Grid Panel unmounting");
+    }
   }
 ];
 const onPackageLoad = async () => {
@@ -155481,6 +155938,10 @@ export {
   SearchPanel as S,
   TelemetryCoveragePanel as T,
   CollectionMapPanelContent as U,
+  LocalProjectGridPanel as V,
+  LocalProjectGridPanelContent as W,
+  LocalProjectGridPanelPreview as X,
+  LocalProjectCard as Y,
   FilterPipe as a,
   accessibilityTarget as b,
   FederatedContainer as c,
@@ -155508,4 +155969,4 @@ export {
   RepoCardStatic as y,
   CardBack as z
 };
-//# sourceMappingURL=index-anN0r0mT.js.map
+//# sourceMappingURL=index-C1lQoGkG.js.map