@industry-theme/repository-composition-panels 0.2.12 → 0.2.14

package/dist/panels.bundle.js

@@ -1,5 +1,6 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import React2, { createContext, useContext, forwardRef, createElement, useRef, useEffect, memo, PureComponent, isValidElement, cloneElement, useLayoutEffect, useMemo, useState, useCallback, useImperativeHandle } from "react";
+import { createPortal } from "react-dom";
 var ThemeContext;
 var getThemeContext = () => {
   if (typeof window !== "undefined") {
@@ -128,18 +129,18 @@ 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$p = [
+const __iconNode$r = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
 ];
-const ArrowRight = createLucideIcon("arrow-right", __iconNode$p);
+const ArrowRight = createLucideIcon("arrow-right", __iconNode$r);
 /**
  * @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$o = [
+const __iconNode$q = [
   [
     "path",
     {
@@ -150,93 +151,93 @@ const __iconNode$o = [
   ["path", { d: "m3.3 7 8.7 5 8.7-5", key: "g66t2b" }],
   ["path", { d: "M12 22V12", key: "d0xqtd" }]
 ];
-const Box = createLucideIcon("box", __iconNode$o);
+const Box = createLucideIcon("box", __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$n = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$n);
+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$m = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$m);
+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$l = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
-const ChevronLeft = createLucideIcon("chevron-left", __iconNode$l);
+const __iconNode$n = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
+const ChevronLeft = createLucideIcon("chevron-left", __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$k = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-const ChevronRight = createLucideIcon("chevron-right", __iconNode$k);
+const __iconNode$m = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("chevron-right", __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$j = [
+const __iconNode$l = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
   ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
 ];
-const CircleAlert = createLucideIcon("circle-alert", __iconNode$j);
+const CircleAlert = createLucideIcon("circle-alert", __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$i = [
+const __iconNode$k = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3", key: "1u773s" }],
   ["path", { d: "M12 17h.01", key: "p32p05" }]
 ];
-const CircleQuestionMark = createLucideIcon("circle-question-mark", __iconNode$i);
+const CircleQuestionMark = createLucideIcon("circle-question-mark", __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$h = [
+const __iconNode$j = [
   ["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$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$g = [
+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$g);
+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$f = [
+const __iconNode$h = [
   [
     "path",
     {
@@ -248,14 +249,14 @@ const __iconNode$f = [
   ["path", { d: "M10 12.5 8 15l2 2.5", key: "1tg20x" }],
   ["path", { d: "m14 12.5 2 2.5-2 2.5", key: "yinavb" }]
 ];
-const FileCode = createLucideIcon("file-code", __iconNode$f);
+const FileCode = createLucideIcon("file-code", __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$e = [
+const __iconNode$g = [
   [
     "path",
     {
@@ -266,14 +267,32 @@ const __iconNode$e = [
   ["path", { d: "M12 17h.01", key: "p32p05" }],
   ["path", { d: "M9.1 9a3 3 0 0 1 5.82 1c0 2-3 3-3 3", key: "mhlwft" }]
 ];
-const FileQuestionMark = createLucideIcon("file-question-mark", __iconNode$e);
+const FileQuestionMark = createLucideIcon("file-question-mark", __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$d = [
+const __iconNode$f = [
+  [
+    "path",
+    {
+      d: "M4 11V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.706.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h7",
+      key: "huwfnr"
+    }
+  ],
+  ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }],
+  ["path", { d: "m10 18 3-3-3-3", key: "18f6ys" }]
+];
+const FileSymlink = createLucideIcon("file-symlink", __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$e = [
   [
     "path",
     {
@@ -286,7 +305,23 @@ const __iconNode$d = [
   ["path", { d: "M16 13H8", key: "t4e002" }],
   ["path", { d: "M16 17H8", key: "z1uh3a" }]
 ];
-const FileText = createLucideIcon("file-text", __iconNode$d);
+const FileText = createLucideIcon("file-text", __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 = [
+  [
+    "path",
+    {
+      d: "m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2",
+      key: "usdka0"
+    }
+  ]
+];
+const FolderOpen = createLucideIcon("folder-open", __iconNode$d);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
@@ -8089,11 +8124,31 @@ const GitChangesPanelContent = ({
   rootPath,
   isLoading = false,
   onFileClick,
+  onContextMenuAction,
   emptyMessage = "No git changes to display",
   loadingMessage = "Loading git changes...",
   selectedFile
 }) => {
   const { theme } = useTheme();
+  const [contextMenu, setContextMenu] = useState({
+    visible: false,
+    x: 0,
+    y: 0,
+    nodePath: "",
+    isFolder: false
+  });
+  const contextMenuRef = useRef(null);
+  useEffect(() => {
+    const handleClickOutside = (e) => {
+      if (contextMenuRef.current && !contextMenuRef.current.contains(e.target)) {
+        setContextMenu((prev) => ({ ...prev, visible: false }));
+      }
+    };
+    if (contextMenu.visible) {
+      document.addEventListener("mousedown", handleClickOutside);
+      return () => document.removeEventListener("mousedown", handleClickOutside);
+    }
+  }, [contextMenu.visible]);
   const hasChanges = gitStatus.staged.length > 0 || gitStatus.unstaged.length > 0 || gitStatus.untracked.length > 0 || gitStatus.deleted.length > 0;
   const [showFullTree, setShowFullTree] = useState(false);
   const userHasToggledView = useRef(false);
@@ -8130,6 +8185,52 @@ const GitChangesPanelContent = ({
     },
     [getFileStatus, onFileClick]
   );
+  const handleContextMenu = useCallback(
+    (event, nodePath, isFolder) => {
+      event.preventDefault();
+      setContextMenu({
+        visible: true,
+        x: event.clientX,
+        y: event.clientY,
+        nodePath,
+        isFolder
+      });
+    },
+    []
+  );
+  const closeContextMenu = useCallback(() => {
+    setContextMenu((prev) => ({ ...prev, visible: false }));
+  }, []);
+  const getFullPath = useCallback(
+    (nodePath) => {
+      if (rootPath && !nodePath.startsWith(rootPath)) {
+        return `${rootPath}/${nodePath}`;
+      }
+      return nodePath;
+    },
+    [rootPath]
+  );
+  const handleCopyFullPath = useCallback(() => {
+    const fullPath = getFullPath(contextMenu.nodePath);
+    navigator.clipboard.writeText(fullPath);
+    onContextMenuAction == null ? void 0 : onContextMenuAction({ type: "copyFullPath", path: fullPath });
+    closeContextMenu();
+  }, [contextMenu.nodePath, getFullPath, onContextMenuAction, closeContextMenu]);
+  const handleCopyRelativePath = useCallback(() => {
+    navigator.clipboard.writeText(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]);
+  const handleOpenFolder = useCallback(() => {
+    const fullPath = getFullPath(contextMenu.nodePath);
+    onContextMenuAction == null ? void 0 : onContextMenuAction({ type: "openFolder", path: fullPath });
+    closeContextMenu();
+  }, [contextMenu.nodePath, getFullPath, onContextMenuAction, closeContextMenu]);
   const gitChangesData = useMemo(() => {
     if (isLoading) {
       return null;
@@ -8217,7 +8318,7 @@ const GitChangesPanelContent = ({
               fontSize: theme.fontSizes[1],
               backgroundColor: showFullTree ? theme.colors.backgroundSecondary : "transparent",
               color: showFullTree ? theme.colors.text : theme.colors.textSecondary,
-              border: showFullTree ? `1px solid ${theme.colors.border}` : "1px solid transparent",
+              border: "none",
               cursor: "pointer",
               fontWeight: showFullTree ? 600 : 400,
               transition: "all 0.2s"
@@ -8238,12 +8339,12 @@ const GitChangesPanelContent = ({
               fontSize: theme.fontSizes[1],
               backgroundColor: !showFullTree ? theme.colors.backgroundSecondary : "transparent",
               color: !showFullTree ? theme.colors.text : theme.colors.textSecondary,
-              border: !showFullTree ? `1px solid ${theme.colors.border}` : "1px solid transparent",
+              border: "none",
               cursor: "pointer",
               fontWeight: !showFullTree ? 600 : 400,
               transition: "all 0.2s"
             },
-            children: "Changes Only"
+            children: "Changes"
           }
         )
       ]
@@ -8286,6 +8387,7 @@ const GitChangesPanelContent = ({
         theme,
         gitStatusData: gitChangesData.statusData,
         onFileSelect: handleFileSelect,
+        onContextMenu: handleContextMenu,
         selectedFile,
         transparentBackground: true,
         horizontalNodePadding: "16px",
@@ -8294,9 +8396,93 @@ const GitChangesPanelContent = ({
       showFullTree ? "full" : "changes"
     );
   };
+  const contextMenuButtonStyle = {
+    display: "flex",
+    alignItems: "center",
+    gap: "8px",
+    width: "100%",
+    padding: "8px 12px",
+    border: "none",
+    background: "none",
+    cursor: "pointer",
+    fontSize: theme.fontSizes[1],
+    color: theme.colors.text,
+    textAlign: "left"
+  };
   return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", height: "100%" }, children: [
     /* @__PURE__ */ jsx("div", { style: { height: 40, borderBottom: `1px solid ${theme.colors.border}` }, children: /* @__PURE__ */ jsx(ToggleButtons, {}) }),
-    /* @__PURE__ */ jsx("div", { style: { flex: 1, overflow: "auto" }, children: /* @__PURE__ */ jsx(Content, {}) })
+    /* @__PURE__ */ jsx("div", { style: { flex: 1, overflow: "auto" }, children: /* @__PURE__ */ jsx(Content, {}) }),
+    contextMenu.visible && createPortal(
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref: contextMenuRef,
+          style: {
+            position: "fixed",
+            top: contextMenu.y,
+            left: contextMenu.x,
+            backgroundColor: theme.colors.background,
+            border: `1px solid ${theme.colors.border}`,
+            borderRadius: "6px",
+            boxShadow: "0 4px 12px rgba(0, 0, 0, 0.15)",
+            zIndex: 1e3,
+            minWidth: "180px",
+            padding: "4px 0",
+            fontFamily: theme.fonts.body,
+            ["--theme-bg-tertiary"]: theme.colors.backgroundTertiary
+          },
+          children: [
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                onClick: contextMenu.isFolder ? handleOpenFolder : handleOpenFile,
+                className: "context-menu-item",
+                style: contextMenuButtonStyle,
+                children: [
+                  contextMenu.isFolder ? /* @__PURE__ */ jsx(FolderOpen, { size: 14 }) : /* @__PURE__ */ jsx(ExternalLink, { size: 14 }),
+                  contextMenu.isFolder ? "Open Folder" : "Open File"
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                style: {
+                  height: "1px",
+                  backgroundColor: theme.colors.border,
+                  margin: "4px 0"
+                }
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                onClick: handleCopyFullPath,
+                className: "context-menu-item",
+                style: contextMenuButtonStyle,
+                children: [
+                  /* @__PURE__ */ jsx(Copy, { size: 14 }),
+                  "Copy Full Path"
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                onClick: handleCopyRelativePath,
+                className: "context-menu-item",
+                style: contextMenuButtonStyle,
+                children: [
+                  /* @__PURE__ */ jsx(FileSymlink, { size: 14 }),
+                  "Copy Relative Path"
+                ]
+              }
+            )
+          ]
+        }
+      ),
+      document.body
+    )
   ] });
 };
 const GitChangesPanelPreview = () => {
@@ -8362,7 +8548,7 @@ const GitChangesPanelPreview = () => {
     }
   );
 };
