@industry-theme/backlogmd-kanban-panel 1.0.38 → 1.0.39

package/dist/panels/kanban/components/TaskCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TaskCard.d.ts","sourceRoot":"","sources":["../../../../src/panels/kanban/components/TaskCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAe7C,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAyO5C,CAAC"}
+{"version":3,"file":"TaskCard.d.ts","sourceRoot":"","sources":["../../../../src/panels/kanban/components/TaskCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAgB7C,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAgS5C,CAAC"}

package/dist/panels/kanban/components/TaskContextMenu.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Task } from '@backlog-md/core';
+export interface TaskContextMenuProps {
+    task: Task;
+    position: {
+        x: number;
+        y: number;
+    };
+    onClose: () => void;
+    onCopyPath: (task: Task) => void;
+}
+export declare const TaskContextMenu: React.FC<TaskContextMenuProps>;
+//# sourceMappingURL=TaskContextMenu.d.ts.map

package/dist/panels/kanban/components/TaskContextMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskContextMenu.d.ts","sourceRoot":"","sources":["../../../../src/panels/kanban/components/TaskContextMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,IAAI,CAAC;IACX,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CAClC;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA4E1D,CAAC"}

package/dist/panels.bundle.js

@@ -8274,6 +8274,73 @@ function useKanbanData(options) {
     core: coreRef.current
   };
 }
