@industry-theme/markdown-panels 0.2.9 → 0.2.10

package/dist/panels.bundle.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import * as React19 from "react";
-import React19__default, { forwardRef, createElement, createContext, useContext, useRef, useImperativeHandle, useEffect, useMemo, useState, useCallback, useLayoutEffect } from "react";
+import * as React2 from "react";
+import React2__default, { forwardRef, createElement, createContext, useContext, useRef, useImperativeHandle, useEffect, useMemo, useState, useCallback, useLayoutEffect } from "react";
 import { createPortal } from "react-dom";
 /**
  * @license lucide-react v0.552.0 - ISC
@@ -40476,14 +40476,14 @@ var ZoomPanPinch = (
     return ZoomPanPinch2;
   })()
 );
-var Context = React19__default.createContext(null);
+var Context = React2__default.createContext(null);
 var getContent = function(children2, ctx) {
   if (typeof children2 === "function") {
     return children2(ctx);
   }
   return children2;
 };
-var TransformWrapper = React19__default.forwardRef(function(props2, ref) {
+var TransformWrapper = React2__default.forwardRef(function(props2, ref) {
   var instance = useRef(new ZoomPanPinch(props2)).current;
   var content2 = getContent(props2.children, getControls(instance));
   useImperativeHandle(ref, function() {
@@ -40492,9 +40492,9 @@ var TransformWrapper = React19__default.forwardRef(function(props2, ref) {
   useEffect(function() {
     instance.update(props2);
   }, [instance, props2]);
-  return React19__default.createElement(Context.Provider, { value: instance }, content2);
+  return React2__default.createElement(Context.Provider, { value: instance }, content2);
 });
-React19__default.forwardRef(function(props2, ref) {
+React2__default.forwardRef(function(props2, ref) {
   var localRef = useRef(null);
   var instance = useContext(Context);
   useEffect(function() {
@@ -40506,7 +40506,7 @@ React19__default.forwardRef(function(props2, ref) {
       }
     });
   }, [instance]);
-  return React19__default.createElement("div", __assign({}, props2, { ref: mergeRefs([localRef, ref]) }));
+  return React2__default.createElement("div", __assign({}, props2, { ref: mergeRefs([localRef, ref]) }));
 });
 function styleInject(css2, ref) {
   if (ref === void 0) ref = {};
@@ -40550,10 +40550,10 @@ var TransformComponent = function(_a) {
       cleanupWindowEvents === null || cleanupWindowEvents === void 0 ? void 0 : cleanupWindowEvents();
     };
   }, []);
-  return React19__default.createElement(
+  return React2__default.createElement(
     "div",
     __assign({}, wrapperProps, { ref: wrapperRef, className: "".concat(baseClasses.wrapperClass, " ").concat(styles.wrapper, " ").concat(wrapperClass), style: wrapperStyle }),
-    React19__default.createElement("div", __assign({}, contentProps, { ref: contentRef, className: "".concat(baseClasses.contentClass, " ").concat(styles.content, " ").concat(contentClass), style: contentStyle }), children2)
+    React2__default.createElement("div", __assign({}, contentProps, { ref: contentRef, className: "".concat(baseClasses.contentClass, " ").concat(styles.content, " ").concat(contentClass), style: contentStyle }), children2)
   );
 };
 var terminalTheme = {
@@ -41220,17 +41220,17 @@ function IndustryHtmlModal({ isOpen, onClose, htmlContent, theme: theme2 }) {
     e.currentTarget.style.backgroundColor = "transparent";
     e.currentTarget.style.color = theme2.colors.textSecondary;
   };
-  return /* @__PURE__ */ React19__default.createElement("div", {
+  return /* @__PURE__ */ React2__default.createElement("div", {
     style: overlayStyle,
     onClick: onClose
-  }, /* @__PURE__ */ React19__default.createElement("div", {
+  }, /* @__PURE__ */ React2__default.createElement("div", {
     style: modalStyle,
     onClick: (e) => e.stopPropagation()
-  }, /* @__PURE__ */ React19__default.createElement("div", {
+  }, /* @__PURE__ */ React2__default.createElement("div", {
     style: headerStyle
-  }, /* @__PURE__ */ React19__default.createElement("h3", {
+  }, /* @__PURE__ */ React2__default.createElement("h3", {
     style: titleStyle
-  }, "HTML Preview"), /* @__PURE__ */ React19__default.createElement("button", {
+  }, "HTML Preview"), /* @__PURE__ */ React2__default.createElement("button", {
     onClick: (e) => {
       e.stopPropagation();
       onClose();
@@ -41240,9 +41240,9 @@ function IndustryHtmlModal({ isOpen, onClose, htmlContent, theme: theme2 }) {
     onMouseLeave: handleCloseButtonLeave,
     title: "Close",
     "aria-label": "Close modal"
-  }, "×")), /* @__PURE__ */ React19__default.createElement("div", {
+  }, "×")), /* @__PURE__ */ React2__default.createElement("div", {
     style: contentStyle
-  }, /* @__PURE__ */ React19__default.createElement("div", {
+  }, /* @__PURE__ */ React2__default.createElement("div", {
     dangerouslySetInnerHTML: { __html: htmlContent }
   }))));
 }
@@ -41273,7 +41273,7 @@ function IndustryMermaidDiagram({
   const [containerElement, setContainerElement] = useState(null);
   const [copiedError, setCopiedError] = useState(false);
   const observerRef = useRef(null);
-  const containerRef = React19__default.useCallback((node2) => {
+  const containerRef = React2__default.useCallback((node2) => {
     setContainerElement(node2);
     if (observerRef.current) {
       observerRef.current.disconnect();
@@ -41477,15 +41477,15 @@ ${errorDetails.code}
     fontFamily: theme2.fonts.body
   };
   if (isModalMode || isFullSlide) {
-    return /* @__PURE__ */ React19__default.createElement("div", {
+    return /* @__PURE__ */ React2__default.createElement("div", {
       ref: containerRef,
       style: containerStyle,
       className: "mermaid-container"
-    }, !hasRendered && /* @__PURE__ */ React19__default.createElement("div", {
+    }, !hasRendered && /* @__PURE__ */ React2__default.createElement("div", {
       style: placeholderStyle
-    }, /* @__PURE__ */ React19__default.createElement("div", null, "📊 Mermaid Diagram"), /* @__PURE__ */ React19__default.createElement("div", {
+    }, /* @__PURE__ */ React2__default.createElement("div", null, "📊 Mermaid Diagram"), /* @__PURE__ */ React2__default.createElement("div", {
       style: { fontSize: theme2.fontSizes[1], marginTop: theme2.space[2], opacity: 0.7 }
-    }, "Loading...")), errorDetails && /* @__PURE__ */ React19__default.createElement("div", {
+    }, "Loading...")), errorDetails && /* @__PURE__ */ React2__default.createElement("div", {
       style: {
         padding: theme2.space[4],
         background: `${theme2.colors.error}22`,
@@ -41497,16 +41497,16 @@ ${errorDetails.code}
         maxWidth: "600px",
         margin: "0 auto"
       }
-    }, /* @__PURE__ */ React19__default.createElement("div", {
+    }, /* @__PURE__ */ React2__default.createElement("div", {
       style: {
         display: "flex",
         justifyContent: "space-between",
         alignItems: "flex-start",
         marginBottom: theme2.space[2]
       }
-    }, /* @__PURE__ */ React19__default.createElement("div", {
+    }, /* @__PURE__ */ React2__default.createElement("div", {
       style: { fontWeight: theme2.fontWeights.bold }
-    }, "Failed to render Mermaid diagram"), /* @__PURE__ */ React19__default.createElement("button", {
+    }, "Failed to render Mermaid diagram"), /* @__PURE__ */ React2__default.createElement("button", {
       onClick: handleCopyError,
       style: {
         padding: theme2.space[1],
@@ -41523,11 +41523,11 @@ ${errorDetails.code}
         transition: "all 0.2s ease"
       },
       title: "Copy error details"
-    }, copiedError ? /* @__PURE__ */ React19__default.createElement(React19__default.Fragment, null, /* @__PURE__ */ React19__default.createElement(Check, {
+    }, copiedError ? /* @__PURE__ */ React2__default.createElement(React2__default.Fragment, null, /* @__PURE__ */ React2__default.createElement(Check, {
       size: 14
-    }), "Copied") : /* @__PURE__ */ React19__default.createElement(React19__default.Fragment, null, /* @__PURE__ */ React19__default.createElement(Copy, {
+    }), "Copied") : /* @__PURE__ */ React2__default.createElement(React2__default.Fragment, null, /* @__PURE__ */ React2__default.createElement(Copy, {
       size: 14
-    }), "Copy Error"))), /* @__PURE__ */ React19__default.createElement("div", {
+    }), "Copy Error"))), /* @__PURE__ */ React2__default.createElement("div", {
       style: {
         fontSize: theme2.fontSizes[0],
         opacity: 0.8,
@@ -41536,11 +41536,11 @@ ${errorDetails.code}
       }
     }, errorDetails.message)));
   }
-  return /* @__PURE__ */ React19__default.createElement("div", {
+  return /* @__PURE__ */ React2__default.createElement("div", {
     style: { position: "relative", width: "100%" }
-  }, /* @__PURE__ */ React19__default.createElement("div", {
+  }, /* @__PURE__ */ React2__default.createElement("div", {
     style: { position: "relative", width: "100%" }
-  }, hasRendered && !isModalMode && onExpandClick && !errorDetails && /* @__PURE__ */ React19__default.createElement("div", {
+  }, hasRendered && !isModalMode && onExpandClick && !errorDetails && /* @__PURE__ */ React2__default.createElement("div", {
     style: {
       position: "absolute",
       top: theme2.space[2],
@@ -41549,7 +41549,7 @@ ${errorDetails.code}
       display: "flex",
       gap: theme2.space[1]
     }
-  }, /* @__PURE__ */ React19__default.createElement("button", {
+  }, /* @__PURE__ */ React2__default.createElement("button", {
     onClick: (e) => {
       e.stopPropagation();
       onExpandClick();
@@ -41568,17 +41568,17 @@ ${errorDetails.code}
       height: "28px"
     },
     title: "View fullscreen"
-  }, /* @__PURE__ */ React19__default.createElement(Expand, {
+  }, /* @__PURE__ */ React2__default.createElement(Expand, {
     size: 14
-  }))), /* @__PURE__ */ React19__default.createElement("div", {
+  }))), /* @__PURE__ */ React2__default.createElement("div", {
     ref: containerRef,
     style: containerStyle,
     className: "mermaid-container"
-  }, !hasRendered && /* @__PURE__ */ React19__default.createElement("div", {
+  }, !hasRendered && /* @__PURE__ */ React2__default.createElement("div", {
     style: placeholderStyle
-  }, /* @__PURE__ */ React19__default.createElement("div", null, "📊 Mermaid Diagram"), /* @__PURE__ */ React19__default.createElement("div", {
+  }, /* @__PURE__ */ React2__default.createElement("div", null, "📊 Mermaid Diagram"), /* @__PURE__ */ React2__default.createElement("div", {
     style: { fontSize: theme2.fontSizes[1], marginTop: theme2.space[2], opacity: 0.7 }
-  }, isIntersecting ? "Loading..." : "Scroll to view")), errorDetails && /* @__PURE__ */ React19__default.createElement("div", {
+  }, isIntersecting ? "Loading..." : "Scroll to view")), errorDetails && /* @__PURE__ */ React2__default.createElement("div", {
     style: {
       padding: theme2.space[4],
       background: `${theme2.colors.error}22`,
@@ -41588,16 +41588,16 @@ ${errorDetails.code}
       fontFamily: theme2.fonts.monospace,
       fontSize: theme2.fontSizes[1]
     }
-  }, /* @__PURE__ */ React19__default.createElement("div", {
+  }, /* @__PURE__ */ React2__default.createElement("div", {
     style: {
       display: "flex",
       justifyContent: "space-between",
       alignItems: "flex-start",
       marginBottom: theme2.space[2]
     }
-  }, /* @__PURE__ */ React19__default.createElement("div", {
+  }, /* @__PURE__ */ React2__default.createElement("div", {
     style: { fontWeight: theme2.fontWeights.bold }
-  }, "Failed to render Mermaid diagram"), /* @__PURE__ */ React19__default.createElement("button", {
+  }, "Failed to render Mermaid diagram"), /* @__PURE__ */ React2__default.createElement("button", {
     onClick: handleCopyError,
     style: {
       padding: theme2.space[1],
@@ -41614,11 +41614,11 @@ ${errorDetails.code}
       transition: "all 0.2s ease"
     },
     title: "Copy error details"
-  }, copiedError ? /* @__PURE__ */ React19__default.createElement(React19__default.Fragment, null, /* @__PURE__ */ React19__default.createElement(Check, {
+  }, copiedError ? /* @__PURE__ */ React2__default.createElement(React2__default.Fragment, null, /* @__PURE__ */ React2__default.createElement(Check, {
     size: 14
-  }), "Copied") : /* @__PURE__ */ React19__default.createElement(React19__default.Fragment, null, /* @__PURE__ */ React19__default.createElement(Copy, {
+  }), "Copied") : /* @__PURE__ */ React2__default.createElement(React2__default.Fragment, null, /* @__PURE__ */ React2__default.createElement(Copy, {
     size: 14
-  }), "Copy Error"))), /* @__PURE__ */ React19__default.createElement("div", {
+  }), "Copy Error"))), /* @__PURE__ */ React2__default.createElement("div", {
     style: {
       fontSize: theme2.fontSizes[0],
       opacity: 0.8,
@@ -41702,18 +41702,18 @@ function IndustryLazyMermaidDiagram({
     };
   };
   if (!isMounted) {
-    return /* @__PURE__ */ React19__default.createElement("div", {
+    return /* @__PURE__ */ React2__default.createElement("div", {
       style: getPlaceholderStyle()
-    }, /* @__PURE__ */ React19__default.createElement("div", {
+    }, /* @__PURE__ */ React2__default.createElement("div", {
       style: getTextStyle()
-    }, /* @__PURE__ */ React19__default.createElement("div", null, "📊 Mermaid Diagram"), /* @__PURE__ */ React19__default.createElement("div", {
+    }, /* @__PURE__ */ React2__default.createElement("div", null, "📊 Mermaid Diagram"), /* @__PURE__ */ React2__default.createElement("div", {
       style: getSecondaryTextStyle()
     }, "Loading...")));
   }
-  return /* @__PURE__ */ React19__default.createElement("div", {
+  return /* @__PURE__ */ React2__default.createElement("div", {
     ref: containerRef,
     style: { position: "relative", width: "100%" }
-  }, hasRendered && onShowInPanel && !hasError && /* @__PURE__ */ React19__default.createElement("button", {
+  }, hasRendered && onShowInPanel && !hasError && /* @__PURE__ */ React2__default.createElement("button", {
     onClick: (e) => {
       e.stopPropagation();
       const titleMatch = code2.match(/^(?:%%\s*(.+)|(\w+)\s)/m);
@@ -41746,20 +41746,20 @@ function IndustryLazyMermaidDiagram({
       e.currentTarget.style.backgroundColor = theme2.colors.background;
     },
     title: "Show in diagram panel"
-  }, /* @__PURE__ */ React19__default.createElement(MoveRight, {
+  }, /* @__PURE__ */ React2__default.createElement(MoveRight, {
     size: 14
-  })), hasRendered ? /* @__PURE__ */ React19__default.createElement(IndustryMermaidDiagram, {
+  })), hasRendered ? /* @__PURE__ */ React2__default.createElement(IndustryMermaidDiagram, {
     code: code2,
     id,
     onCopyError,
     onError: setHasError,
     theme: theme2,
     onExpandClick
-  }) : /* @__PURE__ */ React19__default.createElement("div", {
+  }) : /* @__PURE__ */ React2__default.createElement("div", {
     style: getPlaceholderStyle()
-  }, /* @__PURE__ */ React19__default.createElement("div", {
+  }, /* @__PURE__ */ React2__default.createElement("div", {
     style: getTextStyle()
-  }, /* @__PURE__ */ React19__default.createElement("div", null, "📊 Mermaid Diagram"), /* @__PURE__ */ React19__default.createElement("div", {
+  }, /* @__PURE__ */ React2__default.createElement("div", null, "📊 Mermaid Diagram"), /* @__PURE__ */ React2__default.createElement("div", {
     style: getSecondaryTextStyle()
   }, isIntersecting ? "Loading..." : "Scroll to view"))));
 }
@@ -41770,7 +41770,7 @@ var extractTextFromChildren = (children2) => {
   if (Array.isArray(children2)) {
     return children2.map(extractTextFromChildren).join("");
   }
-  if (React19__default.isValidElement(children2)) {
+  if (React2__default.isValidElement(children2)) {
     const props2 = children2.props;
     if (props2.children) {
       return extractTextFromChildren(props2.children);
@@ -41785,7 +41785,7 @@ var LinkWithLoadingIndicator = ({ href, children: children2, onClick, className
       onClick(href, e);
     }
   };
-  return /* @__PURE__ */ React19__default.createElement("a", {
+  return /* @__PURE__ */ React2__default.createElement("a", {
     href,
     onClick: handleClick,
     className,
@@ -41871,10 +41871,10 @@ var IndustryBashCommandDropdown = ({
   });
   const hasMultipleCommands = commands.length > 1;
   const singleCommand = commands.length === 1 ? commands[0].command : allCommands;
-  return /* @__PURE__ */ React19__default.createElement("div", {
+  return /* @__PURE__ */ React2__default.createElement("div", {
     ref: dropdownRef,
     style: { position: "relative", display: "inline-block" }
-  }, hasMultipleCommands ? /* @__PURE__ */ React19__default.createElement(React19__default.Fragment, null, /* @__PURE__ */ React19__default.createElement("button", {
+  }, hasMultipleCommands ? /* @__PURE__ */ React2__default.createElement(React2__default.Fragment, null, /* @__PURE__ */ React2__default.createElement("button", {
     onClick: () => setIsOpen(!isOpen),
     disabled: isRunning,
     style: buttonStyle,
@@ -41888,15 +41888,15 @@ var IndustryBashCommandDropdown = ({
         e.currentTarget.style.backgroundColor = theme2.colors.primary;
       }
     }
-  }, isRunning ? /* @__PURE__ */ React19__default.createElement("span", {
+  }, isRunning ? /* @__PURE__ */ React2__default.createElement("span", {
     style: { fontSize: theme2.fontSizes[1] }
-  }, "...") : /* @__PURE__ */ React19__default.createElement(React19__default.Fragment, null, /* @__PURE__ */ React19__default.createElement(Play, {
+  }, "...") : /* @__PURE__ */ React2__default.createElement(React2__default.Fragment, null, /* @__PURE__ */ React2__default.createElement(Play, {
     size: 14
-  }), "Run", /* @__PURE__ */ React19__default.createElement(ChevronDown, {
+  }), "Run", /* @__PURE__ */ React2__default.createElement(ChevronDown, {
     size: 14
-  }))), isOpen && /* @__PURE__ */ React19__default.createElement("div", {
+  }))), isOpen && /* @__PURE__ */ React2__default.createElement("div", {
     style: dropdownStyle
-  }, /* @__PURE__ */ React19__default.createElement("div", {
+  }, /* @__PURE__ */ React2__default.createElement("div", {
     style: {
       padding: `${theme2.space[2]}px ${theme2.space[3]}px`,
       borderBottom: `1px solid ${theme2.colors.border}`,
@@ -41905,7 +41905,7 @@ var IndustryBashCommandDropdown = ({
       color: theme2.colors.textSecondary,
       fontFamily: theme2.fonts.body
     }
-  }, "Select command to run"), /* @__PURE__ */ React19__default.createElement("div", {
+  }, "Select command to run"), /* @__PURE__ */ React2__default.createElement("div", {
     style: {
       padding: `${theme2.space[2]}px ${theme2.space[3]}px`,
       backgroundColor: theme2.colors.muted,
@@ -41925,7 +41925,7 @@ var IndustryBashCommandDropdown = ({
     }
   }, "🚀 Run all (", commands.length, " commands)"), commands.map((cmd, index2) => {
     const [isHovered, setIsHovered] = useState(false);
-    return /* @__PURE__ */ React19__default.createElement("div", {
+    return /* @__PURE__ */ React2__default.createElement("div", {
       key: index2,
       style: dropdownItemStyle(isHovered),
       onClick: () => handleRunCommand(cmd.command),
@@ -41933,7 +41933,7 @@ var IndustryBashCommandDropdown = ({
       onMouseLeave: () => setIsHovered(false),
       title: cmd.command
     }, getCommandDisplayName(cmd));
-  }))) : /* @__PURE__ */ React19__default.createElement("button", {
+  }))) : /* @__PURE__ */ React2__default.createElement("button", {
     onClick: () => handleRunCommand(singleCommand),
     disabled: isRunning,
     style: buttonStyle,
@@ -41947,9 +41947,9 @@ var IndustryBashCommandDropdown = ({
         e.currentTarget.style.backgroundColor = theme2.colors.primary;
       }
     }
-  }, isRunning ? /* @__PURE__ */ React19__default.createElement("span", {
+  }, isRunning ? /* @__PURE__ */ React2__default.createElement("span", {
     style: { fontSize: theme2.fontSizes[1] }
-  }, "...") : /* @__PURE__ */ React19__default.createElement(React19__default.Fragment, null, /* @__PURE__ */ React19__default.createElement(Play, {
+  }, "...") : /* @__PURE__ */ React2__default.createElement(React2__default.Fragment, null, /* @__PURE__ */ React2__default.createElement(Play, {
     size: 14
   }), "Run")));
 };
@@ -41968,7 +41968,7 @@ var isVideoUrl = (url, alt) => {
   }
   return false;
 };
-var OptimizedMarkdownMedia = React19__default.memo(({
+var OptimizedMarkdownMedia = React2__default.memo(({
   src,
   alt,
   repositoryInfo,
@@ -42001,7 +42001,7 @@ var OptimizedMarkdownMedia = React19__default.memo(({
   };
   if (isVideoUrl(transformedSrc, alt)) {
     if (hasErrored) {
-      return /* @__PURE__ */ React19__default.createElement("span", {
+      return /* @__PURE__ */ React2__default.createElement("span", {
         style: {
           ...mediaStyle,
           display: "inline-flex",
@@ -42015,19 +42015,19 @@ var OptimizedMarkdownMedia = React19__default.memo(({
         }
       }, "⚠️ Video failed to load: ", alt || transformedSrc);
     }
-    return /* @__PURE__ */ React19__default.createElement("video", {
+    return /* @__PURE__ */ React2__default.createElement("video", {
       controls: true,
       style: mediaStyle,
       onLoadedData: handleLoad,
       onError: handleError,
       title: alt,
       ...props2
-    }, /* @__PURE__ */ React19__default.createElement("source", {
+    }, /* @__PURE__ */ React2__default.createElement("source", {
       src: transformedSrc
-    }), /* @__PURE__ */ React19__default.createElement("source", {
+    }), /* @__PURE__ */ React2__default.createElement("source", {
       src: transformedSrc,
       type: "video/mp4"
-    }), /* @__PURE__ */ React19__default.createElement("source", {
+    }), /* @__PURE__ */ React2__default.createElement("source", {
       src: transformedSrc,
       type: "video/webm"
     }), "Your browser does not support the video tag.");
@@ -42039,7 +42039,7 @@ var OptimizedMarkdownMedia = React19__default.memo(({
     e.stopPropagation();
   };
   if (hasErrored) {
-    return /* @__PURE__ */ React19__default.createElement("span", {
+    return /* @__PURE__ */ React2__default.createElement("span", {
       style: {
         ...mediaStyle,
         display: "inline-flex",
@@ -42055,11 +42055,11 @@ var OptimizedMarkdownMedia = React19__default.memo(({
         padding: `${theme2.space[2]}px`
       },
       title: `Failed to load image: ${transformedSrc}`
-    }, "🖼️ Image unavailable", " ", alt && /* @__PURE__ */ React19__default.createElement("span", {
+    }, "🖼️ Image unavailable", " ", alt && /* @__PURE__ */ React2__default.createElement("span", {
       style: { fontSize: theme2.fontSizes[0], opacity: 0.7 }
     }, "(", alt, ")"));
   }
-  return /* @__PURE__ */ React19__default.createElement("img", {
+  return /* @__PURE__ */ React2__default.createElement("img", {
     src: transformedSrc,
     alt,
     style: mediaStyle,
@@ -42097,7 +42097,7 @@ var createIndustryMarkdownComponents = ({
     headerStyles.marginTop = `${slideHeaderMarginTopOverride}px`;
   }
   return {
-    h1: ({ children: children2, ...props2 }) => /* @__PURE__ */ React19__default.createElement("h1", {
+    h1: ({ children: children2, ...props2 }) => /* @__PURE__ */ React2__default.createElement("h1", {
       style: {
         color: theme2.colors.text,
         fontSize: theme2.fontSizes[5],
@@ -42110,7 +42110,7 @@ var createIndustryMarkdownComponents = ({
       },
       ...props2
     }, children2),
-    h2: ({ children: children2, ...props2 }) => /* @__PURE__ */ React19__default.createElement("h2", {
+    h2: ({ children: children2, ...props2 }) => /* @__PURE__ */ React2__default.createElement("h2", {
       style: {
         color: theme2.colors.text,
         fontSize: theme2.fontSizes[4],
@@ -42123,7 +42123,7 @@ var createIndustryMarkdownComponents = ({
       },
       ...props2
     }, children2),
-    h3: ({ children: children2, ...props2 }) => /* @__PURE__ */ React19__default.createElement("h3", {
+    h3: ({ children: children2, ...props2 }) => /* @__PURE__ */ React2__default.createElement("h3", {
       style: {
         color: theme2.colors.text,
         fontSize: theme2.fontSizes[3],
@@ -42135,7 +42135,7 @@ var createIndustryMarkdownComponents = ({
       },
       ...props2
     }, children2),
-    p: ({ children: children2, ...props2 }) => /* @__PURE__ */ React19__default.createElement("p", {
+    p: ({ children: children2, ...props2 }) => /* @__PURE__ */ React2__default.createElement("p", {
       style: {
         color: theme2.colors.text,
         fontSize: theme2.fontSizes[2],
@@ -42145,7 +42145,7 @@ var createIndustryMarkdownComponents = ({
       },
       ...props2
     }, children2),
-    ul: ({ children: children2, ...props2 }) => /* @__PURE__ */ React19__default.createElement("ul", {
+    ul: ({ children: children2, ...props2 }) => /* @__PURE__ */ React2__default.createElement("ul", {
       style: {
         color: theme2.colors.text,
         fontSize: theme2.fontSizes[2],
@@ -42157,7 +42157,7 @@ var createIndustryMarkdownComponents = ({
       },
       ...props2
     }, children2),
-    ol: ({ children: children2, ...props2 }) => /* @__PURE__ */ React19__default.createElement("ol", {
+    ol: ({ children: children2, ...props2 }) => /* @__PURE__ */ React2__default.createElement("ol", {
       style: {
         color: theme2.colors.text,
         fontSize: theme2.fontSizes[2],
@@ -42171,14 +42171,14 @@ var createIndustryMarkdownComponents = ({
     }, children2),
     li: ({ children: children2, ...props2 }) => {
       var _a, _b, _c, _d, _e, _f, _g, _h;
-      const isTaskListItem = Array.isArray(children2) && children2.length > 0 && React19__default.isValidElement(children2[0]) && ((_b = (_a = children2[0]) == null ? void 0 : _a.props) == null ? void 0 : _b.type) === "checkbox";
+      const isTaskListItem = Array.isArray(children2) && children2.length > 0 && React2__default.isValidElement(children2[0]) && ((_b = (_a = children2[0]) == null ? void 0 : _a.props) == null ? void 0 : _b.type) === "checkbox";
       if (isTaskListItem) {
         const checkbox = children2[0];
         const remainingChildren = children2.slice(1);
         const labelContent = [];
         const nestedListElements = [];
-        React19__default.Children.forEach(remainingChildren, (child) => {
-          if (React19__default.isValidElement(child) && (child.type === "ul" || child.type === "ol")) {
+        React2__default.Children.forEach(remainingChildren, (child) => {
+          if (React2__default.isValidElement(child) && (child.type === "ul" || child.type === "ol")) {
             nestedListElements.push(child);
           } else {
             labelContent.push(child);
@@ -42197,7 +42197,7 @@ var createIndustryMarkdownComponents = ({
           }));
           onCheckboxChange == null ? void 0 : onCheckboxChange(slideIndex, lineNumber, newChecked);
         };
-        return /* @__PURE__ */ React19__default.createElement("li", {
+        return /* @__PURE__ */ React2__default.createElement("li", {
           style: {
             listStyle: "none",
             marginLeft: `-${theme2.space[5]}px`,
@@ -42207,9 +42207,9 @@ var createIndustryMarkdownComponents = ({
             fontSize: theme2.fontSizes[2]
           },
           ...props2
-        }, /* @__PURE__ */ React19__default.createElement("div", {
+        }, /* @__PURE__ */ React2__default.createElement("div", {
           style: { display: "flex", alignItems: "flex-start" }
-        }, /* @__PURE__ */ React19__default.createElement("input", {
+        }, /* @__PURE__ */ React2__default.createElement("input", {
           type: "checkbox",
           checked: isChecked,
           onChange: handleChange,
@@ -42222,7 +42222,7 @@ var createIndustryMarkdownComponents = ({
             cursor: "pointer"
           },
           id
-        }), /* @__PURE__ */ React19__default.createElement("label", {
+        }), /* @__PURE__ */ React2__default.createElement("label", {
           htmlFor: id,
           style: {
             flex: 1,
@@ -42233,7 +42233,7 @@ var createIndustryMarkdownComponents = ({
           }
         }, labelContent.length > 0 ? labelContent : null)), nestedListElements.length > 0 ? nestedListElements : null);
       }
-      return /* @__PURE__ */ React19__default.createElement("li", {
+      return /* @__PURE__ */ React2__default.createElement("li", {
         style: {
           marginBottom: theme2.space[2],
           paddingTop: theme2.space[1],
@@ -42243,14 +42243,14 @@ var createIndustryMarkdownComponents = ({
         ...props2
       }, children2);
     },
-    table: ({ children: children2, ...props2 }) => /* @__PURE__ */ React19__default.createElement("div", {
+    table: ({ children: children2, ...props2 }) => /* @__PURE__ */ React2__default.createElement("div", {
       style: {
         overflowX: "auto",
         marginBottom: theme2.space[4],
         borderRadius: theme2.radii[2],
         border: `1px solid ${theme2.colors.border}`
       }
-    }, /* @__PURE__ */ React19__default.createElement("table", {
+    }, /* @__PURE__ */ React2__default.createElement("table", {
       style: {
         width: "100%",
         borderCollapse: "collapse",
@@ -42259,13 +42259,13 @@ var createIndustryMarkdownComponents = ({
       },
       ...props2
     }, children2)),
-    thead: ({ children: children2, ...props2 }) => /* @__PURE__ */ React19__default.createElement("thead", {
+    thead: ({ children: children2, ...props2 }) => /* @__PURE__ */ React2__default.createElement("thead", {
       style: {
         backgroundColor: theme2.colors.backgroundSecondary
       },
       ...props2
     }, children2),
-    th: ({ children: children2, ...props2 }) => /* @__PURE__ */ React19__default.createElement("th", {
+    th: ({ children: children2, ...props2 }) => /* @__PURE__ */ React2__default.createElement("th", {
       style: {
         padding: theme2.space[3],
         textAlign: "left",
@@ -42275,7 +42275,7 @@ var createIndustryMarkdownComponents = ({
       },
       ...props2
     }, children2),
-    td: ({ children: children2, ...props2 }) => /* @__PURE__ */ React19__default.createElement("td", {
+    td: ({ children: children2, ...props2 }) => /* @__PURE__ */ React2__default.createElement("td", {
       style: {
         padding: theme2.space[3],
         borderBottom: `1px solid ${theme2.colors.border}`,
@@ -42283,22 +42283,22 @@ var createIndustryMarkdownComponents = ({
       },
       ...props2
     }, children2),
-    a: ({ children: children2, href, ...props2 }) => /* @__PURE__ */ React19__default.createElement(LinkWithLoadingIndicator, {
+    a: ({ children: children2, href, ...props2 }) => /* @__PURE__ */ React2__default.createElement(LinkWithLoadingIndicator, {
       href: href || "",
       onClick: onLinkClick ? (h2, e) => onLinkClick(h2, e) : void 0,
       className: props2.className
     }, children2),
-    img: ({ src, alt, ...props2 }) => /* @__PURE__ */ React19__default.createElement(OptimizedMarkdownMedia, {
+    img: ({ src, alt, ...props2 }) => /* @__PURE__ */ React2__default.createElement(OptimizedMarkdownMedia, {
       src: src || "",
       alt: alt || "",
       repositoryInfo,
       theme: theme2,
       ...props2
     }),
-    picture: ({ children: children2, ...props2 }) => /* @__PURE__ */ React19__default.createElement("picture", {
+    picture: ({ children: children2, ...props2 }) => /* @__PURE__ */ React2__default.createElement("picture", {
       ...props2
     }, children2),
-    video: ({ children: children2, ...props2 }) => /* @__PURE__ */ React19__default.createElement("video", {
+    video: ({ children: children2, ...props2 }) => /* @__PURE__ */ React2__default.createElement("video", {
       controls: true,
       style: {
         maxWidth: "100%",
@@ -42324,7 +42324,7 @@ var createIndustryMarkdownComponents = ({
           return descriptors ? `${transformedUrl} ${descriptors}` : transformedUrl;
         }).join(", ");
       }, [srcsetValue, repositoryInfo]);
-      return /* @__PURE__ */ React19__default.createElement("source", {
+      return /* @__PURE__ */ React2__default.createElement("source", {
         srcSet: transformedSrcset,
         ...props2
       });
@@ -42400,18 +42400,18 @@ var createIndustryMarkdownComponents = ({
           borderBottom: `1px solid ${theme2.colors.border}`,
           fontSize: theme2.fontSizes[0]
         };
-        return /* @__PURE__ */ React19__default.createElement("div", {
+        return /* @__PURE__ */ React2__default.createElement("div", {
           style: containerStyle
-        }, /* @__PURE__ */ React19__default.createElement("div", {
+        }, /* @__PURE__ */ React2__default.createElement("div", {
           style: headerStyle
-        }, /* @__PURE__ */ React19__default.createElement("span", {
+        }, /* @__PURE__ */ React2__default.createElement("span", {
           style: {
             fontFamily: theme2.fonts.monospace,
             fontWeight: isPrompt ? theme2.fontWeights.bold : theme2.fontWeights.body
           }
-        }, isPrompt ? "💡 Prompt" : language22), /* @__PURE__ */ React19__default.createElement("div", {
+        }, isPrompt ? "💡 Prompt" : language22), /* @__PURE__ */ React2__default.createElement("div", {
           style: { display: "flex", gap: `${theme2.space[2]}px` }
-        }, /* @__PURE__ */ React19__default.createElement("button", {
+        }, /* @__PURE__ */ React2__default.createElement("button", {
           onClick: (e) => {
             e.stopPropagation();
             navigator.clipboard.writeText(codeString).then(() => {
@@ -42435,11 +42435,11 @@ var createIndustryMarkdownComponents = ({
             transition: "all 0.15s ease-in-out"
           },
           title: copied ? "Copied!" : "Copy code to clipboard"
-        }, copied ? /* @__PURE__ */ React19__default.createElement(Check, {
+        }, copied ? /* @__PURE__ */ React2__default.createElement(Check, {
           size: 14
-        }) : /* @__PURE__ */ React19__default.createElement(Copy, {
+        }) : /* @__PURE__ */ React2__default.createElement(Copy, {
           size: 14
-        }), copied ? "Copied!" : "Copy"), isExecutable && /* @__PURE__ */ React19__default.createElement(IndustryBashCommandDropdown, {
+        }), copied ? "Copied!" : "Copy"), isExecutable && /* @__PURE__ */ React2__default.createElement(IndustryBashCommandDropdown, {
           commands: bashCommands,
           allCommands: codeString.trim(),
           onRunCommand: async (command) => {
@@ -42454,7 +42454,7 @@ var createIndustryMarkdownComponents = ({
           },
           slideIdPrefix,
           theme: theme2
-        }), isHtml && /* @__PURE__ */ React19__default.createElement("button", {
+        }), isHtml && /* @__PURE__ */ React2__default.createElement("button", {
           onClick: (e) => {
             e.stopPropagation();
             openHtmlModal(codeString);
@@ -42472,9 +42472,9 @@ var createIndustryMarkdownComponents = ({
             gap: `${theme2.space[1]}px`
           },
           title: "Render HTML in modal"
-        }, /* @__PURE__ */ React19__default.createElement(Monitor, {
+        }, /* @__PURE__ */ React2__default.createElement(Monitor, {
           size: 14
-        }), "Render HTML"), isPrompt && openPlaceholderModal && hasPlaceholders && /* @__PURE__ */ React19__default.createElement("button", {
+        }), "Render HTML"), isPrompt && openPlaceholderModal && hasPlaceholders && /* @__PURE__ */ React2__default.createElement("button", {
           onClick: (e) => {
             e.stopPropagation();
             openPlaceholderModal(placeholders, codeString);
@@ -42492,9 +42492,9 @@ var createIndustryMarkdownComponents = ({
             gap: `${theme2.space[1]}px`
           },
           title: "Fill placeholders and copy"
-        }, /* @__PURE__ */ React19__default.createElement(FileText, {
+        }, /* @__PURE__ */ React2__default.createElement(FileText, {
           size: 14
-        }), "Fill & Copy (", placeholders.length, ")"))), isPrompt ? /* @__PURE__ */ React19__default.createElement("div", {
+        }), "Fill & Copy (", placeholders.length, ")"))), isPrompt ? /* @__PURE__ */ React2__default.createElement("div", {
           style: {
             margin: 0,
             padding: theme2.space[5],
@@ -42507,7 +42507,7 @@ var createIndustryMarkdownComponents = ({
           }
         }, codeString.split(/(\{\{[^}]+\}\})/).map((part, index22) => {
           if (part.match(/^\{\{[^}]+\}\}$/)) {
-            return /* @__PURE__ */ React19__default.createElement("span", {
+            return /* @__PURE__ */ React2__default.createElement("span", {
               key: index22,
               style: {
                 backgroundColor: theme2.colors.highlight,
@@ -42521,7 +42521,7 @@ var createIndustryMarkdownComponents = ({
             }, part);
           }
           return part;
-        })) : /* @__PURE__ */ React19__default.createElement("pre", {
+        })) : /* @__PURE__ */ React2__default.createElement("pre", {
           style: {
             margin: 0,
             padding: theme2.space[4],
@@ -42531,7 +42531,7 @@ var createIndustryMarkdownComponents = ({
             lineHeight: 1.2,
             fontFamily: theme2.fonts.monospace
           }
-        }, /* @__PURE__ */ React19__default.createElement("code", {
+        }, /* @__PURE__ */ React2__default.createElement("code", {
           className,
           style: {
             lineHeight: "inherit",
@@ -42543,7 +42543,7 @@ var createIndustryMarkdownComponents = ({
         }, children2)));
       }
       const cleanClassName = (_f = (_e = (_d = className == null ? void 0 : className.replace(/hljs(-\w+)?/g, "")) == null ? void 0 : _d.replace(/language-\w+/g, "")) == null ? void 0 : _e.replace(/\s+/g, " ")) == null ? void 0 : _f.trim();
-      return /* @__PURE__ */ React19__default.createElement("code", {
+      return /* @__PURE__ */ React2__default.createElement("code", {
         style: {
           color: theme2.colors.accent,
           fontSize: "0.875em",
@@ -42661,7 +42661,7 @@ function IndustryZoomableMermaidDiagram({
   const handleButtonLeave = (e) => {
     e.currentTarget.style.backgroundColor = theme2.colors.background;
   };
-  return /* @__PURE__ */ React19__default.createElement("div", {
+  return /* @__PURE__ */ React2__default.createElement("div", {
     ref: containerRef,
     style: {
       width: "100%",
@@ -42669,7 +42669,7 @@ function IndustryZoomableMermaidDiagram({
       position: "relative",
       backgroundColor: theme2.colors.background
     }
-  }, /* @__PURE__ */ React19__default.createElement(TransformWrapper, {
+  }, /* @__PURE__ */ React2__default.createElement(TransformWrapper, {
     limitToBounds: true,
     doubleClick: { disabled: true },
     minScale: 0.1,
@@ -42683,7 +42683,7 @@ function IndustryZoomableMermaidDiagram({
     zoomAnimation: { disabled: false, size: 0.2 }
   }, ({ centerView: centerView2, instance }) => {
     transformRef.current = { centerView: centerView2, instance };
-    return /* @__PURE__ */ React19__default.createElement(React19__default.Fragment, null, /* @__PURE__ */ React19__default.createElement("div", {
+    return /* @__PURE__ */ React2__default.createElement(React2__default.Fragment, null, /* @__PURE__ */ React2__default.createElement("div", {
       style: {
         position: "absolute",
         top: theme2.space[3],
@@ -42692,7 +42692,7 @@ function IndustryZoomableMermaidDiagram({
         display: "flex",
         gap: theme2.space[2]
       }
-    }, /* @__PURE__ */ React19__default.createElement("button", {
+    }, /* @__PURE__ */ React2__default.createElement("button", {
       onClick: () => {
         centerView2(calculatedScale, 200, "easeOut");
       },
@@ -42700,14 +42700,14 @@ function IndustryZoomableMermaidDiagram({
       onMouseEnter: handleButtonHover,
       onMouseLeave: handleButtonLeave,
       title: "Reset view"
-    }, "⟲"), isCalculating && /* @__PURE__ */ React19__default.createElement("span", {
+    }, "⟲"), isCalculating && /* @__PURE__ */ React2__default.createElement("span", {
       style: {
         padding: `${theme2.space[1]}px ${theme2.space[2]}px`,
         fontSize: theme2.fontSizes[1],
         color: theme2.colors.textMuted,
         fontFamily: theme2.fonts.body
       }
-    }, "Optimizing view...")), /* @__PURE__ */ React19__default.createElement(TransformComponent, {
+    }, "Optimizing view...")), /* @__PURE__ */ React2__default.createElement(TransformComponent, {
       wrapperStyle: {
         width: "100%",
         height: "100%",
@@ -42721,7 +42721,7 @@ function IndustryZoomableMermaidDiagram({
         alignItems: "center",
         justifyContent: "center"
       }
-    }, /* @__PURE__ */ React19__default.createElement("div", {
+    }, /* @__PURE__ */ React2__default.createElement("div", {
       ref: diagramRef,
       style: {
         display: "flex",
@@ -42730,7 +42730,7 @@ function IndustryZoomableMermaidDiagram({
         width: "100%",
         height: "100%"
       }
-    }, /* @__PURE__ */ React19__default.createElement(IndustryMermaidDiagram, {
+    }, /* @__PURE__ */ React2__default.createElement(IndustryMermaidDiagram, {
       code: code2,
       id,
       isModalMode: true,
@@ -42766,7 +42766,7 @@ function IndustryMermaidModal({
   if (!isOpen) {
     return null;
   }
-  const modalContent = /* @__PURE__ */ React19__default.createElement("div", {
+  const modalContent = /* @__PURE__ */ React2__default.createElement("div", {
     onClick: handleBackdropClick,
     style: {
       position: "fixed",
@@ -42781,7 +42781,7 @@ function IndustryMermaidModal({
       zIndex: 50,
       padding: theme2.space[4]
     }
-  }, /* @__PURE__ */ React19__default.createElement("div", {
+  }, /* @__PURE__ */ React2__default.createElement("div", {
     ref: modalRef,
     onClick: (e) => e.stopPropagation(),
     style: {
@@ -42796,7 +42796,7 @@ function IndustryMermaidModal({
       overflow: "hidden",
       boxShadow: theme2.shadows[4]
     }
-  }, /* @__PURE__ */ React19__default.createElement("button", {
+  }, /* @__PURE__ */ React2__default.createElement("button", {
     onClick: (e) => {
       e.stopPropagation();
       onClose();
@@ -42830,7 +42830,7 @@ function IndustryMermaidModal({
       e.currentTarget.style.color = theme2.colors.text;
     },
     "aria-label": "Close"
-  }, "×"), /* @__PURE__ */ React19__default.createElement("div", {
+  }, "×"), /* @__PURE__ */ React2__default.createElement("div", {
     style: {
       flex: 1,
       overflow: "hidden",
@@ -42838,7 +42838,7 @@ function IndustryMermaidModal({
       backgroundColor: theme2.colors.background,
       padding: `${theme2.space[5]}px ${theme2.space[2]}px ${theme2.space[2]}px ${theme2.space[2]}px`
     }
-  }, /* @__PURE__ */ React19__default.createElement(IndustryZoomableMermaidDiagram, {
+  }, /* @__PURE__ */ React2__default.createElement(IndustryZoomableMermaidDiagram, {
     id: "mermaid-modal-diagram",
     code: mermaidCode,
     theme: theme2
@@ -42872,7 +42872,7 @@ function IndustryPlaceholderModal({
       console.error("Failed to copy filled prompt:", err);
     });
   };
-  return /* @__PURE__ */ React19__default.createElement("div", {
+  return /* @__PURE__ */ React2__default.createElement("div", {
     style: {
       position: "fixed",
       top: 0,
@@ -42887,7 +42887,7 @@ function IndustryPlaceholderModal({
       padding: theme2.space[5]
     },
     onClick: onClose
-  }, /* @__PURE__ */ React19__default.createElement("div", {
+  }, /* @__PURE__ */ React2__default.createElement("div", {
     style: {
       backgroundColor: theme2.colors.background,
       borderRadius: theme2.radii[3],
@@ -42901,7 +42901,7 @@ function IndustryPlaceholderModal({
       boxShadow: theme2.shadows[4]
     },
     onClick: (e) => e.stopPropagation()
-  }, /* @__PURE__ */ React19__default.createElement("div", {
+  }, /* @__PURE__ */ React2__default.createElement("div", {
     style: {
       padding: theme2.space[4],
       borderBottom: `1px solid ${theme2.colors.border}`,
@@ -42910,7 +42910,7 @@ function IndustryPlaceholderModal({
       alignItems: "center",
       backgroundColor: theme2.colors.backgroundSecondary
     }
-  }, /* @__PURE__ */ React19__default.createElement("h3", {
+  }, /* @__PURE__ */ React2__default.createElement("h3", {
     style: {
       margin: 0,
       color: theme2.colors.text,
@@ -42918,7 +42918,7 @@ function IndustryPlaceholderModal({
       fontWeight: theme2.fontWeights.semibold,
       fontFamily: theme2.fonts.heading
     }
-  }, "Fill Prompt Placeholders"), /* @__PURE__ */ React19__default.createElement("button", {
+  }, "Fill Prompt Placeholders"), /* @__PURE__ */ React2__default.createElement("button", {
     onClick: (e) => {
       e.stopPropagation();
       onClose();
@@ -42948,14 +42948,14 @@ function IndustryPlaceholderModal({
     },
     title: "Close",
     "aria-label": "Close modal"
-  }, "×")), /* @__PURE__ */ React19__default.createElement("div", {
+  }, "×")), /* @__PURE__ */ React2__default.createElement("div", {
     style: {
       padding: theme2.space[5],
       overflow: "auto",
       flex: 1,
       backgroundColor: theme2.colors.background
     }
-  }, /* @__PURE__ */ React19__default.createElement("p", {
+  }, /* @__PURE__ */ React2__default.createElement("p", {
     style: {
       margin: `0 0 ${theme2.space[4]}px 0`,
       color: theme2.colors.textSecondary,
@@ -42963,12 +42963,12 @@ function IndustryPlaceholderModal({
       lineHeight: theme2.lineHeights.body,
       fontFamily: theme2.fonts.body
     }
-  }, "Fill in the values for the placeholders below. The prompt will be copied to your clipboard with the values substituted."), /* @__PURE__ */ React19__default.createElement("form", {
+  }, "Fill in the values for the placeholders below. The prompt will be copied to your clipboard with the values substituted."), /* @__PURE__ */ React2__default.createElement("form", {
     onSubmit: handleSubmit
-  }, placeholders.map((placeholder, index2) => /* @__PURE__ */ React19__default.createElement("div", {
+  }, placeholders.map((placeholder, index2) => /* @__PURE__ */ React2__default.createElement("div", {
     key: index2,
     style: { marginBottom: theme2.space[4] }
-  }, /* @__PURE__ */ React19__default.createElement("label", {
+  }, /* @__PURE__ */ React2__default.createElement("label", {
     style: {
       display: "block",
       marginBottom: theme2.space[2],
@@ -42977,7 +42977,7 @@ function IndustryPlaceholderModal({
       fontSize: theme2.fontSizes[1],
       fontFamily: theme2.fonts.body
     }
-  }, placeholder), /* @__PURE__ */ React19__default.createElement("input", {
+  }, placeholder), /* @__PURE__ */ React2__default.createElement("input", {
     type: "text",
     value: values[placeholder] || "",
     onChange: (e) => setValues((prev) => ({
@@ -43003,14 +43003,14 @@ function IndustryPlaceholderModal({
       e.currentTarget.style.borderColor = theme2.colors.border;
     },
     placeholder: `Enter value for ${placeholder}`
-  }))), /* @__PURE__ */ React19__default.createElement("div", {
+  }))), /* @__PURE__ */ React2__default.createElement("div", {
     style: {
       display: "flex",
       gap: theme2.space[3],
       justifyContent: "flex-end",
       marginTop: theme2.space[5]
     }
-  }, /* @__PURE__ */ React19__default.createElement("button", {
+  }, /* @__PURE__ */ React2__default.createElement("button", {
     type: "button",
     onClick: onClose,
     style: {
@@ -43034,7 +43034,7 @@ function IndustryPlaceholderModal({
     onMouseLeave: (e) => {
       e.currentTarget.style.backgroundColor = theme2.colors.background;
     }
-  }, "Cancel"), /* @__PURE__ */ React19__default.createElement("button", {
+  }, "Cancel"), /* @__PURE__ */ React2__default.createElement("button", {
     type: "submit",
     style: {
       padding: `${theme2.space[2]}px ${theme2.space[4]}px`,
@@ -43284,7 +43284,7 @@ var injectStyles = () => {
     stylesInjected = true;
   }
 };
-var IndustryMarkdownSlide = React19__default.memo(function IndustryMarkdownSlide2({
+var IndustryMarkdownSlide = React2__default.memo(function IndustryMarkdownSlide2({
   content: content2,
   slideIdPrefix,
   slideIndex,
@@ -43670,7 +43670,7 @@ var IndustryMarkdownSlide = React19__default.memo(function IndustryMarkdownSlide
     if (searchQuery) {
       return {
         ...baseComponents,
-        mark: ({ children: children2 }) => /* @__PURE__ */ React19__default.createElement("mark", {
+        mark: ({ children: children2 }) => /* @__PURE__ */ React2__default.createElement("mark", {
           style: {
             backgroundColor: theme2.colors.highlightBg || "rgba(255, 193, 7, 0.25)",
             color: theme2.colors.text,
@@ -43700,7 +43700,7 @@ var IndustryMarkdownSlide = React19__default.memo(function IndustryMarkdownSlide
     repositoryInfo,
     searchQuery
   ]);
-  return /* @__PURE__ */ React19__default.createElement("div", {
+  return /* @__PURE__ */ React2__default.createElement("div", {
     className: "markdown-slide",
     ref: slideRef,
     style: {
@@ -43724,7 +43724,7 @@ var IndustryMarkdownSlide = React19__default.memo(function IndustryMarkdownSlide
         slideRef.current.focus();
       }
     }
-  }, chunks.length === 0 ? /* @__PURE__ */ React19__default.createElement("div", {
+  }, chunks.length === 0 ? /* @__PURE__ */ React2__default.createElement("div", {
     style: {
       padding: theme2.space[4],
       textAlign: "center",
@@ -43734,7 +43734,7 @@ var IndustryMarkdownSlide = React19__default.memo(function IndustryMarkdownSlide
   }, "No content to display") : chunks.map((chunk, index2) => {
     if (chunk.type === "markdown_chunk") {
       const processedContent = searchQuery ? highlightSearchMatches(chunk.content, searchQuery) : chunk.content;
-      return /* @__PURE__ */ React19__default.createElement(Markdown, {
+      return /* @__PURE__ */ React2__default.createElement(Markdown, {
         key: `${chunk.id}-${JSON.stringify(theme2.colors.accent)}`,
         remarkPlugins: [remarkGfm],
         rehypePlugins: [
@@ -43758,23 +43758,23 @@ var IndustryMarkdownSlide = React19__default.memo(function IndustryMarkdownSlide
       if (onShowMermaidInPanel) {
         mermaidProps.onShowInPanel = onShowMermaidInPanel;
       }
-      return /* @__PURE__ */ React19__default.createElement(IndustryLazyMermaidDiagram, {
+      return /* @__PURE__ */ React2__default.createElement(IndustryLazyMermaidDiagram, {
         key: chunk.id,
         ...mermaidProps
       });
     }
     return null;
-  }), /* @__PURE__ */ React19__default.createElement(IndustryHtmlModal, {
+  }), /* @__PURE__ */ React2__default.createElement(IndustryHtmlModal, {
     isOpen: htmlModalOpen,
     onClose: closeHtmlModal,
     htmlContent: htmlModalContent,
     theme: theme2
-  }), /* @__PURE__ */ React19__default.createElement(IndustryMermaidModal, {
+  }), /* @__PURE__ */ React2__default.createElement(IndustryMermaidModal, {
     isOpen: mermaidModalOpen,
     onClose: closeMermaidModal,
     mermaidCode: mermaidModalCode,
     theme: theme2
-  }), handlePromptCopy && placeholderModalData && /* @__PURE__ */ React19__default.createElement(IndustryPlaceholderModal, {
+  }), handlePromptCopy && placeholderModalData && /* @__PURE__ */ React2__default.createElement(IndustryPlaceholderModal, {
     isOpen: placeholderModalOpen,
     onClose: closePlaceholderModal,
     placeholders: placeholderModalData.placeholders,
@@ -43801,7 +43801,7 @@ var DATA_ATTRIBUTES = {
 };
 var PRECISION = 10;
 var useIsomorphicLayoutEffect = useLayoutEffect;
-var useId = React19["useId".toString()];
+var useId = React2["useId".toString()];
 var wrappedUseId = typeof useId === "function" ? useId : () => null;
 var counter = 0;
 function useUniqueId(idFromParams = null) {
@@ -46076,7 +46076,7 @@ var M = forwardRef(({ panels: o2, className: a2 = "", style: s2, theme: d2, minP
   const y2 = o2.length, w2 = 2 * u2;
   let x2;
   x2 = y2 === 1 || y2 === 2 ? "100%" : `max(${u2}px, ${100 * p2}%)`;
-  const C = React19__default.useId().replace(/:/g, "_");
+  const C = React2__default.useId().replace(/:/g, "_");
   return jsxs(Fragment, { children: [
     y2 === 2 && /* @__PURE__ */ jsx("style", { children: `
             .snap-carousel-container[data-carousel-id="${C}"][data-panel-count="2"] .snap-carousel-panel {
@@ -46162,7 +46162,7 @@ var FocusLeftIcon = ({
   size = 18,
   color: color2 = "currentColor",
   style: style2
-}) => /* @__PURE__ */ React19__default.createElement("svg", {
+}) => /* @__PURE__ */ React2__default.createElement("svg", {
   width: size,
   height: size,
   viewBox: "0 0 24 24",
@@ -46172,13 +46172,13 @@ var FocusLeftIcon = ({
   strokeLinecap: "round",
   strokeLinejoin: "round",
   style: style2
-}, /* @__PURE__ */ React19__default.createElement("rect", {
+}, /* @__PURE__ */ React2__default.createElement("rect", {
   x: "3",
   y: "3",
   width: "18",
   height: "18",
   rx: "1"
-}), /* @__PURE__ */ React19__default.createElement("path", {
+}), /* @__PURE__ */ React2__default.createElement("path", {
   d: "M9 12L15 12M15 12L12 9M15 12L12 15",
   strokeWidth: "1.5"
 }));
@@ -46186,7 +46186,7 @@ var FocusRightIcon = ({
   size = 18,
   color: color2 = "currentColor",
   style: style2
-}) => /* @__PURE__ */ React19__default.createElement("svg", {
+}) => /* @__PURE__ */ React2__default.createElement("svg", {
   width: size,
   height: size,
   viewBox: "0 0 24 24",
@@ -46196,13 +46196,13 @@ var FocusRightIcon = ({
   strokeLinecap: "round",
   strokeLinejoin: "round",
   style: style2
-}, /* @__PURE__ */ React19__default.createElement("rect", {
+}, /* @__PURE__ */ React2__default.createElement("rect", {
   x: "3",
   y: "3",
   width: "18",
   height: "18",
   rx: "1"
-}), /* @__PURE__ */ React19__default.createElement("path", {
+}), /* @__PURE__ */ React2__default.createElement("path", {
   d: "M15 12L9 12M9 12L12 9M9 12L12 15",
   strokeWidth: "1.5"
 }));
@@ -46217,8 +46217,8 @@ var HeaderButton = ({
   minWidth,
   padding
 }) => {
-  const [isHovered, setIsHovered] = React19__default.useState(false);
-  return /* @__PURE__ */ React19__default.createElement("button", {
+  const [isHovered, setIsHovered] = React2__default.useState(false);
+  return /* @__PURE__ */ React2__default.createElement("button", {
     onClick,
     disabled,
     onMouseEnter: () => setIsHovered(true),
@@ -46270,7 +46270,7 @@ var SlideNavigationHeader = ({
   onCollapseRight
 }) => {
   const navigationHeight = "48px";
-  return /* @__PURE__ */ React19__default.createElement("div", {
+  return /* @__PURE__ */ React2__default.createElement("div", {
     style: {
       height: navigationHeight,
       minHeight: navigationHeight,
@@ -46282,41 +46282,41 @@ var SlideNavigationHeader = ({
       backgroundColor: theme2.colors.background,
       flexShrink: 0
     }
-  }, /* @__PURE__ */ React19__default.createElement("div", {
+  }, /* @__PURE__ */ React2__default.createElement("div", {
     style: {
       display: "flex",
       alignItems: "center",
       gap: theme2.space[2]
     }
-  }, /* @__PURE__ */ React19__default.createElement(HeaderButton, {
+  }, /* @__PURE__ */ React2__default.createElement(HeaderButton, {
     onClick: onToggleTOC,
     active: showTOC,
     theme: theme2,
     title: tocDisplayMode === "sidebar" ? showTOC ? "Hide table of contents (T)" : "Show table of contents (T)" : showTOC ? "Close table of contents (Esc)" : "Open table of contents (T)"
-  }, /* @__PURE__ */ React19__default.createElement(Menu, {
+  }, /* @__PURE__ */ React2__default.createElement(Menu, {
     size: 18
-  })), /* @__PURE__ */ React19__default.createElement(HeaderButton, {
+  })), /* @__PURE__ */ React2__default.createElement(HeaderButton, {
     onClick: onPrevious,
     disabled: currentSlide === 0,
     theme: theme2,
     title: "Previous slide",
     minWidth: isMobile ? void 0 : "100px",
     width: isMobile ? "36px" : void 0
-  }, /* @__PURE__ */ React19__default.createElement(ChevronLeft, {
+  }, /* @__PURE__ */ React2__default.createElement(ChevronLeft, {
     size: 18
-  }), !isMobile && "Previous"), viewMode === "book" && onCollapseLeft && /* @__PURE__ */ React19__default.createElement(HeaderButton, {
+  }), !isMobile && "Previous"), viewMode === "book" && onCollapseLeft && /* @__PURE__ */ React2__default.createElement(HeaderButton, {
     onClick: onCollapseLeft,
     active: collapseRight,
     theme: theme2,
     title: collapseLeft ? "Expand left panel" : collapseRight ? "Show both panels" : "Focus on left panel"
-  }, collapseLeft ? /* @__PURE__ */ React19__default.createElement(PanelLeftClose, {
+  }, collapseLeft ? /* @__PURE__ */ React2__default.createElement(PanelLeftClose, {
     size: 18,
     style: { transform: "rotate(180deg)" }
-  }) : collapseRight ? /* @__PURE__ */ React19__default.createElement(Columns2, {
+  }) : collapseRight ? /* @__PURE__ */ React2__default.createElement(Columns2, {
     size: 18
-  }) : /* @__PURE__ */ React19__default.createElement(FocusLeftIcon, {
+  }) : /* @__PURE__ */ React2__default.createElement(FocusLeftIcon, {
     size: 18
-  }))), showSlideCounter && /* @__PURE__ */ React19__default.createElement("div", {
+  }))), showSlideCounter && /* @__PURE__ */ React2__default.createElement("div", {
     style: {
       display: "flex",
       alignItems: "center",
@@ -46324,65 +46324,65 @@ var SlideNavigationHeader = ({
       fontSize: theme2.fontSizes[1],
       fontFamily: theme2.fonts.monospace
     }
-  }, viewMode === "book" ? /* @__PURE__ */ React19__default.createElement(React19__default.Fragment, null, /* @__PURE__ */ React19__default.createElement("span", {
+  }, viewMode === "book" ? /* @__PURE__ */ React2__default.createElement(React2__default.Fragment, null, /* @__PURE__ */ React2__default.createElement("span", {
     style: { fontWeight: 600 }
-  }, Math.floor(currentSlide / 2) + 1), /* @__PURE__ */ React19__default.createElement("span", {
+  }, Math.floor(currentSlide / 2) + 1), /* @__PURE__ */ React2__default.createElement("span", {
     style: { opacity: 0.5, margin: "0 0.4em" }
-  }, "of"), /* @__PURE__ */ React19__default.createElement("span", {
+  }, "of"), /* @__PURE__ */ React2__default.createElement("span", {
     style: { fontWeight: 600 }
-  }, Math.ceil(totalSlides / 2))) : /* @__PURE__ */ React19__default.createElement(React19__default.Fragment, null, /* @__PURE__ */ React19__default.createElement("span", {
+  }, Math.ceil(totalSlides / 2))) : /* @__PURE__ */ React2__default.createElement(React2__default.Fragment, null, /* @__PURE__ */ React2__default.createElement("span", {
     style: { fontWeight: 600 }
-  }, currentSlide + 1), /* @__PURE__ */ React19__default.createElement("span", {
+  }, currentSlide + 1), /* @__PURE__ */ React2__default.createElement("span", {
     style: { opacity: 0.5, margin: "0 0.4em" }
-  }, "of"), /* @__PURE__ */ React19__default.createElement("span", {
+  }, "of"), /* @__PURE__ */ React2__default.createElement("span", {
     style: { fontWeight: 600 }
-  }, totalSlides))), /* @__PURE__ */ React19__default.createElement("div", {
+  }, totalSlides))), /* @__PURE__ */ React2__default.createElement("div", {
     style: {
       display: "flex",
       alignItems: "center",
       gap: theme2.space[2]
     }
-  }, viewMode === "book" && onCollapseRight && /* @__PURE__ */ React19__default.createElement(HeaderButton, {
+  }, viewMode === "book" && onCollapseRight && /* @__PURE__ */ React2__default.createElement(HeaderButton, {
     onClick: onCollapseRight,
     active: collapseLeft,
     theme: theme2,
     title: collapseRight ? "Expand right panel" : collapseLeft ? "Show both panels" : "Focus on right panel"
-  }, collapseRight ? /* @__PURE__ */ React19__default.createElement(PanelRightClose, {
+  }, collapseRight ? /* @__PURE__ */ React2__default.createElement(PanelRightClose, {
     size: 18,
     style: { transform: "rotate(180deg)" }
-  }) : collapseLeft ? /* @__PURE__ */ React19__default.createElement(Columns2, {
+  }) : collapseLeft ? /* @__PURE__ */ React2__default.createElement(Columns2, {
     size: 18
-  }) : /* @__PURE__ */ React19__default.createElement(FocusRightIcon, {
+  }) : /* @__PURE__ */ React2__default.createElement(FocusRightIcon, {
     size: 18
-  })), /* @__PURE__ */ React19__default.createElement(HeaderButton, {
+  })), /* @__PURE__ */ React2__default.createElement(HeaderButton, {
     onClick: onNext,
     disabled: currentSlide === totalSlides - 1,
     theme: theme2,
     title: "Next slide",
     minWidth: isMobile ? void 0 : "100px",
     width: isMobile ? "36px" : void 0
-  }, !isMobile && "Next", /* @__PURE__ */ React19__default.createElement(ChevronRight, {
+  }, !isMobile && "Next", /* @__PURE__ */ React2__default.createElement(ChevronRight, {
     size: 18
-  })), showPopoutButton && onPopout && !isPopout && /* @__PURE__ */ React19__default.createElement(HeaderButton, {
+  })), showPopoutButton && onPopout && !isPopout && /* @__PURE__ */ React2__default.createElement(HeaderButton, {
     onClick: onPopout,
     theme: theme2,
     title: "Pop out to new window"
-  }, /* @__PURE__ */ React19__default.createElement(ExternalLink, {
+  }, /* @__PURE__ */ React2__default.createElement(ExternalLink, {
     size: 18
-  })), isPopout && onClose && /* @__PURE__ */ React19__default.createElement(HeaderButton, {
+  })), isPopout && onClose && /* @__PURE__ */ React2__default.createElement(HeaderButton, {
     onClick: onClose,
     theme: theme2,
     title: "Close window"
-  }, /* @__PURE__ */ React19__default.createElement(X, {
+  }, /* @__PURE__ */ React2__default.createElement(X, {
     size: 18
-  })), showFullscreenButton && !showPopoutButton && /* @__PURE__ */ React19__default.createElement(HeaderButton, {
+  })), showFullscreenButton && !showPopoutButton && /* @__PURE__ */ React2__default.createElement(HeaderButton, {
     onClick: onToggleFullscreen,
     disabled: isMobile,
     theme: theme2,
     title: isMobile ? "Fullscreen not available on mobile" : isFullscreen ? "Exit fullscreen (F)" : "Enter fullscreen (F)"
-  }, isFullscreen ? /* @__PURE__ */ React19__default.createElement(Minimize2, {
+  }, isFullscreen ? /* @__PURE__ */ React2__default.createElement(Minimize2, {
     size: 18
-  }) : /* @__PURE__ */ React19__default.createElement(Maximize2, {
+  }) : /* @__PURE__ */ React2__default.createElement(Maximize2, {
     size: 18
   }))));
 };
@@ -46405,7 +46405,7 @@ var SlideSearchBar = ({
       searchInputRef.current.focus();
     }
   }, [showSearch]);
-  return /* @__PURE__ */ React19__default.createElement("div", {
+  return /* @__PURE__ */ React2__default.createElement("div", {
     style: {
       position: "fixed",
       bottom: 0,
@@ -46422,10 +46422,10 @@ var SlideSearchBar = ({
       padding: `0 ${theme2.space[3]}px`,
       gap: theme2.space[3]
     }
-  }, /* @__PURE__ */ React19__default.createElement(Search, {
+  }, /* @__PURE__ */ React2__default.createElement(Search, {
     size: 20,
     style: { color: theme2.colors.textSecondary, flexShrink: 0 }
-  }), /* @__PURE__ */ React19__default.createElement("input", {
+  }), /* @__PURE__ */ React2__default.createElement("input", {
     ref: searchInputRef,
     type: "text",
     value: searchQuery,
@@ -46449,14 +46449,14 @@ var SlideSearchBar = ({
     onBlur: (e2) => {
       e2.currentTarget.style.borderColor = theme2.colors.border;
     }
-  }), searchQuery && /* @__PURE__ */ React19__default.createElement("div", {
+  }), searchQuery && /* @__PURE__ */ React2__default.createElement("div", {
     style: {
       color: theme2.colors.textSecondary,
       fontSize: theme2.fontSizes[0],
       fontFamily: theme2.fonts.body,
       flexShrink: 0
     }
-  }, searchResults.length > 0 ? /* @__PURE__ */ React19__default.createElement(React19__default.Fragment, null, searchResults.reduce((sum, r2) => sum + r2.count, 0), " matches in ", searchResults.length, " ", "slide", searchResults.length !== 1 ? "s" : "") : "No results"), /* @__PURE__ */ React19__default.createElement("div", {
+  }, searchResults.length > 0 ? /* @__PURE__ */ React2__default.createElement(React2__default.Fragment, null, searchResults.reduce((sum, r2) => sum + r2.count, 0), " matches in ", searchResults.length, " ", "slide", searchResults.length !== 1 ? "s" : "") : "No results"), /* @__PURE__ */ React2__default.createElement("div", {
     style: {
       flex: 1,
       display: "flex",
@@ -46467,7 +46467,7 @@ var SlideSearchBar = ({
       minHeight: "32px",
       padding: `0 ${theme2.space[1]}px`
     }
-  }, searchQuery && !searchResults.some((r2) => r2.slideIndex === searchStartSlide) && /* @__PURE__ */ React19__default.createElement("div", {
+  }, searchQuery && !searchResults.some((r2) => r2.slideIndex === searchStartSlide) && /* @__PURE__ */ React2__default.createElement("div", {
     style: {
       display: "inline-flex",
       alignItems: "center",
@@ -46483,11 +46483,11 @@ var SlideSearchBar = ({
       flexShrink: 0,
       opacity: 0.7
     }
-  }, /* @__PURE__ */ React19__default.createElement("span", {
+  }, /* @__PURE__ */ React2__default.createElement("span", {
     style: { fontWeight: 600 }
-  }, "#", searchStartSlide + 1, " (start)"), /* @__PURE__ */ React19__default.createElement("span", {
+  }, "#", searchStartSlide + 1, " (start)"), /* @__PURE__ */ React2__default.createElement("span", {
     style: { opacity: 0.8 }
-  }, "(no matches)")), searchResults.map((result, index2) => /* @__PURE__ */ React19__default.createElement("button", {
+  }, "(no matches)")), searchResults.map((result, index2) => /* @__PURE__ */ React2__default.createElement("button", {
     key: result.slideIndex,
     onClick: () => onResultClick(index2, result.slideIndex),
     style: {
@@ -46517,11 +46517,11 @@ var SlideSearchBar = ({
       }
     },
     title: `Slide ${result.slideIndex + 1}: ${slideTitles[result.slideIndex]}`
-  }, /* @__PURE__ */ React19__default.createElement("span", {
+  }, /* @__PURE__ */ React2__default.createElement("span", {
     style: { fontWeight: 600 }
-  }, "#", result.slideIndex + 1), /* @__PURE__ */ React19__default.createElement("span", {
+  }, "#", result.slideIndex + 1), /* @__PURE__ */ React2__default.createElement("span", {
     style: { opacity: 0.8 }
-  }, "(", result.count, " match", result.count !== 1 ? "es" : "", ")")))), searchQuery && onClear && /* @__PURE__ */ React19__default.createElement("button", {
+  }, "(", result.count, " match", result.count !== 1 ? "es" : "", ")")))), searchQuery && onClear && /* @__PURE__ */ React2__default.createElement("button", {
     onClick: () => {
       var _a;
       onClear();
@@ -46548,7 +46548,7 @@ var SlideSearchBar = ({
       e2.currentTarget.style.backgroundColor = "transparent";
     },
     title: "Clear search"
-  }, "Clear"), /* @__PURE__ */ React19__default.createElement("button", {
+  }, "Clear"), /* @__PURE__ */ React2__default.createElement("button", {
     onClick: onClose,
     style: {
       display: "flex",
@@ -46571,7 +46571,7 @@ var SlideSearchBar = ({
       e2.currentTarget.style.backgroundColor = "transparent";
     },
     title: "Close search (Esc)"
-  }, /* @__PURE__ */ React19__default.createElement(X, {
+  }, /* @__PURE__ */ React2__default.createElement(X, {
     size: 16
   })));
 };
@@ -46843,7 +46843,7 @@ var SlidePresentationBook = ({
   }, [slides.length, currentSlide]);
   const leftSlideIndex = currentSlide;
   const rightSlideIndex = viewMode === "book" ? currentSlide + 1 : -1;
-  return /* @__PURE__ */ React19__default.createElement("div", {
+  return /* @__PURE__ */ React2__default.createElement("div", {
     ref: containerRef,
     style: {
       height: containerHeight,
@@ -46852,7 +46852,7 @@ var SlidePresentationBook = ({
       backgroundColor: theme2.colors.background,
       position: "relative"
     }
-  }, showNavigation && /* @__PURE__ */ React19__default.createElement(SlideNavigationHeader, {
+  }, showNavigation && /* @__PURE__ */ React2__default.createElement(SlideNavigationHeader, {
     currentSlide,
     totalSlides: slides.length,
     showTOC,
@@ -46875,7 +46875,7 @@ var SlidePresentationBook = ({
     onClose,
     onCollapseLeft: handleCollapseLeft,
     onCollapseRight: handleCollapseRight
-  }), /* @__PURE__ */ React19__default.createElement("div", {
+  }), /* @__PURE__ */ React2__default.createElement("div", {
     style: {
       flex: 1,
       width: "100%",
@@ -46883,11 +46883,11 @@ var SlidePresentationBook = ({
       position: "relative",
       display: "flex"
     }
-  }, viewMode === "single" && effectiveTocDisplayMode === "sidebar" ? /* @__PURE__ */ React19__default.createElement(R, {
+  }, viewMode === "single" && effectiveTocDisplayMode === "sidebar" ? /* @__PURE__ */ React2__default.createElement(R, {
     key: `toc-${tocSidebarPosition}`,
     collapsed: !showTOC,
     collapsibleSide: tocSidebarPosition,
-    leftPanel: tocSidebarPosition === "left" ? /* @__PURE__ */ React19__default.createElement("div", {
+    leftPanel: tocSidebarPosition === "left" ? /* @__PURE__ */ React2__default.createElement("div", {
       style: {
         height: "100%",
         width: "100%",
@@ -46895,7 +46895,7 @@ var SlidePresentationBook = ({
         overflowY: "auto",
         overflowX: "hidden"
       }
-    }, /* @__PURE__ */ React19__default.createElement("div", {
+    }, /* @__PURE__ */ React2__default.createElement("div", {
       style: {
         padding: theme2.space[3],
         borderBottom: `1px solid ${theme2.colors.border}`,
@@ -46904,7 +46904,7 @@ var SlidePresentationBook = ({
         top: 0,
         zIndex: 1
       }
-    }, /* @__PURE__ */ React19__default.createElement("h3", {
+    }, /* @__PURE__ */ React2__default.createElement("h3", {
       style: {
         margin: 0,
         fontSize: theme2.fontSizes[3],
@@ -46912,18 +46912,18 @@ var SlidePresentationBook = ({
         color: theme2.colors.text,
         fontWeight: 600
       }
-    }, "Table of Contents"), /* @__PURE__ */ React19__default.createElement("p", {
+    }, "Table of Contents"), /* @__PURE__ */ React2__default.createElement("p", {
       style: {
         margin: `${theme2.space[1]}px 0 0 0`,
         fontSize: theme2.fontSizes[0],
         color: theme2.colors.textSecondary,
         fontFamily: theme2.fonts.body
       }
-    }, slides.length, " ", slides.length === 1 ? "slide" : "slides")), /* @__PURE__ */ React19__default.createElement("div", {
+    }, slides.length, " ", slides.length === 1 ? "slide" : "slides")), /* @__PURE__ */ React2__default.createElement("div", {
       style: { padding: theme2.space[2] }
     }, slideTitles.map((title, index2) => {
       const isCurrentPage = index2 === currentSlide;
-      return /* @__PURE__ */ React19__default.createElement("button", {
+      return /* @__PURE__ */ React2__default.createElement("button", {
         key: index2,
         onClick: () => navigateToSlide(index2),
         style: {
@@ -46952,9 +46952,9 @@ var SlidePresentationBook = ({
             e2.currentTarget.style.backgroundColor = "transparent";
           }
         }
-      }, /* @__PURE__ */ React19__default.createElement("div", {
+      }, /* @__PURE__ */ React2__default.createElement("div", {
         style: { display: "flex", alignItems: "center", gap: theme2.space[2] }
-      }, /* @__PURE__ */ React19__default.createElement("span", {
+      }, /* @__PURE__ */ React2__default.createElement("span", {
         style: {
           display: "inline-block",
           minWidth: "24px",
@@ -46962,14 +46962,14 @@ var SlidePresentationBook = ({
           fontFamily: theme2.fonts.monospace,
           opacity: 0.6
         }
-      }, index2 + 1, "."), /* @__PURE__ */ React19__default.createElement("span", {
+      }, index2 + 1, "."), /* @__PURE__ */ React2__default.createElement("span", {
         style: {
           flex: 1,
           overflow: "hidden",
           textOverflow: "ellipsis",
           whiteSpace: "nowrap"
         }
-      }, title)), isCurrentPage && /* @__PURE__ */ React19__default.createElement("div", {
+      }, title)), isCurrentPage && /* @__PURE__ */ React2__default.createElement("div", {
         style: {
           position: "absolute",
           left: 0,
@@ -46981,9 +46981,9 @@ var SlidePresentationBook = ({
           borderRadius: "0 2px 2px 0"
         }
       }));
-    }))) : /* @__PURE__ */ React19__default.createElement("div", {
+    }))) : /* @__PURE__ */ React2__default.createElement("div", {
       style: { height: "100%", width: "100%", position: "relative" }
-    }, slides.length > 0 ? /* @__PURE__ */ React19__default.createElement(IndustryMarkdownSlide, {
+    }, slides.length > 0 ? /* @__PURE__ */ React2__default.createElement(IndustryMarkdownSlide, {
       content: slides[leftSlideIndex] || "",
       slideIdPrefix: `${slideIdPrefix}-${leftSlideIndex}`,
       slideIndex: leftSlideIndex,
@@ -46997,7 +46997,7 @@ var SlidePresentationBook = ({
       handlePromptCopy,
       fontSizeScale,
       searchQuery: showSearch ? searchQuery : void 0
-    }) : /* @__PURE__ */ React19__default.createElement("div", {
+    }) : /* @__PURE__ */ React2__default.createElement("div", {
       style: {
         height: "100%",
         display: "flex",
@@ -47008,7 +47008,7 @@ var SlidePresentationBook = ({
         fontFamily: theme2.fonts.body
       }
     }, "No slides available")),
-    rightPanel: tocSidebarPosition === "right" ? /* @__PURE__ */ React19__default.createElement("div", {
+    rightPanel: tocSidebarPosition === "right" ? /* @__PURE__ */ React2__default.createElement("div", {
       style: {
         height: "100%",
         width: "100%",
@@ -47016,7 +47016,7 @@ var SlidePresentationBook = ({
         overflowY: "auto",
         overflowX: "hidden"
       }
-    }, /* @__PURE__ */ React19__default.createElement("div", {
+    }, /* @__PURE__ */ React2__default.createElement("div", {
       style: {
         padding: theme2.space[3],
         borderBottom: `1px solid ${theme2.colors.border}`,
@@ -47025,7 +47025,7 @@ var SlidePresentationBook = ({
         top: 0,
         zIndex: 1
       }
-    }, /* @__PURE__ */ React19__default.createElement("h3", {
+    }, /* @__PURE__ */ React2__default.createElement("h3", {
       style: {
         margin: 0,
         fontSize: theme2.fontSizes[3],
@@ -47033,18 +47033,18 @@ var SlidePresentationBook = ({
         color: theme2.colors.text,
         fontWeight: 600
       }
-    }, "Table of Contents"), /* @__PURE__ */ React19__default.createElement("p", {
+    }, "Table of Contents"), /* @__PURE__ */ React2__default.createElement("p", {
       style: {
         margin: `${theme2.space[1]}px 0 0 0`,
         fontSize: theme2.fontSizes[0],
         color: theme2.colors.textSecondary,
         fontFamily: theme2.fonts.body
       }
-    }, slides.length, " ", slides.length === 1 ? "slide" : "slides")), /* @__PURE__ */ React19__default.createElement("div", {
+    }, slides.length, " ", slides.length === 1 ? "slide" : "slides")), /* @__PURE__ */ React2__default.createElement("div", {
       style: { padding: theme2.space[2] }
     }, slideTitles.map((title, index2) => {
       const isCurrentPage = index2 === currentSlide;
-      return /* @__PURE__ */ React19__default.createElement("button", {
+      return /* @__PURE__ */ React2__default.createElement("button", {
         key: index2,
         onClick: () => navigateToSlide(index2),
         style: {
@@ -47073,9 +47073,9 @@ var SlidePresentationBook = ({
             e2.currentTarget.style.backgroundColor = "transparent";
           }
         }
-      }, /* @__PURE__ */ React19__default.createElement("div", {
+      }, /* @__PURE__ */ React2__default.createElement("div", {
         style: { display: "flex", alignItems: "center", gap: theme2.space[2] }
-      }, /* @__PURE__ */ React19__default.createElement("span", {
+      }, /* @__PURE__ */ React2__default.createElement("span", {
         style: {
           display: "inline-block",
           minWidth: "24px",
@@ -47083,14 +47083,14 @@ var SlidePresentationBook = ({
           fontFamily: theme2.fonts.monospace,
           opacity: 0.6
         }
-      }, index2 + 1, "."), /* @__PURE__ */ React19__default.createElement("span", {
+      }, index2 + 1, "."), /* @__PURE__ */ React2__default.createElement("span", {
         style: {
           flex: 1,
           overflow: "hidden",
           textOverflow: "ellipsis",
           whiteSpace: "nowrap"
         }
-      }, title)), isCurrentPage && /* @__PURE__ */ React19__default.createElement("div", {
+      }, title)), isCurrentPage && /* @__PURE__ */ React2__default.createElement("div", {
         style: {
           position: "absolute",
           left: 0,
@@ -47102,9 +47102,9 @@ var SlidePresentationBook = ({
           borderRadius: "0 2px 2px 0"
         }
       }));
-    }))) : /* @__PURE__ */ React19__default.createElement("div", {
+    }))) : /* @__PURE__ */ React2__default.createElement("div", {
       style: { height: "100%", width: "100%", position: "relative" }
-    }, slides.length > 0 ? /* @__PURE__ */ React19__default.createElement(IndustryMarkdownSlide, {
+    }, slides.length > 0 ? /* @__PURE__ */ React2__default.createElement(IndustryMarkdownSlide, {
       content: slides[leftSlideIndex] || "",
       slideIdPrefix: `${slideIdPrefix}-${leftSlideIndex}`,
       slideIndex: leftSlideIndex,
@@ -47118,7 +47118,7 @@ var SlidePresentationBook = ({
       handlePromptCopy,
       fontSizeScale,
       searchQuery: showSearch ? searchQuery : void 0
-    }) : /* @__PURE__ */ React19__default.createElement("div", {
+    }) : /* @__PURE__ */ React2__default.createElement("div", {
       style: {
         height: "100%",
         display: "flex",
@@ -47133,106 +47133,7 @@ var SlidePresentationBook = ({
     minSize: 15,
     showCollapseButton: false,
     theme: theme2
-  }) : /* @__PURE__ */ React19__default.createElement(React19__default.Fragment, null, showTOC && /* @__PURE__ */ React19__default.createElement("div", {
-    style: {
-      position: "absolute",
-      top: 0,
-      left: 0,
-      bottom: 0,
-      width: "300px",
-      zIndex: 10,
-      backgroundColor: theme2.colors.backgroundSecondary,
-      borderRight: `1px solid ${theme2.colors.border}`,
-      overflowY: "auto",
-      overflowX: "hidden"
-    }
-  }, /* @__PURE__ */ React19__default.createElement("div", {
-    style: {
-      padding: theme2.space[3],
-      borderBottom: `1px solid ${theme2.colors.border}`,
-      backgroundColor: theme2.colors.background,
-      position: "sticky",
-      top: 0,
-      zIndex: 1
-    }
-  }, /* @__PURE__ */ React19__default.createElement("h3", {
-    style: {
-      margin: 0,
-      fontSize: theme2.fontSizes[3],
-      fontFamily: theme2.fonts.heading,
-      color: theme2.colors.text,
-      fontWeight: 600
-    }
-  }, "Table of Contents"), /* @__PURE__ */ React19__default.createElement("p", {
-    style: {
-      margin: `${theme2.space[1]}px 0 0 0`,
-      fontSize: theme2.fontSizes[0],
-      color: theme2.colors.textSecondary,
-      fontFamily: theme2.fonts.body
-    }
-  }, slides.length, " ", slides.length === 1 ? "slide" : "slides")), /* @__PURE__ */ React19__default.createElement("div", {
-    style: { padding: theme2.space[2] }
-  }, slideTitles.map((title, index2) => {
-    const isCurrentPage = viewMode === "book" ? index2 === leftSlideIndex || index2 === rightSlideIndex : index2 === currentSlide;
-    return /* @__PURE__ */ React19__default.createElement("button", {
-      key: index2,
-      onClick: () => navigateToSlide(index2),
-      style: {
-        display: "block",
-        width: "100%",
-        padding: `${theme2.space[2]}px ${theme2.space[3]}px`,
-        marginBottom: theme2.space[1],
-        backgroundColor: isCurrentPage ? theme2.colors.primary : "transparent",
-        border: "none",
-        borderRadius: theme2.radii[1],
-        color: isCurrentPage ? theme2.colors.background : theme2.colors.text,
-        fontSize: theme2.fontSizes[1],
-        fontFamily: theme2.fonts.body,
-        textAlign: "left",
-        cursor: "pointer",
-        transition: "all 0.2s ease",
-        position: "relative"
-      },
-      onMouseOver: (e2) => {
-        if (!isCurrentPage) {
-          e2.currentTarget.style.backgroundColor = theme2.colors.backgroundHover;
-        }
-      },
-      onMouseOut: (e2) => {
-        if (!isCurrentPage) {
-          e2.currentTarget.style.backgroundColor = "transparent";
-        }
-      }
-    }, /* @__PURE__ */ React19__default.createElement("div", {
-      style: { display: "flex", alignItems: "center", gap: theme2.space[2] }
-    }, /* @__PURE__ */ React19__default.createElement("span", {
-      style: {
-        display: "inline-block",
-        minWidth: "24px",
-        fontSize: theme2.fontSizes[0],
-        fontFamily: theme2.fonts.monospace,
-        opacity: 0.6
-      }
-    }, index2 + 1, "."), /* @__PURE__ */ React19__default.createElement("span", {
-      style: {
-        flex: 1,
-        overflow: "hidden",
-        textOverflow: "ellipsis",
-        whiteSpace: "nowrap"
-      }
-    }, title)), isCurrentPage && /* @__PURE__ */ React19__default.createElement("div", {
-      style: {
-        position: "absolute",
-        left: 0,
-        top: "50%",
-        transform: "translateY(-50%)",
-        width: "3px",
-        height: "60%",
-        backgroundColor: isCurrentPage ? theme2.colors.background : theme2.colors.primary,
-        borderRadius: "0 2px 2px 0"
-      }
-    }));
-  }))), effectiveTocDisplayMode === "overlay" && /* @__PURE__ */ React19__default.createElement("div", {
+  }) : /* @__PURE__ */ React2__default.createElement(React2__default.Fragment, null, effectiveTocDisplayMode === "overlay" && /* @__PURE__ */ React2__default.createElement("div", {
     style: {
       position: "absolute",
       top: 0,
@@ -47247,7 +47148,7 @@ var SlidePresentationBook = ({
       overflowY: "auto",
       overflowX: "hidden"
     }
-  }, /* @__PURE__ */ React19__default.createElement("div", {
+  }, /* @__PURE__ */ React2__default.createElement("div", {
     style: {
       padding: theme2.space[3],
       borderBottom: `1px solid ${theme2.colors.border}`,
@@ -47256,7 +47157,7 @@ var SlidePresentationBook = ({
       top: 0,
       zIndex: 1
     }
-  }, /* @__PURE__ */ React19__default.createElement("h3", {
+  }, /* @__PURE__ */ React2__default.createElement("h3", {
     style: {
       margin: 0,
       fontSize: theme2.fontSizes[3],
@@ -47264,18 +47165,18 @@ var SlidePresentationBook = ({
       color: theme2.colors.text,
       fontWeight: 600
     }
-  }, "Table of Contents"), /* @__PURE__ */ React19__default.createElement("p", {
+  }, "Table of Contents"), /* @__PURE__ */ React2__default.createElement("p", {
     style: {
       margin: `${theme2.space[1]}px 0 0 0`,
       fontSize: theme2.fontSizes[0],
       color: theme2.colors.textSecondary,
       fontFamily: theme2.fonts.body
     }
-  }, slides.length, " ", slides.length === 1 ? "slide" : "slides")), /* @__PURE__ */ React19__default.createElement("div", {
+  }, slides.length, " ", slides.length === 1 ? "slide" : "slides")), /* @__PURE__ */ React2__default.createElement("div", {
     style: { padding: theme2.space[2] }
   }, slideTitles.map((title, index2) => {
     const isCurrentPage = viewMode === "book" ? index2 === leftSlideIndex || index2 === rightSlideIndex : index2 === currentSlide;
-    return /* @__PURE__ */ React19__default.createElement("button", {
+    return /* @__PURE__ */ React2__default.createElement("button", {
       key: index2,
       onClick: () => navigateToSlide(index2),
       style: {
@@ -47304,9 +47205,9 @@ var SlidePresentationBook = ({
           e2.currentTarget.style.backgroundColor = "transparent";
         }
       }
-    }, /* @__PURE__ */ React19__default.createElement("div", {
+    }, /* @__PURE__ */ React2__default.createElement("div", {
       style: { display: "flex", alignItems: "center", gap: theme2.space[2] }
-    }, /* @__PURE__ */ React19__default.createElement("span", {
+    }, /* @__PURE__ */ React2__default.createElement("span", {
       style: {
         display: "inline-block",
         minWidth: "24px",
@@ -47314,14 +47215,14 @@ var SlidePresentationBook = ({
         fontFamily: theme2.fonts.monospace,
         opacity: 0.6
       }
-    }, index2 + 1, "."), /* @__PURE__ */ React19__default.createElement("span", {
+    }, index2 + 1, "."), /* @__PURE__ */ React2__default.createElement("span", {
       style: {
         flex: 1,
         overflow: "hidden",
         textOverflow: "ellipsis",
         whiteSpace: "nowrap"
       }
-    }, title)), isCurrentPage && /* @__PURE__ */ React19__default.createElement("div", {
+    }, title)), isCurrentPage && /* @__PURE__ */ React2__default.createElement("div", {
       style: {
         position: "absolute",
         left: 0,
@@ -47333,7 +47234,7 @@ var SlidePresentationBook = ({
         borderRadius: "0 2px 2px 0"
       }
     }));
-  }))), effectiveTocDisplayMode === "overlay" && showTOC && /* @__PURE__ */ React19__default.createElement("div", {
+  }))), effectiveTocDisplayMode === "overlay" && showTOC && /* @__PURE__ */ React2__default.createElement("div", {
     onClick: () => setShowTOC(false),
     style: {
       position: "absolute",
@@ -47345,7 +47246,7 @@ var SlidePresentationBook = ({
       zIndex: 9,
       cursor: "pointer"
     }
-  }), /* @__PURE__ */ React19__default.createElement("div", {
+  }), /* @__PURE__ */ React2__default.createElement("div", {
     style: {
       flex: 1,
       position: "relative",
@@ -47355,18 +47256,18 @@ var SlidePresentationBook = ({
       backgroundColor: theme2.colors.background,
       width: "100%"
     }
-  }, slides.length > 0 ? viewMode === "book" && slides.length > 1 ? /* @__PURE__ */ React19__default.createElement(R, {
+  }, slides.length > 0 ? viewMode === "book" && slides.length > 1 ? /* @__PURE__ */ React2__default.createElement(R, {
     key: `${lastInteractedSide}-${collapsedSide}`,
     collapsed: collapsedSide !== null,
     collapsibleSide: lastInteractedSide,
-    leftPanel: /* @__PURE__ */ React19__default.createElement("div", {
+    leftPanel: /* @__PURE__ */ React2__default.createElement("div", {
       style: {
         height: "100%",
         width: "100%",
         position: "relative",
         overflow: "hidden"
       }
-    }, /* @__PURE__ */ React19__default.createElement("div", {
+    }, /* @__PURE__ */ React2__default.createElement("div", {
       style: {
         height: "100%",
         width: "100%",
@@ -47381,7 +47282,7 @@ var SlidePresentationBook = ({
         right: 0,
         bottom: 0
       }
-    }, /* @__PURE__ */ React19__default.createElement(IndustryMarkdownSlide, {
+    }, /* @__PURE__ */ React2__default.createElement(IndustryMarkdownSlide, {
       content: slides[leftSlideIndex] || "",
       slideIdPrefix: `${slideIdPrefix}-${leftSlideIndex}`,
       slideIndex: leftSlideIndex,
@@ -47403,14 +47304,14 @@ var SlidePresentationBook = ({
       },
       disableScroll: false
     }))),
-    rightPanel: rightSlideIndex < slides.length ? /* @__PURE__ */ React19__default.createElement("div", {
+    rightPanel: rightSlideIndex < slides.length ? /* @__PURE__ */ React2__default.createElement("div", {
       style: {
         height: "100%",
         width: "100%",
         position: "relative",
         overflow: "hidden"
       }
-    }, /* @__PURE__ */ React19__default.createElement("div", {
+    }, /* @__PURE__ */ React2__default.createElement("div", {
       style: {
         height: "100%",
         width: "100%",
@@ -47425,7 +47326,7 @@ var SlidePresentationBook = ({
         right: 0,
         bottom: 0
       }
-    }, /* @__PURE__ */ React19__default.createElement(IndustryMarkdownSlide, {
+    }, /* @__PURE__ */ React2__default.createElement(IndustryMarkdownSlide, {
       content: slides[rightSlideIndex] || "",
       slideIdPrefix: `${slideIdPrefix}-${rightSlideIndex}`,
       slideIndex: rightSlideIndex,
@@ -47446,7 +47347,7 @@ var SlidePresentationBook = ({
         top: `${theme2.space[3]}px`
       },
       disableScroll: false
-    }))) : /* @__PURE__ */ React19__default.createElement("div", {
+    }))) : /* @__PURE__ */ React2__default.createElement("div", {
       style: {
         height: "100%",
         backgroundColor: theme2.colors.background,
@@ -47466,7 +47367,7 @@ var SlidePresentationBook = ({
     minSize: 30,
     showCollapseButton: false,
     theme: theme2
-  }) : /* @__PURE__ */ React19__default.createElement("div", {
+  }) : /* @__PURE__ */ React2__default.createElement("div", {
     style: {
       flex: "1 1 0%",
       backgroundColor: "transparent",
@@ -47481,7 +47382,7 @@ var SlidePresentationBook = ({
         justifyContent: "center"
       } : {}
     }
-  }, /* @__PURE__ */ React19__default.createElement("div", {
+  }, /* @__PURE__ */ React2__default.createElement("div", {
     style: {
       ...viewMode === "book" && slides.length === 1 ? {
         width: "50%",
@@ -47493,7 +47394,7 @@ var SlidePresentationBook = ({
         height: "100%"
       }
     }
-  }, /* @__PURE__ */ React19__default.createElement(IndustryMarkdownSlide, {
+  }, /* @__PURE__ */ React2__default.createElement(IndustryMarkdownSlide, {
     content: slides[leftSlideIndex] || "",
     slideIdPrefix: `${slideIdPrefix}-${leftSlideIndex}`,
     slideIndex: leftSlideIndex,
@@ -47509,7 +47410,7 @@ var SlidePresentationBook = ({
     searchQuery: showSearch ? searchQuery : void 0,
     transparentBackground: false,
     disableScroll: false
-  }))) : /* @__PURE__ */ React19__default.createElement("div", {
+  }))) : /* @__PURE__ */ React2__default.createElement("div", {
     style: {
       height: "100%",
       display: "flex",
@@ -47519,7 +47420,7 @@ var SlidePresentationBook = ({
       fontSize: theme2.fontSizes[2],
       fontFamily: theme2.fonts.body
     }
-  }, "No slides available")), viewMode === "book" && slides.length > 1 && /* @__PURE__ */ React19__default.createElement(React19__default.Fragment, null, /* @__PURE__ */ React19__default.createElement("div", {
+  }, "No slides available")), viewMode === "book" && slides.length > 1 && /* @__PURE__ */ React2__default.createElement(React2__default.Fragment, null, /* @__PURE__ */ React2__default.createElement("div", {
     style: {
       position: "absolute",
       bottom: theme2.space[3],
@@ -47528,7 +47429,7 @@ var SlidePresentationBook = ({
       color: theme2.colors.textSecondary,
       fontFamily: theme2.fonts.monospace
     }
-  }, leftSlideIndex + 1), rightSlideIndex < slides.length && /* @__PURE__ */ React19__default.createElement("div", {
+  }, leftSlideIndex + 1), rightSlideIndex < slides.length && /* @__PURE__ */ React2__default.createElement("div", {
     style: {
       position: "absolute",
       bottom: theme2.space[3],
@@ -47537,7 +47438,7 @@ var SlidePresentationBook = ({
       color: theme2.colors.textSecondary,
       fontFamily: theme2.fonts.monospace
     }
-  }, rightSlideIndex + 1)))), showNavigation && slides.length > 1 && /* @__PURE__ */ React19__default.createElement("div", {
+  }, rightSlideIndex + 1)))), showNavigation && slides.length > 1 && /* @__PURE__ */ React2__default.createElement("div", {
     style: {
       position: "absolute",
       bottom: 0,
@@ -47547,14 +47448,14 @@ var SlidePresentationBook = ({
       backgroundColor: theme2.colors.border,
       opacity: 0.3
     }
-  }, /* @__PURE__ */ React19__default.createElement("div", {
+  }, /* @__PURE__ */ React2__default.createElement("div", {
     style: {
       height: "100%",
       width: `${(currentSlide + stepSize) / slides.length * 100}%`,
       backgroundColor: theme2.colors.primary,
       transition: "width 0.3s ease"
     }
-  })), /* @__PURE__ */ React19__default.createElement(SlideSearchBar, {
+  })), /* @__PURE__ */ React2__default.createElement(SlideSearchBar, {
     showSearch,
     searchQuery,
     setSearchQuery,
@@ -47573,11 +47474,10 @@ var SlidePresentationBook = ({
 };
 var DocumentView = ({
   content: content2,
-  showSegmented = true,
+  showSegmented = false,
   onCheckboxChange,
   onSectionClick,
   maxWidth = "900px",
-  padding = "24px",
   showSectionHeaders = true,
   showSeparators = true,
   slideIdPrefix = "document",
@@ -47608,20 +47508,20 @@ var DocumentView = ({
     onSectionClick == null ? void 0 : onSectionClick(index2);
   }, [scrollToSection, onSectionClick]);
   if (typeof content2 === "string") {
-    return /* @__PURE__ */ React19__default.createElement("div", {
+    return /* @__PURE__ */ React2__default.createElement("div", {
       ref: containerRef,
       style: {
         height: "100%",
         overflow: "auto",
-        backgroundColor,
-        padding: typeof padding === "number" ? `${padding}px` : padding
+        backgroundColor
       }
-    }, /* @__PURE__ */ React19__default.createElement("div", {
+    }, /* @__PURE__ */ React2__default.createElement("div", {
       style: {
         maxWidth: typeof maxWidth === "number" ? `${maxWidth}px` : maxWidth,
-        margin: "0 auto"
+        margin: "0 auto",
+        height: "100%"
       }
-    }, /* @__PURE__ */ React19__default.createElement(IndustryMarkdownSlide, {
+    }, /* @__PURE__ */ React2__default.createElement(IndustryMarkdownSlide, {
       content: content2,
       slideIdPrefix,
       slideIndex: 0,
@@ -47634,7 +47534,8 @@ var DocumentView = ({
       handleRunBashCommand,
       fontSizeScale,
       handlePromptCopy,
-      repositoryInfo
+      repositoryInfo,
+      transparentBackground
     })));
   }
   if (!showSegmented) {
@@ -47643,20 +47544,20 @@ var DocumentView = ({
 ---
 
 `);
-    return /* @__PURE__ */ React19__default.createElement("div", {
+    return /* @__PURE__ */ React2__default.createElement("div", {
       ref: containerRef,
       style: {
         height: "100%",
         overflow: "auto",
-        backgroundColor,
-        padding: typeof padding === "number" ? `${padding}px` : padding
+        backgroundColor
       }
-    }, /* @__PURE__ */ React19__default.createElement("div", {
+    }, /* @__PURE__ */ React2__default.createElement("div", {
       style: {
         maxWidth: typeof maxWidth === "number" ? `${maxWidth}px` : maxWidth,
-        margin: "0 auto"
+        margin: "0 auto",
+        height: "100%"
       }
-    }, /* @__PURE__ */ React19__default.createElement(IndustryMarkdownSlide, {
+    }, /* @__PURE__ */ React2__default.createElement(IndustryMarkdownSlide, {
       content: fullContent,
       slideIdPrefix,
       slideIndex: 0,
@@ -47669,23 +47570,23 @@ var DocumentView = ({
       handleRunBashCommand,
       fontSizeScale,
       handlePromptCopy,
-      repositoryInfo
+      repositoryInfo,
+      transparentBackground
     })));
   }
-  return /* @__PURE__ */ React19__default.createElement("div", {
+  return /* @__PURE__ */ React2__default.createElement("div", {
     ref: containerRef,
     style: {
       height: "100%",
       overflow: "auto",
-      backgroundColor,
-      padding: typeof padding === "number" ? `${padding}px` : padding
+      backgroundColor
     }
-  }, /* @__PURE__ */ React19__default.createElement("div", {
+  }, /* @__PURE__ */ React2__default.createElement("div", {
     style: {
       maxWidth: typeof maxWidth === "number" ? `${maxWidth}px` : maxWidth,
       margin: "0 auto"
     }
-  }, content2.map((slideContent, index2) => /* @__PURE__ */ React19__default.createElement("div", {
+  }, content2.map((slideContent, index2) => /* @__PURE__ */ React2__default.createElement("div", {
     key: index2,
     ref: (el) => {
       if (el)
@@ -47695,7 +47596,7 @@ var DocumentView = ({
       marginBottom: index2 < content2.length - 1 ? "48px" : "0",
       scrollMarginTop: "20px"
     }
-  }, showSectionHeaders && /* @__PURE__ */ React19__default.createElement("div", {
+  }, showSectionHeaders && /* @__PURE__ */ React2__default.createElement("div", {
     onClick: () => handleSectionClick(index2),
     style: {
       display: "flex",
@@ -47714,7 +47615,7 @@ var DocumentView = ({
     onMouseOut: (e2) => {
       e2.currentTarget.style.opacity = "0.7";
     }
-  }, /* @__PURE__ */ React19__default.createElement("span", {
+  }, /* @__PURE__ */ React2__default.createElement("span", {
     style: {
       fontSize: "11px",
       fontWeight: 600,
@@ -47722,7 +47623,7 @@ var DocumentView = ({
       textTransform: "uppercase",
       letterSpacing: "0.5px"
     }
-  }, "Section ", index2 + 1, " of ", content2.length)), /* @__PURE__ */ React19__default.createElement(IndustryMarkdownSlide, {
+  }, "Section ", index2 + 1, " of ", content2.length)), /* @__PURE__ */ React2__default.createElement(IndustryMarkdownSlide, {
     content: slideContent,
     slideIdPrefix: `${slideIdPrefix}-${index2}`,
     slideIndex: index2,
@@ -47735,8 +47636,9 @@ var DocumentView = ({
     handleRunBashCommand,
     fontSizeScale,
     handlePromptCopy,
-    repositoryInfo
-  }), showSeparators && index2 < content2.length - 1 && /* @__PURE__ */ React19__default.createElement("div", {
+    repositoryInfo,
+    transparentBackground
+  }), showSeparators && index2 < content2.length - 1 && /* @__PURE__ */ React2__default.createElement("div", {
     style: {
       marginTop: "32px",
       marginBottom: "32px",