-const GitChangesPanel = ({ context }) => {
+const GitChangesPanel = ({ context, events }) => {
   var _a;
   const gitSlice = context.getSlice("git");
   const fileTreeSlice = context.getSlice("fileTree");
@@ -8375,13 +8561,37 @@ const GitChangesPanel = ({ context }) => {
   const fileTree = (fileTreeSlice == null ? void 0 : fileTreeSlice.data) ?? null;
   const isLoading = (gitSlice == null ? void 0 : gitSlice.loading) || (fileTreeSlice == null ? void 0 : fileTreeSlice.loading) || false;
   const rootPath = context.currentScope.type === "repository" ? (_a = context.currentScope.repository) == null ? void 0 : _a.path : void 0;
+  const handleFileClick = useCallback(
+    (filePath, status) => {
+      events == null ? void 0 : events.emit({
+        type: "file:open",
+        source: "git-changes-panel",
+        timestamp: Date.now(),
+        payload: { path: filePath, gitStatus: status }
+      });
+    },
+    [events]
+  );
+  const handleContextMenuAction = useCallback(
+    (action) => {
+      events == null ? void 0 : events.emit({
+        type: `contextMenu:${action.type}`,
+        source: "git-changes-panel",
+        timestamp: Date.now(),
+        payload: { path: action.path }
+      });
+    },
+    [events]
+  );
   return /* @__PURE__ */ jsx(
     GitChangesPanelContent,
     {
       gitStatus,
       fileTree,
       rootPath,
-      isLoading
+      isLoading,
+      onFileClick: handleFileClick,
+      onContextMenuAction: handleContextMenuAction
     }
   );
 };
@@ -9219,6 +9429,57 @@ const PackageSummaryCard = ({ pkg, allPackages, onClick, onHover }) => {
           ),
           /* @__PURE__ */ jsx(ChevronRight, { size: 16, color: theme.colors.textSecondary })
         ] }),
