@industry-theme/git-panels 0.1.17 → 0.1.18

package/dist/panels.bundle.js

@@ -41269,8 +41269,7 @@ var createIndustryMarkdownComponents = ({
           style: {
             flex: 1,
             cursor: "pointer",
-            textDecoration: isChecked ? "line-through" : "none",
-            opacity: isChecked ? 0.6 : 1,
+            color: isChecked ? theme2.colors.textMuted : "inherit",
             lineHeight: theme2.lineHeights.relaxed
           }
         }, labelContent.length > 0 ? labelContent : null)), nestedListElements.length > 0 ? nestedListElements : null);
@@ -42338,6 +42337,7 @@ var IndustryMarkdownSlide = React2__default.memo(function IndustryMarkdownSlide2
   handleRunBashCommand,
   handlePromptCopy,
   enableHtmlPopout = true,
+  autoFocusOnVisible = true,
   searchQuery,
   slideHeaderMarginTopOverride,
   theme: themeOverride,
@@ -42544,11 +42544,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;
@@ -44513,15 +44512,12 @@ 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,
@@ -44531,88 +44527,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,
-      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 +44538,26 @@ 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
-    }
-  })))));
+  })));
 };
 const GitCommitDetailPanelContent = ({
   events