@industry-theme/repository-composition-panels 0.6.20 → 0.6.22

package/dist/{index-CFyVQhEt.js → index-B88alco-.js}

@@ -730,22 +730,40 @@ const GitChangesPanelContent = ({
     navigator.clipboard.writeText(fullPath);
     onContextMenuAction == null ? void 0 : onContextMenuAction({ type: "copyFullPath", path: fullPath });
     closeContextMenu();
-  }, [contextMenu.nodePath, getFullPath, onContextMenuAction, closeContextMenu]);
+  }, [
+    contextMenu.nodePath,
+    getFullPath,
+    onContextMenuAction,
+    closeContextMenu
+  ]);
   const handleCopyRelativePath = useCallback(() => {
     navigator.clipboard.writeText(contextMenu.nodePath);
-    onContextMenuAction == null ? void 0 : onContextMenuAction({ type: "copyRelativePath", path: contextMenu.nodePath });
+    onContextMenuAction == null ? void 0 : onContextMenuAction({
+      type: "copyRelativePath",
+      path: contextMenu.nodePath
+    });
     closeContextMenu();
   }, [contextMenu.nodePath, onContextMenuAction, closeContextMenu]);
   const handleOpenFile = useCallback(() => {
     const fullPath = getFullPath(contextMenu.nodePath);
     onContextMenuAction == null ? void 0 : onContextMenuAction({ type: "openFile", path: fullPath });
     closeContextMenu();
-  }, [contextMenu.nodePath, getFullPath, onContextMenuAction, closeContextMenu]);
+  }, [
+    contextMenu.nodePath,
+    getFullPath,
+    onContextMenuAction,
+    closeContextMenu
+  ]);
   const handleOpenFolder = useCallback(() => {
     const fullPath = getFullPath(contextMenu.nodePath);
     onContextMenuAction == null ? void 0 : onContextMenuAction({ type: "openFolder", path: fullPath });
     closeContextMenu();
-  }, [contextMenu.nodePath, getFullPath, onContextMenuAction, closeContextMenu]);
+  }, [
+    contextMenu.nodePath,
+    getFullPath,
+    onContextMenuAction,
+    closeContextMenu
+  ]);
   const gitChangesData = useMemo(() => {
     if (isLoading) {
       return null;
@@ -819,8 +837,12 @@ const GitChangesPanelContent = ({
         }
       });
       matchingPaths.add(rootPath2);
-      const filteredAllFiles = fileTree.allFiles.filter((file) => matchingPaths.has(file.path));
-      const filteredAllDirectories = fileTree.allDirectories.filter((dir) => matchingPaths.has(dir.path));
+      const filteredAllFiles = fileTree.allFiles.filter(
+        (file) => matchingPaths.has(file.path)
+      );
+      const filteredAllDirectories = fileTree.allDirectories.filter(
+        (dir) => matchingPaths.has(dir.path)
+      );
       const filterDirectoryTree = (dir) => {
         const filteredChildren = dir.children.filter((child) => matchingPaths.has(child.path)).map((child) => {
           if ("children" in child) {
@@ -1083,7 +1105,10 @@ const GitChangesPanelPreview = () => {
     }
   );
 };
-const GitChangesPanel = ({ context: context2, events }) => {
+const GitChangesPanel = ({
+  context: context2,
+  events
+}) => {
   var _a;
   const gitSlice = context2.gitStatusWithFiles;
   const fileTreeSlice = context2.fileTree;
@@ -2590,7 +2615,12 @@ function findInternalDependencies(pkg, allPackages) {
   });
   return { dependsOn, usedBy };
 }
-const PackageSummaryCard = ({ pkg, allPackages, onClick, onHover }) => {
+const PackageSummaryCard = ({
+  pkg,
+  allPackages,
+  onClick,
+  onHover
+}) => {
   var _a, _b;
   const { theme: theme2 } = useTheme();
   const deps = pkg.packageData.dependencies || {};
@@ -2599,7 +2629,9 @@ const PackageSummaryCard = ({ pkg, allPackages, onClick, onHover }) => {
   const totalDeps = Object.keys(deps).length + Object.keys(devDeps).length + Object.keys(peerDeps).length;
   const configFilesArray = pkg.configFiles ? Object.values(pkg.configFiles).filter((c2) => c2 == null ? void 0 : c2.exists) : [];
   configFilesArray.filter((c2) => !(c2 == null ? void 0 : c2.isInherited)).length;
-  const inheritedConfigs = configFilesArray.filter((c2) => c2 == null ? void 0 : c2.isInherited).length;
+  const inheritedConfigs = configFilesArray.filter(
+    (c2) => c2 == null ? void 0 : c2.isInherited
+  ).length;
   const commands = ((_a = pkg.packageData.availableCommands) == null ? void 0 : _a.length) || 0;
   const { dependsOn, usedBy } = useMemo(
     () => findInternalDependencies(pkg, allPackages),
@@ -2647,7 +2679,13 @@ const PackageSummaryCard = ({ pkg, allPackages, onClick, onHover }) => {
       },
       children: [
         /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-          /* @__PURE__ */ jsx(PackageManagerIcon, { packageManager: pkg.packageData.packageManager, size: 20 }),
+          /* @__PURE__ */ jsx(
+            PackageManagerIcon,
+            {
+              packageManager: pkg.packageData.packageManager,
+              size: 20
+            }
+          ),
           /* @__PURE__ */ jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
             /* @__PURE__ */ jsx(
               "div",
@@ -2774,45 +2812,88 @@ const PackageSummaryCard = ({ pkg, allPackages, onClick, onHover }) => {
               fontSize: theme2.fontSizes[0]
             },
             children: [
-              dependsOn.length > 0 && /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "6px", flexWrap: "wrap" }, children: [
-                /* @__PURE__ */ jsxs("span", { style: { color: theme2.colors.textSecondary, fontFamily: theme2.fonts.body, display: "flex", alignItems: "center", gap: "2px" }, children: [
-                  /* @__PURE__ */ jsx(ArrowRight$1, { size: 10 }),
-                  "uses"
-                ] }),
-                dependsOn.map((dep) => /* @__PURE__ */ jsx(
-                  "span",
-                  {
-                    style: {
-                      padding: "2px 6px",
-                      backgroundColor: theme2.colors.primary + "15",
-                      color: theme2.colors.primary,
-                      borderRadius: "4px",
-                      fontWeight: theme2.fontWeights.medium,
-                      fontFamily: theme2.fonts.body
-                    },
-                    children: dep.packageData.name
+              dependsOn.length > 0 && /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "6px",
+                    flexWrap: "wrap"
                   },
-                  dep.id
-                ))
-              ] }),
-              usedBy.length > 0 && /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "6px", flexWrap: "wrap" }, children: [
-                /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.textSecondary, fontFamily: theme2.fonts.body }, children: "used by" }),
-                usedBy.map((dep) => /* @__PURE__ */ jsx(
-                  "span",
-                  {
-                    style: {
-                      padding: "2px 6px",
-                      backgroundColor: theme2.colors.textSecondary + "20",
-                      color: theme2.colors.textSecondary,
-                      borderRadius: "4px",
-                      fontWeight: theme2.fontWeights.medium,
-                      fontFamily: theme2.fonts.body
-                    },
-                    children: dep.packageData.name
+                  children: [
+                    /* @__PURE__ */ jsxs(
+                      "span",
+                      {
+                        style: {
+                          color: theme2.colors.textSecondary,
+                          fontFamily: theme2.fonts.body,
+                          display: "flex",
+                          alignItems: "center",
+                          gap: "2px"
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx(ArrowRight$1, { size: 10 }),
+                          "uses"
+                        ]
+                      }
+                    ),
+                    dependsOn.map((dep) => /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        style: {
+                          padding: "2px 6px",
+                          backgroundColor: theme2.colors.primary + "15",
+                          color: theme2.colors.primary,
+                          borderRadius: "4px",
+                          fontWeight: theme2.fontWeights.medium,
+                          fontFamily: theme2.fonts.body
+                        },
+                        children: dep.packageData.name
+                      },
+                      dep.id
+                    ))
+                  ]
+                }
+              ),
+              usedBy.length > 0 && /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "6px",
+                    flexWrap: "wrap"
                   },
-                  dep.id
-                ))
-              ] })
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        style: {
+                          color: theme2.colors.textSecondary,
+                          fontFamily: theme2.fonts.body
+                        },
+                        children: "used by"
+                      }
+                    ),
+                    usedBy.map((dep) => /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        style: {
+                          padding: "2px 6px",
+                          backgroundColor: theme2.colors.textSecondary + "20",
+                          color: theme2.colors.textSecondary,
+                          borderRadius: "4px",
+                          fontWeight: theme2.fontWeights.medium,
+                          fontFamily: theme2.fonts.body
+                        },
+                        children: dep.packageData.name
+                      },
+                      dep.id
+                    ))
+                  ]
+                }
+              )
             ]
           }
         ),