+        (pkg.packageData.description || pkg.packageData.license) && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              gap: "4px"
+            },
+            children: [
+              pkg.packageData.description && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  style: {
+                    fontSize: theme.fontSizes[0],
+                    color: theme.colors.textSecondary,
+                    lineHeight: 1.4,
+                    overflow: "hidden",
+                    display: "-webkit-box",
+                    WebkitLineClamp: 2,
+                    WebkitBoxOrient: "vertical"
+                  },
+                  children: pkg.packageData.description
+                }
+              ),
+              pkg.packageData.license && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "4px",
+                    fontSize: theme.fontSizes[0]
+                  },
+                  children: /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      style: {
+                        padding: "1px 6px",
+                        backgroundColor: theme.colors.textSecondary + "15",
+                        color: theme.colors.textSecondary,
+                        borderRadius: "3px",
+                        fontWeight: 500
+                      },
+                      children: pkg.packageData.license
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        ),
         hasInternalDeps && /* @__PURE__ */ jsxs(
           "div",
           {
@@ -9316,6 +9577,7 @@ const PackageCard = ({
   onPackageClick,
   standalone = false
 }) => {
+  var _a, _b;
   const { theme } = useTheme();
   const [activeTab, setActiveTab] = useState("dependencies");
   const [activeFilters, setActiveFilters] = useState(/* @__PURE__ */ new Set());
@@ -9427,6 +9689,60 @@ const PackageCard = ({
           ]
         }
       ),
+      (pkg.packageData.description || pkg.packageData.license || pkg.packageData.author) && /* @__PURE__ */ jsxs(
+        "div",
+        {
+          style: {
+            padding: "8px 16px 12px",
+            borderBottom: `1px solid ${theme.colors.border}`,
+            display: "flex",
+            flexDirection: "column",
+            gap: "6px"
+          },
+          children: [
+            pkg.packageData.description && /* @__PURE__ */ jsx(
+              "div",
+              {
+                style: {
+                  fontSize: theme.fontSizes[1],
+                  color: theme.colors.textSecondary,
+                  lineHeight: 1.5
+                },
+                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: theme.colors.textSecondary + "15",
+                    color: theme.colors.textSecondary,
+                    borderRadius: "4px",
+                    fontSize: theme.fontSizes[0],
+                    fontWeight: 500
+                  },
+                  children: pkg.packageData.license
+                }
+              ),
+              (pkg.packageData.author || ((_a = pkg.packageData.authors) == null ? void 0 : _a[0])) && /* @__PURE__ */ jsxs(
+                "span",
+                {
+                  style: {
+                    fontSize: theme.fontSizes[0],
+                    color: theme.colors.textSecondary
+                  },
+                  children: [
+                    "by ",
+                    pkg.packageData.author || ((_b = pkg.packageData.authors) == null ? void 0 : _b[0])
+                  ]
+                }
+              )
+            ] })
+          ]
+        }
+      ),
       /* @__PURE__ */ jsx(
         "div",
         {