@industry-theme/file-city-panel 0.2.45 → 0.2.46

package/dist/index.d.ts

@@ -32,7 +32,7 @@ export { COLOR_MODES, DEFAULT_COLOR_MODES, QUALITY_COLOR_MODES, } from './panels
  */
 export { ProjectInfoHeader } from './panels/components/ProjectInfoHeader';
 export type { ProjectInfo } from './panels/components/ProjectInfoHeader';
-export { FeedProjectHeader } from './panels/components/FeedProjectHeader';
+export { FeedProjectHeader, FeedProjectHeaderSkeleton } from './panels/components/FeedProjectHeader';
 export type { GitHubRepoInfo, RootPackageInfo } from './panels/components/FeedProjectHeader';
 export { FeedCodeCityPanel } from './panels/FeedCodeCityPanel';
 export type { FeedProjectSliceData } from './panels/FeedCodeCityPanel';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAqB,MAAM,SAAS,CAAC;AAGlE;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,eAAe,EAyEnC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,qBAGzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,qBAG3B,CAAC;AAEF;;;GAGG;AACH,OAAO,EACL,kBAAkB,EAClB,0BAA0B,EAC1B,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,GACd,MAAM,SAAS,CAAC;AAEjB;;GAEG;AACH,YAAY,EACV,2BAA2B,EAC3B,gBAAgB,EAChB,SAAS,EACT,eAAe,EACf,cAAc,EACd,cAAc,GACf,MAAM,SAAS,CAAC;AAEjB;;GAEG;AACH,OAAO,EACL,WAAW,EACX,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,8BAA8B,CAAC;AAEtC;;GAEG;AACH,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,YAAY,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAEzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAE7F,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,YAAY,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAqB,MAAM,SAAS,CAAC;AAGlE;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,eAAe,EAyEnC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,qBAGzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,qBAG3B,CAAC;AAEF;;;GAGG;AACH,OAAO,EACL,kBAAkB,EAClB,0BAA0B,EAC1B,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,GACd,MAAM,SAAS,CAAC;AAEjB;;GAEG;AACH,YAAY,EACV,2BAA2B,EAC3B,gBAAgB,EAChB,SAAS,EACT,eAAe,EACf,cAAc,EACd,cAAc,GACf,MAAM,SAAS,CAAC;AAEjB;;GAEG;AACH,OAAO,EACL,WAAW,EACX,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,8BAA8B,CAAC;AAEtC;;GAEG;AACH,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,YAAY,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAEzE,OAAO,EAAE,iBAAiB,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAC;AACrG,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAE7F,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,YAAY,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"FeedCodeCityPanel.d.ts","sourceRoot":"","sources":["../../src/panels/FeedCodeCityPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAGjF,OAAO,EAAqB,cAAc,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAepG,OAAO,KAAK,EAAE,mBAAmB,EAAkB,MAAM,UAAU,CAAC;AAsBpE;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,oCAAoC;IACpC,IAAI,EAAE,cAAc,CAAC;IACrB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,eAAe,CAAC;CAC/B;AAsWD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAE3D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EA8B5C,CAAC"}
