@industry-theme/git-panels 0.1.17 → 0.1.19

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

@@ -1 +1 @@
-{"version":3,"file":"GitCommitDetailPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/GitCommitDetailPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,oBAAoB,EAA+B,MAAM,wBAAwB,CAAC;AAI3F,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,oBAAoB,CAO3C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,oBAAoB,CAAC,CAAC;AA6LnD;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC"}
+{"version":3,"file":"GitCommitDetailPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/GitCommitDetailPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,oBAAoB,EAA+B,MAAM,wBAAwB,CAAC;AAI3F,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,oBAAoB,CAO3C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAmMnD;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"GitPullRequestDetailPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/GitPullRequestDetailPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,yBAAyB,EAAoC,MAAM,6BAA6B,CAAC;AAI1G,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,yBAAyB,CAOhD,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,yBAAyB,CAAC,CAAC;AAyJxD;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC"}
+{"version":3,"file":"GitPullRequestDetailPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/GitPullRequestDetailPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,yBAAyB,EAAoC,MAAM,6BAA6B,CAAC;AAI1G,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,yBAAyB,CAOhD,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,yBAAyB,CAAC,CAAC;AA2JxD;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC"}

package/dist/panels.bundle.js

@@ -41124,7 +41124,8 @@ var createIndustryMarkdownComponents = ({
   enableHtmlPopout,
   slideHeaderMarginTopOverride,
   index: index2,
-  repositoryInfo
+  repositoryInfo,
+  editable = false
 }) => {
   const getLuminance = (hex) => {
     const rgb = hex.replace("#", "").match(/.{2}/g);
@@ -41145,9 +41146,11 @@ var createIndustryMarkdownComponents = ({
         fontSize: theme2.fontSizes[5],
         lineHeight: theme2.lineHeights.heading,
         fontWeight: theme2.fontWeights.bold,
-        marginTop: index2 === 0 ? 0 : theme2.space[4],
+        marginTop: theme2.space[4],
         marginBottom: theme2.space[4],
         fontFamily: theme2.fonts.heading,
+        paddingBottom: theme2.space[2],
+        borderBottom: `1px solid ${theme2.colors.border}`,
         ...headerStyles
       },
       ...props
@@ -41158,9 +41161,11 @@ var createIndustryMarkdownComponents = ({
         fontSize: theme2.fontSizes[4],
         lineHeight: theme2.lineHeights.heading,
         fontWeight: theme2.fontWeights.bold,
-        marginTop: index2 === 0 ? 0 : theme2.space[4],
+        marginTop: theme2.space[4],
         marginBottom: theme2.space[3],
         fontFamily: theme2.fonts.heading,
+        paddingBottom: theme2.space[2],
+        borderBottom: `1px solid ${theme2.colors.border}`,
         ...headerStyles
       },
       ...props
@@ -41171,12 +41176,48 @@ var createIndustryMarkdownComponents = ({
         fontSize: theme2.fontSizes[3],
         lineHeight: theme2.lineHeights.heading,
         fontWeight: theme2.fontWeights.semibold,
-        marginTop: index2 === 0 ? 0 : theme2.space[4],
+        marginTop: theme2.space[4],
         marginBottom: theme2.space[3],
         fontFamily: theme2.fonts.heading
       },
       ...props
     }, children2),
+    h4: ({ children: children2, ...props }) => /* @__PURE__ */ React2__default.createElement("h4", {
+      style: {
+        color: theme2.colors.text,
+        fontSize: theme2.fontSizes[2],
+        lineHeight: theme2.lineHeights.heading,
+        fontWeight: theme2.fontWeights.semibold,
+        marginTop: theme2.space[3],
+        marginBottom: theme2.space[2],
+        fontFamily: theme2.fonts.heading
+      },
+      ...props
+    }, children2),
+    h5: ({ children: children2, ...props }) => /* @__PURE__ */ React2__default.createElement("h5", {
+      style: {
+        color: theme2.colors.text,
+        fontSize: theme2.fontSizes[1],
+        lineHeight: theme2.lineHeights.heading,
+        fontWeight: theme2.fontWeights.semibold,
+        marginTop: theme2.space[3],
+        marginBottom: theme2.space[1],
+        fontFamily: theme2.fonts.heading
+      },
+      ...props
+    }, children2),
+    h6: ({ children: children2, ...props }) => /* @__PURE__ */ React2__default.createElement("h6", {
+      style: {
+        color: theme2.colors.text,
+        fontSize: theme2.fontSizes[1],
+        lineHeight: theme2.lineHeights.heading,
+        fontWeight: theme2.fontWeights.medium,
+        marginTop: theme2.space[3],
+        marginBottom: theme2.space[1],
+        fontFamily: theme2.fonts.heading
+      },
+      ...props
+    }, children2),
     p: ({ children: children2, ...props }) => /* @__PURE__ */ React2__default.createElement("p", {
       style: {
         color: theme2.colors.text,
@@ -41256,21 +41297,21 @@ var createIndustryMarkdownComponents = ({
           checked: isChecked,
           onChange: handleChange,
           onClick: (e) => e.stopPropagation(),
+          disabled: !editable,
           style: {
             marginRight: theme2.space[2],
             marginTop: theme2.space[1],
             width: "16px",
             height: "16px",
-            cursor: "pointer"
+            cursor: editable ? "pointer" : "default"
           },
           id
         }), /* @__PURE__ */ React2__default.createElement("label", {
           htmlFor: id,
           style: {
             flex: 1,
-            cursor: "pointer",
-            textDecoration: isChecked ? "line-through" : "none",
-            opacity: isChecked ? 0.6 : 1,
+            cursor: editable ? "pointer" : "default",
+            color: isChecked ? theme2.colors.textMuted : "inherit",
             lineHeight: theme2.lineHeights.relaxed
           }
         }, labelContent.length > 0 ? labelContent : null)), nestedListElements.length > 0 ? nestedListElements : null);
@@ -41539,7 +41580,7 @@ var createIndustryMarkdownComponents = ({
         }), "Fill & Copy (", placeholders.length, ")"))), isPrompt ? /* @__PURE__ */ React2__default.createElement("div", {
           style: {
             margin: 0,
-            padding: theme2.space[5],
+            padding: theme2.space[1],
             backgroundColor: "transparent",
             fontSize: theme2.fontSizes[1],
             lineHeight: theme2.lineHeights.body,
@@ -41566,7 +41607,7 @@ var createIndustryMarkdownComponents = ({
         })) : /* @__PURE__ */ React2__default.createElement("pre", {
           style: {
             margin: 0,
-            padding: theme2.space[4],
+            padding: theme2.space[1],
             backgroundColor: "transparent",
             overflow: "auto",
             fontSize: theme2.fontSizes[1],
@@ -42338,6 +42379,7 @@ var IndustryMarkdownSlide = React2__default.memo(function IndustryMarkdownSlide2
   handleRunBashCommand,
   handlePromptCopy,
   enableHtmlPopout = true,
+  autoFocusOnVisible = true,
   searchQuery,
   slideHeaderMarginTopOverride,
   theme: themeOverride,
@@ -42350,7 +42392,8 @@ var IndustryMarkdownSlide = React2__default.memo(function IndustryMarkdownSlide2
   maxScreenWidth: _maxScreenWidth,
   enableKeyboardScrolling = true,
   keyboardScrollConfig,
-  repositoryInfo
+  repositoryInfo,
+  editable = false
 }) {
   const slideRef = useRef(null);
   const scrollPositionsRef = useRef(/* @__PURE__ */ new Map());
@@ -42544,11 +42587,10 @@ var IndustryMarkdownSlide = React2__default.memo(function IndustryMarkdownSlide2
     }
   }, [enableKeyboardScrolling, isVisible, slideIndex, scrollConfig]);
   useEffect(() => {
-    if (isVisible && slideRef.current) {
-      console.log("🎯 Auto-focusing slide container");
-      slideRef.current.focus();
+    if (autoFocusOnVisible && isVisible && slideRef.current) {
+      slideRef.current.focus({ preventScroll: true });
     }
-  }, [isVisible]);
+  }, [autoFocusOnVisible, isVisible]);
   const openPlaceholderModal = (placeholders, promptContent) => {
     if (!handlePromptCopy)
       return;
@@ -42707,7 +42749,8 @@ var IndustryMarkdownSlide = React2__default.memo(function IndustryMarkdownSlide2
       enableHtmlPopout,
       slideHeaderMarginTopOverride,
       index: chunkIndex,
-      repositoryInfo
+      repositoryInfo,
+      editable
     });
     if (searchQuery) {
       return {
@@ -42740,7 +42783,8 @@ var IndustryMarkdownSlide = React2__default.memo(function IndustryMarkdownSlide2
     enableHtmlPopout,
     slideHeaderMarginTopOverride,
     repositoryInfo,
-    searchQuery
+    searchQuery,
+    editable
   ]);
   return /* @__PURE__ */ React2__default.createElement("div", {
     className: "markdown-slide",
@@ -44513,106 +44557,23 @@ var Vt;
 })();
 var DocumentView = ({
   content: content2,
-  showSegmented = false,
   onCheckboxChange,
-  onSectionClick,
   maxWidth = "900px",
-  showSectionHeaders = true,
-  showSeparators = true,
   slideIdPrefix = "document",
   enableHtmlPopout = true,
   enableKeyboardScrolling = true,
+  autoFocusOnVisible = true,
   onLinkClick,
   handleRunBashCommand,
   handlePromptCopy,
   repositoryInfo,
   fontSizeScale,
   theme: theme2,
-  transparentBackground = false
+  transparentBackground = false,
+  editable = 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,
-      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,
-      onLinkClick,
-      handleRunBashCommand,
-      fontSizeScale,
-      handlePromptCopy,
-      repositoryInfo,
-      transparentBackground
-    })));
-  }
   return /* @__PURE__ */ React2__default.createElement("div", {
     ref: containerRef,
     style: {
@@ -44623,69 +44584,27 @@ 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,
     enableHtmlPopout,
     enableKeyboardScrolling,
+    autoFocusOnVisible,
     onLinkClick,
     handleRunBashCommand,
     fontSizeScale,
     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
-    }
-  })))));
+    transparentBackground,
+    editable
+  })));
 };
 const GitCommitDetailPanelContent = ({
   events