@industry-theme/backlogmd-kanban-panel 1.0.28 → 1.0.30

package/dist/panels/KanbanPanel.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KanbanPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/KanbanPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAW5D,QAAA,MAAM,IAAI;;;;;;;;;;;;CAkB0B,CAAC;AAErC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAoLnC,eAAO,MAAM,UAAU,EAAE,KA0BxB,CAAC;AAKF,eAAO,MAAM,YAAY,EAAE,KAc1B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAc5B,CAAC"}
+{"version":3,"file":"KanbanPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/KanbanPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAe5D,QAAA,MAAM,IAAI;;;;;;;;;;;;CAkB0B,CAAC;AAErC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAqKnC,eAAO,MAAM,UAAU,EAAE,KA0BxB,CAAC;AAKF,eAAO,MAAM,YAAY,EAAE,KAc1B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAc5B,CAAC"}

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

@@ -1,11 +1,10 @@
 import React from 'react';
 import type { Task } from '@backlog-md/core';
-interface TaskCardProps {
+export interface TaskCardProps {
     task: Task;
     onClick?: (task: Task) => void;
     isDragOverlay?: boolean;
     isSelected?: boolean;
 }
 export declare const TaskCard: React.FC<TaskCardProps>;
-export {};
 //# sourceMappingURL=TaskCard.d.ts.map

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;AAG1B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAE7C,UAAU,aAAa;IACrB,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,CAqL5C,CAAC"}
+{"version":3,"file":"TaskCard.d.ts","sourceRoot":"","sources":["../../../../src/panels/kanban/components/TaskCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,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,CAyL5C,CAAC"}

package/dist/panels/kanban/mocks/mockData.d.ts

@@ -1,13 +1,26 @@
 /**
  * Mock Data Generator for Kanban Panel Testing
  *
- * Generates sample task data matching the Backlog.md Task interface
- * for testing and development purposes.
+ * Provides raw markdown file contents from the Backlog.md CLI project.
+ * These are passed to Core for parsing, testing the actual extraction logic.
  */
 import type { Task } from '@backlog-md/core';
 /**
- * Generate mock tasks for testing the kanban board
- * Creates 30 tasks with evenly distributed statuses (To Do, In Progress, Done)
+ * Raw markdown file contents from Backlog.md project
+ * The Core instance will parse these to extract description, acceptance criteria, etc.
+ */
+export declare const rawTaskMarkdownFiles: Record<string, string>;
+/**
+ * Get file paths for all mock task files
+ */
+export declare function getMockTaskFilePaths(): string[];
+/**
+ * Get raw markdown content for a file path
+ */
+export declare function getMockFileContent(filePath: string): string | undefined;
+/**
+ * Legacy function - returns empty array since we now use raw markdown
+ * @deprecated Use rawTaskMarkdownFiles directly
  */
 export declare function generateMockTasks(): Task[];
 /**
@@ -30,7 +43,7 @@ export declare function getMockPanelConfig(): {
     enableEdit: boolean;
     enableCreate: boolean;
 };
-/** Mock milestone data structure (includes filePath for test setup) */
+/** Mock milestone data structure */
 export interface MockMilestone {
     id: string;
     title: string;
@@ -41,7 +54,6 @@ export interface MockMilestone {
 }
 /**
  * Generate mock milestones for testing the milestone view
- * Note: Milestone files must be named m-{number}.md (e.g., m-0.md, m-1.md)
  */
 export declare function generateMockMilestones(): MockMilestone[];
 //# sourceMappingURL=mockData.d.ts.map

package/dist/panels/kanban/mocks/mockData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mockData.d.ts","sourceRoot":"","sources":["../../../../src/panels/kanban/mocks/mockData.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAiE7C;;;GAGG;AACH,wBAAgB,iBAAiB,IAAI,IAAI,EAAE,CA6B1C;AAED;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,MAAM,EAAE,CAE7C;AAED;;GAEG;AACH,wBAAgB,kBAAkB;;;;;;;;;;;;EAcjC;AAED,uEAAuE;AACvE,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,IAAI,aAAa,EAAE,CAmCxD"}
+{"version":3,"file":"mockData.d.ts","sourceRoot":"","sources":["../../../../src/panels/kanban/mocks/mockData.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAE7C;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAgavD,CAAC;AAEF;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,MAAM,EAAE,CAE/C;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAEvE;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,IAAI,IAAI,EAAE,CAG1C;AAED;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,MAAM,EAAE,CAE7C;AAED;;GAEG;AACH,wBAAgB,kBAAkB;;;;;;;;;;;;EAcjC;AAED,oCAAoC;AACpC,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,wBAAgB,sBAAsB,IAAI,aAAa,EAAE,CAmCxD"}

package/dist/panels.bundle.js

@@ -4225,15 +4225,24 @@ function parseAcceptanceCriteria(content2) {
   return criteria;
 }
 function extractDescription(content2, title) {
+  const descriptionSection = extractSection(content2, "Description");
+  if (descriptionSection) {
+    return stripHtmlComments(descriptionSection).trim();
+  }
   let body = content2;
   if (title) {
-    body = body.replace(new RegExp(`^#\\s+${escapeRegex(title)}\\s*$`, "m"), "");
+    body = body.replace(new RegExp(`^#\\s+${escapeRegex(title)}\\s*\\n?`, "m"), "");
+  }
+  const firstSectionMatch = body.match(/^##\s+/m);
+  if (firstSectionMatch && firstSectionMatch.index !== void 0) {
+    body = body.slice(0, firstSectionMatch.index);
   }
-  body = body.replace(/^##\s+Acceptance Criteria[\s\S]*?(?=^##|$)/m, "");
-  body = body.replace(/^##\s+Implementation Plan[\s\S]*?(?=^##|$)/m, "");
-  body = body.replace(/^##\s+Implementation Notes[\s\S]*?(?=^##|$)/m, "");
+  body = stripHtmlComments(body);
   return body.trim();
 }
+function stripHtmlComments(content2) {
+  return content2.replace(/<!--[\s\S]*?-->/g, "").trim();
+}
 function extractIdFromPath(filePath) {
   const filename = filePath.split("/").pop() || "";
   const match = filename.match(/^(?:task-)?(\d+(?:\.\d+)?)\s*-/);
@@ -6150,17 +6159,17 @@ const TaskCard = ({
       case "medium":
         return theme2.colors.warning;
       case "low":
-        return theme2.colors.info;
+        return theme2.colors.primary;
       default:
-        return theme2.colors.border;
+        return theme2.colors.primary;
     }
   };
   const style2 = {
     flexShrink: 0,
-    background: isSelected ? `${theme2.colors.primary}10` : theme2.colors.surface,
+    background: theme2.colors.surface,
     borderRadius: theme2.radii[2],
     padding: "12px",
-    border: `1px solid ${isSelected ? theme2.colors.primary : theme2.colors.border}`,
+    border: `1px solid ${theme2.colors.border}`,
     borderLeft: `4px solid ${getPriorityColor(task.priority)}`,
     cursor: isDragOverlay ? "grabbing" : "grab",
     transition: isDragging ? "none" : "all 0.2s ease",
@@ -6170,10 +6179,6 @@ const TaskCard = ({
     // When dragging, the original card stays in place but becomes a placeholder
     // The DragOverlay handles the visual movement
     opacity: isDragging ? 0.4 : 1,
-    // Selected card styling
-    ...isSelected && !isDragOverlay && {
-      boxShadow: `0 0 0 1px ${theme2.colors.primary}`
-    },
     // Overlay card styling
     ...isDragOverlay && {
       boxShadow: `0 8px 16px rgba(0, 0, 0, 0.15)`,
@@ -6198,14 +6203,20 @@ const TaskCard = ({
       ...attributes,
       onMouseEnter: (e) => {
         if (!isDragging && !isDragOverlay) {
-          e.currentTarget.style.transform = "translateY(-2px)";
-          e.currentTarget.style.boxShadow = `0 4px 8px ${theme2.colors.border}`;
+          const desc = e.currentTarget.querySelector("p");
+          if (desc) {
+            desc.style.maxHeight = "20em";
+          }
+          e.currentTarget.style.borderLeft = `4px solid ${getPriorityColor(task.priority)}`;
         }
       },
       onMouseLeave: (e) => {
         if (!isDragging && !isDragOverlay) {
-          e.currentTarget.style.transform = "translateY(0)";
-          e.currentTarget.style.boxShadow = "none";
+          const desc = e.currentTarget.querySelector("p");
+          if (desc) {
+            desc.style.maxHeight = "2.8em";
+          }
+          e.currentTarget.style.borderLeft = `4px solid ${getPriorityColor(task.priority)}`;
         }
       },
       children: [
@@ -6215,7 +6226,7 @@ const TaskCard = ({
             style: {
               margin: "0 0 8px 0",
               fontSize: theme2.fontSizes[2],
-              color: theme2.colors.text,
+              color: isSelected ? getPriorityColor(task.priority) : theme2.colors.text,
               fontWeight: theme2.fontWeights.medium
             },
             children: displayTitle
@@ -6229,11 +6240,10 @@ const TaskCard = ({
               fontSize: theme2.fontSizes[1],
               color: theme2.colors.textSecondary,
               overflow: "hidden",
-              textOverflow: "ellipsis",
-              display: "-webkit-box",
-              WebkitLineClamp: 2,
-              WebkitBoxOrient: "vertical",
-              lineHeight: "1.4"
+              lineHeight: "1.4",
+              maxHeight: "2.8em",
+              // 2 lines (1.4 * 2)
+              transition: "max-height 0.3s ease"
             },
             children: task.description
           }
@@ -50739,8 +50749,7 @@ var IndustryMarkdownSlide = React2__default.memo(function IndustryMarkdownSlide2
   }, [enableKeyboardScrolling, isVisible, slideIndex, scrollConfig]);
   useEffect(() => {
     if (autoFocusOnVisible && isVisible && slideRef.current) {
-      console.log("🎯 Auto-focusing slide container");
-      slideRef.current.focus();
+      slideRef.current.focus({ preventScroll: true });
     }
   }, [autoFocusOnVisible, isVisible]);
   const openPlaceholderModal = (placeholders, promptContent) => {
@@ -52707,12 +52716,8 @@ var Vt;
 })();
 var DocumentView = ({
   content: content2,
-  showSegmented = false,
   onCheckboxChange,
-  onSectionClick,
   maxWidth = "900px",
-  showSectionHeaders = true,
-  showSeparators = true,
   slideIdPrefix = "document",
   enableHtmlPopout = true,
   enableKeyboardScrolling = true,
@@ -52726,90 +52731,7 @@ var DocumentView = ({
   transparentBackground = false
 }) => {
   const containerRef = useRef(null);
-  const sectionRefs = useRef([]);
   const backgroundColor = transparentBackground ? "transparent" : theme2.colors.background;
-  const scrollToSection = useCallback((sectionIndex) => {
-    var _a;
-    if (sectionRefs.current[sectionIndex]) {
-      (_a = sectionRefs.current[sectionIndex]) == null ? void 0 : _a.scrollIntoView({
-        behavior: "smooth",
-        block: "start"
-      });
-    }
-  }, []);
-  const handleSectionClick = useCallback((index2) => {
-    scrollToSection(index2);
-    onSectionClick == null ? void 0 : onSectionClick(index2);
-  }, [scrollToSection, onSectionClick]);
-  if (typeof content2 === "string") {
-    return /* @__PURE__ */ React2__default.createElement("div", {
-      ref: containerRef,
-      style: {
-        height: "100%",
-        overflow: "auto",
-        backgroundColor
-      }
-    }, /* @__PURE__ */ React2__default.createElement("div", {
-      style: {
-        maxWidth: typeof maxWidth === "number" ? `${maxWidth}px` : maxWidth,
-        margin: "0 auto",
-        height: "100%"
-      }
-    }, /* @__PURE__ */ React2__default.createElement(IndustryMarkdownSlide, {
-      content: content2,
-      slideIdPrefix,
-      slideIndex: 0,
-      isVisible: true,
-      theme: theme2,
-      onCheckboxChange,
-      enableHtmlPopout,
-      enableKeyboardScrolling,
-      autoFocusOnVisible,
-      onLinkClick,
-      handleRunBashCommand,
-      fontSizeScale,
-      handlePromptCopy,
-      repositoryInfo,
-      transparentBackground
-    })));
-  }
-  if (!showSegmented) {
-    const fullContent = content2.join(`
-
----
-
-`);
-    return /* @__PURE__ */ React2__default.createElement("div", {
-      ref: containerRef,
-      style: {
-        height: "100%",
-        overflow: "auto",
-        backgroundColor
-      }
-    }, /* @__PURE__ */ React2__default.createElement("div", {
-      style: {
-        maxWidth: typeof maxWidth === "number" ? `${maxWidth}px` : maxWidth,
-        margin: "0 auto",
-        height: "100%"
-      }
-    }, /* @__PURE__ */ React2__default.createElement(IndustryMarkdownSlide, {
-      content: fullContent,
-      slideIdPrefix,
-      slideIndex: 0,
-      isVisible: true,
-      theme: theme2,
-      onCheckboxChange,
-      enableHtmlPopout,
-      enableKeyboardScrolling,
-      autoFocusOnVisible,
-      onLinkClick,
-      handleRunBashCommand,
-      fontSizeScale,
-      handlePromptCopy,
-      repositoryInfo,
-      transparentBackground
-    })));
-  }
   return /* @__PURE__ */ React2__default.createElement("div", {
     ref: containerRef,
     style: {
@@ -52820,49 +52742,13 @@ var DocumentView = ({
   }, /* @__PURE__ */ React2__default.createElement("div", {
     style: {
       maxWidth: typeof maxWidth === "number" ? `${maxWidth}px` : maxWidth,
-      margin: "0 auto"
-    }
-  }, content2.map((slideContent, index2) => /* @__PURE__ */ React2__default.createElement("div", {
-    key: index2,
-    ref: (el) => {
-      if (el)
-        sectionRefs.current[index2] = el;
-    },
-    style: {
-      marginBottom: index2 < content2.length - 1 ? "48px" : "0",
-      scrollMarginTop: "20px"
+      margin: "0 auto",
+      height: "100%"
     }
-  }, showSectionHeaders && /* @__PURE__ */ React2__default.createElement("div", {
-    onClick: () => handleSectionClick(index2),
-    style: {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "space-between",
-      marginBottom: "16px",
-      paddingBottom: "8px",
-      borderBottom: `1px solid ${theme2.colors.border}`,
-      opacity: 0.7,
-      cursor: "pointer",
-      transition: "opacity 0.2s ease"
-    },
-    onMouseOver: (e2) => {
-      e2.currentTarget.style.opacity = "1";
-    },
-    onMouseOut: (e2) => {
-      e2.currentTarget.style.opacity = "0.7";
-    }
-  }, /* @__PURE__ */ React2__default.createElement("span", {
-    style: {
-      fontSize: "11px",
-      fontWeight: 600,
-      color: theme2.colors.textSecondary,
-      textTransform: "uppercase",
-      letterSpacing: "0.5px"
-    }
-  }, "Section ", index2 + 1, " of ", content2.length)), /* @__PURE__ */ React2__default.createElement(IndustryMarkdownSlide, {
-    content: slideContent,
-    slideIdPrefix: `${slideIdPrefix}-${index2}`,
-    slideIndex: index2,
+  }, /* @__PURE__ */ React2__default.createElement(IndustryMarkdownSlide, {
+    content: content2,
+    slideIdPrefix,
+    slideIndex: 0,
     isVisible: true,
     theme: theme2,
     onCheckboxChange,
@@ -52875,15 +52761,7 @@ var DocumentView = ({
     handlePromptCopy,
     repositoryInfo,
     transparentBackground
-  }), showSeparators && index2 < content2.length - 1 && /* @__PURE__ */ React2__default.createElement("div", {
-    style: {
-      marginTop: "32px",
-      marginBottom: "32px",
-      height: "1px",
-      backgroundColor: theme2.colors.border,
-      opacity: 0.3
-    }
-  })))));
+  })));
 };
 function getTaskBodyMarkdown(task, options = {}) {
   const { includeTitle = false } = options;