@@ -2840,7 +2921,8 @@ const PackageSummaryCard = ({ pkg, allPackages, onClick, onHover }) => {
                   configFilesArray.length,
                   " configs",
                   inheritedConfigs > 0 && /* @__PURE__ */ jsxs("span", { style: { color: theme2.colors.primary }, children: [
-                    " (",
+                    " ",
+                    "(",
                     inheritedConfigs,
                     "↑)"
                   ] })
@@ -2886,12 +2968,19 @@ const PackageCard = ({
   }, [configFiles]);
   const commands = pkg.packageData.availableCommands || [];
   const dependencyItems = useMemo(() => extractDependencies(pkg), [pkg]);
-  const depCounts = useMemo(() => ({
-    all: dependencyItems.length,
-    production: dependencyItems.filter((d2) => d2.dependencyType === "production").length,
-    development: dependencyItems.filter((d2) => d2.dependencyType === "development").length,
-    peer: dependencyItems.filter((d2) => d2.dependencyType === "peer").length
-  }), [dependencyItems]);
+  const depCounts = useMemo(
+    () => ({
+      all: dependencyItems.length,
+      production: dependencyItems.filter(
+        (d2) => d2.dependencyType === "production"
+      ).length,
+      development: dependencyItems.filter(
+        (d2) => d2.dependencyType === "development"
+      ).length,
+      peer: dependencyItems.filter((d2) => d2.dependencyType === "peer").length
+    }),
+    [dependencyItems]
+  );
   const handleToggleFilter = (type2) => {
     setActiveFilters((prev) => {
       const next2 = new Set(prev);
@@ -2907,13 +2996,21 @@ const PackageCard = ({
     let filtered = [...dependencyItems];
     if (searchQuery.trim()) {
       const query = searchQuery.toLowerCase();
-      filtered = filtered.filter((dep) => dep.name.toLowerCase().includes(query));
+      filtered = filtered.filter(
+        (dep) => dep.name.toLowerCase().includes(query)
+      );
     }
-    const allTypes = ["production", "development", "peer"];
+    const allTypes = [
+      "production",
+      "development",
+      "peer"
+    ];
     const availableTypes = allTypes.filter((t2) => depCounts[t2] > 0);
     const isAllSelected = activeFilters.size === 0 || availableTypes.every((t2) => activeFilters.has(t2));
     if (!isAllSelected && activeFilters.size > 0) {
-      filtered = filtered.filter((dep) => activeFilters.has(dep.dependencyType));
+      filtered = filtered.filter(
+        (dep) => activeFilters.has(dep.dependencyType)
+      );
     }
     return filtered;
   }, [dependencyItems, searchQuery, activeFilters, depCounts]);
@@ -2930,7 +3027,13 @@ const PackageCard = ({
             borderBottom: `1px solid ${theme2.colors.border}`
           },
           children: [
-            /* @__PURE__ */ jsx(PackageManagerIcon, { packageManager: pkg.packageData.packageManager, size: 18 }),
+            /* @__PURE__ */ jsx(
+              PackageManagerIcon,
+              {
+                packageManager: pkg.packageData.packageManager,
+                size: 18
+              }
+            ),
             /* @__PURE__ */ jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
               /* @__PURE__ */ jsx(
                 "div",
@@ -3012,37 +3115,48 @@ const PackageCard = ({
                 children: pkg.packageData.description
               }
             ),
-            /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "8px", flexWrap: "wrap", alignItems: "center" }, children: [
-              pkg.packageData.license && /* @__PURE__ */ jsx(
-                "span",
-                {
-                  style: {
-                    padding: "2px 8px",
-                    backgroundColor: theme2.colors.textSecondary + "15",
-                    color: theme2.colors.textSecondary,
-                    borderRadius: "4px",
-                    fontSize: theme2.fontSizes[0],
-                    fontWeight: theme2.fontWeights.medium,
-                    fontFamily: theme2.fonts.body
-                  },
-                  children: pkg.packageData.license
-                }
-              ),
-              (pkg.packageData.author || ((_a = pkg.packageData.authors) == null ? void 0 : _a[0])) && /* @__PURE__ */ jsxs(
-                "span",
-                {
-                  style: {
-                    fontSize: theme2.fontSizes[0],
-                    fontFamily: theme2.fonts.body,
-                    color: theme2.colors.textSecondary
-                  },
-                  children: [
-                    "by ",
-                    pkg.packageData.author || ((_b = pkg.packageData.authors) == null ? void 0 : _b[0])
-                  ]
-                }
-              )
-            ] })
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  gap: "8px",
+                  flexWrap: "wrap",
+                  alignItems: "center"
+                },
+                children: [
+                  pkg.packageData.license && /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      style: {
+                        padding: "2px 8px",
+                        backgroundColor: theme2.colors.textSecondary + "15",
+                        color: theme2.colors.textSecondary,
+                        borderRadius: "4px",
+                        fontSize: theme2.fontSizes[0],
+                        fontWeight: theme2.fontWeights.medium,
+                        fontFamily: theme2.fonts.body
+                      },
+                      children: pkg.packageData.license
+                    }
+                  ),
+                  (pkg.packageData.author || ((_a = pkg.packageData.authors) == null ? void 0 : _a[0])) && /* @__PURE__ */ jsxs(
+                    "span",
+                    {
+                      style: {
+                        fontSize: theme2.fontSizes[0],
+                        fontFamily: theme2.fonts.body,
+                        color: theme2.colors.textSecondary
+                      },
+                      children: [
+                        "by ",
+                        pkg.packageData.author || ((_b = pkg.packageData.authors) == null ? void 0 : _b[0])
+                      ]
+                    }
+                  )
+                ]
+              }
+            )
           ]
         }
       ),