+{"version":3,"file":"FeedCodeCityPanel.d.ts","sourceRoot":"","sources":["../../src/panels/FeedCodeCityPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAGjF,OAAO,EAAgD,cAAc,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAe/H,OAAO,KAAK,EAAE,mBAAmB,EAAkB,MAAM,UAAU,CAAC;AAsBpE;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,oCAAoC;IACpC,IAAI,EAAE,cAAc,CAAC;IACrB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,eAAe,CAAC;CAC/B;AAwWD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAE3D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EA8B5C,CAAC"}

package/dist/panels/components/FeedProjectHeader.d.ts

@@ -69,6 +69,12 @@ interface FeedProjectHeaderProps {
     /** Whether to show in compact mode */
     compact?: boolean;
 }
+/**
+ * FeedProjectHeaderSkeleton - Shimmer loading state for FeedProjectHeader
+ */
+export declare const FeedProjectHeaderSkeleton: React.FC<{
+    compact?: boolean;
+}>;
 /**
  * FeedProjectHeader - Displays GitHub repo info and package details for feed view
  *

package/dist/panels/components/FeedProjectHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FeedProjectHeader.d.ts","sourceRoot":"","sources":["../../../src/panels/components/FeedProjectHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAgB1B,2BAA2B;AAC3B,KAAK,cAAc,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AAE1G;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,sBAAsB;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,6BAA6B;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wBAAwB;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kBAAkB;IAClB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qBAAqB;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,mBAAmB;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yBAAyB;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2BAA2B;IAC3B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,wCAAwC;IACxC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iCAAiC;IACjC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iCAAiC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qCAAqC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,sBAAsB;IAC9B,oCAAoC;IACpC,IAAI,EAAE,cAAc,CAAC;IACrB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAyDD;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA6V9D,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"FeedProjectHeader.d.ts","sourceRoot":"","sources":["../../../src/panels/components/FeedProjectHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAgB1B,2BAA2B;AAC3B,KAAK,cAAc,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AAE1G;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,sBAAsB;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,6BAA6B;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wBAAwB;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kBAAkB;IAClB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qBAAqB;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,mBAAmB;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yBAAyB;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2BAA2B;IAC3B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,wCAAwC;IACxC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iCAAiC;IACjC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iCAAiC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qCAAqC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,sBAAsB;IAC9B,oCAAoC;IACpC,IAAI,EAAE,cAAc,CAAC;IACrB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAgGD;;GAEG;AACH,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAiErE,CAAC;AAaF;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA6V9D,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/panels/components/FeedProjectHeader.stories.d.ts

@@ -43,4 +43,12 @@ export declare const Interactive: Story;
  * Side by side comparison of compact vs full
  */
 export declare const CompactComparison: Story;
+/**
+ * Loading skeleton state
+ */
+export declare const Skeleton: Story;
+/**
+ * Compact skeleton state
+ */
+export declare const SkeletonCompact: Story;
 //# sourceMappingURL=FeedProjectHeader.stories.d.ts.map

package/dist/panels/components/FeedProjectHeader.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FeedProjectHeader.stories.d.ts","sourceRoot":"","sources":["../../../src/panels/components/FeedProjectHeader.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,iBAAiB,EAAmC,MAAM,qBAAqB,CAAC;AAEzF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CAuBxC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,iBAAiB,CAAC,CAAC;AA2EhD;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAM/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KA2B3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAyBzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KA0B/B,CAAC"}
+{"version":3,"file":"FeedProjectHeader.stories.d.ts","sourceRoot":"","sources":["../../../src/panels/components/FeedProjectHeader.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,iBAAiB,EAA8D,MAAM,qBAAqB,CAAC;AAEpH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CAuBxC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,iBAAiB,CAAC,CAAC;AA2EhD;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAM/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KA2B3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAyBzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KA0B/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAI7B,CAAC"}

package/dist/panels.bundle.js

@@ -26309,6 +26309,102 @@ const PackageManagerIcon$1 = ({
       return /* @__PURE__ */ jsx(Package, { size: size2, color: color2 });
   }
 };
+const shimmerKeyframes = `
+@keyframes feed-header-shimmer {
+  0% { background-position: -200% 0; }
+  100% { background-position: 200% 0; }
+}
+`;
+let shimmerStyleInjected = false;
+function injectShimmerStyles() {
+  if (shimmerStyleInjected || typeof document === "undefined") return;
+  const style2 = document.createElement("style");
+  style2.textContent = shimmerKeyframes;
+  document.head.appendChild(style2);
+  shimmerStyleInjected = true;
+}
+const ShimmerBox = ({ width, height, borderRadius = 4, backgroundColor }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    style: {
+      width,
+      height,
+      borderRadius,
+      background: `linear-gradient(90deg, ${backgroundColor} 25%, ${adjustBrightness(backgroundColor, 15)} 50%, ${backgroundColor} 75%)`,
+      backgroundSize: "200% 100%",
+      animation: "feed-header-shimmer 1.5s ease-in-out infinite"
+    }
+  }
+);
+function adjustBrightness(color2, percent) {
+  if (color2.startsWith("#")) {
+    const num = parseInt(color2.slice(1), 16);
+    const r = Math.min(255, (num >> 16 & 255) + percent);
+    const g = Math.min(255, (num >> 8 & 255) + percent);
+    const b = Math.min(255, (num & 255) + percent);
+    return `#${(r << 16 | g << 8 | b).toString(16).padStart(6, "0")}`;
+  }
+  return color2;
+}
+const FeedProjectHeaderSkeleton = ({ compact = false }) => {
+  const { theme: theme2 } = useTheme();
+  React.useEffect(() => {
+    injectShimmerStyles();
+  }, []);
+  const shimmerBg = theme2.colors.backgroundLight || "#2a2a2a";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        gap: compact ? 8 : 12,
+        padding: compact ? "10px 12px" : "14px 16px",
+        backgroundColor: theme2.colors.background,
+        borderBottom: `1px solid ${theme2.colors.border}`
+      },
+      children: [
+        /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 12 }, children: [
+          /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 10 }, children: [
+            /* @__PURE__ */ jsx(ShimmerBox, { width: compact ? 24 : 28, height: compact ? 24 : 28, borderRadius: "50%", backgroundColor: shimmerBg }),
+            /* @__PURE__ */ jsx(ShimmerBox, { width: 120, height: compact ? 16 : 18, backgroundColor: shimmerBg })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 12 }, children: [
+            /* @__PURE__ */ jsx(ShimmerBox, { width: 50, height: 14, backgroundColor: shimmerBg }),
+            /* @__PURE__ */ jsx(ShimmerBox, { width: 70, height: 28, borderRadius: 4, backgroundColor: shimmerBg })
+          ] })
+        ] }),
+        !compact && /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: [
+          /* @__PURE__ */ jsx(ShimmerBox, { width: "100%", height: 12, backgroundColor: shimmerBg }),
+          /* @__PURE__ */ jsx(ShimmerBox, { width: "75%", height: 12, backgroundColor: shimmerBg })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: compact ? 12 : 16 }, children: [
+          /* @__PURE__ */ jsx(ShimmerBox, { width: 45, height: 14, backgroundColor: shimmerBg }),
+          /* @__PURE__ */ jsx(ShimmerBox, { width: 45, height: 14, backgroundColor: shimmerBg }),
+          /* @__PURE__ */ jsx(ShimmerBox, { width: 45, height: 14, backgroundColor: shimmerBg }),
+          /* @__PURE__ */ jsx(ShimmerBox, { width: 55, height: 14, backgroundColor: shimmerBg })
+        ] }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: compact ? 12 : 16,
+              paddingTop: compact ? 4 : 8,
+              borderTop: `1px solid ${theme2.colors.border}`
+            },
+            children: [
+              /* @__PURE__ */ jsx(ShimmerBox, { width: 80, height: 14, backgroundColor: shimmerBg }),
+              /* @__PURE__ */ jsx(ShimmerBox, { width: 60, height: 18, borderRadius: 4, backgroundColor: shimmerBg }),
+              /* @__PURE__ */ jsx(ShimmerBox, { width: 90, height: 14, backgroundColor: shimmerBg })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
 function formatCount(count2) {
   if (count2 >= 1e6) {
     return `${(count2 / 1e6).toFixed(1)}m`;
@@ -26816,14 +26912,14 @@ const FeedCodeCityPanelContent = ({
         backgroundColor: theme2.colors.background
       },
       children: [
-        ((_a = feedProjectSlice == null ? void 0 : feedProjectSlice.data) == null ? void 0 : _a.repo) && /* @__PURE__ */ jsx(
+        (feedProjectSlice == null ? void 0 : feedProjectSlice.loading) ? /* @__PURE__ */ jsx(FeedProjectHeaderSkeleton, {}) : ((_a = feedProjectSlice == null ? void 0 : feedProjectSlice.data) == null ? void 0 : _a.repo) ? /* @__PURE__ */ jsx(
           FeedProjectHeader,
           {
             repo: feedProjectSlice.data.repo,
             rootPackage: feedProjectSlice.data.rootPackage,
             onOpen: handleOpen
           }
-        ),
+        ) : null,
         /* @__PURE__ */ jsxs(
           "div",
           {
@@ -27404,6 +27500,7 @@ export {
   DEFAULT_COLOR_MODES,
   FeedCodeCityPanel,
   FeedProjectHeader,
+  FeedProjectHeaderSkeleton,
   ProjectInfoHeader,
   QUALITY_COLOR_MODES,
   codeCityPanelTools,