+const TaskContextMenu = ({
+  task,
+  position: position2,
+  onClose,
+  onCopyPath
+}) => {
+  const menuRef = useRef(null);
+  useEffect(() => {
+    const handleClickOutside = (e) => {
+      if (menuRef.current && !menuRef.current.contains(e.target)) {
+        onClose();
+      }
+    };
+    const handleEscape = (e) => {
+      if (e.key === "Escape") {
+        onClose();
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    document.addEventListener("keydown", handleEscape);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+      document.removeEventListener("keydown", handleEscape);
+    };
+  }, [onClose]);
+  const handleCopyPath = () => {
+    onCopyPath(task);
+    onClose();
+  };
+  const menuStyle = {
+    position: "fixed",
+    top: position2.y,
+    left: position2.x,
+    backgroundColor: "#ffffff",
+    border: "1px solid #e0e0e0",
+    borderRadius: "4px",
+    boxShadow: "0 2px 8px rgba(0, 0, 0, 0.15)",
+    padding: "4px 0",
+    minWidth: "180px",
+    zIndex: 1e4
+  };
+  const menuItemStyle = {
+    padding: "8px 16px",
+    cursor: "pointer",
+    fontSize: "14px",
+    color: "#333",
+    transition: "background-color 0.15s ease"
+  };
+  const menuItemHoverStyle = {
+    ...menuItemStyle,
+    backgroundColor: "#f5f5f5"
+  };
+  const [isHovering, setIsHovering] = React2__default.useState(false);
+  return createPortal(
+    /* @__PURE__ */ jsx("div", { ref: menuRef, style: menuStyle, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: isHovering ? menuItemHoverStyle : menuItemStyle,
+        onMouseEnter: () => setIsHovering(true),
+        onMouseLeave: () => setIsHovering(false),
+        onClick: handleCopyPath,
+        children: "Copy Task Path"
+      }
+    ) }),
+    document.body
+  );
+};
 function getGitHubIssueFromRefs$1(references) {
   if (!references) return null;
   for (const ref of references) {
@@ -8291,6 +8358,8 @@ const TaskCard = ({
   isSelected = false
 }) => {
   const { theme: theme2 } = useTheme();
+  const [contextMenuPosition, setContextMenuPosition] = useState(null);
+  const [copyFeedback, setCopyFeedback] = useState(false);
   const {
     attributes,
     listeners,
@@ -8341,178 +8410,226 @@ const TaskCard = ({
       onClick(task);
     }
   };
+  const handleContextMenu = (e) => {
+    if (isDragging) return;
+    e.preventDefault();
+    e.stopPropagation();
+    setContextMenuPosition({ x: e.clientX, y: e.clientY });
+  };
+  const handleCopyPath = async (task2) => {
+    if (task2.filePath) {
+      try {
+        await navigator.clipboard.writeText(task2.filePath);
+        setCopyFeedback(true);
+        setTimeout(() => setCopyFeedback(false), 2e3);
+      } catch (err) {
+        console.error("Failed to copy task path:", err);
+      }
+    }
+  };
   const displayTitle = task.title.replace(/^Task\s+\d+\s*[:\-–—]?\s*/i, "").trim() || task.title;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref: setNodeRef,
-      style: style2,
-      onClick: handleClick,
-      ...listeners,
-      ...attributes,
-      onMouseEnter: (e) => {
-        if (!isDragging && !isDragOverlay) {
-          const desc = e.currentTarget.querySelector("p");
-          if (desc) {
-            desc.style.maxHeight = "20em";
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: setNodeRef,
+        style: style2,
+        onClick: handleClick,
+        onContextMenu: handleContextMenu,
+        ...listeners,
+        ...attributes,
+        onMouseEnter: (e) => {
+          if (!isDragging && !isDragOverlay) {
+            const desc = e.currentTarget.querySelector("p");
+            if (desc) {
+              desc.style.maxHeight = "20em";
+            }
+            e.currentTarget.style.borderLeft = `4px solid ${getPriorityColor(task.priority)}`;
           }
-          e.currentTarget.style.borderLeft = `4px solid ${getPriorityColor(task.priority)}`;
-        }
-      },
-      onMouseLeave: (e) => {
-        if (!isDragging && !isDragOverlay) {
-          const desc = e.currentTarget.querySelector("p");
-          if (desc) {
-            desc.style.maxHeight = "2.8em";
+        },
+        onMouseLeave: (e) => {
+          if (!isDragging && !isDragOverlay) {
+            const desc = e.currentTarget.querySelector("p");
+            if (desc) {
+              desc.style.maxHeight = "2.8em";
+            }
+            e.currentTarget.style.borderLeft = `4px solid ${getPriorityColor(task.priority)}`;
           }
-          e.currentTarget.style.borderLeft = `4px solid ${getPriorityColor(task.priority)}`;
-        }
-      },
-      children: [
-        /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "6px", marginBottom: "8px" }, children: [
-          /* @__PURE__ */ jsx(
-            "h4",
+        },
+        children: [
+          /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "6px", marginBottom: "8px" }, children: [
+            /* @__PURE__ */ jsx(
+              "h4",
+              {
+                style: {
+                  margin: 0,
+                  fontSize: theme2.fontSizes[2],
+                  color: isSelected ? getPriorityColor(task.priority) : theme2.colors.text,
+                  fontWeight: theme2.fontWeights.medium,
+                  flex: 1
+                },
+                children: displayTitle
+              }
+            ),
+            getGitHubIssueFromRefs$1(task.references) && /* @__PURE__ */ jsx(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  alignItems: "center",
+                  gap: "3px",
+                  padding: "2px 6px",
+                  borderRadius: theme2.radii[1],
+                  background: `${theme2.colors.success}20`,
+                  color: theme2.colors.success,
+                  fontSize: theme2.fontSizes[0],
+                  fontWeight: theme2.fontWeights.medium,
+                  flexShrink: 0
+                },
+                title: "Assigned to Claude",
+                children: /* @__PURE__ */ jsx(GitBranch, { size: 10 })
+              }
+            )
+          ] }),
+          task.description && /* @__PURE__ */ jsx(
+            "p",
             {
               style: {
-                margin: 0,
-                fontSize: theme2.fontSizes[2],
-                color: isSelected ? getPriorityColor(task.priority) : theme2.colors.text,
-                fontWeight: theme2.fontWeights.medium,
-                flex: 1
+                margin: "0 0 8px 0",
+                fontSize: theme2.fontSizes[1],
+                color: theme2.colors.textSecondary,
+                overflow: "hidden",
+                lineHeight: "1.4",
+                maxHeight: "2.8em",
+                // 2 lines (1.4 * 2)
+                transition: "max-height 0.3s ease"
               },
-              children: displayTitle
+              children: task.description
             }
           ),
-          getGitHubIssueFromRefs$1(task.references) && /* @__PURE__ */ jsx(
+          task.labels && task.labels.length > 0 && /* @__PURE__ */ jsx(
             "div",
             {
               style: {
                 display: "flex",
-                alignItems: "center",
-                gap: "3px",
-                padding: "2px 6px",
-                borderRadius: theme2.radii[1],
-                background: `${theme2.colors.success}20`,
-                color: theme2.colors.success,
-                fontSize: theme2.fontSizes[0],
-                fontWeight: theme2.fontWeights.medium,
-                flexShrink: 0
+                gap: "4px",
+                flexWrap: "wrap",
+                marginBottom: "8px"
               },
-              title: "Assigned to Claude",
-              children: /* @__PURE__ */ jsx(GitBranch, { size: 10 })
-            }
-          )
-        ] }),
-        task.description && /* @__PURE__ */ jsx(
-          "p",
-          {
-            style: {
-              margin: "0 0 8px 0",
-              fontSize: theme2.fontSizes[1],
-              color: theme2.colors.textSecondary,
-              overflow: "hidden",
-              lineHeight: "1.4",
-              maxHeight: "2.8em",
-              // 2 lines (1.4 * 2)
-              transition: "max-height 0.3s ease"
-            },
-            children: task.description
-          }
-        ),
-        task.labels && task.labels.length > 0 && /* @__PURE__ */ jsx(
-          "div",
-          {
-            style: {
-              display: "flex",
-              gap: "4px",
-              flexWrap: "wrap",
-              marginBottom: "8px"
-            },
-            children: task.labels.map((label) => /* @__PURE__ */ jsx(
-              "span",
-              {
-                style: {
-                  fontSize: theme2.fontSizes[0],
-                  color: theme2.colors.primary,
-                  background: `${theme2.colors.primary}20`,
-                  padding: "2px 8px",
-                  borderRadius: theme2.radii[1],
-                  fontWeight: theme2.fontWeights.medium
+              children: task.labels.map((label) => /* @__PURE__ */ jsx(
+                "span",
+                {
+                  style: {
+                    fontSize: theme2.fontSizes[0],
+                    color: theme2.colors.primary,
+                    background: `${theme2.colors.primary}20`,
+                    padding: "2px 8px",
+                    borderRadius: theme2.radii[1],
+                    fontWeight: theme2.fontWeights.medium
+                  },
+                  children: label
                 },
-                children: label
+                label
+              ))
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: {
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "space-between",
+                fontSize: theme2.fontSizes[0],
+                color: theme2.colors.textMuted
               },
-              label
-            ))
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            style: {
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "space-between",
-              fontSize: theme2.fontSizes[0],
-              color: theme2.colors.textMuted
-            },
-            children: [
-              /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-                /* @__PURE__ */ jsx(
+              children: [
+                /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      style: {
+                        fontFamily: theme2.fonts.monospace
+                      },
+                      children: task.id
+                    }
+                  ),
+                  (() => {
+                    const issue = getGitHubIssueFromRefs$1(task.references);
+                    if (!issue) return null;
+                    return /* @__PURE__ */ jsxs(
+                      "a",
+                      {
+                        href: issue.url,
+                        target: "_blank",
+                        rel: "noopener noreferrer",
+                        onClick: (e) => e.stopPropagation(),
+                        style: {
+                          display: "inline-flex",
+                          alignItems: "center",
+                          gap: "3px",
+                          color: theme2.colors.primary,
+                          textDecoration: "none",
+                          fontSize: theme2.fontSizes[0]
+                        },
+                        title: `View issue #${issue.number} on GitHub`,
+                        children: [
+                          /* @__PURE__ */ jsx(ExternalLink, { size: 10 }),
+                          "#",
+                          issue.number
+                        ]
+                      }
+                    );
+                  })()
+                ] }),
+                task.assignee && task.assignee.length > 0 && /* @__PURE__ */ jsxs(
                   "span",
                   {
                     style: {
-                      fontFamily: theme2.fonts.monospace
+                      color: theme2.colors.textSecondary
                     },
-                    children: task.id
+                    children: [
+                      task.assignee.length,
+                      " assignee",
+                      task.assignee.length !== 1 ? "s" : ""
+                    ]
                   }
-                ),
-                (() => {
-                  const issue = getGitHubIssueFromRefs$1(task.references);
-                  if (!issue) return null;
-                  return /* @__PURE__ */ jsxs(
-                    "a",
-                    {
-                      href: issue.url,
-                      target: "_blank",
-                      rel: "noopener noreferrer",
-                      onClick: (e) => e.stopPropagation(),
-                      style: {
-                        display: "inline-flex",
-                        alignItems: "center",
-                        gap: "3px",
-                        color: theme2.colors.primary,
-                        textDecoration: "none",
-                        fontSize: theme2.fontSizes[0]
-                      },
-                      title: `View issue #${issue.number} on GitHub`,
-                      children: [
-                        /* @__PURE__ */ jsx(ExternalLink, { size: 10 }),
-                        "#",
-                        issue.number
-                      ]
-                    }
-                  );
-                })()
-              ] }),
-              task.assignee && task.assignee.length > 0 && /* @__PURE__ */ jsxs(
-                "span",
-                {
-                  style: {
-                    color: theme2.colors.textSecondary
-                  },
-                  children: [
-                    task.assignee.length,
-                    " assignee",
-                    task.assignee.length !== 1 ? "s" : ""
-                  ]
-                }
-              )
-            ]
-          }
-        )
-      ]
-    }
-  );
+                )
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    contextMenuPosition && /* @__PURE__ */ jsx(
+      TaskContextMenu,
+      {
+        task,
+        position: contextMenuPosition,
+        onClose: () => setContextMenuPosition(null),
+        onCopyPath: handleCopyPath
+      }
+    ),
+    copyFeedback && /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          position: "fixed",
+          bottom: "20px",
+          right: "20px",
+          background: theme2.colors.success,
+          color: "white",
+          padding: "12px 16px",
+          borderRadius: theme2.radii[2],
+          boxShadow: "0 4px 12px rgba(0, 0, 0, 0.15)",
+          zIndex: 10001,
+          fontSize: theme2.fontSizes[1],
+          fontWeight: theme2.fontWeights.medium
+        },
+        children: "Task path copied to clipboard!"
+      }
+    )
+  ] });
 };
 const KanbanColumn = ({
   columnId,