@@ -3055,9 +3169,25 @@ const PackageCard = ({
             borderBottom: `1px solid ${theme2.colors.border}`
           },
           children: [
-            { id: "dependencies", label: "Dependencies", count: dependencyItems.length },
-            { id: "configs", label: "Configs", count: configCounts.total, inherited: configCounts.inherited },
-            { id: "lenses", label: "Lenses", count: ((_c = pkg.qualityMetrics) == null ? void 0 : _c.lensReadiness) ? Object.values(pkg.qualityMetrics.lensReadiness).filter((l2) => l2.ready).length : 0, total: ((_d = pkg.qualityMetrics) == null ? void 0 : _d.lensReadiness) ? Object.keys(pkg.qualityMetrics.lensReadiness).length : 0 }
+            {
+              id: "dependencies",
+              label: "Dependencies",
+              count: dependencyItems.length
+            },
+            {
+              id: "configs",
+              label: "Configs",
+              count: configCounts.total,
+              inherited: configCounts.inherited
+            },
+            {
+              id: "lenses",
+              label: "Lenses",
+              count: ((_c = pkg.qualityMetrics) == null ? void 0 : _c.lensReadiness) ? Object.values(pkg.qualityMetrics.lensReadiness).filter(
+                (l2) => l2.ready
+              ).length : 0,
+              total: ((_d = pkg.qualityMetrics) == null ? void 0 : _d.lensReadiness) ? Object.keys(pkg.qualityMetrics.lensReadiness).length : 0
+            }
           ].map((tab2) => /* @__PURE__ */ jsxs(
             "button",
             {
@@ -3098,102 +3228,157 @@ const PackageCard = ({
           ))
         }
       ),
-      /* @__PURE__ */ jsxs("div", { style: { flex: 1, padding: activeTab === "dependencies" ? "0" : "0", overflow: "auto" }, children: [
-        activeTab === "configs" && /* @__PURE__ */ jsx("div", { style: { padding: "12px" }, children: /* @__PURE__ */ jsx(
-          ConfigList,
-          {
-            configs: configFiles,
-            onConfigClick
-          }
-        ) }),
-        activeTab === "lenses" && /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", height: "100%" }, children: [
-          /* @__PURE__ */ jsx(LensReadinessSection, { lensReadiness: (_e2 = pkg.qualityMetrics) == null ? void 0 : _e2.lensReadiness }),
-          /* @__PURE__ */ jsx(
-            OtherScriptsSection,
-            {
-              commands,
-              onCommandClick: (cmd) => onCommandClick == null ? void 0 : onCommandClick(cmd, pkg.packageData.path)
-            }
-          )
-        ] }),
-        activeTab === "dependencies" && /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", height: "100%" }, children: [
-          dependencyItems.length === 0 ? /* @__PURE__ */ jsxs(
-            "div",
-            {
-              style: {
-                padding: "12px",
-                color: theme2.colors.textSecondary,
-                fontSize: theme2.fontSizes[1],
-                fontFamily: theme2.fonts.body,
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-                gap: "8px"
-              },
-              children: [
-                /* @__PURE__ */ jsx(Package$1, { size: 16 }),
-                "No dependencies"
-              ]
-            }
-          ) : /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx("div", { style: { padding: "12px", borderBottom: `1px solid ${theme2.colors.border}` }, children: /* @__PURE__ */ jsx(
-              FilterBar,
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          style: {
+            flex: 1,
+            padding: activeTab === "dependencies" ? "0" : "0",
+            overflow: "auto"
+          },
+          children: [
+            activeTab === "configs" && /* @__PURE__ */ jsx("div", { style: { padding: "12px" }, children: /* @__PURE__ */ jsx(ConfigList, { configs: configFiles, onConfigClick }) }),
+            activeTab === "lenses" && /* @__PURE__ */ jsxs(
+              "div",
               {
-                activeFilters,
-                onToggleFilter: handleToggleFilter,
-                searchQuery,
-                onSearchChange: setSearchQuery,
-                counts: depCounts
+                style: {
+                  display: "flex",
+                  flexDirection: "column",
+                  height: "100%"
+                },
+                children: [
+                  /* @__PURE__ */ jsx(
+                    LensReadinessSection,
+                    {
+                      lensReadiness: (_e2 = pkg.qualityMetrics) == null ? void 0 : _e2.lensReadiness
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    OtherScriptsSection,
+                    {
+                      commands,
+                      onCommandClick: (cmd) => onCommandClick == null ? void 0 : onCommandClick(cmd, pkg.packageData.path)
+                    }
+                  )
+                ]
               }
-            ) }),
-            /* @__PURE__ */ jsxs("div", { style: { flex: 1, overflow: "auto", padding: "8px 12px" }, children: [
-              /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  style: {
-                    fontSize: theme2.fontSizes[0],
-                    fontFamily: theme2.fonts.body,
-                    color: theme2.colors.textSecondary,
-                    marginBottom: "8px"
-                  },
-                  children: [
-                    "Showing ",
-                    filteredDependencies.length,
-                    " of ",
-                    dependencyItems.length
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: "4px" }, children: filteredDependencies.length === 0 ? /* @__PURE__ */ jsx(
-                "div",
-                {
-                  style: {
-                    padding: "12px",
-                    textAlign: "center",
-                    color: theme2.colors.textSecondary,
-                    fontSize: theme2.fontSizes[1],
-                    fontFamily: theme2.fonts.body
-                  },
-                  children: "No dependencies match your filters"
-                }
-              ) : filteredDependencies.map((dep) => /* @__PURE__ */ jsx(
-                DependencyRow,
-                {
-                  dependency: dep
+            ),
+            activeTab === "dependencies" && /* @__PURE__ */ jsxs(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  flexDirection: "column",
+                  height: "100%"
                 },
-                `${dep.name}-${dep.dependencyType}`
-              )) })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx(
-            DependencyInfoModal,
-            {
-              isOpen: showInfoModal,
-              onClose: () => setShowInfoModal(false)
-            }
-          )
-        ] })
-      ] })
+                children: [
+                  dependencyItems.length === 0 ? /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      style: {
+                        padding: "12px",
+                        color: theme2.colors.textSecondary,
+                        fontSize: theme2.fontSizes[1],
+                        fontFamily: theme2.fonts.body,
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "center",
+                        gap: "8px"
+                      },
+                      children: [
+                        /* @__PURE__ */ jsx(Package$1, { size: 16 }),
+                        "No dependencies"
+                      ]
+                    }
+                  ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        style: {
+                          padding: "12px",
+                          borderBottom: `1px solid ${theme2.colors.border}`
+                        },
+                        children: /* @__PURE__ */ jsx(
+                          FilterBar,
+                          {
+                            activeFilters,
+                            onToggleFilter: handleToggleFilter,
+                            searchQuery,
+                            onSearchChange: setSearchQuery,
+                            counts: depCounts
+                          }
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs(
+                      "div",
+                      {
+                        style: { flex: 1, overflow: "auto", padding: "8px 12px" },
+                        children: [
+                          /* @__PURE__ */ jsxs(
+                            "div",
+                            {
+                              style: {
+                                fontSize: theme2.fontSizes[0],
+                                fontFamily: theme2.fonts.body,
+                                color: theme2.colors.textSecondary,
+                                marginBottom: "8px"
+                              },
+                              children: [
+                                "Showing ",
+                                filteredDependencies.length,
+                                " of",
+                                " ",
+                                dependencyItems.length
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(
+                            "div",
+                            {
+                              style: {
+                                display: "flex",
+                                flexDirection: "column",
+                                gap: "4px"
+                              },
+                              children: filteredDependencies.length === 0 ? /* @__PURE__ */ jsx(
+                                "div",
+                                {
+                                  style: {
+                                    padding: "12px",
+                                    textAlign: "center",
+                                    color: theme2.colors.textSecondary,
+                                    fontSize: theme2.fontSizes[1],
+                                    fontFamily: theme2.fonts.body
+                                  },
+                                  children: "No dependencies match your filters"
+                                }
+                              ) : filteredDependencies.map((dep) => /* @__PURE__ */ jsx(
+                                DependencyRow,
+                                {
+                                  dependency: dep
+                                },
+                                `${dep.name}-${dep.dependencyType}`
+                              ))
+                            }
+                          )
+                        ]
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsx(
+                    DependencyInfoModal,
+                    {
+                      isOpen: showInfoModal,
+                      onClose: () => setShowInfoModal(false)
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      )
     ] });
   }
   return /* @__PURE__ */ jsxs(
@@ -3224,7 +3409,13 @@ const PackageCard = ({
             },
             children: [
               isExpanded ? /* @__PURE__ */ jsx(ChevronDown$1, { size: 16, color: theme2.colors.textSecondary }) : /* @__PURE__ */ jsx(ChevronRight$1, { size: 16, color: theme2.colors.textSecondary }),
-              /* @__PURE__ */ jsx(PackageManagerIcon, { packageManager: pkg.packageData.packageManager, size: 18 }),
+              /* @__PURE__ */ jsx(
+                PackageManagerIcon,
+                {
+                  packageManager: pkg.packageData.packageManager,
+                  size: 18
+                }
+              ),
               /* @__PURE__ */ jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
                 /* @__PURE__ */ jsx(
                   "div",
@@ -3295,9 +3486,25 @@ const PackageCard = ({
                 borderBottom: `1px solid ${theme2.colors.border}`
               },
               children: [
-                { id: "dependencies", label: "Deps", count: dependencyItems.length },
-                { id: "configs", label: "Configs", count: configCounts.total, inherited: configCounts.inherited },
-                { id: "lenses", label: "Lenses", count: ((_f = pkg.qualityMetrics) == null ? void 0 : _f.lensReadiness) ? Object.values(pkg.qualityMetrics.lensReadiness).filter((l2) => l2.ready).length : 0, total: ((_g = pkg.qualityMetrics) == null ? void 0 : _g.lensReadiness) ? Object.keys(pkg.qualityMetrics.lensReadiness).length : 0 }
+                {
+                  id: "dependencies",
+                  label: "Deps",
+                  count: dependencyItems.length
+                },
+                {
+                  id: "configs",
+                  label: "Configs",
+                  count: configCounts.total,
+                  inherited: configCounts.inherited
+                },
+                {
+                  id: "lenses",
+                  label: "Lenses",
+                  count: ((_f = pkg.qualityMetrics) == null ? void 0 : _f.lensReadiness) ? Object.values(pkg.qualityMetrics.lensReadiness).filter(
+                    (l2) => l2.ready
+                  ).length : 0,
+                  total: ((_g = pkg.qualityMetrics) == null ? void 0 : _g.lensReadiness) ? Object.keys(pkg.qualityMetrics.lensReadiness).length : 0
+                }
               ].map((tab2) => /* @__PURE__ */ jsxs(
                 "button",
                 {
@@ -3338,102 +3545,153 @@ const PackageCard = ({
               ))
             }
           ),
-          /* @__PURE__ */ jsxs("div", { style: { padding: activeTab === "dependencies" ? "0" : "0", maxHeight: "300px", overflow: "auto" }, children: [
-            activeTab === "configs" && /* @__PURE__ */ jsx("div", { style: { padding: "12px" }, children: /* @__PURE__ */ jsx(
-              ConfigList,
-              {
-                configs: configFiles,
-                onConfigClick
-              }
-            ) }),
-            activeTab === "lenses" && /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column" }, children: [
-              /* @__PURE__ */ jsx(LensReadinessSection, { lensReadiness: (_h = pkg.qualityMetrics) == null ? void 0 : _h.lensReadiness }),
-              /* @__PURE__ */ jsx(
-                OtherScriptsSection,
-                {
-                  commands,
-                  onCommandClick: (cmd) => onCommandClick == null ? void 0 : onCommandClick(cmd, pkg.packageData.path)
-                }
-              )
-            ] }),
-            activeTab === "dependencies" && /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", height: "100%" }, children: [
-              dependencyItems.length === 0 ? /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  style: {
-                    padding: "12px",
-                    color: theme2.colors.textSecondary,
-                    fontSize: theme2.fontSizes[1],
-                    fontFamily: theme2.fonts.body,
-                    display: "flex",
-                    alignItems: "center",
-                    justifyContent: "center",
-                    gap: "8px"
-                  },
-                  children: [
-                    /* @__PURE__ */ jsx(Package$1, { size: 16 }),
-                    "No dependencies"
-                  ]
-                }
-              ) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx("div", { style: { padding: "12px", borderBottom: `1px solid ${theme2.colors.border}` }, children: /* @__PURE__ */ jsx(
-                  FilterBar,
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: {
+                padding: activeTab === "dependencies" ? "0" : "0",
+                maxHeight: "300px",
+                overflow: "auto"
+              },
+              children: [
+                activeTab === "configs" && /* @__PURE__ */ jsx("div", { style: { padding: "12px" }, children: /* @__PURE__ */ jsx(
+                  ConfigList,
                   {
-                    activeFilters,
-                    onToggleFilter: handleToggleFilter,
-                    searchQuery,
-                    onSearchChange: setSearchQuery,
-                    counts: depCounts
+                    configs: configFiles,
+                    onConfigClick
                   }
                 ) }),
-                /* @__PURE__ */ jsxs("div", { style: { flex: 1, overflow: "auto", padding: "8px 12px" }, children: [
-                  /* @__PURE__ */ jsxs(
-                    "div",
+                activeTab === "lenses" && /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column" }, children: [
+                  /* @__PURE__ */ jsx(
+                    LensReadinessSection,
                     {
-                      style: {
-                        fontSize: theme2.fontSizes[0],
-                        fontFamily: theme2.fonts.body,
-                        color: theme2.colors.textSecondary,
-                        marginBottom: "8px"
-                      },
-                      children: [
-                        "Showing ",
-                        filteredDependencies.length,
-                        " of ",
-                        dependencyItems.length
-                      ]
+                      lensReadiness: (_h = pkg.qualityMetrics) == null ? void 0 : _h.lensReadiness
                     }
                   ),
-                  /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: "4px" }, children: filteredDependencies.length === 0 ? /* @__PURE__ */ jsx(
-                    "div",
+                  /* @__PURE__ */ jsx(
+                    OtherScriptsSection,
                     {
-                      style: {
-                        padding: "12px",
-                        textAlign: "center",
-                        color: theme2.colors.textSecondary,
-                        fontSize: theme2.fontSizes[1],
-                        fontFamily: theme2.fonts.body
-                      },
-                      children: "No dependencies match your filters"
+                      commands,
+                      onCommandClick: (cmd) => onCommandClick == null ? void 0 : onCommandClick(cmd, pkg.packageData.path)
                     }
-                  ) : filteredDependencies.map((dep) => /* @__PURE__ */ jsx(
-                    DependencyRow,
-                    {
-                      dependency: dep
+                  )
+                ] }),
+                activeTab === "dependencies" && /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    style: {
+                      display: "flex",
+                      flexDirection: "column",
+                      height: "100%"
                     },
-                    `${dep.name}-${dep.dependencyType}`
-                  )) })
-                ] })
-              ] }),
-              /* @__PURE__ */ jsx(
-                DependencyInfoModal,
-                {
-                  isOpen: showInfoModal,
-                  onClose: () => setShowInfoModal(false)
-                }
-              )
-            ] })
-          ] })
+                    children: [
+                      dependencyItems.length === 0 ? /* @__PURE__ */ jsxs(
+                        "div",
+                        {
+                          style: {
+                            padding: "12px",
+                            color: theme2.colors.textSecondary,
+                            fontSize: theme2.fontSizes[1],
+                            fontFamily: theme2.fonts.body,
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "center",
+                            gap: "8px"
+                          },
+                          children: [
+                            /* @__PURE__ */ jsx(Package$1, { size: 16 }),
+                            "No dependencies"
+                          ]
+                        }
+                      ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                        /* @__PURE__ */ jsx(
+                          "div",
+                          {
+                            style: {
+                              padding: "12px",
+                              borderBottom: `1px solid ${theme2.colors.border}`
+                            },
+                            children: /* @__PURE__ */ jsx(
+                              FilterBar,
+                              {
+                                activeFilters,
+                                onToggleFilter: handleToggleFilter,
+                                searchQuery,
+                                onSearchChange: setSearchQuery,
+                                counts: depCounts
+                              }
+                            )
+                          }
+                        ),
+                        /* @__PURE__ */ jsxs(
+                          "div",
+                          {
+                            style: { flex: 1, overflow: "auto", padding: "8px 12px" },
+                            children: [
+                              /* @__PURE__ */ jsxs(
+                                "div",
+                                {
+                                  style: {
+                                    fontSize: theme2.fontSizes[0],
+                                    fontFamily: theme2.fonts.body,
+                                    color: theme2.colors.textSecondary,
+                                    marginBottom: "8px"
+                                  },
+                                  children: [
+                                    "Showing ",
+                                    filteredDependencies.length,
+                                    " of",
+                                    " ",
+                                    dependencyItems.length
+                                  ]
+                                }
+                              ),
+                              /* @__PURE__ */ jsx(
+                                "div",
+                                {
+                                  style: {
+                                    display: "flex",
+                                    flexDirection: "column",
+                                    gap: "4px"
+                                  },
+                                  children: filteredDependencies.length === 0 ? /* @__PURE__ */ jsx(
+                                    "div",
+                                    {
+                                      style: {
+                                        padding: "12px",
+                                        textAlign: "center",
+                                        color: theme2.colors.textSecondary,
+                                        fontSize: theme2.fontSizes[1],
+                                        fontFamily: theme2.fonts.body
+                                      },
+                                      children: "No dependencies match your filters"
+                                    }
+                                  ) : filteredDependencies.map((dep) => /* @__PURE__ */ jsx(
+                                    DependencyRow,
+                                    {
+                                      dependency: dep
+                                    },
+                                    `${dep.name}-${dep.dependencyType}`
+                                  ))
+                                }
+                              )
+                            ]
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ jsx(
+                        DependencyInfoModal,
+                        {
+                          isOpen: showInfoModal,
+                          onClose: () => setShowInfoModal(false)
+                        }
+                      )
+                    ]
+                  }
+                )
+              ]
+            }
+          )
         ] })
       ]
     }
