@industry-theme/repository-composition-panels 0.6.35 → 0.6.36

package/dist/{index-DsAEvZa5.js → index-CLAlMbIl.js}

@@ -134,7 +134,7 @@ const createLucideIcon$1 = (iconName, iconNode) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$qk = [
+const __iconNode$qm = [
   [
     "path",
     {
@@ -143,25 +143,25 @@ const __iconNode$qk = [
     }
   ]
 ];
-const Activity$1 = createLucideIcon$1("activity", __iconNode$qk);
+const Activity$1 = createLucideIcon$1("activity", __iconNode$qm);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$qj = [
+const __iconNode$ql = [
   ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
   ["path", { d: "M12 19V5", key: "x0mq9r" }]
 ];
-const ArrowUp$1 = createLucideIcon$1("arrow-up", __iconNode$qj);
+const ArrowUp$1 = createLucideIcon$1("arrow-up", __iconNode$ql);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$qi = [
+const __iconNode$qk = [
   [
     "path",
     {
@@ -172,100 +172,100 @@ const __iconNode$qi = [
   ["path", { d: "m3.3 7 8.7 5 8.7-5", key: "g66t2b" }],
   ["path", { d: "M12 22V12", key: "d0xqtd" }]
 ];
-const Box$1 = createLucideIcon$1("box", __iconNode$qi);
+const Box$1 = createLucideIcon$1("box", __iconNode$qk);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$qh = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check$1 = createLucideIcon$1("check", __iconNode$qh);
+const __iconNode$qj = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check$1 = createLucideIcon$1("check", __iconNode$qj);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$qg = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown$1 = createLucideIcon$1("chevron-down", __iconNode$qg);
+const __iconNode$qi = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown$1 = createLucideIcon$1("chevron-down", __iconNode$qi);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$qf = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
-const ChevronLeft$1 = createLucideIcon$1("chevron-left", __iconNode$qf);
+const __iconNode$qh = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
+const ChevronLeft$1 = createLucideIcon$1("chevron-left", __iconNode$qh);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$qe = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-const ChevronRight$1 = createLucideIcon$1("chevron-right", __iconNode$qe);
+const __iconNode$qg = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight$1 = createLucideIcon$1("chevron-right", __iconNode$qg);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$qd = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
-const ChevronUp$1 = createLucideIcon$1("chevron-up", __iconNode$qd);
+const __iconNode$qf = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
+const ChevronUp$1 = createLucideIcon$1("chevron-up", __iconNode$qf);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$qc = [
+const __iconNode$qe = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
   ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
 ];
-const CircleAlert$1 = createLucideIcon$1("circle-alert", __iconNode$qc);
+const CircleAlert$1 = createLucideIcon$1("circle-alert", __iconNode$qe);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$qb = [
+const __iconNode$qd = [
   ["path", { d: "M21.801 10A10 10 0 1 1 17 3.335", key: "yps3ct" }],
   ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
 ];
-const CircleCheckBig$1 = createLucideIcon$1("circle-check-big", __iconNode$qb);
+const CircleCheckBig$1 = createLucideIcon$1("circle-check-big", __iconNode$qd);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$qa = [
+const __iconNode$qc = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3", key: "1u773s" }],
   ["path", { d: "M12 17h.01", key: "p32p05" }]
 ];
-const CircleQuestionMark$1 = createLucideIcon$1("circle-question-mark", __iconNode$qa);
+const CircleQuestionMark$1 = createLucideIcon$1("circle-question-mark", __iconNode$qc);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$q9 = [
+const __iconNode$qb = [
   ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
   ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
 ];
-const Copy$1 = createLucideIcon$1("copy", __iconNode$q9);
+const Copy$1 = createLucideIcon$1("copy", __iconNode$qb);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$q8 = [
+const __iconNode$qa = [
   ["path", { d: "m15 15 6 6", key: "1s409w" }],
   ["path", { d: "m15 9 6-6", key: "ko1vev" }],
   ["path", { d: "M21 16v5h-5", key: "1ck2sf" }],
@@ -275,26 +275,26 @@ const __iconNode$q8 = [
   ["path", { d: "M3 8V3h5", key: "1ln10m" }],
   ["path", { d: "M9 9 3 3", key: "v551iv" }]
 ];
-const Expand$1 = createLucideIcon$1("expand", __iconNode$q8);
+const Expand$1 = createLucideIcon$1("expand", __iconNode$qa);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$q7 = [
+const __iconNode$q9 = [
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
   ["path", { d: "M10 14 21 3", key: "gplh6r" }],
   ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
 ];
-const ExternalLink$1 = createLucideIcon$1("external-link", __iconNode$q7);
+const ExternalLink$1 = createLucideIcon$1("external-link", __iconNode$q9);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$q6 = [
+const __iconNode$q8 = [
   [
     "path",
     {
@@ -306,14 +306,14 @@ const __iconNode$q6 = [
   ["path", { d: "M10 12.5 8 15l2 2.5", key: "1tg20x" }],
   ["path", { d: "m14 12.5 2 2.5-2 2.5", key: "yinavb" }]
 ];
-const FileCode$1 = createLucideIcon$1("file-code", __iconNode$q6);
+const FileCode$1 = createLucideIcon$1("file-code", __iconNode$q8);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$q5 = [
+const __iconNode$q7 = [
   [
     "path",
     {
@@ -324,14 +324,14 @@ const __iconNode$q5 = [
   ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }],
   ["path", { d: "m10 18 3-3-3-3", key: "18f6ys" }]
 ];
-const FileSymlink$1 = createLucideIcon$1("file-symlink", __iconNode$q5);
+const FileSymlink$1 = createLucideIcon$1("file-symlink", __iconNode$q7);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$q4 = [
+const __iconNode$q6 = [
   [
     "path",
     {
@@ -344,14 +344,14 @@ const __iconNode$q4 = [
   ["path", { d: "M16 13H8", key: "t4e002" }],
   ["path", { d: "M16 17H8", key: "z1uh3a" }]
 ];
-const FileText$1 = createLucideIcon$1("file-text", __iconNode$q4);
+const FileText$1 = createLucideIcon$1("file-text", __iconNode$q6);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$q3 = [
+const __iconNode$q5 = [
   [
     "path",
     {
@@ -360,14 +360,14 @@ const __iconNode$q3 = [
     }
   ]
 ];
-const FolderOpen$1 = createLucideIcon$1("folder-open", __iconNode$q3);
+const FolderOpen$1 = createLucideIcon$1("folder-open", __iconNode$q5);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$q2 = [
+const __iconNode$q4 = [
   [
     "path",
     {
@@ -376,27 +376,39 @@ const __iconNode$q2 = [
     }
   ]
 ];
-const Folder$1 = createLucideIcon$1("folder", __iconNode$q2);
+const Folder$1 = createLucideIcon$1("folder", __iconNode$q4);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$q1 = [
+const __iconNode$q3 = [
   ["line", { x1: "6", x2: "6", y1: "3", y2: "15", key: "17qcm7" }],
   ["circle", { cx: "18", cy: "6", r: "3", key: "1h7g24" }],
   ["circle", { cx: "6", cy: "18", r: "3", key: "fqmcym" }],
   ["path", { d: "M18 9a9 9 0 0 1-9 9", key: "n2h4wq" }]
 ];
-const GitBranch$1 = createLucideIcon$1("git-branch", __iconNode$q1);
+const GitBranch$1 = createLucideIcon$1("git-branch", __iconNode$q3);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$q0 = [
+const __iconNode$q2 = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20", key: "13o1zl" }],
+  ["path", { d: "M2 12h20", key: "9i4pu4" }]
+];
+const Globe$1 = createLucideIcon$1("globe", __iconNode$q2);
+/**
+ * @license lucide-react v0.552.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$q1 = [
   [
     "path",
     {
@@ -419,28 +431,39 @@ const __iconNode$q0 = [
     }
   ]
 ];
-const Layers$1 = createLucideIcon$1("layers", __iconNode$q0);
+const Layers$1 = createLucideIcon$1("layers", __iconNode$q1);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$p$ = [
+const __iconNode$q0 = [
   ["rect", { width: "7", height: "7", x: "3", y: "3", rx: "1", key: "1g98yp" }],
   ["rect", { width: "7", height: "7", x: "14", y: "3", rx: "1", key: "6d4xhi" }],
   ["rect", { width: "7", height: "7", x: "14", y: "14", rx: "1", key: "nxv5o0" }],
   ["rect", { width: "7", height: "7", x: "3", y: "14", rx: "1", key: "1bb6yr" }]
 ];
-const LayoutGrid$1 = createLucideIcon$1("layout-grid", __iconNode$p$);
+const LayoutGrid$1 = createLucideIcon$1("layout-grid", __iconNode$q0);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$p_ = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
-const LoaderCircle$1 = createLucideIcon$1("loader-circle", __iconNode$p_);
+const __iconNode$p$ = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
+const LoaderCircle$1 = createLucideIcon$1("loader-circle", __iconNode$p$);
+/**
+ * @license lucide-react v0.552.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$p_ = [
+  ["rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2", key: "1w4ew1" }],
+  ["path", { d: "M7 11V7a5 5 0 0 1 10 0v4", key: "fwvmzm" }]
+];
+const Lock$1 = createLucideIcon$1("lock", __iconNode$p_);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
@@ -3000,19 +3023,45 @@ const PackageDetailCard = ({
               }
             ),
             /* @__PURE__ */ jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
-              /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsxs(
                 "div",
                 {
                   style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "6px",
                     fontSize: theme2.fontSizes[2],
                     fontWeight: theme2.fontWeights.semibold,
                     fontFamily: theme2.fonts.body,
                     color: theme2.colors.text,
-                    overflow: "hidden",
-                    textOverflow: "ellipsis",
-                    whiteSpace: "nowrap"
+                    overflow: "hidden"
                   },
-                  children: pkg.packageData.name
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        style: {
+                          overflow: "hidden",
+                          textOverflow: "ellipsis",
+                          whiteSpace: "nowrap"
+                        },
+                        children: pkg.packageData.name
+                      }
+                    ),
+                    pkg.packageData.isPrivate && /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        title: "Private package - not published to npm",
+                        style: {
+                          display: "flex",
+                          alignItems: "center",
+                          flexShrink: 0,
+                          color: theme2.colors.textSecondary
+                        },
+                        children: /* @__PURE__ */ jsx(Lock$1, { size: 14 })
+                      }
+                    )
+                  ]
                 }
               ),
               /* @__PURE__ */ jsxs(
@@ -3028,7 +3077,13 @@ const PackageDetailCard = ({
                     pkg.packageData.version && ` - v${pkg.packageData.version}`,
                     pkg.packageData.license && /* @__PURE__ */ jsxs(Fragment, { children: [
                       " - ",
-                      /* @__PURE__ */ jsx("span", { style: { color: getLicenseColor(pkg.packageData.license) }, children: pkg.packageData.license })
+                      /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          style: { color: getLicenseColor(pkg.packageData.license) },
+                          children: pkg.packageData.license
+                        }
+                      )
                     ] })
                   ]
                 }
@@ -3580,18 +3635,44 @@ const PackageDetailCard = ({
                 }
               ),
               /* @__PURE__ */ jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
-                /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsxs(
                   "div",
                   {
                     style: {
+                      display: "flex",
+                      alignItems: "center",
+                      gap: "6px",
                       fontSize: theme2.fontSizes[2],
                       fontWeight: theme2.fontWeights.semibold,
                       fontFamily: theme2.fonts.body,
-                      overflow: "hidden",
-                      textOverflow: "ellipsis",
-                      whiteSpace: "nowrap"
+                      overflow: "hidden"
                     },
-                    children: pkg.packageData.name
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          style: {
+                            overflow: "hidden",
+                            textOverflow: "ellipsis",
+                            whiteSpace: "nowrap"
+                          },
+                          children: pkg.packageData.name
+                        }
+                      ),
+                      pkg.packageData.isPrivate && /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          title: "Private package - not published to npm",
+                          style: {
+                            display: "flex",
+                            alignItems: "center",
+                            flexShrink: 0,
+                            color: theme2.colors.textSecondary
+                          },
+                          children: /* @__PURE__ */ jsx(Lock$1, { size: 14 })
+                        }
+                      )
+                    ]
                   }
                 ),
                 /* @__PURE__ */ jsxs(
@@ -3607,7 +3688,13 @@ const PackageDetailCard = ({
                       pkg.packageData.version && ` - v${pkg.packageData.version}`,
                       pkg.packageData.license && /* @__PURE__ */ jsxs(Fragment, { children: [
                         " - ",
-                        /* @__PURE__ */ jsx("span", { style: { color: getLicenseColor(pkg.packageData.license) }, children: pkg.packageData.license })
+                        /* @__PURE__ */ jsx(
+                          "span",
+                          {
+                            style: { color: getLicenseColor(pkg.packageData.license) },
+                            children: pkg.packageData.license
+                          }
+                        )
                       ] })
                     ]
                   }
@@ -4164,19 +4251,45 @@ const PackageSummaryCard = ({
             }
           ),
           /* @__PURE__ */ jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
-            /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsxs(
               "div",
               {
                 style: {
+                  display: "flex",
+                  alignItems: "center",
+                  gap: "6px",
                   fontSize: theme2.fontSizes[3],
                   fontWeight: theme2.fontWeights.semibold,
                   fontFamily: theme2.fonts.body,
                   color: theme2.colors.text,
-                  overflow: "hidden",
-                  textOverflow: "ellipsis",
-                  whiteSpace: "nowrap"
+                  overflow: "hidden"
                 },
-                children: pkg.packageData.name
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      style: {
+                        overflow: "hidden",
+                        textOverflow: "ellipsis",
+                        whiteSpace: "nowrap"
+                      },
+                      children: pkg.packageData.name
+                    }
+                  ),
+                  pkg.packageData.isPrivate && /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      title: "Private package - not published to npm",
+                      style: {
+                        display: "flex",
+                        alignItems: "center",
+                        flexShrink: 0,
+                        color: theme2.colors.textSecondary
+                      },
+                      children: /* @__PURE__ */ jsx(Lock$1, { size: 14 })
+                    }
+                  )
+                ]
               }
             ),
             /* @__PURE__ */ jsx(
@@ -4272,6 +4385,7 @@ const PackageSummaryCard = ({
 const PackageCompositionPanelContent = ({
   packages,
   isLoading = false,
+  isGitHubPublic,
   onCommandClick,
   onConfigClick,
   onPackageClick,
@@ -4314,186 +4428,185 @@ const PackageCompositionPanelContent = ({
   if (packages.length === 0) {
     return /* @__PURE__ */ jsx(EmptyDependencies, {});
   }
-  if (packages.length === 1) {
-    return /* @__PURE__ */ jsx(
-      PackageDetailCard,
-      {
-        pkg: packages[0],
-        isExpanded: true,
-        onToggle: () => {
-        },
-        onCommandClick,
-        onConfigClick,
-        onPackageClick,
-        standalone: true,
-        readFile
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
+  const isSinglePackage = packages.length === 1;
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       style: {
         display: "flex",
         flexDirection: "column",
         height: "100%",
-        overflow: "hidden",
-        position: "relative"
+        overflow: "hidden"
       },
-      children: /* @__PURE__ */ jsxs(
-        "div",
-        {
-          style: {
-            display: "flex",
-            width: "200%",
-            height: "100%",
-            transform: selectedPackage ? "translateX(-50%)" : "translateX(0)",
-            transition: "transform 0.25s ease-in-out"
-          },
-          children: [
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                style: {
-                  width: "50%",
-                  height: "100%",
-                  display: "flex",
-                  flexDirection: "column",
-                  overflow: "hidden"
-                },
-                children: [
-                  /* @__PURE__ */ jsxs(
-                    "div",
-                    {
-                      style: {
-                        height: "40px",
-                        padding: "0 16px",
-                        borderBottom: `1px solid ${theme2.colors.border}`,
-                        display: "flex",
-                        alignItems: "center",
-                        gap: "8px",
-                        flexShrink: 0
-                      },
-                      children: [
-                        /* @__PURE__ */ jsx(FileCode$1, { size: 16, color: theme2.colors.primary }),
-                        /* @__PURE__ */ jsxs(
-                          "span",
-                          {
-                            style: {
-                              fontSize: theme2.fontSizes[1],
-                              fontFamily: theme2.fonts.body,
-                              color: theme2.colors.textSecondary,
-                              flex: 1
-                            },
-                            children: [
-                              packages.length,
-                              " packages"
-                            ]
-                          }
-                        ),
-                        packages.length > 1 && /* @__PURE__ */ jsxs(
-                          "button",
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              height: "40px",
+              padding: "0 16px",
+              backgroundColor: theme2.colors.backgroundSecondary,
+              borderBottom: `1px solid ${theme2.colors.border}`,
+              display: "flex",
+              alignItems: "center",
+              gap: "8px",
+              flexShrink: 0
+            },
+            children: [
+              isGitHubPublic === false ? /* @__PURE__ */ jsx(Lock$1, { size: 16, color: theme2.colors.textSecondary }) : isGitHubPublic === true ? /* @__PURE__ */ jsx(Globe$1, { size: 16, color: theme2.colors.textSecondary }) : /* @__PURE__ */ jsx(FileCode$1, { size: 16, color: theme2.colors.primary }),
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  style: {
+                    fontSize: theme2.fontSizes[1],
+                    fontFamily: theme2.fonts.body,
+                    color: theme2.colors.textSecondary,
+                    flex: 1
+                  },
+                  title: isGitHubPublic === false ? "This repository is private on GitHub" : isGitHubPublic === true ? "This repository is public on GitHub" : void 0,
+                  children: isGitHubPublic === false ? "Private Repo" : isGitHubPublic === true ? "Public Repo" : `${packages.length} packages`
+                }
+              ),
+              packages.length > 1 && /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  onClick: () => {
+                    events == null ? void 0 : events.emit({
+                      type: "dependency-graph:open",
+                      source: "PackageCompositionPanel",
+                      timestamp: Date.now(),
+                      payload: { packages }
+                    });
+                  },
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "4px",
+                    padding: "4px 8px",
+                    backgroundColor: theme2.colors.backgroundTertiary,
+                    border: `1px solid ${theme2.colors.border}`,
+                    borderRadius: "4px",
+                    color: theme2.colors.text,
+                    fontSize: theme2.fontSizes[0],
+                    fontFamily: theme2.fonts.body,
+                    cursor: "pointer",
+                    transition: "all 0.15s ease"
+                  },
+                  onMouseEnter: (e2) => {
+                    e2.currentTarget.style.borderColor = theme2.colors.primary;
+                    e2.currentTarget.style.backgroundColor = theme2.colors.primary + "15";
+                  },
+                  onMouseLeave: (e2) => {
+                    e2.currentTarget.style.borderColor = theme2.colors.border;
+                    e2.currentTarget.style.backgroundColor = theme2.colors.backgroundTertiary;
+                  },
+                  title: "Open dependency graph in new tab",
+                  children: [
+                    /* @__PURE__ */ jsx(GitBranch$1, { size: 12 }),
+                    "View Graph"
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              flex: 1,
+              overflow: "hidden",
+              position: "relative"
+            },
+            children: isSinglePackage ? (
+              // Single package: show detail directly
+              /* @__PURE__ */ jsx(
+                PackageDetailCard,
+                {
+                  pkg: packages[0],
+                  isExpanded: true,
+                  onToggle: () => {
+                  },
+                  onCommandClick,
+                  onConfigClick,
+                  onPackageClick,
+                  standalone: true,
+                  readFile
+                }
+              )
+            ) : (
+              // Multi-package: sliding panels
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    width: "200%",
+                    height: "100%",
+                    transform: selectedPackage ? "translateX(-50%)" : "translateX(0)",
+                    transition: "transform 0.25s ease-in-out"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        style: {
+                          width: "50%",
+                          height: "100%",
+                          overflow: "auto",
+                          display: "flex",
+                          flexDirection: "column"
+                        },
+                        children: sortedPackages.map((pkg) => /* @__PURE__ */ jsx(
+                          PackageSummaryCard,
                           {
+                            pkg,
+                            allPackages: packages,
                             onClick: () => {
-                              events == null ? void 0 : events.emit({
-                                type: "dependency-graph:open",
-                                source: "PackageCompositionPanel",
-                                timestamp: Date.now(),
-                                payload: { packages }
-                              });
+                              setSelectedPackageId(pkg.id);
+                              onPackageSelect == null ? void 0 : onPackageSelect(pkg);
                             },
-                            style: {
-                              display: "flex",
-                              alignItems: "center",
-                              gap: "4px",
-                              padding: "4px 8px",
-                              backgroundColor: theme2.colors.backgroundTertiary,
-                              border: `1px solid ${theme2.colors.border}`,
-                              borderRadius: "4px",
-                              color: theme2.colors.text,
-                              fontSize: theme2.fontSizes[0],
-                              fontFamily: theme2.fonts.body,
-                              cursor: "pointer",
-                              transition: "all 0.15s ease"
-                            },
-                            onMouseEnter: (e2) => {
-                              e2.currentTarget.style.borderColor = theme2.colors.primary;
-                              e2.currentTarget.style.backgroundColor = theme2.colors.primary + "15";
-                            },
-                            onMouseLeave: (e2) => {
-                              e2.currentTarget.style.borderColor = theme2.colors.border;
-                              e2.currentTarget.style.backgroundColor = theme2.colors.backgroundTertiary;
+                            onHover: onPackageHover
+                          },
+                          pkg.id
+                        ))
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        style: {
+                          width: "50%",
+                          height: "100%",
+                          overflow: "hidden"
+                        },
+                        children: selectedPackage && /* @__PURE__ */ jsx(
+                          PackageDetailCard,
+                          {
+                            pkg: selectedPackage,
+                            isExpanded: true,
+                            onToggle: () => {
                             },
-                            title: "Open dependency graph in new tab",
-                            children: [
-                              /* @__PURE__ */ jsx(GitBranch$1, { size: 12 }),
-                              "View Graph"
-                            ]
+                            onCommandClick,
+                            onConfigClick,
+                            onPackageClick,
+                            standalone: true,
+                            readFile,
+                            onClose: () => {
+                              setSelectedPackageId(null);
+                              onPackageSelect == null ? void 0 : onPackageSelect(null);
+                            }
                           }
                         )
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      style: {
-                        flex: 1,
-                        overflow: "auto",
-                        display: "flex",
-                        flexDirection: "column"
-                      },
-                      children: sortedPackages.map((pkg) => /* @__PURE__ */ jsx(
-                        PackageSummaryCard,
-                        {
-                          pkg,
-                          allPackages: packages,
-                          onClick: () => {
-                            setSelectedPackageId(pkg.id);
-                            onPackageSelect == null ? void 0 : onPackageSelect(pkg);
-                          },
-                          onHover: onPackageHover
-                        },
-                        pkg.id
-                      ))
-                    }
-                  )
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                style: {
-                  width: "50%",
-                  height: "100%",
-                  display: "flex",
-                  flexDirection: "column",
-                  overflow: "hidden"
-                },
-                children: /* @__PURE__ */ jsx("div", { style: { flex: 1, overflow: "hidden" }, children: selectedPackage && /* @__PURE__ */ jsx(
-                  PackageDetailCard,
-                  {
-                    pkg: selectedPackage,
-                    isExpanded: true,
-                    onToggle: () => {
-                    },
-                    onCommandClick,
-                    onConfigClick,
-                    onPackageClick,
-                    standalone: true,
-                    readFile,
-                    onClose: () => {
-                      setSelectedPackageId(null);
-                      onPackageSelect == null ? void 0 : onPackageSelect(null);
-                    }
-                  }
-                ) })
-              }
+                      }
+                    )
+                  ]
+                }
+              )
             )
-          ]
-        }
-      )
+          }
+        )
+      ]
     }
   );
 };
@@ -4566,10 +4679,12 @@ const PackageCompositionPanelPreview = () => {
   );
 };
 const PackageCompositionPanel = ({ context: context2, actions, events }) => {
-  var _a;
+  var _a, _b, _c;
   const packagesSlice = context2.packages;
+  const repositorySlice = context2.repository;
   const packages = ((_a = packagesSlice == null ? void 0 : packagesSlice.data) == null ? void 0 : _a.packages) ?? [];
   const isLoading = (packagesSlice == null ? void 0 : packagesSlice.loading) || false;
+  const isGitHubPublic = (_c = (_b = repositorySlice == null ? void 0 : repositorySlice.data) == null ? void 0 : _b.github) == null ? void 0 : _c.isPublic;
   const handlePackageHover = (pkg) => {
     events == null ? void 0 : events.emit({
       type: "package:hover",
@@ -4597,6 +4712,7 @@ const PackageCompositionPanel = ({ context: context2, actions, events }) => {
     {
       packages,
       isLoading,
+      isGitHubPublic,
       onPackageHover: handlePackageHover,
       onPackageSelect: handlePackageSelect,
       events,
@@ -105903,7 +106019,7 @@ const browserExt = {
   },
   test: () => true,
   load: async () => {
-    await import("./browserAll-BXC5KBKl.js");
+    await import("./browserAll-BwpFM4g8.js");
   }
 };
 const webworkerExt = {
@@ -105914,7 +106030,7 @@ const webworkerExt = {
   },
   test: () => typeof self !== "undefined" && self.WorkerGlobalScope !== void 0,
   load: async () => {
-    await import("./webworkerAll-DqntRjKn.js");
+    await import("./webworkerAll-BJPXeWPD.js");
   }
 };
 class ObservablePoint {
@@ -118157,19 +118273,19 @@ async function autoDetectRenderer(options) {
   for (let i2 = 0; i2 < preferredOrder.length; i2++) {
     const rendererType = preferredOrder[i2];
     if (rendererType === "webgpu" && await isWebGPUSupported()) {
-      const { WebGPURenderer } = await import("./WebGPURenderer-Da8LFxby.js");
+      const { WebGPURenderer } = await import("./WebGPURenderer-D6jGDElp.js");
       RendererClass = WebGPURenderer;
       finalOptions = { ...options, ...options.webgpu };
       break;
     } else if (rendererType === "webgl" && isWebGLSupported(
       options.failIfMajorPerformanceCaveat ?? AbstractRenderer.defaultOptions.failIfMajorPerformanceCaveat
     )) {
-      const { WebGLRenderer } = await import("./WebGLRenderer-jxFy0ZLj.js");
+      const { WebGLRenderer } = await import("./WebGLRenderer-Cszek_ZT.js");
       RendererClass = WebGLRenderer;
       finalOptions = { ...options, ...options.webgl };
       break;
     } else if (rendererType === "canvas") {
-      const { CanvasRenderer } = await import("./CanvasRenderer-Bv-_MbWh.js");
+      const { CanvasRenderer } = await import("./CanvasRenderer-BeZJzGFi.js");
       RendererClass = CanvasRenderer;
       finalOptions = { ...options, ...options.canvasOptions };
       break;
@@ -138224,4 +138340,4 @@ export {
   UPDATE_PRIORITY as y,
   removeItems as z
 };
-//# sourceMappingURL=index-DsAEvZa5.js.map
+//# sourceMappingURL=index-CLAlMbIl.js.map