@industry-theme/alexandria-panels 0.1.9 → 0.1.12

package/dist/panels.bundle.js

@@ -3,7 +3,7 @@
   try {
     if (typeof document != "undefined") {
       var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode("/* Container query for responsive LocalProjectCard */\n.local-projects-panel {\n  container-type: inline-size;\n  container-name: local-projects;\n  height: 100%;\n}\n\n/* Compact mode when container is 400px or less */\n@container local-projects (max-width: 400px) {\n  .local-projects-panel {\n    padding: 8px !important;\n    gap: 8px !important;\n  }\n\n  .local-projects-list {\n    gap: 8px !important;\n  }\n\n  .local-project-card {\n    padding: 8px !important;\n  }\n}"));
+      elementStyle.appendChild(document.createTextNode("/* Container query for responsive LocalProjectCard */\n.local-projects-panel {\n  container-type: inline-size;\n  container-name: local-projects;\n  height: 100%;\n}\n\n/* Animated underline that grows from left on hover */\n.local-project-card .project-name-underline {\n  position: relative;\n  text-decoration: none;\n}\n\n.local-project-card .project-name-underline::after {\n  content: '';\n  position: absolute;\n  left: 0;\n  bottom: -3px;\n  width: 0;\n  height: 2px;\n  background-color: var(--underline-color);\n  transition: width 0.2s ease-out;\n}\n\n.local-project-card:hover .project-name-underline::after {\n  width: 100%;\n}\n\n/* Compact mode when container is 400px or less */\n@container local-projects (max-width: 400px) {\n  .local-projects-panel {\n    padding: 8px !important;\n    gap: 8px !important;\n  }\n\n  .local-projects-list {\n    gap: 8px !important;\n  }\n\n  .local-project-card {\n    padding: 8px !important;\n  }\n}"));
       document.head.appendChild(elementStyle);
     }
   } catch (e) {
@@ -140,46 +140,7 @@ const createLucideIcon = (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$l = [
-  [
-    "path",
-    {
-      d: "M2.97 12.92A2 2 0 0 0 2 14.63v3.24a2 2 0 0 0 .97 1.71l3 1.8a2 2 0 0 0 2.06 0L12 19v-5.5l-5-3-4.03 2.42Z",
-      key: "lc1i9w"
-    }
-  ],
-  ["path", { d: "m7 16.5-4.74-2.85", key: "1o9zyk" }],
-  ["path", { d: "m7 16.5 5-3", key: "va8pkn" }],
-  ["path", { d: "M7 16.5v5.17", key: "jnp8gn" }],
-  [
-    "path",
-    {
-      d: "M12 13.5V19l3.97 2.38a2 2 0 0 0 2.06 0l3-1.8a2 2 0 0 0 .97-1.71v-3.24a2 2 0 0 0-.97-1.71L17 10.5l-5 3Z",
-      key: "8zsnat"
-    }
-  ],
-  ["path", { d: "m17 16.5-5-3", key: "8arw3v" }],
-  ["path", { d: "m17 16.5 4.74-2.85", key: "8rfmw" }],
-  ["path", { d: "M17 16.5v5.17", key: "k6z78m" }],
-  [
-    "path",
-    {
-      d: "M7.97 4.42A2 2 0 0 0 7 6.13v4.37l5 3 5-3V6.13a2 2 0 0 0-.97-1.71l-3-1.8a2 2 0 0 0-2.06 0l-3 1.8Z",
-      key: "1xygjf"
-    }
-  ],
-  ["path", { d: "M12 8 7.26 5.15", key: "1vbdud" }],
-  ["path", { d: "m12 8 4.74-2.85", key: "3rx089" }],
-  ["path", { d: "M12 13.5V8", key: "1io7kd" }]
-];
-const Boxes = createLucideIcon("boxes", __iconNode$l);
-/**
- * @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$k = [
+const __iconNode$q = [
   ["path", { d: "M10 12h4", key: "a56b0p" }],
   ["path", { d: "M10 8h4", key: "1sr2af" }],
   ["path", { d: "M14 21v-3a2 2 0 0 0-4 0v3", key: "1rgiei" }],
@@ -192,83 +153,111 @@ const __iconNode$k = [
   ],
   ["path", { d: "M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16", key: "16ra0t" }]
 ];
-const Building2 = createLucideIcon("building-2", __iconNode$k);
+const Building2 = createLucideIcon("building-2", __iconNode$q);
 /**
  * @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$j = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$j);
+const __iconNode$p = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __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$i = [
+const __iconNode$o = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$o);
+/**
+ * @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$n = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("chevron-right", __iconNode$n);
+/**
+ * @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$m = [
   ["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" }]
+  ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
+  ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
 ];
-const CircleQuestionMark = createLucideIcon("circle-question-mark", __iconNode$i);
+const CircleAlert = createLucideIcon("circle-alert", __iconNode$m);
 /**
  * @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$h = [
+const __iconNode$l = [
   ["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 = createLucideIcon("copy", __iconNode$h);
+const Copy = createLucideIcon("copy", __iconNode$l);
 /**
  * @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$g = [
+const __iconNode$k = [
   ["path", { d: "M10 12h.01", key: "1kxr2c" }],
   ["path", { d: "M18 20V6a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v14", key: "36qu9e" }],
   ["path", { d: "M2 20h20", key: "owomy5" }]
 ];
-const DoorClosed = createLucideIcon("door-closed", __iconNode$g);
+const DoorClosed = createLucideIcon("door-closed", __iconNode$k);
 /**
  * @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$f = [
+const __iconNode$j = [
+  ["path", { d: "M12 15V3", key: "m9g1x1" }],
+  ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
+  ["path", { d: "m7 10 5 5 5-5", key: "brsn70" }]
+];
+const Download = createLucideIcon("download", __iconNode$j);
+/**
+ * @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$i = [
   ["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 = createLucideIcon("external-link", __iconNode$f);
+const ExternalLink = createLucideIcon("external-link", __iconNode$i);
 /**
  * @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$e = [
+const __iconNode$h = [
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }],
   ["path", { d: "M3 7V5a2 2 0 0 1 2-2h2", key: "aa7l1z" }],
   ["path", { d: "M17 3h2a2 2 0 0 1 2 2v2", key: "4qcy5o" }],
   ["path", { d: "M21 17v2a2 2 0 0 1-2 2h-2", key: "6vwrx8" }],
   ["path", { d: "M7 21H5a2 2 0 0 1-2-2v-2", key: "ioqczr" }]
 ];
-const Focus = createLucideIcon("focus", __iconNode$e);
+const Focus = createLucideIcon("focus", __iconNode$h);
 /**
  * @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$d = [
+const __iconNode$g = [
   [
     "path",
     {
@@ -280,14 +269,14 @@ const __iconNode$d = [
   ["path", { d: "M18 19c-2.8 0-5-2.2-5-5v8", key: "pkpw2h" }],
   ["circle", { cx: "20", cy: "19", r: "2", key: "1obnsp" }]
 ];
-const FolderGit2 = createLucideIcon("folder-git-2", __iconNode$d);
+const FolderGit2 = createLucideIcon("folder-git-2", __iconNode$g);
 /**
  * @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$c = [
+const __iconNode$f = [
   [
     "path",
     {
@@ -296,14 +285,14 @@ const __iconNode$c = [
     }
   ]
 ];
-const FolderOpen = createLucideIcon("folder-open", __iconNode$c);
+const FolderOpen = createLucideIcon("folder-open", __iconNode$f);
 /**
  * @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$b = [
+const __iconNode$e = [
   [
     "path",
     {
@@ -312,14 +301,28 @@ const __iconNode$b = [
     }
   ]
 ];
-const Folder = createLucideIcon("folder", __iconNode$b);
+const Folder = createLucideIcon("folder", __iconNode$e);
+/**
+ * @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$d = [
+  ["circle", { cx: "12", cy: "18", r: "3", key: "1mpf1b" }],
+  ["circle", { cx: "6", cy: "6", r: "3", key: "1lh9wr" }],
+  ["circle", { cx: "18", cy: "6", r: "3", key: "1h7g24" }],
+  ["path", { d: "M18 9v2c0 .6-.4 1-1 1H7c-.6 0-1-.4-1-1V9", key: "1uq4wg" }],
+  ["path", { d: "M12 12v3", key: "158kv8" }]
+];
+const GitFork = createLucideIcon("git-fork", __iconNode$d);
 /**
  * @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$a = [
+const __iconNode$c = [
   ["path", { d: "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8", key: "5wwlr5" }],
   [
     "path",
@@ -329,14 +332,14 @@ const __iconNode$a = [
     }
   ]
 ];
-const House = createLucideIcon("house", __iconNode$a);
+const House = createLucideIcon("house", __iconNode$c);
 /**
  * @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$9 = [
+const __iconNode$b = [
   [
     "path",
     {
@@ -359,52 +362,44 @@ const __iconNode$9 = [
     }
   ]
 ];
-const Layers = createLucideIcon("layers", __iconNode$9);
+const Layers = createLucideIcon("layers", __iconNode$b);
 /**
  * @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$8 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
-const LoaderCircle = createLucideIcon("loader-circle", __iconNode$8);
+const __iconNode$a = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
+const LoaderCircle = createLucideIcon("loader-circle", __iconNode$a);
 /**
  * @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$7 = [
-  ["path", { d: "M8 6L12 2L16 6", key: "1yvkyx" }],
-  ["path", { d: "M12 2V22", key: "r89rzk" }]
+const __iconNode$9 = [
+  ["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 MoveUp = createLucideIcon("move-up", __iconNode$7);
+const Lock = createLucideIcon("lock", __iconNode$9);
 /**
  * @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$6 = [
-  [
-    "path",
-    {
-      d: "M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z",
-      key: "1a0edw"
-    }
-  ],
-  ["path", { d: "M12 22V12", key: "d0xqtd" }],
-  ["polyline", { points: "3.29 7 12 12 20.71 7", key: "ousv84" }],
-  ["path", { d: "m7.5 4.27 9 5.15", key: "1c824w" }]
+const __iconNode$8 = [
+  ["path", { d: "M8 6L12 2L16 6", key: "1yvkyx" }],
+  ["path", { d: "M12 2V22", key: "r89rzk" }]
 ];
-const Package = createLucideIcon("package", __iconNode$6);
+const MoveUp = createLucideIcon("move-up", __iconNode$8);
 /**
  * @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$5 = [
+const __iconNode$7 = [
   [
     "path",
     {
@@ -413,57 +408,81 @@ const __iconNode$5 = [
     }
   ]
 ];
-const Pen = createLucideIcon("pen", __iconNode$5);
+const Pen = createLucideIcon("pen", __iconNode$7);
 /**
  * @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$4 = [
+const __iconNode$6 = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
 ];
-const Plus = createLucideIcon("plus", __iconNode$4);
+const Plus = createLucideIcon("plus", __iconNode$6);
 /**
  * @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$3 = [
-  ["path", { d: "m16 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z", key: "7g6ntu" }],
-  ["path", { d: "m2 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z", key: "ijws7r" }],
-  ["path", { d: "M7 21h10", key: "1b0cd5" }],
-  ["path", { d: "M12 3v18", key: "108xh3" }],
-  ["path", { d: "M3 7h2c2 0 5-1 7-2 2 1 5 2 7 2h2", key: "3gwbw2" }]
+const __iconNode$5 = [
+  ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
+  ["path", { d: "M3 3v5h5", key: "1xhq8a" }]
 ];
-const Scale = createLucideIcon("scale", __iconNode$3);
+const RotateCcw = createLucideIcon("rotate-ccw", __iconNode$5);
 /**
  * @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$2 = [
+const __iconNode$4 = [
   ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
 ];
-const Search = createLucideIcon("search", __iconNode$2);
+const Search = createLucideIcon("search", __iconNode$4);
 /**
  * @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$1 = [
+const __iconNode$3 = [
+  [
+    "path",
+    {
+      d: "M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",
+      key: "r04s7s"
+    }
+  ]
+];
+const Star = createLucideIcon("star", __iconNode$3);
+/**
+ * @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$2 = [
   ["path", { d: "M10 11v6", key: "nco0om" }],
   ["path", { d: "M14 11v6", key: "outv1u" }],
   ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6", key: "miytrc" }],
   ["path", { d: "M3 6h18", key: "d0wm0j" }],
   ["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2", key: "e791ji" }]
 ];
-const Trash2 = createLucideIcon("trash-2", __iconNode$1);
+const Trash2 = createLucideIcon("trash-2", __iconNode$2);
+/**
+ * @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$1 = [
+  ["path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2", key: "975kel" }],
+  ["circle", { cx: "12", cy: "7", r: "4", key: "17ys0d" }]
+];
+const User = createLucideIcon("user", __iconNode$1);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
@@ -546,7 +565,7 @@ const LANGUAGE_COLORS = {
   Shell: "#89e051",
   PowerShell: "#012456"
 };
-const getLanguageColor = (language) => {
+const getLanguageColor$1 = (language) => {
   return LANGUAGE_COLORS[language] || "#6e7681";
 };
 const LocalProjectCard = ({
@@ -566,7 +585,7 @@ const LocalProjectCard = ({
   workspacePath,
   userHomePath
 }) => {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f;
   const { theme } = useTheme();
   const [isHovered, setIsHovered] = useState(false);
   const [copiedPath, setCopiedPath] = useState(false);
@@ -863,6 +882,7 @@ const LocalProjectCard = ({
                   children: /* @__PURE__ */ jsx(
                     "span",
                     {
+                      className: ((_c = entry.github) == null ? void 0 : _c.primaryLanguage) ? "project-name-underline" : void 0,
                       style: {
                         flex: 1,
                         fontSize: `${theme.fontSizes[2]}px`,
@@ -871,9 +891,7 @@ const LocalProjectCard = ({
                         overflow: "hidden",
                         textOverflow: "ellipsis",
                         whiteSpace: "nowrap",
-                        textDecoration: "underline",
-                        textDecorationColor: ((_c = entry.github) == null ? void 0 : _c.primaryLanguage) ? getLanguageColor(entry.github.primaryLanguage) : theme.colors.textSecondary,
-                        textUnderlineOffset: "3px"
+                        "--underline-color": ((_d = entry.github) == null ? void 0 : _d.primaryLanguage) ? getLanguageColor$1(entry.github.primaryLanguage) : theme.colors.textSecondary
                       },
                       children: entry.name
                     }
@@ -905,8 +923,8 @@ const LocalProjectCard = ({
                           opacity: isHovered ? 0 : 1,
                           transition: "opacity 0.15s ease"
                         },
-                        title: ((_d = entry.github) == null ? void 0 : _d.description) || displayPath,
-                        children: ((_e = entry.github) == null ? void 0 : _e.description) || displayPath
+                        title: ((_e = entry.github) == null ? void 0 : _e.description) || displayPath,
+                        children: ((_f = entry.github) == null ? void 0 : _f.description) || displayPath
                       }
                     ),
                     /* @__PURE__ */ jsx(
@@ -938,10 +956,10 @@ const LocalProjectCard = ({
     }
   );
 };
-const PANEL_ID$6 = "industry-theme.local-projects";
-const createPanelEvent$2 = (type, payload) => ({
+const PANEL_ID$9 = "industry-theme.local-projects";
+const createPanelEvent$4 = (type, payload) => ({
   type,
-  source: PANEL_ID$6,
+  source: PANEL_ID$9,
   timestamp: Date.now(),
   payload
 });
@@ -977,7 +995,7 @@ const LocalProjectsPanelContent = ({
       try {
         await panelActions.openRepository(entry);
         setWindowStates((prev) => new Map(prev).set(entry.path, "ready"));
-        events.emit(createPanelEvent$2(`${PANEL_ID$6}:repository-opened`, { entry }));
+        events.emit(createPanelEvent$4(`${PANEL_ID$9}:repository-opened`, { entry }));
       } catch (error) {
         console.error("Error opening repository:", error);
         setWindowStates((prev) => new Map(prev).set(entry.path, "closed"));
@@ -988,14 +1006,14 @@ const LocalProjectsPanelContent = ({
   useEffect(() => {
     const unsubscribers = [
       // Filter event from tools
-      events.on(`${PANEL_ID$6}:filter`, (event) => {
+      events.on(`${PANEL_ID$9}:filter`, (event) => {
         var _a2;
         if (((_a2 = event.payload) == null ? void 0 : _a2.filter) !== void 0) {
           setFilter(event.payload.filter);
         }
       }),
       // Select repository event from tools
-      events.on(`${PANEL_ID$6}:select-repository`, (event) => {
+      events.on(`${PANEL_ID$9}:select-repository`, (event) => {
         var _a2;
         const identifier = (_a2 = event.payload) == null ? void 0 : _a2.identifier;
         if (identifier) {
@@ -1004,12 +1022,12 @@ const LocalProjectsPanelContent = ({
           );
           if (entry) {
             setSelectedEntry(entry);
-            events.emit(createPanelEvent$2(`${PANEL_ID$6}:repository-selected`, { entry }));
+            events.emit(createPanelEvent$4(`${PANEL_ID$9}:repository-selected`, { entry }));
           }
         }
       }),
       // Open repository event from tools
-      events.on(`${PANEL_ID$6}:open-repository`, (event) => {
+      events.on(`${PANEL_ID$9}:open-repository`, (event) => {
         var _a2;
         const identifier = (_a2 = event.payload) == null ? void 0 : _a2.identifier;
         if (identifier) {
@@ -1057,7 +1075,7 @@ const LocalProjectsPanelContent = ({
   };
   const handleSelectRepository = (entry) => {
     setSelectedEntry(entry);
-    events.emit(createPanelEvent$2(`${PANEL_ID$6}:repository-selected`, { entry }));
+    events.emit(createPanelEvent$4(`${PANEL_ID$9}:repository-selected`, { entry }));
   };
   const normalizedFilter = filter.trim().toLowerCase();
   const filteredAndSortedRepositories = useMemo(() => {
@@ -1318,10 +1336,10 @@ const LocalProjectsPanelPreview = () => {
     }
   );
 };
-const PANEL_ID$5 = "industry-theme.workspace-repositories";
-const createPanelEvent$1 = (type, payload) => ({
+const PANEL_ID$8 = "industry-theme.workspace-repositories";
+const createPanelEvent$3 = (type, payload) => ({
   type,
-  source: PANEL_ID$5,
+  source: PANEL_ID$8,
   timestamp: Date.now(),
   payload
 });
@@ -1386,7 +1404,7 @@ const WorkspaceRepositoriesPanelContent = ({
     (repository) => {
       var _a;
       events.emit(
-        createPanelEvent$1("repository:selected", {
+        createPanelEvent$3("repository:selected", {
           repositoryId: ((_a = repository.github) == null ? void 0 : _a.id) || repository.name,
           repository,
           repositoryPath: repository.path
@@ -1399,7 +1417,7 @@ const WorkspaceRepositoriesPanelContent = ({
     (repository) => {
       var _a;
       events.emit(
-        createPanelEvent$1("repository:opened", {
+        createPanelEvent$3("repository:opened", {
           repositoryId: ((_a = repository.github) == null ? void 0 : _a.id) || repository.name,
           repository
         })
@@ -1440,7 +1458,7 @@ const WorkspaceRepositoriesPanelContent = ({
   );
   useEffect(() => {
     const unsubscribers = [
-      events.on(`${PANEL_ID$5}:select-repository`, (event) => {
+      events.on(`${PANEL_ID$8}:select-repository`, (event) => {
         var _a;
         const path = (_a = event.payload) == null ? void 0 : _a.repositoryPath;
         if (path) {
@@ -1450,7 +1468,7 @@ const WorkspaceRepositoriesPanelContent = ({
           }
         }
       }),
-      events.on(`${PANEL_ID$5}:open-repository`, (event) => {
+      events.on(`${PANEL_ID$8}:open-repository`, (event) => {
         var _a;
         const path = (_a = event.payload) == null ? void 0 : _a.repositoryPath;
         if (path) {
@@ -2139,10 +2157,10 @@ const WorkspaceCard = ({
     }
   );
 };
-const PANEL_ID$4 = "industry-theme.workspaces-list";
-const createPanelEvent = (type, payload) => ({
+const PANEL_ID$7 = "industry-theme.workspaces-list";
+const createPanelEvent$2 = (type, payload) => ({
   type,
-  source: PANEL_ID$4,
+  source: PANEL_ID$7,
   timestamp: Date.now(),
   payload
 });
@@ -2159,7 +2177,6 @@ const WorkspacesListPanelContent = ({
   const [workspaceRepositories, setWorkspaceRepositories] = useState(
     /* @__PURE__ */ new Map()
   );
-  const [isCreating, setIsCreating] = useState(false);
   const panelActions = actions;
   const workspacesSlice = context.getSlice("workspaces");
   const workspaces = useMemo(
@@ -2218,7 +2235,7 @@ const WorkspacesListPanelContent = ({
     (workspace) => {
       setSelectedWorkspaceId(workspace.id);
       events.emit(
-        createPanelEvent(`${PANEL_ID$4}:workspace:selected`, {
+        createPanelEvent$2(`${PANEL_ID$7}:workspace:selected`, {
           workspaceId: workspace.id,
           workspace
         })
@@ -2235,7 +2252,7 @@ const WorkspacesListPanelContent = ({
       try {
         await panelActions.openWorkspace(workspace.id);
         events.emit(
-          createPanelEvent(`${PANEL_ID$4}:workspace:opened`, {
+          createPanelEvent$2(`${PANEL_ID$7}:workspace:opened`, {
             workspaceId: workspace.id,
             workspace
           })
@@ -2259,7 +2276,7 @@ const WorkspacesListPanelContent = ({
       try {
         await panelActions.deleteWorkspace(workspace.id);
         events.emit(
-          createPanelEvent(`${PANEL_ID$4}:workspace:deleted`, {
+          createPanelEvent$2(`${PANEL_ID$7}:workspace:deleted`, {
             workspaceId: workspace.id
           })
         );
@@ -2281,33 +2298,15 @@ const WorkspacesListPanelContent = ({
     },
     [panelActions, context]
   );
-  const handleCreateWorkspace = useCallback(async () => {
-    if (!panelActions.createWorkspace) {
-      console.warn("Create workspace action not available");
-      return;
-    }
-    const name = window.prompt("Enter workspace name:");
-    if (!(name == null ? void 0 : name.trim())) return;
-    try {
-      setIsCreating(true);
-      const workspace = await panelActions.createWorkspace(name.trim());
-      events.emit(
-        createPanelEvent(`${PANEL_ID$4}:workspace:created`, {
-          workspaceId: workspace.id,
-          workspace
-        })
-      );
-      await context.refresh("workspace", "workspaces");
-    } catch (error) {
-      console.error("Failed to create workspace:", error);
-    } finally {
-      setIsCreating(false);
-    }
-  }, [panelActions, events, context]);
+  const handleCreateWorkspace = useCallback(() => {
+    events.emit(
+      createPanelEvent$2(`${PANEL_ID$7}:create-workspace-requested`, {})
+    );
+  }, [events]);
   useEffect(() => {
     const unsubscribers = [
       // Select workspace event from tools
-      events.on(`${PANEL_ID$4}:select-workspace`, (event) => {
+      events.on(`${PANEL_ID$7}:select-workspace`, (event) => {
         var _a2;
         const workspaceId = (_a2 = event.payload) == null ? void 0 : _a2.workspaceId;
         if (workspaceId) {
@@ -2318,7 +2317,7 @@ const WorkspacesListPanelContent = ({
         }
       }),
       // Open workspace event from tools
-      events.on(`${PANEL_ID$4}:open-workspace`, (event) => {
+      events.on(`${PANEL_ID$7}:open-workspace`, (event) => {
         var _a2;
         const workspaceId = (_a2 = event.payload) == null ? void 0 : _a2.workspaceId;
         if (workspaceId) {
@@ -2330,14 +2329,14 @@ const WorkspacesListPanelContent = ({
       }),
       // Create workspace event from tools
       events.on(
-        `${PANEL_ID$4}:create-workspace`,
+        `${PANEL_ID$7}:create-workspace`,
         async (event) => {
           const { name, description } = event.payload || {};
           if (name && panelActions.createWorkspace) {
             try {
               const workspace = await panelActions.createWorkspace(name, { description });
               events.emit(
-                createPanelEvent(`${PANEL_ID$4}:workspace:created`, {
+                createPanelEvent$2(`${PANEL_ID$7}:workspace:created`, {
                   workspaceId: workspace.id,
                   workspace
                 })
@@ -2454,11 +2453,10 @@ const WorkspacesListPanelContent = ({
                 children: /* @__PURE__ */ jsx(Search, { size: 16 })
               }
             ),
-            panelActions.createWorkspace && /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx(
               "button",
               {
                 onClick: handleCreateWorkspace,
-                disabled: isCreating,
                 style: {
                   display: "flex",
                   alignItems: "center",
@@ -2469,8 +2467,7 @@ const WorkspacesListPanelContent = ({
                   border: `1px solid ${theme.colors.border}`,
                   backgroundColor: theme.colors.primary,
                   color: theme.colors.background,
-                  cursor: isCreating ? "not-allowed" : "pointer",
-                  opacity: isCreating ? 0.6 : 1,
+                  cursor: "pointer",
                   transition: "all 0.15s ease"
                 },
                 title: "Create new workspace",
@@ -2624,929 +2621,1445 @@ const WorkspacesListPanelPreview = () => {
     }
   );
 };
-const DependencyInfoModal = ({
-  isOpen,
-  onClose
+const GitHubRepositoryCard = ({
+  repository,
+  localRepo,
+  onClone,
+  onOpen,
+  isLoading = false,
+  isSelected = false,
+  onSelect
 }) => {
   const { theme } = useTheme();
-  if (!isOpen) return null;
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+  const [isHovered, setIsHovered] = useState(false);
+  const isCloned = Boolean(localRepo);
+  const handleClone = useCallback(
+    (e) => {
+      e.stopPropagation();
+      if (onClone && !isLoading) {
+        onClone(repository);
+      }
+    },
+    [onClone, repository, isLoading]
+  );
+  const handleOpen = useCallback(
+    (e) => {
+      e.stopPropagation();
+      if (onOpen && localRepo && !isLoading) {
+        onOpen(localRepo.path);
+      }
+    },
+    [onOpen, localRepo, isLoading]
+  );
+  const handleClick = useCallback(() => {
+    if (onSelect) {
+      onSelect(repository);
+    }
+  }, [onSelect, repository]);
+  const handleOpenOnGitHub = useCallback(
+    (e) => {
+      e.stopPropagation();
+      window.open(repository.html_url, "_blank", "noopener,noreferrer");
+    },
+    [repository.html_url]
+  );
+  const getRelativeTime = (dateString) => {
+    const date = new Date(dateString);
+    const now = /* @__PURE__ */ new Date();
+    const diffMs = now.getTime() - date.getTime();
+    const diffDays = Math.floor(diffMs / (1e3 * 60 * 60 * 24));
+    if (diffDays === 0) return "today";
+    if (diffDays === 1) return "yesterday";
+    if (diffDays < 7) return `${diffDays} days ago`;
+    if (diffDays < 30) return `${Math.floor(diffDays / 7)} weeks ago`;
+    if (diffDays < 365) return `${Math.floor(diffDays / 30)} months ago`;
+    return `${Math.floor(diffDays / 365)} years ago`;
+  };
+  return /* @__PURE__ */ jsxs(
     "div",
     {
+      onClick: handleClick,
+      onMouseEnter: () => setIsHovered(true),
+      onMouseLeave: () => setIsHovered(false),
       style: {
-        position: "fixed",
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        backgroundColor: theme.colors.muted,
-        zIndex: theme.zIndices[4],
         display: "flex",
-        alignItems: "center",
-        justifyContent: "center"
+        alignItems: "flex-start",
+        gap: "12px",
+        padding: "12px",
+        borderRadius: "8px",
+        backgroundColor: isSelected ? `${theme.colors.primary}15` : isHovered ? theme.colors.backgroundTertiary : "transparent",
+        border: `1px solid ${isSelected ? theme.colors.primary : "transparent"}`,
+        cursor: onSelect ? "pointer" : "default",
+        transition: "background-color 0.15s, border-color 0.15s"
       },
-      onClick: onClose,
-      children: /* @__PURE__ */ jsxs(
-        "div",
-        {
-          style: {
-            backgroundColor: theme.colors.background,
-            borderRadius: `${theme.radii[3]}px`,
-            maxWidth: "600px",
-            maxHeight: "80vh",
-            width: "90%",
-            overflow: "hidden",
-            display: "flex",
-            flexDirection: "column",
-            boxShadow: theme.shadows[3]
-          },
-          onClick: (e) => e.stopPropagation(),
-          children: [
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                style: {
-                  padding: `${theme.space[4]}px`,
-                  borderBottom: `1px solid ${theme.colors.border}`,
-                  display: "flex",
-                  alignItems: "center",
-                  justifyContent: "space-between"
-                },
-                children: [
-                  /* @__PURE__ */ jsxs(
-                    "h2",
-                    {
-                      style: {
-                        fontSize: `${theme.fontSizes[4]}px`,
-                        fontWeight: theme.fontWeights.semibold,
-                        color: theme.colors.text,
-                        display: "flex",
-                        alignItems: "center",
-                        gap: `${theme.space[2]}px`,
-                        margin: 0
-                      },
-                      children: [
-                        /* @__PURE__ */ jsx(CircleQuestionMark, { size: 20 }),
-                        "Understanding Dependencies"
-                      ]
-                    }
-                  ),
+      children: [
+        /* @__PURE__ */ jsx(
+          RepositoryAvatar,
+          {
+            owner: repository.owner.login,
+            customAvatarUrl: repository.owner.avatar_url,
+            size: 40
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: {
+                display: "flex",
+                alignItems: "center",
+                gap: "8px",
+                marginBottom: "4px"
+              },
+              children: [
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    style: {
+                      fontSize: `${theme.fontSizes[2]}px`,
+                      fontWeight: theme.fontWeights.semibold,
+                      fontFamily: theme.fonts.body,
+                      color: isCloned ? "#10b981" : theme.colors.text,
+                      overflow: "hidden",
+                      textOverflow: "ellipsis",
+                      whiteSpace: "nowrap"
+                    },
+                    title: repository.full_name,
+                    children: repository.name
+                  }
+                ),
+                repository.private && /* @__PURE__ */ jsx("span", { title: "Private repository", children: /* @__PURE__ */ jsx(
+                  Lock,
+                  {
+                    size: 12,
+                    style: { color: theme.colors.textSecondary, flexShrink: 0 }
+                  }
+                ) }),
+                repository.fork && /* @__PURE__ */ jsx("span", { title: "Forked repository", children: /* @__PURE__ */ jsx(
+                  GitFork,
+                  {
+                    size: 12,
+                    style: { color: theme.colors.textSecondary, flexShrink: 0 }
+                  }
+                ) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                fontSize: `${theme.fontSizes[0]}px`,
+                fontFamily: theme.fonts.body,
+                color: theme.colors.textSecondary,
+                marginBottom: "4px"
+              },
+              children: repository.owner.login
+            }
+          ),
+          repository.description && /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                fontSize: `${theme.fontSizes[1]}px`,
+                fontFamily: theme.fonts.body,
+                color: theme.colors.textSecondary,
+                lineHeight: theme.lineHeights.body,
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                display: "-webkit-box",
+                WebkitLineClamp: 2,
+                WebkitBoxOrient: "vertical",
+                marginBottom: "8px"
+              },
+              children: repository.description
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: {
+                display: "flex",
+                alignItems: "center",
+                gap: "12px",
+                fontSize: `${theme.fontSizes[0]}px`,
+                fontFamily: theme.fonts.body,
+                color: theme.colors.textSecondary
+              },
+              children: [
+                repository.language && /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
                   /* @__PURE__ */ jsx(
-                    "button",
+                    "span",
                     {
-                      onClick: onClose,
                       style: {
-                        background: "none",
-                        border: "none",
-                        color: theme.colors.textSecondary,
-                        cursor: "pointer",
-                        padding: `${theme.space[1]}px`
-                      },
-                      children: /* @__PURE__ */ jsx(X, { size: 20 })
-                    }
-                  )
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                style: {
-                  padding: `${theme.space[4]}px`,
-                  overflow: "auto",
-                  flex: 1
-                },
-                children: [
-                  /* @__PURE__ */ jsxs(
-                    Section,
-                    {
-                      icon: /* @__PURE__ */ jsx(Package, { size: 18 }),
-                      title: "Dependency Types",
-                      theme,
-                      children: [
-                        /* @__PURE__ */ jsx(
-                          InfoItem,
-                          {
-                            badge: { text: "prod", color: theme.colors.primary },
-                            title: "Production Dependencies",
-                            description: "Required for your application to run in production. These are bundled with your app and affect its size and security.",
-                            theme
-                          }
-                        ),
-                        /* @__PURE__ */ jsx(
-                          InfoItem,
-                          {
-                            badge: { text: "dev", color: theme.colors.secondary },
-                            title: "Development Dependencies",
-                            description: "Only needed during development (build tools, testing, linters). Not included in production builds.",
-                            theme
-                          }
-                        ),
-                        /* @__PURE__ */ jsx(
-                          InfoItem,
-                          {
-                            badge: { text: "peer", color: theme.colors.accent },
-                            title: "Peer Dependencies",
-                            description: "Expected to be provided by the consumer of your package. Important for library authors to specify compatibility.",
-                            theme
-                          }
-                        )
-                      ]
+                        width: "8px",
+                        height: "8px",
+                        borderRadius: "50%",
+                        backgroundColor: getLanguageColor(repository.language)
+                      }
                     }
                   ),
-                  /* @__PURE__ */ jsxs(
-                    Section,
-                    {
-                      icon: /* @__PURE__ */ jsx(Scale, { size: 18 }),
-                      title: "Common Licenses",
-                      theme,
-                      children: [
-                        /* @__PURE__ */ jsx(
-                          InfoItem,
-                          {
-                            badge: { text: "MIT", color: theme.colors.success },
-                            title: "Permissive Licenses (MIT, Apache, BSD)",
-                            description: "Few restrictions. Can use in commercial projects. Must include copyright notice.",
-                            theme
-                          }
-                        ),
-                        /* @__PURE__ */ jsx(
-                          InfoItem,
-                          {
-                            badge: { text: "GPL", color: theme.colors.warning },
-                            title: "Copyleft Licenses (GPL, LGPL, AGPL)",
-                            description: "Requires sharing source code of derivative works. Can impact your project's licensing.",
-                            theme
-                          }
-                        )
-                      ]
-                    }
-                  )
-                ]
-              }
-            )
-          ]
-        }
-      )
+                  repository.language
+                ] }),
+                repository.stargazers_count !== void 0 && repository.stargazers_count > 0 && /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
+                  /* @__PURE__ */ jsx(Star, { size: 12 }),
+                  formatNumber(repository.stargazers_count)
+                ] }),
+                /* @__PURE__ */ jsxs("span", { children: [
+                  "Updated ",
+                  getRelativeTime(repository.pushed_at || repository.updated_at)
+                ] })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: "8px",
+              flexShrink: 0
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: handleOpenOnGitHub,
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    width: "32px",
+                    height: "32px",
+                    borderRadius: "6px",
+                    border: `1px solid ${theme.colors.border}`,
+                    backgroundColor: "transparent",
+                    color: theme.colors.textSecondary,
+                    cursor: "pointer",
+                    transition: "background-color 0.15s, color 0.15s"
+                  },
+                  title: "Open on GitHub",
+                  onMouseEnter: (e) => {
+                    e.currentTarget.style.backgroundColor = theme.colors.backgroundTertiary;
+                    e.currentTarget.style.color = theme.colors.text;
+                  },
+                  onMouseLeave: (e) => {
+                    e.currentTarget.style.backgroundColor = "transparent";
+                    e.currentTarget.style.color = theme.colors.textSecondary;
+                  },
+                  children: /* @__PURE__ */ jsx(ExternalLink, { size: 16 })
+                }
+              ),
+              isCloned ? /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: handleOpen,
+                  disabled: isLoading || !onOpen,
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "6px",
+                    padding: "6px 12px",
+                    borderRadius: "6px",
+                    border: "none",
+                    backgroundColor: "#10b981",
+                    color: "#ffffff",
+                    fontSize: `${theme.fontSizes[1]}px`,
+                    fontWeight: theme.fontWeights.medium,
+                    fontFamily: theme.fonts.body,
+                    cursor: isLoading || !onOpen ? "not-allowed" : "pointer",
+                    opacity: isLoading || !onOpen ? 0.6 : 1,
+                    transition: "opacity 0.15s"
+                  },
+                  title: "Open in workspace",
+                  children: [
+                    /* @__PURE__ */ jsx(FolderOpen, { size: 14 }),
+                    "Open"
+                  ]
+                }
+              ) : /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: handleClone,
+                  disabled: isLoading || !onClone,
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "6px",
+                    padding: "6px 12px",
+                    borderRadius: "6px",
+                    border: "none",
+                    backgroundColor: theme.colors.primary,
+                    color: theme.colors.background,
+                    fontSize: `${theme.fontSizes[1]}px`,
+                    fontWeight: theme.fontWeights.medium,
+                    fontFamily: theme.fonts.body,
+                    cursor: isLoading || !onClone ? "not-allowed" : "pointer",
+                    opacity: isLoading || !onClone ? 0.6 : 1,
+                    transition: "opacity 0.15s"
+                  },
+                  title: "Clone repository",
+                  children: [
+                    /* @__PURE__ */ jsx(Download, { size: 14 }),
+                    "Clone"
+                  ]
+                }
+              )
+            ]
+          }
+        )
+      ]
     }
-  ) });
+  );
+};
+function getLanguageColor(language) {
+  const colors = {
+    TypeScript: "#3178c6",
+    JavaScript: "#f7df1e",
+    Python: "#3572A5",
+    Rust: "#dea584",
+    Go: "#00ADD8",
+    Java: "#b07219",
+    Ruby: "#701516",
+    PHP: "#4F5D95",
+    "C++": "#f34b7d",
+    C: "#555555",
+    "C#": "#178600",
+    Swift: "#F05138",
+    Kotlin: "#A97BFF",
+    Shell: "#89e051",
+    HTML: "#e34c26",
+    CSS: "#563d7c",
+    Vue: "#41b883",
+    Svelte: "#ff3e00"
+  };
+  return colors[language] || "#8b949e";
+}
+function formatNumber(num) {
+  if (num >= 1e6) {
+    return `${(num / 1e6).toFixed(1)}M`;
+  }
+  if (num >= 1e3) {
+    return `${(num / 1e3).toFixed(1)}K`;
+  }
+  return num.toString();
+}
+const PANEL_ID$6 = "industry-theme.github-starred";
+const createPanelEvent$1 = (type, payload) => ({
+  type,
+  source: PANEL_ID$6,
+  timestamp: Date.now(),
+  payload
+});
+const GitHubStarredPanel = (props) => {
+  return /* @__PURE__ */ jsx(GitHubStarredPanelContent, { ...props });
 };
-const Section = ({ icon, title, theme, children }) => /* @__PURE__ */ jsxs("div", { style: { marginBottom: `${theme.space[5]}px` }, children: [
-  /* @__PURE__ */ jsxs(
-    "h3",
+const GitHubStarredPanelContent = ({
+  context,
+  actions,
+  events
+}) => {
+  var _a, _b, _c;
+  const { theme } = useTheme();
+  const [filter, setFilter] = useState("");
+  const [selectedRepo, setSelectedRepo] = useState(null);
+  const starredSlice = context.getSlice("githubStarred");
+  const localReposSlice = context.getSlice("alexandriaRepositories");
+  const repositories = useMemo(
+    () => {
+      var _a2;
+      return ((_a2 = starredSlice == null ? void 0 : starredSlice.data) == null ? void 0 : _a2.repositories) || [];
+    },
+    [(_a = starredSlice == null ? void 0 : starredSlice.data) == null ? void 0 : _a.repositories]
+  );
+  const loading = (starredSlice == null ? void 0 : starredSlice.loading) ?? false;
+  const error = (_b = starredSlice == null ? void 0 : starredSlice.data) == null ? void 0 : _b.error;
+  const localRepos = useMemo(
+    () => {
+      var _a2;
+      return ((_a2 = localReposSlice == null ? void 0 : localReposSlice.data) == null ? void 0 : _a2.repositories) || [];
+    },
+    [(_c = localReposSlice == null ? void 0 : localReposSlice.data) == null ? void 0 : _c.repositories]
+  );
+  const panelActions = actions;
+  const localRepoMap = useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    localRepos.forEach((entry) => {
+      var _a2, _b2, _c2;
+      if ((_a2 = entry.github) == null ? void 0 : _a2.id) {
+        map.set(entry.github.id, {
+          path: entry.path,
+          name: entry.name,
+          githubFullName: entry.github.id,
+          githubId: entry.github.id
+        });
+      }
+      if (((_b2 = entry.github) == null ? void 0 : _b2.owner) && ((_c2 = entry.github) == null ? void 0 : _c2.name)) {
+        const fullName = `${entry.github.owner}/${entry.github.name}`;
+        map.set(fullName, {
+          path: entry.path,
+          name: entry.name,
+          githubFullName: fullName
+        });
+      }
+      map.set(entry.name, {
+        path: entry.path,
+        name: entry.name
+      });
+    });
+    return map;
+  }, [localRepos]);
+  const normalizedFilter = filter.trim().toLowerCase();
+  const filteredRepositories = useMemo(() => {
+    if (!normalizedFilter) {
+      return repositories;
+    }
+    return repositories.filter((repo) => {
+      var _a2;
+      const haystack = [
+        repo.name,
+        repo.full_name,
+        ((_a2 = repo.owner) == null ? void 0 : _a2.login) ?? "",
+        repo.description ?? "",
+        repo.language ?? ""
+      ].join(" ").toLowerCase();
+      return haystack.includes(normalizedFilter);
+    });
+  }, [repositories, normalizedFilter]);
+  const sortedRepositories = useMemo(() => {
+    return [...filteredRepositories].sort(
+      (a, b) => a.name.localeCompare(b.name, void 0, { sensitivity: "base" })
+    );
+  }, [filteredRepositories]);
+  const handleClone = useCallback(
+    async (repo) => {
+      if (panelActions.cloneRepository) {
+        await panelActions.cloneRepository(repo);
+        events.emit(
+          createPanelEvent$1(`${PANEL_ID$6}:repository-cloned`, {
+            repository: repo
+          })
+        );
+      }
+    },
+    [panelActions, events]
+  );
+  const handleOpen = useCallback(
+    async (localPath) => {
+      if (panelActions.openRepository) {
+        await panelActions.openRepository(localPath);
+      }
+    },
+    [panelActions]
+  );
+  const handleSelect = useCallback(
+    (repo) => {
+      setSelectedRepo(repo);
+      events.emit(
+        createPanelEvent$1(`${PANEL_ID$6}:repository-selected`, { repository: repo })
+      );
+    },
+    [events]
+  );
+  const handleRefresh = useCallback(async () => {
+    if (panelActions.refreshStarred) {
+      await panelActions.refreshStarred();
+    }
+  }, [panelActions]);
+  useEffect(() => {
+    const unsubscribers = [
+      events.on(`${PANEL_ID$6}:filter`, (event) => {
+        var _a2;
+        setFilter(((_a2 = event.payload) == null ? void 0 : _a2.filter) || "");
+      }),
+      events.on(`${PANEL_ID$6}:select-repository`, (event) => {
+        var _a2;
+        const identifier = (_a2 = event.payload) == null ? void 0 : _a2.identifier;
+        if (identifier) {
+          const repo = repositories.find(
+            (r) => r.name === identifier || r.full_name === identifier || r.full_name.toLowerCase() === identifier.toLowerCase()
+          );
+          if (repo) {
+            handleSelect(repo);
+          }
+        }
+      }),
+      events.on(`${PANEL_ID$6}:clone-repository`, (event) => {
+        var _a2;
+        const identifier = (_a2 = event.payload) == null ? void 0 : _a2.identifier;
+        if (identifier) {
+          const repo = repositories.find(
+            (r) => r.name === identifier || r.full_name === identifier || r.full_name.toLowerCase() === identifier.toLowerCase()
+          );
+          if (repo) {
+            void handleClone(repo);
+          }
+        }
+      })
+    ];
+    return () => {
+      unsubscribers.forEach((unsub) => unsub());
+    };
+  }, [events, repositories, handleSelect, handleClone]);
+  const baseContainerStyle = {
+    display: "flex",
+    flexDirection: "column",
+    height: "100%",
+    backgroundColor: theme.colors.backgroundSecondary
+  };
+  if (loading && repositories.length === 0) {
+    return /* @__PURE__ */ jsx("div", { style: baseContainerStyle, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          flex: 1,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          padding: "32px",
+          textAlign: "center"
+        },
+        children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center",
+              gap: "16px"
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                LoaderCircle,
+                {
+                  size: 32,
+                  style: { color: theme.colors.textSecondary },
+                  className: "animate-spin"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "h3",
+                {
+                  style: {
+                    margin: 0,
+                    color: theme.colors.text,
+                    fontSize: `${theme.fontSizes[3]}px`,
+                    fontWeight: theme.fontWeights.semibold,
+                    fontFamily: theme.fonts.body
+                  },
+                  children: "Loading starred repositories..."
+                }
+              )
+            ]
+          }
+        )
+      }
+    ) });
+  }
+  if (error && repositories.length === 0) {
+    return /* @__PURE__ */ jsx("div", { style: baseContainerStyle, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          flex: 1,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          padding: "32px",
+          textAlign: "center"
+        },
+        children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center",
+              gap: "16px",
+              maxWidth: "360px"
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                CircleAlert,
+                {
+                  size: 32,
+                  style: { color: theme.colors.error || "#ef4444" }
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx(
+                  "h3",
+                  {
+                    style: {
+                      margin: 0,
+                      marginBottom: "8px",
+                      color: theme.colors.text,
+                      fontSize: `${theme.fontSizes[3]}px`,
+                      fontWeight: theme.fontWeights.semibold,
+                      fontFamily: theme.fonts.body
+                    },
+                    children: "Unable to load repositories"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "p",
+                  {
+                    style: {
+                      margin: 0,
+                      color: theme.colors.textSecondary,
+                      lineHeight: theme.lineHeights.body,
+                      fontFamily: theme.fonts.body
+                    },
+                    children: error
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: handleRefresh,
+                  style: {
+                    display: "inline-flex",
+                    alignItems: "center",
+                    gap: "8px",
+                    padding: "10px 18px",
+                    borderRadius: "6px",
+                    border: "none",
+                    backgroundColor: theme.colors.primary,
+                    color: theme.colors.background,
+                    fontWeight: theme.fontWeights.semibold,
+                    fontSize: `${theme.fontSizes[1]}px`,
+                    fontFamily: theme.fonts.body,
+                    cursor: "pointer"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(RotateCcw, { size: 16 }),
+                    "Try again"
+                  ]
+                }
+              )
+            ]
+          }
+        )
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
     {
       style: {
-        fontSize: `${theme.fontSizes[2]}px`,
-        fontWeight: theme.fontWeights.semibold,
-        color: theme.colors.text,
-        marginBottom: `${theme.space[3]}px`,
-        display: "flex",
-        alignItems: "center",
-        gap: `${theme.space[2]}px`
+        ...baseContainerStyle,
+        padding: "16px",
+        gap: "12px"
       },
       children: [
-        icon,
-        title
+        /* @__PURE__ */ jsxs("div", { style: { position: "relative" }, children: [
+          /* @__PURE__ */ jsx(
+            Search,
+            {
+              size: 16,
+              style: {
+                position: "absolute",
+                top: "50%",
+                left: "12px",
+                transform: "translateY(-50%)",
+                color: theme.colors.textSecondary,
+                pointerEvents: "none"
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "text",
+              value: filter,
+              placeholder: "Filter starred repositories...",
+              onChange: (event) => setFilter(event.target.value),
+              style: {
+                width: "100%",
+                padding: "8px 12px 8px 36px",
+                borderRadius: "6px",
+                border: `1px solid ${theme.colors.border}`,
+                backgroundColor: theme.colors.background,
+                color: theme.colors.text,
+                fontSize: `${theme.fontSizes[1]}px`,
+                fontFamily: theme.fonts.body,
+                outline: "none"
+              }
+            }
+          )
+        ] }),
+        error && repositories.length > 0 && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: "8px",
+              padding: "10px 14px",
+              borderRadius: "6px",
+              backgroundColor: `${theme.colors.error || "#ef4444"}20`,
+              color: theme.colors.error || "#ef4444",
+              fontSize: `${theme.fontSizes[1]}px`,
+              fontFamily: theme.fonts.body
+            },
+            children: [
+              /* @__PURE__ */ jsx(CircleAlert, { size: 16 }),
+              /* @__PURE__ */ jsx("span", { children: error })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              flex: 1,
+              overflowY: "auto",
+              display: "flex",
+              flexDirection: "column",
+              gap: "4px"
+            },
+            children: [
+              sortedRepositories.map((repo) => /* @__PURE__ */ jsx(
+                GitHubRepositoryCard,
+                {
+                  repository: repo,
+                  localRepo: localRepoMap.get(repo.full_name),
+                  onClone: handleClone,
+                  onOpen: handleOpen,
+                  onSelect: handleSelect,
+                  isSelected: (selectedRepo == null ? void 0 : selectedRepo.id) === repo.id
+                },
+                repo.id
+              )),
+              sortedRepositories.length === 0 && repositories.length > 0 && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  style: {
+                    padding: "32px",
+                    textAlign: "center",
+                    color: theme.colors.textSecondary
+                  },
+                  children: /* @__PURE__ */ jsx("p", { style: { margin: 0 }, children: "No repositories match your filter." })
+                }
+              ),
+              repositories.length === 0 && !loading && /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    padding: "32px",
+                    textAlign: "center",
+                    color: theme.colors.textSecondary
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      Star,
+                      {
+                        size: 32,
+                        style: { marginBottom: "12px", opacity: 0.5 }
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("p", { style: { margin: 0 }, children: "You haven't starred any repositories yet." })
+                  ]
+                }
+              )
+            ]
+          }
+        )
       ]
     }
-  ),
-  /* @__PURE__ */ jsx(
+  );
+};
+const GitHubStarredPanelPreview = () => {
+  const { theme } = useTheme();
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       style: {
+        padding: "12px",
+        fontSize: `${theme.fontSizes[0]}px`,
+        fontFamily: theme.fonts.body,
+        color: theme.colors.text,
         display: "flex",
         flexDirection: "column",
-        gap: `${theme.space[2]}px`
+        gap: "8px"
       },
-      children
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: "6px",
+              fontWeight: theme.fontWeights.semibold
+            },
+            children: [
+              /* @__PURE__ */ jsx(Star, { size: 16, style: { color: "#f59e0b" } }),
+              /* @__PURE__ */ jsx("span", { children: "Starred Repositories" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              fontSize: `${theme.fontSizes[0]}px`,
+              fontFamily: theme.fonts.body,
+              color: theme.colors.textSecondary,
+              marginTop: "4px"
+            },
+            children: "Browse your starred GitHub repositories"
+          }
+        )
+      ]
     }
-  )
-] });
-const InfoItem = ({ badge, title, description, theme }) => /* @__PURE__ */ jsxs(
-  "div",
-  {
-    style: {
-      padding: `${theme.space[3]}px`,
-      backgroundColor: theme.colors.backgroundSecondary,
-      borderRadius: `${theme.radii[2]}px`,
-      border: `1px solid ${theme.colors.border}`
-    },
-    children: [
-      /* @__PURE__ */ jsxs(
-        "div",
-        {
-          style: {
-            display: "flex",
-            alignItems: "center",
-            gap: `${theme.space[2]}px`,
-            marginBottom: `${theme.space[1]}px`
-          },
-          children: [
-            /* @__PURE__ */ jsx(
-              "span",
-              {
-                style: {
-                  padding: `${theme.space[1]}px ${theme.space[2]}px`,
-                  borderRadius: `${theme.radii[1]}px`,
-                  fontSize: `${theme.fontSizes[0]}px`,
-                  fontWeight: theme.fontWeights.medium,
-                  backgroundColor: `${badge.color}20`,
-                  color: badge.color
-                },
-                children: badge.text
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "span",
-              {
-                style: {
-                  fontSize: `${theme.fontSizes[1]}px`,
-                  fontWeight: theme.fontWeights.medium,
-                  color: theme.colors.text
-                },
-                children: title
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          style: {
-            fontSize: `${theme.fontSizes[1]}px`,
-            color: theme.colors.textSecondary,
-            lineHeight: theme.lineHeights.relaxed
-          },
-          children: description
-        }
-      )
-    ]
-  }
-);
-const DependencyRow = ({ dependency }) => {
+  );
+};
+const PANEL_ID$5 = "industry-theme.github-projects";
+const createPanelEvent = (type, payload) => ({
+  type,
+  source: PANEL_ID$5,
+  timestamp: Date.now(),
+  payload
+});
+const GitHubProjectsPanel = (props) => {
+  return /* @__PURE__ */ jsx(GitHubProjectsPanelContent, { ...props });
+};
+const GitHubProjectsPanelContent = ({
+  context,
+  actions,
+  events
+}) => {
+  var _a, _b, _c, _d, _e, _f;
   const { theme } = useTheme();
-  const [isHovered, setIsHovered] = useState(false);
-  const [copied, setCopied] = useState(false);
-  const getDependencyTypeBadgeStyle = (type) => {
-    const baseStyle = {
-      padding: `${theme.space[1]}px ${theme.space[2]}px`,
-      borderRadius: `${theme.radii[1]}px`,
-      fontSize: `${theme.fontSizes[0]}px`,
-      fontWeight: theme.fontWeights.medium,
-      minWidth: "36px",
-      textAlign: "center"
-    };
-    switch (type) {
-      case "production":
-        return {
-          ...baseStyle,
-          backgroundColor: `${theme.colors.primary}20`,
-          color: theme.colors.primary
-        };
-      case "development":
-        return {
-          ...baseStyle,
-          backgroundColor: `${theme.colors.secondary}20`,
-          color: theme.colors.secondary
-        };
-      case "peer":
-        return {
-          ...baseStyle,
-          backgroundColor: `${theme.colors.accent}20`,
-          color: theme.colors.accent
-        };
-      default:
-        return {
-          ...baseStyle,
-          backgroundColor: theme.colors.backgroundLight,
-          color: theme.colors.textSecondary
-        };
+  const [filter, setFilter] = useState("");
+  const [collapsedSections, setCollapsedSections] = useState(/* @__PURE__ */ new Set());
+  const [selectedRepo, setSelectedRepo] = useState(null);
+  const projectsSlice = context.getSlice("githubProjects");
+  const localReposSlice = context.getSlice("alexandriaRepositories");
+  const userRepositories = useMemo(
+    () => {
+      var _a2;
+      return ((_a2 = projectsSlice == null ? void 0 : projectsSlice.data) == null ? void 0 : _a2.userRepositories) || [];
+    },
+    [(_a = projectsSlice == null ? void 0 : projectsSlice.data) == null ? void 0 : _a.userRepositories]
+  );
+  const organizations = useMemo(
+    () => {
+      var _a2;
+      return ((_a2 = projectsSlice == null ? void 0 : projectsSlice.data) == null ? void 0 : _a2.organizations) || [];
+    },
+    [(_b = projectsSlice == null ? void 0 : projectsSlice.data) == null ? void 0 : _b.organizations]
+  );
+  const orgRepositories = useMemo(
+    () => {
+      var _a2;
+      return ((_a2 = projectsSlice == null ? void 0 : projectsSlice.data) == null ? void 0 : _a2.orgRepositories) || {};
+    },
+    [(_c = projectsSlice == null ? void 0 : projectsSlice.data) == null ? void 0 : _c.orgRepositories]
+  );
+  const currentUser = (_d = projectsSlice == null ? void 0 : projectsSlice.data) == null ? void 0 : _d.currentUser;
+  const loading = (projectsSlice == null ? void 0 : projectsSlice.loading) ?? false;
+  const error = (_e = projectsSlice == null ? void 0 : projectsSlice.data) == null ? void 0 : _e.error;
+  const localRepos = useMemo(
+    () => {
+      var _a2;
+      return ((_a2 = localReposSlice == null ? void 0 : localReposSlice.data) == null ? void 0 : _a2.repositories) || [];
+    },
+    [(_f = localReposSlice == null ? void 0 : localReposSlice.data) == null ? void 0 : _f.repositories]
+  );
+  const panelActions = actions;
+  const localRepoMap = useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    localRepos.forEach((entry) => {
+      var _a2, _b2, _c2;
+      if ((_a2 = entry.github) == null ? void 0 : _a2.id) {
+        map.set(entry.github.id, {
+          path: entry.path,
+          name: entry.name,
+          githubFullName: entry.github.id,
+          githubId: entry.github.id
+        });
+      }
+      if (((_b2 = entry.github) == null ? void 0 : _b2.owner) && ((_c2 = entry.github) == null ? void 0 : _c2.name)) {
+        const fullName = `${entry.github.owner}/${entry.github.name}`;
+        map.set(fullName, {
+          path: entry.path,
+          name: entry.name,
+          githubFullName: fullName
+        });
+      }
+      map.set(entry.name, {
+        path: entry.path,
+        name: entry.name
+      });
+    });
+    return map;
+  }, [localRepos]);
+  const normalizedFilter = filter.trim().toLowerCase();
+  const filterRepos = useCallback(
+    (repos) => {
+      if (!normalizedFilter) return repos;
+      return repos.filter((repo) => {
+        var _a2;
+        const haystack = [
+          repo.name,
+          repo.full_name,
+          ((_a2 = repo.owner) == null ? void 0 : _a2.login) ?? "",
+          repo.description ?? "",
+          repo.language ?? ""
+        ].join(" ").toLowerCase();
+        return haystack.includes(normalizedFilter);
+      });
+    },
+    [normalizedFilter]
+  );
+  const filteredUserRepos = useMemo(
+    () => filterRepos(userRepositories),
+    [filterRepos, userRepositories]
+  );
+  const filteredOrgRepos = useMemo(() => {
+    const result = {};
+    for (const [orgLogin, repos] of Object.entries(orgRepositories)) {
+      const filtered = filterRepos(repos);
+      if (filtered.length > 0) {
+        result[orgLogin] = filtered;
+      }
     }
-  };
-  const handleCopy = async (e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    try {
-      const copyText = `${dependency.name}@${dependency.version}`;
-      await navigator.clipboard.writeText(copyText);
-      setCopied(true);
-      setTimeout(() => setCopied(false), 2e3);
-    } catch (err) {
-      console.error("Failed to copy:", err);
+    return result;
+  }, [filterRepos, orgRepositories]);
+  const allRepositories = useMemo(() => {
+    const all = [...userRepositories];
+    for (const repos of Object.values(orgRepositories)) {
+      all.push(...repos);
     }
-  };
-  const actionButtonStyle = {
-    padding: `${theme.space[1]}px`,
-    borderRadius: `${theme.radii[1]}px`,
+    return all;
+  }, [userRepositories, orgRepositories]);
+  const hasData = userRepositories.length > 0 || organizations.length > 0 || Object.keys(orgRepositories).length > 0;
+  const handleClone = useCallback(
+    async (repo) => {
+      if (panelActions.cloneRepository) {
+        await panelActions.cloneRepository(repo);
+        events.emit(
+          createPanelEvent(`${PANEL_ID$5}:repository-cloned`, {
+            repository: repo
+          })
+        );
+      }
+    },
+    [panelActions, events]
+  );
+  const handleOpen = useCallback(
+    async (localPath) => {
+      if (panelActions.openRepository) {
+        await panelActions.openRepository(localPath);
+      }
+    },
+    [panelActions]
+  );
+  const handleSelect = useCallback(
+    (repo) => {
+      setSelectedRepo(repo);
+      events.emit(
+        createPanelEvent(`${PANEL_ID$5}:repository-selected`, { repository: repo })
+      );
+    },
+    [events]
+  );
+  const handleRefresh = useCallback(async () => {
+    if (panelActions.refreshProjects) {
+      await panelActions.refreshProjects();
+    }
+  }, [panelActions]);
+  const toggleSection = useCallback((owner) => {
+    setCollapsedSections((prev) => {
+      const next = new Set(prev);
+      if (next.has(owner)) {
+        next.delete(owner);
+      } else {
+        next.add(owner);
+      }
+      return next;
+    });
+  }, []);
+  useEffect(() => {
+    const unsubscribers = [
+      events.on(`${PANEL_ID$5}:filter`, (event) => {
+        var _a2;
+        setFilter(((_a2 = event.payload) == null ? void 0 : _a2.filter) || "");
+      }),
+      events.on(`${PANEL_ID$5}:toggle-section`, (event) => {
+        var _a2;
+        const owner = (_a2 = event.payload) == null ? void 0 : _a2.owner;
+        if (owner) {
+          toggleSection(owner);
+        }
+      }),
+      events.on(`${PANEL_ID$5}:select-repository`, (event) => {
+        var _a2;
+        const identifier = (_a2 = event.payload) == null ? void 0 : _a2.identifier;
+        if (identifier) {
+          const repo = allRepositories.find(
+            (r) => r.name === identifier || r.full_name === identifier || r.full_name.toLowerCase() === identifier.toLowerCase()
+          );
+          if (repo) {
+            handleSelect(repo);
+          }
+        }
+      }),
+      events.on(`${PANEL_ID$5}:clone-repository`, (event) => {
+        var _a2;
+        const identifier = (_a2 = event.payload) == null ? void 0 : _a2.identifier;
+        if (identifier) {
+          const repo = allRepositories.find(
+            (r) => r.name === identifier || r.full_name === identifier || r.full_name.toLowerCase() === identifier.toLowerCase()
+          );
+          if (repo) {
+            void handleClone(repo);
+          }
+        }
+      })
+    ];
+    return () => {
+      unsubscribers.forEach((unsub) => unsub());
+    };
+  }, [events, allRepositories, toggleSection, handleSelect, handleClone]);
+  const baseContainerStyle = {
     display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    border: "none",
-    backgroundColor: "transparent",
-    cursor: "pointer",
-    transition: "all 0.15s ease",
-    opacity: isHovered ? 1 : 0,
-    pointerEvents: isHovered ? "auto" : "none"
+    flexDirection: "column",
+    height: "100%",
+    backgroundColor: theme.colors.backgroundSecondary
   };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      style: {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "space-between",
-        padding: `${theme.space[2]}px ${theme.space[3]}px`,
-        backgroundColor: theme.colors.background,
-        borderRadius: `${theme.radii[1]}px`,
-        fontSize: `${theme.fontSizes[1]}px`,
-        border: `1px solid ${theme.colors.border}`,
-        transition: "all 0.2s"
-      },
-      onMouseEnter: () => setIsHovered(true),
-      onMouseLeave: () => setIsHovered(false),
-      children: [
-        /* @__PURE__ */ jsxs(
+  if (loading && !hasData) {
+    return /* @__PURE__ */ jsx("div", { style: baseContainerStyle, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          flex: 1,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          padding: "32px",
+          textAlign: "center"
+        },
+        children: /* @__PURE__ */ jsxs(
           "div",
           {
             style: {
               display: "flex",
+              flexDirection: "column",
               alignItems: "center",
-              gap: `${theme.space[2]}px`,
-              flex: 1,
-              minWidth: 0
+              gap: "16px"
             },
             children: [
-              /* @__PURE__ */ jsx("span", { style: getDependencyTypeBadgeStyle(dependency.dependencyType), children: dependency.dependencyType === "production" ? "prod" : dependency.dependencyType === "development" ? "dev" : "peer" }),
               /* @__PURE__ */ jsx(
-                "span",
+                LoaderCircle,
                 {
-                  style: {
-                    fontWeight: theme.fontWeights.medium,
-                    color: theme.colors.text,
-                    overflow: "hidden",
-                    textOverflow: "ellipsis",
-                    whiteSpace: "nowrap"
-                  },
-                  children: dependency.name
+                  size: 32,
+                  style: { color: theme.colors.textSecondary },
+                  className: "animate-spin"
                 }
               ),
               /* @__PURE__ */ jsx(
-                "a",
+                "h3",
                 {
-                  href: `https://www.npmjs.com/package/${dependency.name}`,
-                  target: "_blank",
-                  rel: "noopener noreferrer",
                   style: {
-                    ...actionButtonStyle,
-                    color: theme.colors.textSecondary,
-                    textDecoration: "none",
-                    flexShrink: 0
+                    margin: 0,
+                    color: theme.colors.text,
+                    fontSize: `${theme.fontSizes[3]}px`,
+                    fontWeight: theme.fontWeights.semibold,
+                    fontFamily: theme.fonts.body
                   },
-                  title: "View on npm",
-                  children: /* @__PURE__ */ jsx(ExternalLink, { size: 12 })
+                  children: "Loading your repositories..."
                 }
               )
             ]
           }
-        ),
-        /* @__PURE__ */ jsxs(
+        )
+      }
+    ) });
+  }
+  if (error && !hasData) {
+    return /* @__PURE__ */ jsx("div", { style: baseContainerStyle, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          flex: 1,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          padding: "32px",
+          textAlign: "center"
+        },
+        children: /* @__PURE__ */ jsxs(
           "div",
           {
             style: {
               display: "flex",
+              flexDirection: "column",
               alignItems: "center",
-              gap: "4px"
+              gap: "16px",
+              maxWidth: "360px"
             },
             children: [
               /* @__PURE__ */ jsx(
-                "button",
+                CircleAlert,
                 {
-                  type: "button",
-                  onClick: handleCopy,
-                  style: {
-                    ...actionButtonStyle,
-                    color: copied ? theme.colors.success || "#10b981" : theme.colors.textSecondary
-                  },
-                  title: copied ? "Copied!" : `Copy ${dependency.name}@${dependency.version}`,
-                  children: copied ? /* @__PURE__ */ jsx(Check, { size: 12 }) : /* @__PURE__ */ jsx(Copy, { size: 12 })
+                  size: 32,
+                  style: { color: theme.colors.error || "#ef4444" }
                 }
               ),
-              /* @__PURE__ */ jsx("span", { style: { color: theme.colors.textSecondary }, children: dependency.version })
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
-const FilterBar = ({
-  activeFilters,
-  onToggleFilter,
-  searchQuery,
-  onSearchChange,
-  counts
-}) => {
-  const { theme } = useTheme();
-  const availableFilters = [
-    ...counts.peer > 0 ? ["peer"] : [],
-    ...counts.production > 0 ? ["production"] : [],
-    ...counts.development > 0 ? ["development"] : []
-  ];
-  const showFilters = availableFilters.length > 1;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      style: {
-        display: "flex",
-        flexDirection: "column",
-        gap: `${theme.space[2]}px`
-      },
-      children: [
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            style: {
-              position: "relative",
-              display: "flex",
-              alignItems: "center"
-            },
-            children: [
-              /* @__PURE__ */ jsx(
-                Search,
-                {
-                  size: 14,
-                  style: {
-                    position: "absolute",
-                    left: `${theme.space[3]}px`,
-                    color: theme.colors.textSecondary,
-                    pointerEvents: "none"
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx(
+                  "h3",
+                  {
+                    style: {
+                      margin: 0,
+                      marginBottom: "8px",
+                      color: theme.colors.text,
+                      fontSize: `${theme.fontSizes[3]}px`,
+                      fontWeight: theme.fontWeights.semibold,
+                      fontFamily: theme.fonts.body
+                    },
+                    children: "Unable to load repositories"
                   }
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "input",
-                {
-                  type: "text",
-                  placeholder: "Search dependencies...",
-                  value: searchQuery,
-                  onChange: (e) => onSearchChange(e.target.value),
-                  style: {
-                    width: "100%",
-                    padding: `${theme.space[2]}px ${theme.space[5]}px`,
-                    borderRadius: `${theme.radii[2]}px`,
-                    border: `1px solid ${theme.colors.border}`,
-                    backgroundColor: theme.colors.backgroundSecondary,
-                    color: theme.colors.text,
-                    fontSize: `${theme.fontSizes[1]}px`,
-                    fontFamily: theme.fonts.body,
-                    outline: "none",
-                    transition: "all 0.2s"
+                ),
+                /* @__PURE__ */ jsx(
+                  "p",
+                  {
+                    style: {
+                      margin: 0,
+                      color: theme.colors.textSecondary,
+                      lineHeight: theme.lineHeights.body,
+                      fontFamily: theme.fonts.body
+                    },
+                    children: error
                   }
-                }
-              ),
-              searchQuery && /* @__PURE__ */ jsx(
+                )
+              ] }),
+              /* @__PURE__ */ jsxs(
                 "button",
                 {
-                  onClick: () => onSearchChange(""),
+                  type: "button",
+                  onClick: handleRefresh,
                   style: {
-                    position: "absolute",
-                    right: `${theme.space[2]}px`,
-                    padding: `${theme.space[1]}px`,
-                    display: "flex",
+                    display: "inline-flex",
                     alignItems: "center",
-                    justifyContent: "center",
-                    backgroundColor: "transparent",
+                    gap: "8px",
+                    padding: "10px 18px",
+                    borderRadius: "6px",
                     border: "none",
-                    cursor: "pointer",
-                    borderRadius: `${theme.radii[1]}px`
+                    backgroundColor: theme.colors.primary,
+                    color: theme.colors.background,
+                    fontWeight: theme.fontWeights.semibold,
+                    fontSize: `${theme.fontSizes[1]}px`,
+                    fontFamily: theme.fonts.body,
+                    cursor: "pointer"
                   },
-                  title: "Clear search",
-                  children: /* @__PURE__ */ jsx(X, { size: 14, color: theme.colors.textSecondary })
+                  children: [
+                    /* @__PURE__ */ jsx(RotateCcw, { size: 16 }),
+                    "Try again"
+                  ]
                 }
               )
             ]
           }
-        ),
-        showFilters && /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: `${theme.space[1]}px`, width: "100%" }, children: availableFilters.map((type) => {
-          const isActive = activeFilters.has(type);
-          return /* @__PURE__ */ jsxs(
-            "button",
-            {
-              onClick: () => onToggleFilter(type),
-              style: {
-                flex: 1,
-                padding: `${theme.space[1]}px ${theme.space[2]}px`,
-                fontSize: `${theme.fontSizes[0]}px`,
-                fontWeight: theme.fontWeights.medium,
-                fontFamily: theme.fonts.body,
-                borderRadius: `${theme.radii[1]}px`,
-                border: `1px solid ${isActive ? theme.colors.primary : theme.colors.border}`,
-                backgroundColor: isActive ? `${theme.colors.primary}20` : theme.colors.backgroundSecondary,
-                color: isActive ? theme.colors.primary : theme.colors.text,
-                cursor: "pointer",
-                transition: "all 0.2s"
-              },
-              children: [
-                type === "production" ? "Prod" : type === "development" ? "Dev" : "Peer",
-                /* @__PURE__ */ jsxs(
-                  "span",
-                  {
-                    style: { marginLeft: `${theme.space[1]}px`, opacity: 0.7 },
-                    children: [
-                      "(",
-                      counts[type],
-                      ")"
-                    ]
-                  }
-                )
-              ]
-            },
-            type
-          );
-        }) })
-      ]
-    }
-  );
-};
-const dependencyTypeOrder = {
-  peer: 0,
-  production: 1,
-  development: 2
-};
-function extractDependencies(packageLayer) {
-  const { dependencies, devDependencies, peerDependencies } = packageLayer.packageData;
-  const items = [];
-  if (dependencies) {
-    Object.entries(dependencies).forEach(([name, version]) => {
-      items.push({ name, version, dependencyType: "production" });
-    });
-  }
-  if (devDependencies) {
-    Object.entries(devDependencies).forEach(([name, version]) => {
-      items.push({ name, version, dependencyType: "development" });
-    });
-  }
-  if (peerDependencies) {
-    Object.entries(peerDependencies).forEach(([name, version]) => {
-      items.push({ name, version, dependencyType: "peer" });
-    });
-  }
-  return items.sort((a, b) => {
-    const typeCompare = dependencyTypeOrder[a.dependencyType] - dependencyTypeOrder[b.dependencyType];
-    if (typeCompare !== 0) return typeCompare;
-    return a.name.localeCompare(b.name);
-  });
-}
-const DependenciesPanelContent = ({
-  context
-}) => {
-  var _a;
-  const { theme } = useTheme();
-  const [selectedPackagePath, setSelectedPackagePath] = useState(
-    null
-  );
-  const [activeFilters, setActiveFilters] = useState(/* @__PURE__ */ new Set());
-  const [searchQuery, setSearchQuery] = useState("");
-  const [showInfoModal, setShowInfoModal] = useState(false);
-  const packagesSlice = context.getSlice("packages");
-  const isLoading = context.isSliceLoading("packages");
-  const hasPackages = context.hasSlice("packages");
-  const packages = useMemo(() => {
-    var _a2;
-    return ((_a2 = packagesSlice == null ? void 0 : packagesSlice.data) == null ? void 0 : _a2.packages) ?? [];
-  }, [(_a = packagesSlice == null ? void 0 : packagesSlice.data) == null ? void 0 : _a.packages]);
-  const effectiveSelectedPath = useMemo(() => {
-    if (selectedPackagePath !== null) return selectedPackagePath;
-    if (packages.length === 1) return packages[0].packageData.path;
-    const rootPackage = packages.find((p) => p.packageData.path === "");
-    if (rootPackage) return "";
-    return null;
-  }, [selectedPackagePath, packages]);
-  const selectedPackage = useMemo(() => {
-    if (effectiveSelectedPath === null) return null;
-    return packages.find((p) => p.packageData.path === effectiveSelectedPath);
-  }, [effectiveSelectedPath, packages]);
-  const dependencyItems = useMemo(() => {
-    if (!selectedPackage) return [];
-    return extractDependencies(selectedPackage);
-  }, [selectedPackage]);
-  const counts = useMemo(() => {
-    return {
-      all: dependencyItems.length,
-      production: dependencyItems.filter((d) => d.dependencyType === "production").length,
-      development: dependencyItems.filter(
-        (d) => d.dependencyType === "development"
-      ).length,
-      peer: dependencyItems.filter((d) => d.dependencyType === "peer").length
-    };
-  }, [dependencyItems]);
-  const handleToggleFilter = (type) => {
-    setActiveFilters((prev) => {
-      const next = new Set(prev);
-      if (next.has(type)) {
-        next.delete(type);
-      } else {
-        next.add(type);
-      }
-      return next;
-    });
-  };
-  const filteredDependencies = useMemo(() => {
-    let filtered = [...dependencyItems];
-    if (searchQuery.trim()) {
-      const query = searchQuery.toLowerCase();
-      filtered = filtered.filter(
-        (dep) => dep.name.toLowerCase().includes(query)
-      );
-    }
-    const allTypes = ["production", "development", "peer"];
-    const availableTypes = allTypes.filter((t) => counts[t] > 0);
-    const isAllSelected = activeFilters.size === 0 || availableTypes.every((t) => activeFilters.has(t));
-    if (!isAllSelected && activeFilters.size > 0) {
-      filtered = filtered.filter((dep) => activeFilters.has(dep.dependencyType));
-    }
-    return filtered;
-  }, [dependencyItems, searchQuery, activeFilters, counts]);
-  if (isLoading) {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        style: {
-          padding: `${theme.space[3]}px`,
-          height: "100%",
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          color: theme.colors.textSecondary,
-          backgroundColor: theme.colors.background,
-          fontFamily: theme.fonts.body
-        },
-        children: "Loading packages..."
+        )
       }
-    );
+    ) });
   }
-  if (!hasPackages || packages.length === 0) {
+  const renderSectionHeader = (owner, repoCount, icon, isOrg = false) => {
+    const isCollapsed = collapsedSections.has(owner);
     return /* @__PURE__ */ jsxs(
-      "div",
+      "button",
       {
+        type: "button",
+        onClick: () => toggleSection(owner),
         style: {
-          padding: `${theme.space[3]}px`,
-          height: "100%",
+          width: "100%",
           display: "flex",
-          flexDirection: "column",
           alignItems: "center",
-          justifyContent: "center",
-          gap: `${theme.space[2]}px`,
-          color: theme.colors.textSecondary,
+          justifyContent: "space-between",
+          padding: "10px 12px",
           backgroundColor: theme.colors.background,
-          fontFamily: theme.fonts.body
+          border: "none",
+          borderRadius: "6px",
+          cursor: "pointer",
+          textAlign: "left",
+          marginBottom: isCollapsed ? "0" : "8px"
+        },
+        onMouseEnter: (e) => {
+          e.currentTarget.style.backgroundColor = theme.colors.backgroundTertiary;
+        },
+        onMouseLeave: (e) => {
+          e.currentTarget.style.backgroundColor = theme.colors.background;
         },
         children: [
-          /* @__PURE__ */ jsx(Package, { size: 32 }),
-          /* @__PURE__ */ jsx("p", { style: { margin: 0 }, children: "No package data available" })
+          /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+            isCollapsed ? /* @__PURE__ */ jsx(ChevronRight, { size: 16, color: theme.colors.textSecondary }) : /* @__PURE__ */ jsx(ChevronDown, { size: 16, color: theme.colors.textSecondary }),
+            icon,
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                style: {
+                  fontSize: `${theme.fontSizes[2]}px`,
+                  fontWeight: theme.fontWeights.semibold,
+                  fontFamily: theme.fonts.body,
+                  color: theme.colors.text
+                },
+                children: owner
+              }
+            ),
+            isOrg && /* @__PURE__ */ jsx(
+              "span",
+              {
+                style: {
+                  fontSize: `${theme.fontSizes[0]}px`,
+                  fontFamily: theme.fonts.body,
+                  color: theme.colors.textSecondary,
+                  backgroundColor: theme.colors.backgroundSecondary,
+                  padding: "2px 6px",
+                  borderRadius: "3px"
+                },
+                children: "org"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs(
+            "span",
+            {
+              style: {
+                fontSize: `${theme.fontSizes[0]}px`,
+                fontFamily: theme.fonts.body,
+                color: theme.colors.textSecondary
+              },
+              children: [
+                repoCount,
+                " ",
+                repoCount === 1 ? "repo" : "repos"
+              ]
+            }
+          )
         ]
       }
     );
-  }
+  };
   return /* @__PURE__ */ jsxs(
     "div",
     {
       style: {
-        height: "100%",
-        display: "flex",
-        flexDirection: "column",
-        backgroundColor: theme.colors.background,
-        color: theme.colors.text,
-        fontFamily: theme.fonts.body,
-        overflow: "hidden"
+        ...baseContainerStyle,
+        padding: "16px",
+        gap: "12px"
       },
       children: [
-        /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsxs("div", { style: { position: "relative" }, children: [
+          /* @__PURE__ */ jsx(
+            Search,
+            {
+              size: 16,
+              style: {
+                position: "absolute",
+                top: "50%",
+                left: "12px",
+                transform: "translateY(-50%)",
+                color: theme.colors.textSecondary,
+                pointerEvents: "none"
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "text",
+              value: filter,
+              placeholder: "Filter repositories...",
+              onChange: (event) => setFilter(event.target.value),
+              style: {
+                width: "100%",
+                padding: "8px 12px 8px 36px",
+                borderRadius: "6px",
+                border: `1px solid ${theme.colors.border}`,
+                backgroundColor: theme.colors.background,
+                color: theme.colors.text,
+                fontSize: `${theme.fontSizes[1]}px`,
+                fontFamily: theme.fonts.body,
+                outline: "none"
+              }
+            }
+          )
+        ] }),
+        error && hasData && /* @__PURE__ */ jsxs(
           "div",
           {
             style: {
-              flexShrink: 0,
-              padding: `${theme.space[3]}px`,
-              paddingBottom: `${theme.space[2]}px`,
               display: "flex",
-              flexDirection: "column",
-              gap: `${theme.space[2]}px`,
-              borderBottom: `1px solid ${theme.colors.border}`
+              alignItems: "center",
+              gap: "8px",
+              padding: "10px 14px",
+              borderRadius: "6px",
+              backgroundColor: `${theme.colors.error || "#ef4444"}20`,
+              color: theme.colors.error || "#ef4444",
+              fontSize: `${theme.fontSizes[1]}px`,
+              fontFamily: theme.fonts.body
             },
             children: [
-              /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  style: {
-                    display: "flex",
-                    alignItems: "center",
-                    justifyContent: "space-between"
-                  },
-                  children: [
-                    /* @__PURE__ */ jsx(
-                      "h3",
-                      {
-                        style: {
-                          fontSize: `${theme.fontSizes[2]}px`,
-                          fontWeight: theme.fontWeights.semibold,
-                          color: theme.colors.text,
-                          display: "flex",
-                          alignItems: "center",
-                          gap: `${theme.space[2]}px`,
-                          margin: 0
-                        },
-                        children: packages.length > 1 ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                          /* @__PURE__ */ jsx(Boxes, { size: 16 }),
-                          "Monorepo Dependencies",
-                          /* @__PURE__ */ jsxs(
-                            "span",
-                            {
-                              style: {
-                                fontSize: `${theme.fontSizes[0]}px`,
-                                fontWeight: theme.fontWeights.body,
-                                color: theme.colors.textSecondary
-                              },
-                              children: [
-                                "(",
-                                packages.length,
-                                ")"
-                              ]
-                            }
-                          )
-                        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                          /* @__PURE__ */ jsx(Package, { size: 16 }),
-                          "Dependencies"
-                        ] })
-                      }
-                    ),
-                    /* @__PURE__ */ jsxs(
-                      "button",
-                      {
-                        onClick: () => setShowInfoModal(true),
-                        style: {
-                          padding: `${theme.space[1]}px ${theme.space[2]}px`,
-                          fontSize: `${theme.fontSizes[0]}px`,
-                          fontWeight: theme.fontWeights.medium,
-                          fontFamily: theme.fonts.body,
-                          borderRadius: `${theme.radii[1]}px`,
-                          border: `1px solid ${theme.colors.border}`,
-                          backgroundColor: theme.colors.backgroundSecondary,
-                          color: theme.colors.primary,
-                          cursor: "pointer",
-                          display: "flex",
-                          alignItems: "center",
-                          gap: `${theme.space[1]}px`,
-                          transition: "all 0.2s"
-                        },
-                        children: [
-                          /* @__PURE__ */ jsx(CircleQuestionMark, { size: 12 }),
-                          "Learn More"
-                        ]
-                      }
-                    )
-                  ]
-                }
-              ),
-              packages.length > 1 && /* @__PURE__ */ jsx(
-                "select",
-                {
-                  value: effectiveSelectedPath ?? "__none__",
-                  onChange: (e) => setSelectedPackagePath(e.target.value === "__none__" ? null : e.target.value),
-                  style: {
-                    width: "100%",
-                    padding: `${theme.space[2]}px`,
-                    borderRadius: `${theme.radii[1]}px`,
-                    border: `1px solid ${theme.colors.border}`,
-                    backgroundColor: theme.colors.backgroundSecondary,
-                    color: theme.colors.text,
-                    fontSize: `${theme.fontSizes[1]}px`,
-                    fontFamily: theme.fonts.body,
-                    cursor: "pointer"
-                  },
-                  children: packages.map((pkg) => /* @__PURE__ */ jsxs("option", { value: pkg.packageData.path, children: [
-                    pkg.packageData.name,
-                    " (",
-                    pkg.packageData.path || "root",
-                    ")"
-                  ] }, pkg.packageData.path || "__root__"))
-                }
-              ),
-              packages.length === 1 && selectedPackage && /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  style: {
-                    fontSize: `${theme.fontSizes[0]}px`,
-                    color: theme.colors.textSecondary
-                  },
-                  children: [
-                    selectedPackage.packageData.name,
-                    " • ",
-                    dependencyItems.length,
-                    " dependencies"
-                  ]
-                }
-              ),
-              selectedPackage && dependencyItems.length > 0 && /* @__PURE__ */ jsx(
-                FilterBar,
-                {
-                  activeFilters,
-                  onToggleFilter: handleToggleFilter,
-                  searchQuery,
-                  onSearchChange: setSearchQuery,
-                  counts
-                }
-              )
+              /* @__PURE__ */ jsx(CircleAlert, { size: 16 }),
+              /* @__PURE__ */ jsx("span", { children: error })
             ]
           }
         ),
-        selectedPackage && dependencyItems.length > 0 && /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsxs(
           "div",
           {
             style: {
               flex: 1,
-              overflow: "auto",
-              padding: `${theme.space[2]}px ${theme.space[3]}px ${theme.space[3]}px`
+              overflowY: "auto",
+              display: "flex",
+              flexDirection: "column",
+              gap: "16px"
             },
             children: [
-              /* @__PURE__ */ jsxs(
+              filteredUserRepos.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
+                renderSectionHeader(
+                  currentUser || "Your Repositories",
+                  filteredUserRepos.length,
+                  /* @__PURE__ */ jsx(User, { size: 16, color: theme.colors.textSecondary })
+                ),
+                !collapsedSections.has(currentUser || "Your Repositories") && /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: "4px" }, children: filteredUserRepos.sort(
+                  (a, b) => a.name.localeCompare(b.name, void 0, { sensitivity: "base" })
+                ).map((repo) => /* @__PURE__ */ jsx(
+                  GitHubRepositoryCard,
+                  {
+                    repository: repo,
+                    localRepo: localRepoMap.get(repo.full_name),
+                    onClone: handleClone,
+                    onOpen: handleOpen,
+                    onSelect: handleSelect,
+                    isSelected: (selectedRepo == null ? void 0 : selectedRepo.id) === repo.id
+                  },
+                  repo.id
+                )) })
+              ] }),
+              organizations.map((org) => {
+                const repos = filteredOrgRepos[org.login];
+                if (!repos || repos.length === 0) return null;
+                return /* @__PURE__ */ jsxs("div", { children: [
+                  renderSectionHeader(
+                    org.login,
+                    repos.length,
+                    /* @__PURE__ */ jsx(Building2, { size: 16, color: theme.colors.textSecondary }),
+                    true
+                  ),
+                  !collapsedSections.has(org.login) && /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: "4px" }, children: repos.sort(
+                    (a, b) => a.name.localeCompare(b.name, void 0, { sensitivity: "base" })
+                  ).map((repo) => /* @__PURE__ */ jsx(
+                    GitHubRepositoryCard,
+                    {
+                      repository: repo,
+                      localRepo: localRepoMap.get(repo.full_name),
+                      onClone: handleClone,
+                      onOpen: handleOpen,
+                      onSelect: handleSelect,
+                      isSelected: (selectedRepo == null ? void 0 : selectedRepo.id) === repo.id
+                    },
+                    repo.id
+                  )) })
+                ] }, org.id);
+              }),
+              filteredUserRepos.length === 0 && Object.keys(filteredOrgRepos).length === 0 && hasData && /* @__PURE__ */ jsx(
                 "div",
                 {
                   style: {
-                    fontSize: `${theme.fontSizes[0]}px`,
-                    color: theme.colors.textSecondary,
-                    marginBottom: `${theme.space[2]}px`
+                    padding: "32px",
+                    textAlign: "center",
+                    color: theme.colors.textSecondary
                   },
-                  children: [
-                    "Showing ",
-                    filteredDependencies.length,
-                    " of ",
-                    dependencyItems.length,
-                    " dependencies"
-                  ]
+                  children: /* @__PURE__ */ jsx("p", { style: { margin: 0 }, children: "No repositories match your filter." })
                 }
               ),
-              /* @__PURE__ */ jsx(
+              !hasData && !loading && /* @__PURE__ */ jsxs(
                 "div",
                 {
                   style: {
-                    display: "flex",
-                    flexDirection: "column",
-                    gap: `${theme.space[1]}px`
+                    padding: "32px",
+                    textAlign: "center",
+                    color: theme.colors.textSecondary
                   },
-                  children: filteredDependencies.length === 0 ? /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      style: {
-                        padding: `${theme.space[3]}px`,
-                        textAlign: "center",
-                        color: theme.colors.textSecondary,
-                        fontSize: `${theme.fontSizes[1]}px`
-                      },
-                      children: "No dependencies match your filters"
-                    }
-                  ) : filteredDependencies.map((dep) => /* @__PURE__ */ jsx(
-                    DependencyRow,
-                    {
-                      dependency: dep
-                    },
-                    `${dep.name}-${dep.dependencyType}`
-                  ))
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      FolderGit2,
+                      {
+                        size: 32,
+                        style: { marginBottom: "12px", opacity: 0.5 }
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("p", { style: { margin: 0 }, children: "No repositories found." })
+                  ]
                 }
               )
             ]
           }
-        ),
-        !selectedPackage && packages.length > 1 && /* @__PURE__ */ jsx(
+        )
+      ]
+    }
+  );
+};
+const GitHubProjectsPanelPreview = () => {
+  const { theme } = useTheme();
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        padding: "12px",
+        fontSize: `${theme.fontSizes[0]}px`,
+        fontFamily: theme.fonts.body,
+        color: theme.colors.text,
+        display: "flex",
+        flexDirection: "column",
+        gap: "8px"
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
           "div",
           {
             style: {
-              flex: 1,
               display: "flex",
               alignItems: "center",
-              justifyContent: "center",
-              color: theme.colors.textSecondary,
-              fontSize: `${theme.fontSizes[1]}px`
+              gap: "6px",
+              fontWeight: theme.fontWeights.semibold
             },
-            children: "Select a package to view its dependencies"
+            children: [
+              /* @__PURE__ */ jsx(FolderGit2, { size: 16, style: { color: theme.colors.primary } }),
+              /* @__PURE__ */ jsx("span", { children: "GitHub Projects" })
+            ]
           }
         ),
         /* @__PURE__ */ jsx(
-          DependencyInfoModal,
+          "div",
           {
-            isOpen: showInfoModal,
-            onClose: () => setShowInfoModal(false)
+            style: {
+              fontSize: `${theme.fontSizes[0]}px`,
+              fontFamily: theme.fonts.body,
+              color: theme.colors.textSecondary,
+              marginTop: "4px"
+            },
+            children: "Your repositories and organization projects"
           }
         )
       ]
     }
   );
 };
-const DependenciesPanel = (props) => {
-  return /* @__PURE__ */ jsx(DependenciesPanelContent, { ...props });
-};
-const PANEL_ID$3 = "industry-theme.local-projects";
-const filterProjectsTool = {
+const PANEL_ID$4 = "industry-theme.local-projects";
+const filterProjectsTool$1 = {
   name: "filter_projects",
   description: "Filter the local projects list by name, owner, or path",
   inputs: {
@@ -3569,7 +4082,7 @@ const filterProjectsTool = {
   tags: ["filter", "search", "projects"],
   tool_call_template: {
     call_template_type: "panel_event",
-    event_type: `${PANEL_ID$3}:filter`
+    event_type: `${PANEL_ID$4}:filter`
   }
 };
 const selectProjectTool = {
@@ -3595,7 +4108,7 @@ const selectProjectTool = {
   tags: ["select", "project", "navigation"],
   tool_call_template: {
     call_template_type: "panel_event",
-    event_type: `${PANEL_ID$3}:select-repository`
+    event_type: `${PANEL_ID$4}:select-repository`
   }
 };
 const openProjectTool = {
@@ -3621,21 +4134,21 @@ const openProjectTool = {
   tags: ["open", "project", "workspace"],
   tool_call_template: {
     call_template_type: "panel_event",
-    event_type: `${PANEL_ID$3}:open-repository`
+    event_type: `${PANEL_ID$4}:open-repository`
   }
 };
 const localProjectsPanelTools = [
-  filterProjectsTool,
+  filterProjectsTool$1,
   selectProjectTool,
   openProjectTool
 ];
 const localProjectsPanelToolsMetadata = {
-  id: PANEL_ID$3,
+  id: PANEL_ID$4,
   name: "Local Projects Panel",
   description: "Tools for browsing and managing local Alexandria repositories",
   tools: localProjectsPanelTools
 };
-const PANEL_ID$2 = "industry-theme.workspace-repositories";
+const PANEL_ID$3 = "industry-theme.workspace-repositories";
 const selectRepositoryTool = {
   name: "select_workspace_repository",
   description: "Selects a repository in the workspace panel",
@@ -3659,7 +4172,7 @@ const selectRepositoryTool = {
   tags: ["workspace", "repository", "select"],
   tool_call_template: {
     call_template_type: "panel_event",
-    event_type: `${PANEL_ID$2}:select-repository`
+    event_type: `${PANEL_ID$3}:select-repository`
   }
 };
 const refreshWorkspaceTool = {
@@ -3684,7 +4197,7 @@ const refreshWorkspaceTool = {
   tags: ["workspace", "refresh"],
   tool_call_template: {
     call_template_type: "panel_event",
-    event_type: `${PANEL_ID$2}:refresh-workspace`
+    event_type: `${PANEL_ID$3}:refresh-workspace`
   }
 };
 const openRepositoryTool = {
@@ -3710,7 +4223,7 @@ const openRepositoryTool = {
   tags: ["workspace", "repository", "open"],
   tool_call_template: {
     call_template_type: "panel_event",
-    event_type: `${PANEL_ID$2}:open-repository`
+    event_type: `${PANEL_ID$3}:open-repository`
   }
 };
 const workspaceRepositoriesPanelTools = [
@@ -3719,12 +4232,12 @@ const workspaceRepositoriesPanelTools = [
   openRepositoryTool
 ];
 const workspaceRepositoriesPanelToolsMetadata = {
-  id: PANEL_ID$2,
+  id: PANEL_ID$3,
   name: "Workspace Repositories Panel",
   description: "Tools provided by the workspace repositories panel",
   tools: workspaceRepositoriesPanelTools
 };
-const PANEL_ID$1 = "industry-theme.workspaces-list";
+const PANEL_ID$2 = "industry-theme.workspaces-list";
 const filterWorkspacesTool = {
   name: "filter_workspaces",
   description: "Filter the workspaces list by workspace name, description, or repository names within workspaces",
@@ -3748,7 +4261,7 @@ const filterWorkspacesTool = {
   tags: ["filter", "search", "workspaces"],
   tool_call_template: {
     call_template_type: "panel_event",
-    event_type: `${PANEL_ID$1}:filter`
+    event_type: `${PANEL_ID$2}:filter`
   }
 };
 const selectWorkspaceTool = {
@@ -3774,7 +4287,7 @@ const selectWorkspaceTool = {
   tags: ["select", "workspace", "navigation"],
   tool_call_template: {
     call_template_type: "panel_event",
-    event_type: `${PANEL_ID$1}:select-workspace`
+    event_type: `${PANEL_ID$2}:select-workspace`
   }
 };
 const openWorkspaceTool = {
@@ -3800,7 +4313,7 @@ const openWorkspaceTool = {
   tags: ["open", "workspace", "window"],
   tool_call_template: {
     call_template_type: "panel_event",
-    event_type: `${PANEL_ID$1}:open-workspace`
+    event_type: `${PANEL_ID$2}:open-workspace`
   }
 };
 const createWorkspaceTool = {
@@ -3831,7 +4344,7 @@ const createWorkspaceTool = {
   tags: ["create", "workspace", "new"],
   tool_call_template: {
     call_template_type: "panel_event",
-    event_type: `${PANEL_ID$1}:create-workspace`
+    event_type: `${PANEL_ID$2}:create-workspace`
   }
 };
 const workspacesListPanelTools = [
@@ -3841,21 +4354,119 @@ const workspacesListPanelTools = [
   createWorkspaceTool
 ];
 const workspacesListPanelToolsMetadata = {
-  id: PANEL_ID$1,
+  id: PANEL_ID$2,
   name: "Workspaces List Panel",
   description: "Tools for browsing and managing workspaces",
   tools: workspacesListPanelTools
 };
-const PANEL_ID = "principal-ade.dependencies-panel";
-const filterDependenciesTool = {
-  name: "filter_dependencies",
-  description: "Filter the dependencies list by package name",
+const PANEL_ID$1 = "industry-theme.github-starred";
+const filterStarredTool = {
+  name: "filter_starred_repositories",
+  description: "Filter the starred repositories list by repository name, owner, language, or description",
+  inputs: {
+    type: "object",
+    properties: {
+      filter: {
+        type: "string",
+        description: "Search term to filter repositories (matches name, owner, language, or description)"
+      }
+    },
+    required: ["filter"]
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" },
+      message: { type: "string" }
+    }
+  },
+  tags: ["filter", "search", "starred", "github"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: `${PANEL_ID$1}:filter`
+  }
+};
+const selectStarredRepositoryTool = {
+  name: "select_starred_repository",
+  description: "Select a starred repository by its name or full name (owner/repo)",
+  inputs: {
+    type: "object",
+    properties: {
+      identifier: {
+        type: "string",
+        description: "Repository identifier - can be the repository name or full name (owner/repo)"
+      }
+    },
+    required: ["identifier"]
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" },
+      message: { type: "string" },
+      repository: {
+        type: "object",
+        description: "The selected repository data"
+      }
+    }
+  },
+  tags: ["select", "starred", "github", "repository"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: `${PANEL_ID$1}:select-repository`
+  }
+};
+const cloneStarredRepositoryTool = {
+  name: "clone_starred_repository",
+  description: "Clone a starred repository to the local machine",
+  inputs: {
+    type: "object",
+    properties: {
+      identifier: {
+        type: "string",
+        description: "Repository identifier - can be the repository name or full name (owner/repo)"
+      }
+    },
+    required: ["identifier"]
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" },
+      message: { type: "string" },
+      localPath: {
+        type: "string",
+        description: "Path where the repository was cloned"
+      }
+    }
+  },
+  tags: ["clone", "starred", "github", "repository"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: `${PANEL_ID$1}:clone-repository`
+  }
+};
+const githubStarredPanelTools = [
+  filterStarredTool,
+  selectStarredRepositoryTool,
+  cloneStarredRepositoryTool
+];
+const githubStarredPanelToolsMetadata = {
+  id: PANEL_ID$1,
+  name: "GitHub Starred Panel",
+  description: "Tools for browsing and managing starred GitHub repositories",
+  tools: githubStarredPanelTools
+};
+const PANEL_ID = "industry-theme.github-projects";
+const filterProjectsTool = {
+  name: "filter_github_projects",
+  description: "Filter the GitHub projects list by repository name, owner, language, or description",
   inputs: {
     type: "object",
     properties: {
       filter: {
         type: "string",
-        description: "Search term to filter dependencies by name"
+        description: "Search term to filter repositories (matches name, owner, language, or description)"
       }
     },
     required: ["filter"]
@@ -3867,75 +4478,110 @@ const filterDependenciesTool = {
       message: { type: "string" }
     }
   },
-  tags: ["filter", "search", "dependencies"],
+  tags: ["filter", "search", "projects", "github"],
   tool_call_template: {
     call_template_type: "panel_event",
     event_type: `${PANEL_ID}:filter`
   }
 };
-const selectDependencyTypeTool = {
-  name: "select_dependency_type",
-  description: "Filter dependencies by type (production, development, or peer)",
+const toggleOwnerSectionTool = {
+  name: "toggle_owner_section",
+  description: "Expand or collapse an owner section (user or organization) in the projects panel",
+  inputs: {
+    type: "object",
+    properties: {
+      owner: {
+        type: "string",
+        description: "The owner name (username or organization login) to toggle"
+      }
+    },
+    required: ["owner"]
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" },
+      message: { type: "string" },
+      collapsed: { type: "boolean" }
+    }
+  },
+  tags: ["toggle", "section", "projects", "github"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: `${PANEL_ID}:toggle-section`
+  }
+};
+const selectProjectRepositoryTool = {
+  name: "select_project_repository",
+  description: "Select a project repository by its name or full name (owner/repo)",
   inputs: {
     type: "object",
     properties: {
-      type: {
+      identifier: {
         type: "string",
-        enum: ["production", "development", "peer", "all"],
-        description: "The dependency type to filter by"
+        description: "Repository identifier - can be the repository name or full name (owner/repo)"
       }
     },
-    required: ["type"]
+    required: ["identifier"]
   },
   outputs: {
     type: "object",
     properties: {
       success: { type: "boolean" },
-      selectedType: { type: "string" }
+      message: { type: "string" },
+      repository: {
+        type: "object",
+        description: "The selected repository data"
+      }
     }
   },
-  tags: ["filter", "type", "dependencies"],
+  tags: ["select", "projects", "github", "repository"],
   tool_call_template: {
     call_template_type: "panel_event",
-    event_type: `${PANEL_ID}:select-type`
+    event_type: `${PANEL_ID}:select-repository`
   }
 };
-const selectPackageTool = {
-  name: "select_package",
-  description: "Select a package to view its dependencies (for monorepos)",
+const cloneProjectRepositoryTool = {
+  name: "clone_project_repository",
+  description: "Clone a project repository to the local machine",
   inputs: {
     type: "object",
     properties: {
-      packagePath: {
+      identifier: {
         type: "string",
-        description: "The path of the package to select"
+        description: "Repository identifier - can be the repository name or full name (owner/repo)"
       }
     },
-    required: ["packagePath"]
+    required: ["identifier"]
   },
   outputs: {
     type: "object",
     properties: {
       success: { type: "boolean" },
-      selectedPackage: { type: "string" }
+      message: { type: "string" },
+      localPath: {
+        type: "string",
+        description: "Path where the repository was cloned"
+      }
     }
   },
-  tags: ["select", "package", "monorepo"],
+  tags: ["clone", "projects", "github", "repository"],
   tool_call_template: {
     call_template_type: "panel_event",
-    event_type: `${PANEL_ID}:select-package`
+    event_type: `${PANEL_ID}:clone-repository`
   }
 };
-const dependenciesPanelTools = [
-  filterDependenciesTool,
-  selectDependencyTypeTool,
-  selectPackageTool
+const githubProjectsPanelTools = [
+  filterProjectsTool,
+  toggleOwnerSectionTool,
+  selectProjectRepositoryTool,
+  cloneProjectRepositoryTool
 ];
-const dependenciesPanelToolsMetadata = {
+const githubProjectsPanelToolsMetadata = {
   id: PANEL_ID,
-  name: "Dependencies Panel",
-  description: "Tools for viewing and exploring package dependencies",
-  tools: dependenciesPanelTools
+  name: "GitHub Projects Panel",
+  description: "Tools for browsing and managing your GitHub repositories and organization repositories",
+  tools: githubProjectsPanelTools
 };
 const panels = [
   {
@@ -4004,21 +4650,46 @@ const panels = [
   },
   {
     metadata: {
-      id: "principal-ade.dependencies-panel",
-      name: "Dependencies",
-      icon: "Package",
+      id: "industry-theme.github-starred",
+      name: "Starred",
+      icon: "Star",
       version: "0.1.0",
-      author: "Principal ADE",
-      description: "View and explore package dependencies",
-      slices: ["packages"],
-      tools: dependenciesPanelTools
+      author: "Industry Theme",
+      description: "Browse your starred GitHub repositories",
+      slices: ["githubStarred", "alexandriaRepositories"],
+      tools: githubStarredPanelTools
+    },
+    component: GitHubStarredPanel,
+    onMount: async (context) => {
+      console.log("GitHub Starred Panel mounted");
+      if (context.hasSlice("githubStarred") && !context.isSliceLoading("githubStarred")) {
+        await context.refresh(void 0, "githubStarred");
+      }
+    },
+    onUnmount: async (_context) => {
+      console.log("GitHub Starred Panel unmounting");
+    }
+  },
+  {
+    metadata: {
+      id: "industry-theme.github-projects",
+      name: "GitHub Projects",
+      icon: "FolderGit2",
+      version: "0.1.0",
+      author: "Industry Theme",
+      description: "Your repositories and organization projects",
+      slices: ["githubProjects", "alexandriaRepositories"],
+      tools: githubProjectsPanelTools
     },
-    component: DependenciesPanel,
-    onMount: async (_context) => {
-      console.log("Dependencies Panel mounted");
+    component: GitHubProjectsPanel,
+    onMount: async (context) => {
+      console.log("GitHub Projects Panel mounted");
+      if (context.hasSlice("githubProjects") && !context.isSliceLoading("githubProjects")) {
+        await context.refresh(void 0, "githubProjects");
+      }
     },
     onUnmount: async (_context) => {
-      console.log("Dependencies Panel unmounting");
+      console.log("GitHub Projects Panel unmounting");
     }
   }
 ];
@@ -4029,7 +4700,11 @@ const onPackageUnload = async () => {
   console.log("Alexandria Panels package unloading");
 };
 export {
-  DependenciesPanel,
+  GitHubProjectsPanel,
+  GitHubProjectsPanelPreview,
+  GitHubRepositoryCard,
+  GitHubStarredPanel,
+  GitHubStarredPanelPreview,
   LocalProjectCard,
   LocalProjectsPanel,
   LocalProjectsPanelPreview,
@@ -4038,12 +4713,17 @@ export {
   WorkspaceRepositoriesPanel,
   WorkspacesListPanel,
   WorkspacesListPanelPreview,
+  cloneProjectRepositoryTool,
+  cloneStarredRepositoryTool,
   createWorkspaceTool,
-  dependenciesPanelTools,
-  dependenciesPanelToolsMetadata,
-  filterDependenciesTool,
-  filterProjectsTool,
+  filterProjectsTool as filterGitHubProjectsTool,
+  filterProjectsTool$1 as filterProjectsTool,
+  filterStarredTool,
   filterWorkspacesTool,
+  githubProjectsPanelTools,
+  githubProjectsPanelToolsMetadata,
+  githubStarredPanelTools,
+  githubStarredPanelToolsMetadata,
   localProjectsPanelTools,
   localProjectsPanelToolsMetadata,
   onPackageLoad,
@@ -4053,11 +4733,12 @@ export {
   openWorkspaceTool,
   panels,
   refreshWorkspaceTool,
-  selectDependencyTypeTool,
-  selectPackageTool,
+  selectProjectRepositoryTool,
   selectProjectTool,
   selectRepositoryTool,
+  selectStarredRepositoryTool,
   selectWorkspaceTool,
+  toggleOwnerSectionTool,
   workspaceRepositoriesPanelTools,
   workspaceRepositoriesPanelToolsMetadata,
   workspacesListPanelTools,