@@ -3451,11 +3709,15 @@ const PackageCompositionPanelContent = ({
   events
 }) => {
   const { theme: theme2 } = useTheme();
-  const [selectedPackageId, setSelectedPackageId] = useState(null);
+  const [selectedPackageId, setSelectedPackageId] = useState(
+    null
+  );
   const sortedPackages = useMemo(() => {
     return [...packages].sort((a2, b2) => {
-      if (a2.packageData.isMonorepoRoot && !b2.packageData.isMonorepoRoot) return -1;
-      if (!a2.packageData.isMonorepoRoot && b2.packageData.isMonorepoRoot) return 1;
+      if (a2.packageData.isMonorepoRoot && !b2.packageData.isMonorepoRoot)
+        return -1;
+      if (!a2.packageData.isMonorepoRoot && b2.packageData.isMonorepoRoot)
+        return 1;
       return a2.packageData.path.localeCompare(b2.packageData.path);
     });
   }, [packages]);
@@ -3552,10 +3814,21 @@ const PackageCompositionPanelContent = ({
                       },
                       children: [
                         /* @__PURE__ */ jsx(FileCode$1, { size: 16, color: theme2.colors.primary }),
-                        /* @__PURE__ */ jsxs("span", { style: { fontSize: theme2.fontSizes[1], fontFamily: theme2.fonts.body, color: theme2.colors.textSecondary, flex: 1 }, children: [
-                          packages.length,
-                          " packages"
-                        ] }),
+                        /* @__PURE__ */ jsxs(
+                          "span",
+                          {
+                            style: {
+                              fontSize: theme2.fontSizes[1],
+                              fontFamily: theme2.fonts.body,
+                              color: theme2.colors.textSecondary,
+                              flex: 1
+                            },
+                            children: [
+                              packages.length,
+                              " packages"
+                            ]
+                          }
+                        ),
                         packages.length > 1 && /* @__PURE__ */ jsxs(
                           "button",
                           {
@@ -3724,18 +3997,51 @@ const PackageCompositionPanelPreview = () => {
           /* @__PURE__ */ jsx(PackageManagerIcon, { packageManager: "npm", size: 14 }),
           /* @__PURE__ */ jsx("span", { children: "my-app" })
         ] }),
-        /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "6px", paddingLeft: "8px" }, children: [
-          /* @__PURE__ */ jsx(Terminal$1, { size: 12, color: theme2.colors.textSecondary }),
-          /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.textSecondary }, children: "5 commands" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "6px", paddingLeft: "8px" }, children: [
-          /* @__PURE__ */ jsx(Settings$1, { size: 12, color: theme2.colors.textSecondary }),
-          /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.textSecondary }, children: "3 configs" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "6px", paddingLeft: "8px" }, children: [
-          /* @__PURE__ */ jsx(Package$1, { size: 12, color: theme2.colors.textSecondary }),
-          /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.textSecondary }, children: "12 deps" })
-        ] })
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: "6px",
+              paddingLeft: "8px"
+            },
+            children: [
+              /* @__PURE__ */ jsx(Terminal$1, { size: 12, color: theme2.colors.textSecondary }),
+              /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.textSecondary }, children: "5 commands" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: "6px",
+              paddingLeft: "8px"
+            },
+            children: [
+              /* @__PURE__ */ jsx(Settings$1, { size: 12, color: theme2.colors.textSecondary }),
+              /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.textSecondary }, children: "3 configs" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: "6px",
+              paddingLeft: "8px"
+            },
+            children: [
+              /* @__PURE__ */ jsx(Package$1, { size: 12, color: theme2.colors.textSecondary }),
+              /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.textSecondary }, children: "12 deps" })
+            ]
+          }
+        )
       ]
     }
   );
@@ -4161,38 +4467,48 @@ const SearchPanelContent = ({
               padding: "32px"
             },
             children: /* @__PURE__ */ jsxs("div", { style: { textAlign: "center", maxWidth: "320px" }, children: [
-              /* @__PURE__ */ jsx("div", { style: { marginBottom: "24px", position: "relative", display: "inline-block" }, children: /* @__PURE__ */ jsxs(
-                "svg",
+              /* @__PURE__ */ jsx(
+                "div",
                 {
-                  width: "64",
-                  height: "64",
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  style: { color: theme2.colors.primary, opacity: 0.8 },
-                  children: [
-                    /* @__PURE__ */ jsx(
-                      "circle",
-                      {
-                        cx: "11",
-                        cy: "11",
-                        r: "8",
-                        stroke: "currentColor",
-                        strokeWidth: "2",
-                        strokeDasharray: "4 2"
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      "path",
-                      {
-                        d: "m21 21-4.35-4.35",
-                        stroke: "currentColor",
-                        strokeWidth: "2",
-                        strokeLinecap: "round"
-                      }
-                    )
-                  ]
+                  style: {
+                    marginBottom: "24px",
+                    position: "relative",
+                    display: "inline-block"
+                  },
+                  children: /* @__PURE__ */ jsxs(
+                    "svg",
+                    {
+                      width: "64",
+                      height: "64",
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      style: { color: theme2.colors.primary, opacity: 0.8 },
+                      children: [
+                        /* @__PURE__ */ jsx(
+                          "circle",
+                          {
+                            cx: "11",
+                            cy: "11",
+                            r: "8",
+                            stroke: "currentColor",
+                            strokeWidth: "2",
+                            strokeDasharray: "4 2"
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          "path",
+                          {
+                            d: "m21 21-4.35-4.35",
+                            stroke: "currentColor",
+                            strokeWidth: "2",
+                            strokeLinecap: "round"
+                          }
+                        )
+                      ]
+                    }
+                  )
                 }
-              ) }),
+              ),
               /* @__PURE__ */ jsx(
                 "h3",
                 {
@@ -4218,10 +4534,42 @@ const SearchPanelContent = ({
                   children: "Search through filenames to find what you need"
                 }
               ),
-              /* @__PURE__ */ jsx("div", { style: { textAlign: "left" }, children: /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "flex-start", gap: "8px", marginBottom: "8px" }, children: /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsx("div", { style: { fontSize: theme2.fontSizes[0], fontWeight: theme2.fontWeights.medium, fontFamily: theme2.fonts.body, color: theme2.colors.text }, children: "Quick search" }),
-                /* @__PURE__ */ jsx("div", { style: { fontSize: theme2.fontSizes[0], fontFamily: theme2.fonts.body, color: theme2.colors.textSecondary }, children: "Type to instantly filter by filename" })
-              ] }) }) })
+              /* @__PURE__ */ jsx("div", { style: { textAlign: "left" }, children: /* @__PURE__ */ jsx(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    alignItems: "flex-start",
+                    gap: "8px",
+                    marginBottom: "8px"
+                  },
+                  children: /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        style: {
+                          fontSize: theme2.fontSizes[0],
+                          fontWeight: theme2.fontWeights.medium,
+                          fontFamily: theme2.fonts.body,
+                          color: theme2.colors.text
+                        },
+                        children: "Quick search"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        style: {
+                          fontSize: theme2.fontSizes[0],
+                          fontFamily: theme2.fonts.body,
+                          color: theme2.colors.textSecondary
+                        },
+                        children: "Type to instantly filter by filename"
+                      }
+                    )
+                  ] })
+                }
+              ) })
             ] })
           }
         ) : searchQuery && searchResults.length === 0 ? /* @__PURE__ */ jsx(
@@ -4244,9 +4592,33 @@ const SearchPanelContent = ({
                   fill: "none",
                   style: { color: theme2.colors.textSecondary, opacity: 0.5 },
                   children: [
-                    /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8", stroke: "currentColor", strokeWidth: "2" }),
-                    /* @__PURE__ */ jsx("path", { d: "m21 21-4.35-4.35", stroke: "currentColor", strokeWidth: "2" }),
-                    /* @__PURE__ */ jsx("path", { d: "M8 11h6M11 8v6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })
+                    /* @__PURE__ */ jsx(
+                      "circle",
+                      {
+                        cx: "11",
+                        cy: "11",
+                        r: "8",
+                        stroke: "currentColor",
+                        strokeWidth: "2"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "m21 21-4.35-4.35",
+                        stroke: "currentColor",
+                        strokeWidth: "2"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M8 11h6M11 8v6",
+                        stroke: "currentColor",
+                        strokeWidth: "2",
+                        strokeLinecap: "round"
+                      }
+                    )
                   ]
                 }
               ) }),
@@ -4274,11 +4646,20 @@ const SearchPanelContent = ({
                   children: [
                     "No files match",
                     " ",
-                    /* @__PURE__ */ jsxs("span", { style: { fontFamily: theme2.fonts.monospace, color: theme2.colors.primary }, children: [
-                      '"',
-                      searchQuery,
-                      '"'
-                    ] })
+                    /* @__PURE__ */ jsxs(
+                      "span",
+                      {
+                        style: {
+                          fontFamily: theme2.fonts.monospace,
+                          color: theme2.colors.primary
+                        },
+                        children: [
+                          '"',
+                          searchQuery,
+                          '"'
+                        ]
+                      }
+                    )
                   ]
                 }
               )
@@ -4307,86 +4688,117 @@ const SearchPanelContent = ({
                 onSearchResultHover == null ? void 0 : onSearchResultHover(result.relativePath);
               },
               onMouseLeave: () => onSearchResultHover == null ? void 0 : onSearchResultHover(null),
-              children: /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "flex-start", gap: "8px" }, children: [
-                /* @__PURE__ */ jsx("div", { style: { flexShrink: 0, marginTop: "2px" }, children: /* @__PURE__ */ jsx(FileText$1, { size: 14, color: theme2.colors.textSecondary }) }),
-                /* @__PURE__ */ jsx("div", { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: "8px" }, children: [
-                  /* @__PURE__ */ jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
-                    /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-                      /* @__PURE__ */ jsx(
-                        "div",
-                        {
-                          style: {
-                            fontSize: theme2.fontSizes[1],
-                            fontWeight: theme2.fontWeights.medium,
-                            fontFamily: theme2.fonts.body,
-                            color: theme2.colors.text
-                          },
-                          children: highlightMatch(result.name, searchQuery)
-                        }
-                      ),
-                      isCurrentFile && /* @__PURE__ */ jsx(
-                        "span",
-                        {
-                          style: {
-                            fontSize: theme2.fontSizes[0],
-                            fontFamily: theme2.fonts.body,
-                            padding: "2px 6px",
-                            borderRadius: "4px",
-                            backgroundColor: `${theme2.colors.primary}20`,
-                            color: theme2.colors.primary
-                          },
-                          children: "CURRENT"
-                        }
-                      )
-                    ] }),
-                    /* @__PURE__ */ jsx(
+              children: /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    alignItems: "flex-start",
+                    gap: "8px"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx("div", { style: { flexShrink: 0, marginTop: "2px" }, children: /* @__PURE__ */ jsx(FileText$1, { size: 14, color: theme2.colors.textSecondary }) }),
+                    /* @__PURE__ */ jsx("div", { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ jsxs(
                       "div",
                       {
                         style: {
-                          fontSize: theme2.fontSizes[0],
-                          fontFamily: theme2.fonts.body,
-                          marginTop: "2px",
-                          color: theme2.colors.textSecondary,
-                          overflow: "hidden",
-                          textOverflow: "ellipsis",
-                          whiteSpace: "nowrap"
+                          display: "flex",
+                          alignItems: "center",
+                          justifyContent: "space-between",
+                          gap: "8px"
                         },
-                        children: result.relativePath
+                        children: [
+                          /* @__PURE__ */ jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
+                            /* @__PURE__ */ jsxs(
+                              "div",
+                              {
+                                style: {
+                                  display: "flex",
+                                  alignItems: "center",
+                                  gap: "8px"
+                                },
+                                children: [
+                                  /* @__PURE__ */ jsx(
+                                    "div",
+                                    {
+                                      style: {
+                                        fontSize: theme2.fontSizes[1],
+                                        fontWeight: theme2.fontWeights.medium,
+                                        fontFamily: theme2.fonts.body,
+                                        color: theme2.colors.text
+                                      },
+                                      children: highlightMatch(result.name, searchQuery)
+                                    }
+                                  ),
+                                  isCurrentFile && /* @__PURE__ */ jsx(
+                                    "span",
+                                    {
+                                      style: {
+                                        fontSize: theme2.fontSizes[0],
+                                        fontFamily: theme2.fonts.body,
+                                        padding: "2px 6px",
+                                        borderRadius: "4px",
+                                        backgroundColor: `${theme2.colors.primary}20`,
+                                        color: theme2.colors.primary
+                                      },
+                                      children: "CURRENT"
+                                    }
+                                  )
+                                ]
+                              }
+                            ),
+                            /* @__PURE__ */ jsx(
+                              "div",
+                              {
+                                style: {
+                                  fontSize: theme2.fontSizes[0],
+                                  fontFamily: theme2.fonts.body,
+                                  marginTop: "2px",
+                                  color: theme2.colors.textSecondary,
+                                  overflow: "hidden",
+                                  textOverflow: "ellipsis",
+                                  whiteSpace: "nowrap"
+                                },
+                                children: result.relativePath
+                              }
+                            )
+                          ] }),
+                          /* @__PURE__ */ jsx(
+                            "button",
+                            {
+                              style: {
+                                flexShrink: 0,
+                                padding: "4px",
+                                borderRadius: "4px",
+                                border: `1px solid ${copiedPath === result.path ? theme2.colors.success : theme2.colors.border}`,
+                                backgroundColor: copiedPath === result.path ? `${theme2.colors.success}20` : theme2.colors.backgroundSecondary || theme2.colors.background,
+                                color: copiedPath === result.path ? theme2.colors.success : theme2.colors.textSecondary,
+                                cursor: "pointer",
+                                opacity: isSelected || isCurrentFile ? 0.7 : 0,
+                                transition: "opacity 0.15s"
+                              },
+                              onMouseEnter: (e2) => {
+                                e2.currentTarget.style.opacity = "1";
+                              },
+                              onMouseLeave: (e2) => {
+                                if (!isSelected && !isCurrentFile && copiedPath !== result.path) {
+                                  e2.currentTarget.style.opacity = "0";
+                                }
+                              },
+                              onClick: (e2) => {
+                                e2.stopPropagation();
+                                handleCopyPath(result.path);
+                              },
+                              title: copiedPath === result.path ? "Copied!" : "Copy full path",
+                              children: copiedPath === result.path ? /* @__PURE__ */ jsx(Check$1, { size: 14 }) : /* @__PURE__ */ jsx(Copy$1, { size: 14 })
+                            }
+                          )
+                        ]
                       }
-                    )
-                  ] }),
-                  /* @__PURE__ */ jsx(
-                    "button",
-                    {
-                      style: {
-                        flexShrink: 0,
-                        padding: "4px",
-                        borderRadius: "4px",
-                        border: `1px solid ${copiedPath === result.path ? theme2.colors.success : theme2.colors.border}`,
-                        backgroundColor: copiedPath === result.path ? `${theme2.colors.success}20` : theme2.colors.backgroundSecondary || theme2.colors.background,
-                        color: copiedPath === result.path ? theme2.colors.success : theme2.colors.textSecondary,
-                        cursor: "pointer",
-                        opacity: isSelected || isCurrentFile ? 0.7 : 0,
-                        transition: "opacity 0.15s"
-                      },
-                      onMouseEnter: (e2) => {
-                        e2.currentTarget.style.opacity = "1";
-                      },
-                      onMouseLeave: (e2) => {
-                        if (!isSelected && !isCurrentFile && copiedPath !== result.path) {
-                          e2.currentTarget.style.opacity = "0";
-                        }
-                      },
-                      onClick: (e2) => {
-                        e2.stopPropagation();
-                        handleCopyPath(result.path);
-                      },
-                      title: copiedPath === result.path ? "Copied!" : "Copy full path",
-                      children: copiedPath === result.path ? /* @__PURE__ */ jsx(Check$1, { size: 14 }) : /* @__PURE__ */ jsx(Copy$1, { size: 14 })
-                    }
-                  )
-                ] }) })
-              ] })
+                    ) })
+                  ]
+                }
+              )
             },
             `${result.path}-${index2}`
           );
@@ -4447,14 +4859,36 @@ const SearchPanelPreview = () => {
             children: "Search files..."
           }
         ),
-        /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "6px", opacity: 0.7 }, children: [
-          /* @__PURE__ */ jsx(FileText$1, { size: 12 }),
-          /* @__PURE__ */ jsx("span", { children: "index.tsx" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "6px", opacity: 0.7 }, children: [
-          /* @__PURE__ */ jsx(FileText$1, { size: 12 }),
-          /* @__PURE__ */ jsx("span", { children: "utils.ts" })
-        ] })
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: "6px",
+              opacity: 0.7
+            },
+            children: [
+              /* @__PURE__ */ jsx(FileText$1, { size: 12 }),
+              /* @__PURE__ */ jsx("span", { children: "index.tsx" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: "6px",
+              opacity: 0.7
+            },
+            children: [
+              /* @__PURE__ */ jsx(FileText$1, { size: 12 }),
+              /* @__PURE__ */ jsx("span", { children: "utils.ts" })
+            ]
+          }
+        )
       ]
     }
   );
@@ -103440,10 +103874,7 @@ const directionLabels = {
   LR: "Left → Right",
   RL: "Right → Left"
 };
-const DependencyGraphPanelContent = ({
-  packages,
-  isLoading = false
-}) => {
+const DependencyGraphPanelContent = ({ packages, isLoading = false }) => {
   var _a;
   const { theme: theme2 } = useTheme();
   const [showSettings, setShowSettings] = useState(false);
@@ -103593,14 +104024,36 @@ const DependencyGraphPanelContent = ({
         children: [
           /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
             /* @__PURE__ */ jsx(GitBranch$1, { size: 16, color: theme2.colors.primary }),
-            /* @__PURE__ */ jsx("span", { style: { fontSize: theme2.fontSizes[2], fontWeight: 500, color: theme2.colors.text, fontFamily: theme2.fonts.body }, children: "Dependency Graph" }),
-            /* @__PURE__ */ jsxs("span", { style: { fontSize: theme2.fontSizes[1], color: theme2.colors.textSecondary, fontFamily: theme2.fonts.body }, children: [
-              "(",
-              packages.length,
-              " packages, ",
-              ((_a = canvas.edges) == null ? void 0 : _a.length) || 0,
-              " dependencies)"
-            ] })
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                style: {
+                  fontSize: theme2.fontSizes[2],
+                  fontWeight: 500,
+                  color: theme2.colors.text,
+                  fontFamily: theme2.fonts.body
+                },
+                children: "Dependency Graph"
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "span",
+              {
+                style: {
+                  fontSize: theme2.fontSizes[1],
+                  color: theme2.colors.textSecondary,
+                  fontFamily: theme2.fonts.body
+                },
+                children: [
+                  "(",
+                  packages.length,
+                  " packages, ",
+                  ((_a = canvas.edges) == null ? void 0 : _a.length) || 0,
+                  " ",
+                  "dependencies)"
+                ]
+              }
+            )
           ] }),
           /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
             /* @__PURE__ */ jsx(
@@ -103662,12 +104115,24 @@ const DependencyGraphPanelContent = ({
         },
         children: [
           /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "4px" }, children: [
-            /* @__PURE__ */ jsx("label", { style: { fontSize: theme2.fontSizes[1], color: theme2.colors.textSecondary, fontFamily: theme2.fonts.body }, children: "Direction" }),
+            /* @__PURE__ */ jsx(
+              "label",
+              {
+                style: {
+                  fontSize: theme2.fontSizes[1],
+                  color: theme2.colors.textSecondary,
+                  fontFamily: theme2.fonts.body
+                },
+                children: "Direction"
+              }
+            ),
             /* @__PURE__ */ jsx(
               "select",
               {
                 value: layoutConfig.direction,
-                onChange: (e2) => handleDirectionChange(e2.target.value),
+                onChange: (e2) => handleDirectionChange(
+                  e2.target.value
+                ),
                 style: {
                   padding: "4px 8px",
                   backgroundColor: theme2.colors.background,
@@ -103682,11 +104147,21 @@ const DependencyGraphPanelContent = ({
             )
           ] }),
           /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "4px" }, children: [
-            /* @__PURE__ */ jsxs("label", { style: { fontSize: theme2.fontSizes[1], color: theme2.colors.textSecondary, fontFamily: theme2.fonts.body }, children: [
-              "H-Spacing: ",
-              layoutConfig.nodeSpacingX,
-              "px"
-            ] }),
+            /* @__PURE__ */ jsxs(
+              "label",
+              {
+                style: {
+                  fontSize: theme2.fontSizes[1],
+                  color: theme2.colors.textSecondary,
+                  fontFamily: theme2.fonts.body
+                },
+                children: [
+                  "H-Spacing: ",
+                  layoutConfig.nodeSpacingX,
+                  "px"
+                ]
+              }
+            ),
             /* @__PURE__ */ jsx(
               "input",
               {
@@ -103701,11 +104176,21 @@ const DependencyGraphPanelContent = ({
             )
           ] }),
           /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "4px" }, children: [
-            /* @__PURE__ */ jsxs("label", { style: { fontSize: theme2.fontSizes[1], color: theme2.colors.textSecondary, fontFamily: theme2.fonts.body }, children: [
-              "V-Spacing: ",
-              layoutConfig.nodeSpacingY,
-              "px"
-            ] }),
+            /* @__PURE__ */ jsxs(
+              "label",
+              {
+                style: {
+                  fontSize: theme2.fontSizes[1],
+                  color: theme2.colors.textSecondary,
+                  fontFamily: theme2.fonts.body
+                },
+                children: [
+                  "V-Spacing: ",
+                  layoutConfig.nodeSpacingY,
+                  "px"
+                ]
+              }
+            ),
             /* @__PURE__ */ jsx(
               "input",
               {
@@ -103733,7 +104218,12 @@ const DependencyGraphPanelContent = ({
               "label",
               {
                 htmlFor: "include-dev-deps",
-                style: { fontSize: theme2.fontSizes[1], color: theme2.colors.textSecondary, fontFamily: theme2.fonts.body, cursor: "pointer" },
+                style: {
+                  fontSize: theme2.fontSizes[1],
+                  color: theme2.colors.textSecondary,
+                  fontFamily: theme2.fonts.body,
+                  cursor: "pointer"
+                },
                 children: "Include devDependencies"
               }
             )
@@ -103741,14 +104231,7 @@ const DependencyGraphPanelContent = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx("div", { style: { flex: 1, position: "relative" }, children: /* @__PURE__ */ jsx(
-      GraphRenderer,
-      {
-        canvas,
-        editable: false
-      },
-      layoutVersion
-    ) }),
+    /* @__PURE__ */ jsx("div", { style: { flex: 1, position: "relative" }, children: /* @__PURE__ */ jsx(GraphRenderer, { canvas, editable: false }, layoutVersion) }),
     /* @__PURE__ */ jsxs(
       "div",
       {
@@ -103820,18 +104303,14 @@ const DependencyGraphPanelPreview = () => {
     }
   );
 };
-const DependencyGraphPanel = ({ context: context2 }) => {
+const DependencyGraphPanel = ({
+  context: context2
+}) => {
   var _a;
   const packagesSlice = context2.packages;
   const packages = ((_a = packagesSlice == null ? void 0 : packagesSlice.data) == null ? void 0 : _a.packages) ?? [];
   const isLoading = (packagesSlice == null ? void 0 : packagesSlice.loading) || false;
-  return /* @__PURE__ */ jsx(
-    DependencyGraphPanelContent,
-    {
-      packages,
-      isLoading
-    }
-  );
+  return /* @__PURE__ */ jsx(DependencyGraphPanelContent, { packages, isLoading });
 };
 createContext(null);
 class PanelErrorBoundary extends React2__default.Component {
@@ -104904,7 +105383,7 @@ const browserExt = {
   },
   test: () => true,
   load: async () => {
-    await import("./browserAll-CXemTuGz.js");
+    await import("./browserAll-DpC1Pe_C.js");
   }
 };
 const webworkerExt = {
@@ -104915,7 +105394,7 @@ const webworkerExt = {
   },
   test: () => typeof self !== "undefined" && self.WorkerGlobalScope !== void 0,
   load: async () => {
-    await import("./webworkerAll-D8Y_PhHL.js");
+    await import("./webworkerAll-UMZmwtee.js");
   }
 };
 class ObservablePoint {
@@ -117158,19 +117637,19 @@ async function autoDetectRenderer(options) {
   for (let i2 = 0; i2 < preferredOrder.length; i2++) {
     const rendererType = preferredOrder[i2];
     if (rendererType === "webgpu" && await isWebGPUSupported()) {
-      const { WebGPURenderer } = await import("./WebGPURenderer-DjwoM27K.js");
+      const { WebGPURenderer } = await import("./WebGPURenderer-BEq5wl8w.js");
       RendererClass = WebGPURenderer;
       finalOptions = { ...options, ...options.webgpu };
       break;
     } else if (rendererType === "webgl" && isWebGLSupported(
       options.failIfMajorPerformanceCaveat ?? AbstractRenderer.defaultOptions.failIfMajorPerformanceCaveat
     )) {
-      const { WebGLRenderer } = await import("./WebGLRenderer-B1Wm0Fg0.js");
+      const { WebGLRenderer } = await import("./WebGLRenderer-D5BVc_7m.js");
       RendererClass = WebGLRenderer;
       finalOptions = { ...options, ...options.webgl };
       break;
     } else if (rendererType === "canvas") {
-      const { CanvasRenderer } = await import("./CanvasRenderer-C98pDXJk.js");
+      const { CanvasRenderer } = await import("./CanvasRenderer-B20Bru0X.js");
       RendererClass = CanvasRenderer;
       finalOptions = { ...options, ...options.canvasOptions };
       break;
@@ -134397,13 +134876,18 @@ This indicates a sprite was rendered without valid backing data.`
       const regionRow = Math.floor(gridY / REGION_SIZE_TILES);
       const regionOrder = regionRow * 10 + regionCol;
       const targetRegion = customRegions.find((r2) => r2.order === regionOrder);
-      const newRegionId = targetRegion == null ? void 0 : targetRegion.id;
+      let newRegionId = targetRegion == null ? void 0 : targetRegion.id;
       if (!newRegionId) {
-        console.warn(
-          "[CollectionMapPanel] ⚠️ Could not determine region for position:",
+        console.log(
+          "[CollectionMapPanel] Creating default region for drop position:",
           { gridX, gridY, regionOrder }
         );
-        return;
+        const newRegion = await regionCallbacks.onRegionCreated(collection.id, {
+          name: customRegions.length === 0 ? "Main" : `Region ${customRegions.length + 1}`,
+          order: regionOrder,
+          createdAt: 0
+        });
+        newRegionId = newRegion.id;
       }
       if (isFirstPlacement) {
         try {
@@ -134450,7 +134934,9 @@ This indicates a sprite was rendered without valid backing data.`
         projectId,
         layout
       );
-      const membership = collection.members.find((m2) => m2.repositoryId === projectId);
+      const membership = collection.members.find(
+        (m2) => m2.repositoryId === projectId
+      );
       const oldRegionId = (_b = membership == null ? void 0 : membership.metadata) == null ? void 0 : _b.regionId;
       if (oldRegionId !== newRegionId) {
         await regionCallbacks.onRepositoryAssigned(
@@ -134460,7 +134946,13 @@ This indicates a sprite was rendered without valid backing data.`
         );
       }
     },
-    [collection.id, collection.members, regionCallbacks, customRegions, onProjectAdded]
+    [
+      collection.id,
+      collection.members,
+      regionCallbacks,
+      customRegions,
+      onProjectAdded
+    ]
   );
   const handleProjectDrop = useCallback(
     async (data, event) => {
@@ -134500,12 +134992,39 @@ This indicates a sprite was rendered without valid backing data.`
     },
     [handleProjectMoved]
   );
+  const handleGitHubDrop = useCallback(
+    async (data, event) => {
+      const fullName = data.primaryData;
+      const metadata = data.metadata || {};
+      const repoId = fullName;
+      const repositoryMetadata = {
+        name: metadata.name || fullName.split("/")[1] || fullName,
+        path: fullName,
+        // Use full_name as path for GitHub repos
+        ...metadata
+      };
+      const gridCoords = domEventToGridCoords(
+        event.clientX,
+        event.clientY,
+        viewportRef.current,
+        canvasRef.current
+      );
+      const gridX = Math.round(gridCoords.gridX);
+      const gridY = Math.round(gridCoords.gridY);
+      await handleProjectMoved(repoId, gridX, gridY, repositoryMetadata);
+    },
+    [handleProjectMoved]
+  );
   const { isDragOver, ...dropZoneProps } = useDropZone({
     handlers: [
       {
         dataType: "repository-project",
         onDrop: handleProjectDrop
       },
+      {
+        dataType: "repository-github",
+        onDrop: handleGitHubDrop
+      },
       {
         dataType: "application/x-unplaced-node",
         onDrop: async (data, event) => {
@@ -135709,10 +136228,7 @@ const TelemetryCoveragePanelPreview = () => {
     }
   );
 };
-const TelemetryCoveragePanel = ({
-  context: context2,
-  events
-}) => {
+const TelemetryCoveragePanel = ({ context: context2, events }) => {
   var _a;
   const packagesSlice = context2.packages;
   const fileTreeSlice = context2.fileTree;
@@ -136079,4 +136595,4 @@ export {
   UPDATE_PRIORITY as y,
   removeItems as z
 };
-//# sourceMappingURL=index-CFyVQhEt.js.map
+//# sourceMappingURL=index-B88alco-.js.map