themed-markdown 0.1.13 → 0.1.14

package/dist/index.js

@@ -1,3804 +0,0 @@
-var __create = Object.create;
-var __getProtoOf = Object.getPrototypeOf;
-var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __toESM = (mod, isNodeMode, target) => {
-  target = mod != null ? __create(__getProtoOf(mod)) : {};
-  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
-  for (let key of __getOwnPropNames(mod))
-    if (!__hasOwnProp.call(to, key))
-      __defProp(to, key, {
-        get: () => mod[key],
-        enumerable: true
-      });
-  return to;
-};
-var __moduleCache = /* @__PURE__ */ new WeakMap;
-var __toCommonJS = (from) => {
-  var entry = __moduleCache.get(from), desc;
-  if (entry)
-    return entry;
-  entry = __defProp({}, "__esModule", { value: true });
-  if (from && typeof from === "object" || typeof from === "function")
-    __getOwnPropNames(from).map((key) => !__hasOwnProp.call(entry, key) && __defProp(entry, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    }));
-  __moduleCache.set(from, entry);
-  return entry;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, {
-      get: all[name],
-      enumerable: true,
-      configurable: true,
-      set: (newValue) => all[name] = () => newValue
-    });
-};
-
-// index.ts
-var exports_themed_markdown = {};
-__export(exports_themed_markdown, {
-  withTheme: () => withTheme,
-  useTheme: () => useTheme,
-  useIndustryHtmlModal: () => useIndustryHtmlModal,
-  updateSlideTitle: () => updateSlideTitle,
-  updateSlideContent: () => updateSlideContent,
-  updatePresentationSlide: () => updatePresentationSlide,
-  serializePresentationToMarkdown: () => serializePresentationToMarkdown,
-  scaleThemeFonts: () => scaleThemeFonts,
-  resetFontScale: () => resetFontScale,
-  reconstructMarkdownContent: () => reconstructMarkdownContent,
-  parseMarkdownIntoPresentationFromSource: () => parseMarkdownIntoPresentationFromSource,
-  parseMarkdownIntoPresentation: () => parseMarkdownIntoPresentation,
-  parseMarkdownChunks: () => parseMarkdownChunks,
-  increaseFontScale: () => increaseFontScale,
-  getThemeWithMode: () => getThemeWithMode,
-  getAllSlideTitles: () => getAllSlideTitles,
-  findSlideIndexByTitle: () => findSlideIndexByTitle,
-  findSlideByTitle: () => findSlideByTitle,
-  extractSlideTitle: () => extractSlideTitle,
-  defaultTheme: () => theme,
-  decreaseFontScale: () => decreaseFontScale,
-  createPresentationWithErrorMessage: () => createPresentationWithErrorMessage,
-  createIndustryMarkdownComponents: () => createIndustryMarkdownComponents,
-  createGithubFileSource: () => createGithubFileSource,
-  ThemeProvider: () => ThemeProvider,
-  SlidePresentation: () => SlidePresentation,
-  IndustryZoomableMermaidDiagram: () => IndustryZoomableMermaidDiagram,
-  IndustryPlaceholderModal: () => IndustryPlaceholderModal,
-  IndustryMermaidModal: () => IndustryMermaidModal,
-  IndustryMarkdownSlide: () => IndustryMarkdownSlide,
-  IndustryLazyMermaidDiagram: () => IndustryLazyMermaidDiagram,
-  IndustryHtmlModal: () => IndustryHtmlModal,
-  IndustryEditableMarkdownSlide: () => IndustryEditableMarkdownSlide,
-  DocumentView: () => DocumentView
-});
-module.exports = __toCommonJS(exports_themed_markdown);
-
-// industryMarkdown/components/IndustryMarkdownSlide.tsx
-var import_hast_util_sanitize = require("hast-util-sanitize");
-var import_react11 = __toESM(require("react"));
-var import_react_markdown = __toESM(require("react-markdown"));
-var import_rehype_highlight = __toESM(require("rehype-highlight"));
-var import_rehype_raw = __toESM(require("rehype-raw"));
-var import_rehype_sanitize = __toESM(require("rehype-sanitize"));
-var import_rehype_slug = __toESM(require("rehype-slug"));
-var import_remark_gfm = __toESM(require("remark-gfm"));
-
-// industryTheme/ThemeProvider.tsx
-var import_react = __toESM(require("react"));
-var ThemeContext;
-var getThemeContext = () => {
-  if (typeof window !== "undefined") {
-    const globalWindow = window;
-    if (!globalWindow.__principlemd_theme_context__) {
-      globalWindow.__principlemd_theme_context__ = import_react.createContext(undefined);
-    }
-    return globalWindow.__principlemd_theme_context__;
-  } else {
-    if (!ThemeContext) {
-      ThemeContext = import_react.createContext(undefined);
-    }
-    return ThemeContext;
-  }
-};
-var ThemeContextSingleton = getThemeContext();
-var useTheme = () => {
-  const context = import_react.useContext(ThemeContextSingleton);
-  if (!context) {
-    throw new Error("useTheme must be used within a ThemeProvider");
-  }
-  return context;
-};
-var getThemeWithMode = (baseTheme, colorMode) => {
-  if (colorMode === "light") {
-    return baseTheme;
-  }
-  const darkModeColors = baseTheme.colors.modes.dark;
-  return {
-    ...baseTheme,
-    colors: {
-      ...baseTheme.colors,
-      ...darkModeColors
-    }
-  };
-};
-var ThemeProvider = ({
-  children,
-  theme: customTheme = theme,
-  initialColorMode = "dark"
-}) => {
-  const [colorMode, setColorMode] = import_react.useState(initialColorMode);
-  import_react.useEffect(() => {
-    const savedMode = localStorage.getItem("principlemd-color-mode");
-    if (savedMode === "light" || savedMode === "dark") {
-      setColorMode(savedMode);
-    } else {
-      const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
-      setColorMode(prefersDark ? "dark" : "light");
-    }
-  }, []);
-  import_react.useEffect(() => {
-    localStorage.setItem("principlemd-color-mode", colorMode);
-  }, [colorMode]);
-  const toggleColorMode = () => {
-    setColorMode((prev) => prev === "light" ? "dark" : "light");
-  };
-  const themeWithMode = getThemeWithMode(customTheme, colorMode);
-  const value = {
-    theme: themeWithMode,
-    colorMode,
-    setColorMode,
-    toggleColorMode
-  };
-  return /* @__PURE__ */ import_react.default.createElement(ThemeContextSingleton.Provider, {
-    value
-  }, children);
-};
-var withTheme = (Component) => {
-  return (props) => {
-    const { theme: theme2 } = useTheme();
-    return /* @__PURE__ */ import_react.default.createElement(Component, {
-      ...props,
-      theme: theme2
-    });
-  };
-};
-
-// industryTheme/index.ts
-var theme = {
-  space: [0, 4, 8, 16, 32, 64, 128, 256, 512],
-  fonts: {
-    body: '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
-    heading: '"Crimson Text", "Georgia", "Times New Roman", serif',
-    monospace: '"Fira Code", "SF Mono", Monaco, Inconsolata, monospace'
-  },
-  fontSizes: [12, 14, 16, 18, 20, 24, 32, 48, 64, 96],
-  fontScale: 1,
-  fontWeights: {
-    body: 400,
-    heading: 600,
-    bold: 700,
-    light: 300,
-    medium: 500,
-    semibold: 600
-  },
-  lineHeights: {
-    body: 1.5,
-    heading: 1.2,
-    tight: 1.25,
-    relaxed: 1.75
-  },
-  breakpoints: ["640px", "768px", "1024px", "1280px"],
-  sizes: [16, 32, 64, 128, 256, 512, 768, 1024, 1536],
-  radii: [0, 2, 4, 6, 8, 12, 16, 24],
-  shadows: [
-    "none",
-    "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)",
-    "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
-    "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
-    "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
-    "0 25px 50px -12px rgba(0, 0, 0, 0.25)"
-  ],
-  zIndices: [0, 1, 10, 20, 30, 40, 50],
-  colors: {
-    text: "#f1e8dc",
-    background: "#1a1f2e",
-    primary: "#d4a574",
-    secondary: "#e0b584",
-    accent: "#c9b8a3",
-    highlight: "rgba(212, 165, 116, 0.15)",
-    muted: "#8b7968",
-    success: "#5c8a72",
-    warning: "#d4a574",
-    error: "#a85751",
-    info: "#d4a574",
-    border: "rgba(212, 165, 116, 0.2)",
-    backgroundSecondary: "#212738",
-    backgroundTertiary: "#2d3446",
-    backgroundLight: "rgba(212, 165, 116, 0.08)",
-    backgroundHover: "rgba(212, 165, 116, 0.15)",
-    surface: "#212738",
-    textSecondary: "#c9b8a3",
-    textTertiary: "#8b7968",
-    textMuted: "#8b7968",
-    modes: {
-      dark: {
-        text: "#f1e8dc",
-        background: "#1a1f2e",
-        primary: "#d4a574",
-        secondary: "#e0b584",
-        accent: "#c9b8a3",
-        highlight: "rgba(212, 165, 116, 0.15)",
-        muted: "#8b7968",
-        success: "#5c8a72",
-        warning: "#d4a574",
-        error: "#a85751",
-        info: "#d4a574",
-        border: "rgba(212, 165, 116, 0.2)",
-        backgroundSecondary: "#212738",
-        backgroundTertiary: "#2d3446",
-        backgroundLight: "rgba(212, 165, 116, 0.08)",
-        backgroundHover: "rgba(212, 165, 116, 0.15)",
-        surface: "#212738",
-        textSecondary: "#c9b8a3",
-        textTertiary: "#8b7968",
-        textMuted: "#8b7968"
-      }
-    }
-  },
-  buttons: {
-    primary: {
-      color: "background",
-      bg: "primary",
-      "&:hover": {
-        bg: "secondary"
-      }
-    },
-    secondary: {
-      color: "text",
-      bg: "muted",
-      "&:hover": {
-        bg: "backgroundSecondary"
-      }
-    },
-    ghost: {
-      color: "primary",
-      bg: "transparent",
-      "&:hover": {
-        bg: "muted"
-      }
-    }
-  },
-  text: {
-    heading: {
-      fontFamily: "heading",
-      fontWeight: "heading",
-      lineHeight: "heading"
-    },
-    body: {
-      fontFamily: "body",
-      fontWeight: "body",
-      lineHeight: "body"
-    },
-    caption: {
-      fontSize: 1,
-      color: "textSecondary"
-    }
-  },
-  cards: {
-    primary: {
-      bg: "background",
-      border: "1px solid",
-      borderColor: "border",
-      borderRadius: 2
-    },
-    secondary: {
-      bg: "backgroundSecondary",
-      border: "1px solid",
-      borderColor: "border",
-      borderRadius: 2
-    }
-  }
-};
-function scaleThemeFonts(theme2, scale) {
-  const currentScale = theme2.fontScale || 1;
-  const effectiveScale = scale / currentScale;
-  return {
-    ...theme2,
-    fontSizes: theme2.fontSizes.map((size) => Math.round(size * effectiveScale)),
-    fontScale: scale
-  };
-}
-function increaseFontScale(theme2) {
-  const currentScale = theme2.fontScale || 1;
-  const newScale = Math.min(currentScale * 1.1, 2);
-  return scaleThemeFonts(theme2, newScale);
-}
-function decreaseFontScale(theme2) {
-  const currentScale = theme2.fontScale || 1;
-  const newScale = Math.max(currentScale * 0.9, 0.5);
-  return scaleThemeFonts(theme2, newScale);
-}
-function resetFontScale(theme2) {
-  return scaleThemeFonts(theme2, 1);
-}
-
-// industryMarkdown/utils/markdownUtils.ts
-function hashMarkdownString(str) {
-  let hash = 0;
-  for (let i = 0;i < str.length; i++) {
-    const char = str.charCodeAt(i);
-    hash = (hash << 5) - hash + char;
-    hash = hash & hash;
-  }
-  return Math.abs(hash).toString(36);
-}
-function parseMarkdownChunks(markdownContent, idPrefix) {
-  try {
-    if (typeof markdownContent !== "string") {
-      throw new Error("Invalid markdown content provided for slide");
-    }
-    if (!markdownContent || markdownContent.trim() === "") {
-      return [];
-    }
-    const chunks = [];
-    const mermaidRegex = /^```mermaid\n([\s\S]*?)\n^```$/gm;
-    let lastIndex = 0;
-    let match;
-    let partCounter = 0;
-    while ((match = mermaidRegex.exec(markdownContent)) !== null) {
-      partCounter++;
-      if (match.index > lastIndex) {
-        const mdContent = markdownContent.substring(lastIndex, match.index);
-        if (mdContent.trim()) {
-          chunks.push({
-            type: "markdown_chunk",
-            content: mdContent,
-            id: `${idPrefix}-md-${partCounter}-${hashMarkdownString(mdContent)}`
-          });
-        }
-      }
-      partCounter++;
-      const mermaidCode = match[1].trim();
-      chunks.push({
-        type: "mermaid_chunk",
-        code: mermaidCode,
-        id: `${idPrefix}-mermaid-${partCounter}-${hashMarkdownString(mermaidCode)}`
-      });
-      lastIndex = match.index + match[0].length;
-    }
-    if (lastIndex < markdownContent.length) {
-      partCounter++;
-      const remainingMdContent = markdownContent.substring(lastIndex);
-      if (remainingMdContent.trim()) {
-        chunks.push({
-          type: "markdown_chunk",
-          content: remainingMdContent,
-          id: `${idPrefix}-md-${partCounter}-${hashMarkdownString(remainingMdContent)}`
-        });
-      }
-    }
-    if (chunks.length === 0 && markdownContent.trim()) {
-      chunks.push({
-        type: "markdown_chunk",
-        content: markdownContent,
-        id: `${idPrefix}-md-only-${hashMarkdownString(markdownContent)}`
-      });
-    }
-    return chunks;
-  } catch (error) {
-    console.error("Error in parseMarkdownChunks:", error);
-    return markdownContent ? [
-      {
-        type: "markdown_chunk",
-        content: markdownContent,
-        id: `${idPrefix}-md-error-fallback-${hashMarkdownString(markdownContent)}`
-      }
-    ] : [];
-  }
-}
-
-// industryMarkdown/components/IndustryHtmlModal.tsx
-var import_react2 = __toESM(require("react"));
-var useIndustryHtmlModal = () => {
-  const [htmlModalOpen, setHtmlModalOpen] = import_react2.useState(false);
-  const [htmlModalContent, setHtmlModalContent] = import_react2.useState("");
-  const openHtmlModal = (content) => {
-    setHtmlModalContent(content);
-    setHtmlModalOpen(true);
-  };
-  const closeHtmlModal = () => {
-    setHtmlModalOpen(false);
-  };
-  return { htmlModalOpen, htmlModalContent, openHtmlModal, closeHtmlModal };
-};
-function IndustryHtmlModal({ isOpen, onClose, htmlContent, theme: theme2 }) {
-  if (!isOpen)
-    return null;
-  const overlayStyle = {
-    position: "fixed",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    backgroundColor: "rgba(0, 0, 0, 0.8)",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    zIndex: 50,
-    padding: theme2.space[6]
-  };
-  const modalStyle = {
-    backgroundColor: theme2.colors.background,
-    borderRadius: theme2.radii[3],
-    maxWidth: "900px",
-    maxHeight: "90vh",
-    overflow: "hidden",
-    display: "flex",
-    flexDirection: "column",
-    border: `1px solid ${theme2.colors.border}`,
-    boxShadow: theme2.shadows[4]
-  };
-  const headerStyle = {
-    padding: theme2.space[4],
-    borderBottom: `1px solid ${theme2.colors.border}`,
-    display: "flex",
-    justifyContent: "space-between",
-    alignItems: "center",
-    backgroundColor: theme2.colors.backgroundSecondary
-  };
-  const contentStyle = {
-    padding: theme2.space[5],
-    overflow: "auto",
-    flex: 1,
-    backgroundColor: theme2.colors.background,
-    color: theme2.colors.text
-  };
-  const titleStyle = {
-    margin: 0,
-    color: theme2.colors.text,
-    fontSize: theme2.fontSizes[3],
-    fontWeight: theme2.fontWeights.semibold,
-    fontFamily: theme2.fonts.heading
-  };
-  const closeButtonStyle = {
-    background: "transparent",
-    border: "none",
-    fontSize: theme2.fontSizes[5],
-    cursor: "pointer",
-    color: theme2.colors.textSecondary,
-    padding: `${theme2.space[1]}px ${theme2.space[2]}px`,
-    borderRadius: theme2.radii[1],
-    transition: "all 0.2s ease",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    width: "32px",
-    height: "32px"
-  };
-  const handleCloseButtonHover = (e) => {
-    e.currentTarget.style.backgroundColor = theme2.colors.backgroundTertiary;
-    e.currentTarget.style.color = theme2.colors.text;
-  };
-  const handleCloseButtonLeave = (e) => {
-    e.currentTarget.style.backgroundColor = "transparent";
-    e.currentTarget.style.color = theme2.colors.textSecondary;
-  };
-  return /* @__PURE__ */ import_react2.default.createElement("div", {
-    style: overlayStyle,
-    onClick: onClose
-  }, /* @__PURE__ */ import_react2.default.createElement("div", {
-    style: modalStyle,
-    onClick: (e) => e.stopPropagation()
-  }, /* @__PURE__ */ import_react2.default.createElement("div", {
-    style: headerStyle
-  }, /* @__PURE__ */ import_react2.default.createElement("h3", {
-    style: titleStyle
-  }, "HTML Preview"), /* @__PURE__ */ import_react2.default.createElement("button", {
-    onClick: (e) => {
-      e.stopPropagation();
-      onClose();
-    },
-    style: closeButtonStyle,
-    onMouseEnter: handleCloseButtonHover,
-    onMouseLeave: handleCloseButtonLeave,
-    title: "Close",
-    "aria-label": "Close modal"
-  }, "×")), /* @__PURE__ */ import_react2.default.createElement("div", {
-    style: contentStyle
-  }, /* @__PURE__ */ import_react2.default.createElement("div", {
-    dangerouslySetInnerHTML: { __html: htmlContent }
-  }))));
-}
-
-// industryMarkdown/components/IndustryLazyMermaidDiagram.tsx
-var import_lucide_react2 = require("lucide-react");
-var import_react4 = __toESM(require("react"));
-
-// industryMarkdown/components/IndustryMermaidDiagram.tsx
-var import_lucide_react = require("lucide-react");
-var import_react3 = __toESM(require("react"));
-var getMermaidSync = () => {
-  if (typeof window !== "undefined") {
-    const mermaid = window.mermaid;
-    if (mermaid) {
-      return mermaid;
-    }
-  }
-  return null;
-};
-function IndustryMermaidDiagram({
-  code,
-  id,
-  theme: themeOverride,
-  onCopyError,
-  onError,
-  rootMargin = "200px",
-  isModalMode = false
-}) {
-  const theme2 = themeOverride || theme;
-  const [errorDetails, setErrorDetails] = import_react3.useState(null);
-  const [isIntersecting, setIsIntersecting] = import_react3.useState(false);
-  const [hasRendered, setHasRendered] = import_react3.useState(false);
-  const [containerElement, setContainerElement] = import_react3.useState(null);
-  const [zoomLevel, setZoomLevel] = import_react3.useState(1);
-  const observerRef = import_react3.useRef(null);
-  const containerRef = import_react3.default.useCallback((node) => {
-    setContainerElement(node);
-    if (observerRef.current) {
-      observerRef.current.disconnect();
-      observerRef.current = null;
-    }
-    if (node && !hasRendered) {
-      if (isModalMode || typeof IntersectionObserver === "undefined") {
-        setIsIntersecting(true);
-        setHasRendered(true);
-        return;
-      }
-      observerRef.current = new IntersectionObserver(([entry]) => {
-        setIsIntersecting(entry.isIntersecting);
-        if (entry.isIntersecting && !hasRendered) {
-          setHasRendered(true);
-        }
-      }, {
-        rootMargin,
-        threshold: 0.01
-      });
-      observerRef.current.observe(node);
-    }
-  }, [rootMargin, hasRendered, isModalMode]);
-  import_react3.useEffect(() => {
-    return () => {
-      if (observerRef.current) {
-        observerRef.current.disconnect();
-      }
-    };
-  }, []);
-  import_react3.useEffect(() => {
-    if (!hasRendered)
-      return;
-    const renderDiagram = async () => {
-      const mermaid = getMermaidSync();
-      if (!mermaid || !containerElement)
-        return;
-      try {
-        const diagramBackground = theme2.colors.backgroundSecondary || theme2.colors.muted || theme2.colors.background;
-        const nodeBackground = theme2.colors.backgroundTertiary || theme2.colors.backgroundSecondary || theme2.colors.primary + "22";
-        mermaid.initialize({
-          startOnLoad: false,
-          theme: "base",
-          themeVariables: {
-            primaryColor: nodeBackground,
-            primaryTextColor: theme2.colors.text,
-            primaryBorderColor: theme2.colors.border,
-            lineColor: theme2.colors.border,
-            secondaryColor: theme2.colors.secondary + "44",
-            tertiaryColor: theme2.colors.accent + "44",
-            background: diagramBackground,
-            mainBkg: nodeBackground,
-            secondBkg: theme2.colors.backgroundSecondary || theme2.colors.muted,
-            tertiaryBkg: theme2.colors.backgroundTertiary || theme2.colors.accent + "22",
-            secondaryBorderColor: theme2.colors.border,
-            tertiaryBorderColor: theme2.colors.accent,
-            textColor: theme2.colors.text,
-            labelTextColor: theme2.colors.text,
-            altBackground: theme2.colors.muted,
-            errorBkgColor: theme2.colors.error + "33",
-            errorTextColor: theme2.colors.error
-          },
-          securityLevel: "loose",
-          logLevel: "error"
-        });
-        containerElement.innerHTML = "";
-        const elementId = `mermaid-${id}-${Date.now()}`;
-        const graphDiv = document.createElement("div");
-        graphDiv.id = elementId;
-        graphDiv.textContent = code;
-        containerElement.appendChild(graphDiv);
-        await mermaid.run({
-          nodes: [graphDiv]
-        });
-        const svgElement = graphDiv.querySelector("svg");
-        if (svgElement) {
-          svgElement.style.maxWidth = "none";
-          svgElement.style.maxHeight = "none";
-          svgElement.style.width = "auto";
-          svgElement.style.height = "auto";
-          svgElement.style.display = "block";
-          svgElement.style.margin = "0 auto";
-          if (isModalMode) {
-            svgElement.style.width = "auto";
-            svgElement.style.height = "auto";
-            const viewBox = svgElement.getAttribute("viewBox");
-            if (viewBox) {
-              const [, , width, height] = viewBox.split(" ").map(Number);
-              if (width && height) {
-                svgElement.setAttribute("width", width.toString());
-                svgElement.setAttribute("height", height.toString());
-              }
-            }
-          } else {
-            svgElement.style.maxHeight = "360px";
-            svgElement.style.width = "auto";
-            svgElement.style.maxWidth = "none";
-          }
-        } else {
-          console.warn("No SVG element found after mermaid render");
-        }
-        setErrorDetails(null);
-        if (onError)
-          onError(false);
-      } catch (err) {
-        console.error("Mermaid rendering error:", err);
-        const errorMessage = err instanceof Error ? err.message : "Failed to render diagram";
-        setErrorDetails({ code, message: errorMessage });
-        if (onError)
-          onError(true);
-        if (containerElement) {
-          containerElement.innerHTML = `
-            <div style="
-              padding: ${theme2.space[4]}px;
-              background: ${theme2.colors.error}22;
-              border: 1px solid ${theme2.colors.error};
-              border-radius: ${theme2.radii[2]}px;
-              color: ${theme2.colors.text};
-              font-family: ${theme2.fonts.monospace};
-              font-size: ${theme2.fontSizes[1]}px;
-            ">
-              <div style="font-weight: ${theme2.fontWeights.bold}; margin-bottom: ${theme2.space[2]}px;">
-                Failed to render Mermaid diagram
-              </div>
-              <div style="font-size: ${theme2.fontSizes[0]}px; opacity: 0.8;">
-                ${errorMessage}
-              </div>
-            </div>
-          `;
-        }
-      }
-    };
-    renderDiagram();
-  }, [hasRendered, code, id, theme2, containerElement, onError, isModalMode]);
-  import_react3.useEffect(() => {
-    if (!containerElement || !hasRendered)
-      return;
-    const svgElement = containerElement.querySelector("svg");
-    if (svgElement) {
-      if (zoomLevel !== 1) {
-        svgElement.style.transform = `scale(${zoomLevel})`;
-        svgElement.style.transformOrigin = "top center";
-        const containerRect = containerElement.getBoundingClientRect();
-        const svgRect = svgElement.getBoundingClientRect();
-        if (svgRect.width < containerRect.width) {
-          svgElement.style.margin = "0 auto";
-        }
-      } else {
-        svgElement.style.transform = "";
-        svgElement.style.transformOrigin = "";
-        svgElement.style.margin = "0 auto";
-        if (!isModalMode) {
-          svgElement.style.maxHeight = "360px";
-          svgElement.style.width = "auto";
-          svgElement.style.maxWidth = "none";
-        }
-      }
-    }
-  }, [zoomLevel, containerElement, hasRendered, isModalMode]);
-  import_react3.useEffect(() => {
-    if (errorDetails && onCopyError) {
-      const handleKeyDown = (e) => {
-        if ((e.ctrlKey || e.metaKey) && e.key === "c" && window.getSelection()?.toString()) {
-          onCopyError(errorDetails.code, errorDetails.message);
-        }
-      };
-      if (containerElement) {
-        containerElement.addEventListener("keydown", handleKeyDown);
-        return () => {
-          containerElement.removeEventListener("keydown", handleKeyDown);
-        };
-      }
-    }
-    return;
-  }, [errorDetails, onCopyError, containerElement]);
-  const containerStyle = isModalMode ? {
-    position: "relative",
-    width: "fit-content",
-    height: "fit-content",
-    display: "block",
-    backgroundColor: "transparent",
-    border: "none",
-    borderRadius: 0,
-    padding: 0,
-    margin: 0,
-    overflow: "visible"
-  } : {
-    position: "relative",
-    width: "100%",
-    minHeight: "200px",
-    maxHeight: "400px",
-    display: "block",
-    backgroundColor: hasRendered ? "transparent" : theme2.colors.backgroundSecondary,
-    border: hasRendered ? `1px solid ${theme2.colors.border}` : `1px solid ${theme2.colors.border}`,
-    borderRadius: theme2.radii[2],
-    padding: hasRendered ? theme2.space[3] : theme2.space[4],
-    margin: `${theme2.space[4]}px 0`,
-    overflowX: hasRendered ? "auto" : "visible",
-    overflowY: hasRendered ? "auto" : "visible"
-  };
-  const placeholderStyle = {
-    textAlign: "center",
-    color: theme2.colors.textSecondary,
-    fontSize: theme2.fontSizes[2],
-    fontFamily: theme2.fonts.body
-  };
-  return isModalMode ? /* @__PURE__ */ import_react3.default.createElement("div", {
-    ref: containerRef,
-    style: containerStyle,
-    className: "mermaid-container"
-  }, !hasRendered && /* @__PURE__ */ import_react3.default.createElement("div", {
-    style: placeholderStyle
-  }, /* @__PURE__ */ import_react3.default.createElement("div", null, "\uD83D\uDCCA Mermaid Diagram"), /* @__PURE__ */ import_react3.default.createElement("div", {
-    style: { fontSize: theme2.fontSizes[1], marginTop: theme2.space[2], opacity: 0.7 }
-  }, "Loading..."))) : /* @__PURE__ */ import_react3.default.createElement("div", {
-    style: { position: "relative" }
-  }, hasRendered && /* @__PURE__ */ import_react3.default.createElement("div", {
-    style: {
-      position: "absolute",
-      top: theme2.space[2],
-      right: theme2.space[2],
-      zIndex: 10,
-      display: "flex",
-      gap: theme2.space[1]
-    }
-  }, /* @__PURE__ */ import_react3.default.createElement("button", {
-    onClick: () => setZoomLevel(Math.min(3, zoomLevel + 0.25)),
-    disabled: zoomLevel >= 3,
-    style: {
-      padding: theme2.space[1],
-      backgroundColor: theme2.colors.backgroundSecondary,
-      border: `1px solid ${theme2.colors.border}`,
-      borderRadius: theme2.radii[1],
-      color: theme2.colors.text,
-      cursor: zoomLevel >= 3 ? "not-allowed" : "pointer",
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      width: "28px",
-      height: "28px",
-      opacity: zoomLevel >= 3 ? 0.5 : 1
-    },
-    title: "Zoom In"
-  }, /* @__PURE__ */ import_react3.default.createElement(import_lucide_react.ZoomIn, {
-    size: 14
-  })), /* @__PURE__ */ import_react3.default.createElement("button", {
-    onClick: () => setZoomLevel(Math.max(0.5, zoomLevel - 0.25)),
-    disabled: zoomLevel <= 0.5,
-    style: {
-      padding: theme2.space[1],
-      backgroundColor: theme2.colors.backgroundSecondary,
-      border: `1px solid ${theme2.colors.border}`,
-      borderRadius: theme2.radii[1],
-      color: theme2.colors.text,
-      cursor: zoomLevel <= 0.5 ? "not-allowed" : "pointer",
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      width: "28px",
-      height: "28px",
-      opacity: zoomLevel <= 0.5 ? 0.5 : 1
-    },
-    title: "Zoom Out"
-  }, /* @__PURE__ */ import_react3.default.createElement(import_lucide_react.ZoomOut, {
-    size: 14
-  })), /* @__PURE__ */ import_react3.default.createElement("button", {
-    onClick: () => setZoomLevel(1),
-    disabled: zoomLevel === 1,
-    style: {
-      padding: theme2.space[1],
-      backgroundColor: theme2.colors.backgroundSecondary,
-      border: `1px solid ${theme2.colors.border}`,
-      borderRadius: theme2.radii[1],
-      color: theme2.colors.text,
-      cursor: zoomLevel === 1 ? "not-allowed" : "pointer",
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      width: "28px",
-      height: "28px",
-      opacity: zoomLevel === 1 ? 0.5 : 1
-    },
-    title: "Reset Zoom"
-  }, /* @__PURE__ */ import_react3.default.createElement(import_lucide_react.RotateCcw, {
-    size: 14
-  }))), /* @__PURE__ */ import_react3.default.createElement("div", {
-    ref: containerRef,
-    style: containerStyle,
-    className: "mermaid-container"
-  }, !hasRendered && /* @__PURE__ */ import_react3.default.createElement("div", {
-    style: placeholderStyle
-  }, /* @__PURE__ */ import_react3.default.createElement("div", null, "\uD83D\uDCCA Mermaid Diagram"), /* @__PURE__ */ import_react3.default.createElement("div", {
-    style: { fontSize: theme2.fontSizes[1], marginTop: theme2.space[2], opacity: 0.7 }
-  }, isIntersecting ? "Loading..." : "Scroll to view"))));
-}
-
-// industryMarkdown/components/IndustryLazyMermaidDiagram.tsx
-function IndustryLazyMermaidDiagram({
-  code,
-  id,
-  onCopyError,
-  rootMargin = "200px",
-  onShowInPanel,
-  theme: theme2 = theme
-}) {
-  const [isIntersecting, setIsIntersecting] = import_react4.useState(false);
-  const [hasRendered, setHasRendered] = import_react4.useState(false);
-  const [isMounted, setIsMounted] = import_react4.useState(false);
-  const [hasError, setHasError] = import_react4.useState(false);
-  const containerRef = import_react4.useRef(null);
-  import_react4.useEffect(() => {
-    setIsMounted(true);
-  }, []);
-  import_react4.useEffect(() => {
-    if (!isMounted)
-      return;
-    if (typeof IntersectionObserver === "undefined") {
-      setIsIntersecting(true);
-      setHasRendered(true);
-      return;
-    }
-    const observer = new IntersectionObserver(([entry]) => {
-      setIsIntersecting(entry.isIntersecting);
-      if (entry.isIntersecting && !hasRendered) {
-        setHasRendered(true);
-      }
-    }, {
-      rootMargin,
-      threshold: 0.01
-    });
-    const currentElement = containerRef.current;
-    if (currentElement && observer) {
-      observer.observe(currentElement);
-    }
-    return () => {
-      if (currentElement && observer) {
-        observer.unobserve(currentElement);
-      }
-    };
-  }, [rootMargin, hasRendered, isMounted]);
-  const getPlaceholderStyle = () => {
-    return {
-      position: "relative",
-      margin: `${theme2.space[4]}px 0`,
-      padding: theme2.space[5],
-      border: `1px solid ${theme2.colors.border}`,
-      borderRadius: theme2.radii[2],
-      backgroundColor: theme2.colors.backgroundSecondary,
-      minHeight: "200px",
-      display: "flex",
-      justifyContent: "center",
-      alignItems: "center"
-    };
-  };
-  const getTextStyle = () => {
-    return {
-      textAlign: "center",
-      fontSize: theme2.fontSizes[2],
-      color: theme2.colors.textSecondary,
-      fontFamily: theme2.fonts.monospace
-    };
-  };
-  const getSecondaryTextStyle = () => {
-    return {
-      fontSize: theme2.fontSizes[1],
-      marginTop: theme2.space[2],
-      color: theme2.colors.textTertiary
-    };
-  };
-  if (!isMounted) {
-    return /* @__PURE__ */ import_react4.default.createElement("div", {
-      style: getPlaceholderStyle()
-    }, /* @__PURE__ */ import_react4.default.createElement("div", {
-      style: getTextStyle()
-    }, /* @__PURE__ */ import_react4.default.createElement("div", null, "\uD83D\uDCCA Mermaid Diagram"), /* @__PURE__ */ import_react4.default.createElement("div", {
-      style: getSecondaryTextStyle()
-    }, "Loading...")));
-  }
-  return /* @__PURE__ */ import_react4.default.createElement("div", {
-    ref: containerRef,
-    style: { position: "relative" }
-  }, hasRendered && onShowInPanel && !hasError && /* @__PURE__ */ import_react4.default.createElement("button", {
-    onClick: (e) => {
-      e.stopPropagation();
-      const titleMatch = code.match(/^(?:%%\s*(.+)|(\w+)\s)/m);
-      const title = titleMatch?.[1] || titleMatch?.[2] || "Diagram from Markdown";
-      onShowInPanel(code, title);
-    },
-    style: {
-      position: "absolute",
-      top: theme2.space[2],
-      right: theme2.space[2],
-      padding: `${theme2.space[2]}px ${theme2.space[3]}px`,
-      backgroundColor: theme2.colors.background,
-      color: theme2.colors.text,
-      border: `1px solid ${theme2.colors.border}`,
-      borderRadius: theme2.radii[1],
-      fontSize: theme2.fontSizes[1],
-      fontWeight: theme2.fontWeights.medium,
-      cursor: "pointer",
-      zIndex: 10,
-      fontFamily: theme2.fonts.body,
-      transition: "all 0.2s ease",
-      display: "flex",
-      alignItems: "center",
-      gap: theme2.space[1]
-    },
-    onMouseEnter: (e) => {
-      e.currentTarget.style.backgroundColor = theme2.colors.backgroundSecondary;
-    },
-    onMouseLeave: (e) => {
-      e.currentTarget.style.backgroundColor = theme2.colors.background;
-    },
-    title: "Show in diagram panel"
-  }, /* @__PURE__ */ import_react4.default.createElement(import_lucide_react2.MoveRight, {
-    size: 14
-  })), hasRendered ? /* @__PURE__ */ import_react4.default.createElement(IndustryMermaidDiagram, {
-    code,
-    id,
-    onCopyError,
-    onError: setHasError,
-    theme: theme2
-  }) : /* @__PURE__ */ import_react4.default.createElement("div", {
-    style: getPlaceholderStyle()
-  }, /* @__PURE__ */ import_react4.default.createElement("div", {
-    style: getTextStyle()
-  }, /* @__PURE__ */ import_react4.default.createElement("div", null, "\uD83D\uDCCA Mermaid Diagram"), /* @__PURE__ */ import_react4.default.createElement("div", {
-    style: getSecondaryTextStyle()
-  }, isIntersecting ? "Loading..." : "Scroll to view"))));
-}
-
-// industryMarkdown/components/IndustryMarkdownComponents.tsx
-var import_lucide_react4 = require("lucide-react");
-var import_react7 = __toESM(require("react"));
-
-// industryMarkdown/utils/bashCommandParser.ts
-function parseBashCommands(codeString) {
-  const lines = codeString.split(`
-`);
-  const commands = [];
-  let currentCommand = "";
-  let commandStartLine = 0;
-  let currentDescription = "";
-  for (let i = 0;i < lines.length; i++) {
-    const line = lines[i].trim();
-    if (!line) {
-      if (currentCommand) {
-        commands.push({
-          command: currentCommand.trim(),
-          description: currentDescription || undefined,
-          line: commandStartLine + 1
-        });
-        currentCommand = "";
-        currentDescription = "";
-      }
-      continue;
-    }
-    if (line.startsWith("#")) {
-      if (!currentCommand) {
-        currentDescription = line.substring(1).trim();
-      }
-      continue;
-    }
-    if (line.endsWith("\\")) {
-      if (!currentCommand) {
-        commandStartLine = i;
-      }
-      currentCommand += line.slice(0, -1) + " ";
-      continue;
-    }
-    const isPipeContinuation = line.startsWith("|") || line.startsWith("&&") || line.startsWith("||");
-    const previousLineEndsWithOperator = currentCommand && (currentCommand.trim().endsWith("|") || currentCommand.trim().endsWith("&&") || currentCommand.trim().endsWith("||") || currentCommand.trim().endsWith(";"));
-    if (currentCommand && (isPipeContinuation || previousLineEndsWithOperator)) {
-      currentCommand += (currentCommand.endsWith(" ") ? "" : " ") + line;
-      continue;
-    }
-    if (currentCommand) {
-      commands.push({
-        command: currentCommand.trim(),
-        description: currentDescription || undefined,
-        line: commandStartLine + 1
-      });
-      currentDescription = "";
-    }
-    commandStartLine = i;
-    currentCommand = line;
-  }
-  if (currentCommand) {
-    commands.push({
-      command: currentCommand.trim(),
-      description: currentDescription || undefined,
-      line: commandStartLine + 1
-    });
-  }
-  return commands.filter((cmd) => cmd.command.length > 0);
-}
-function getCommandDisplayName(command, maxLength = 50) {
-  if (command.description) {
-    return command.description.length <= maxLength ? command.description : command.description.substring(0, maxLength - 3) + "...";
-  }
-  const cmdText = command.command;
-  if (cmdText.length <= maxLength) {
-    return cmdText;
-  }
-  return cmdText.substring(0, maxLength - 3) + "...";
-}
-
-// industryMarkdown/utils/componentUtils.tsx
-var import_react5 = __toESM(require("react"));
-var extractTextFromChildren = (children) => {
-  if (typeof children === "string") {
-    return children;
-  }
-  if (Array.isArray(children)) {
-    return children.map(extractTextFromChildren).join("");
-  }
-  if (import_react5.default.isValidElement(children)) {
-    const props = children.props;
-    if (props.children) {
-      return extractTextFromChildren(props.children);
-    }
-  }
-  return "";
-};
-var LinkWithLoadingIndicator = ({ href, children, onClick, className }) => {
-  const handleClick = (e) => {
-    if (onClick) {
-      e.preventDefault();
-      onClick(href, e);
-    }
-  };
-  return /* @__PURE__ */ import_react5.default.createElement("a", {
-    href,
-    onClick: handleClick,
-    className,
-    target: "_blank",
-    rel: "noopener noreferrer"
-  }, children);
-};
-
-// industryMarkdown/utils/imageUrlUtils.ts
-function isRelativeUrl(url) {
-  if (url.startsWith("http://") || url.startsWith("https://")) {
-    return false;
-  }
-  if (url.startsWith("//")) {
-    return false;
-  }
-  if (url.startsWith("data:")) {
-    return false;
-  }
-  if (url.startsWith("blob:")) {
-    return false;
-  }
-  return true;
-}
-function transformImageUrl(src, repositoryInfo) {
-  if (!repositoryInfo || !isRelativeUrl(src)) {
-    return src;
-  }
-  const { owner, repo, branch = "main", basePath = "" } = repositoryInfo;
-  let fullPath;
-  if (src.startsWith("/")) {
-    fullPath = src.substring(1);
-  } else {
-    let cleanPath = src;
-    if (cleanPath.startsWith("./")) {
-      cleanPath = cleanPath.substring(2);
-    }
-    if (cleanPath.startsWith("../")) {
-      console.warn("Relative parent directory navigation in image URLs is not fully supported:", src);
-      cleanPath = cleanPath.replace(/^(\.\.\/)+/, "");
-    }
-    if (basePath) {
-      const cleanBasePath = basePath.replace(/^\/+|\/+$/g, "");
-      fullPath = `${cleanBasePath}/${cleanPath}`;
-    } else {
-      fullPath = cleanPath;
-    }
-  }
-  const rawUrl = `https://raw.githubusercontent.com/${owner}/${repo}/${branch}/${fullPath}`;
-  return rawUrl;
-}
-
-// industryMarkdown/components/IndustryBashCommandDropdown.tsx
-var import_lucide_react3 = require("lucide-react");
-var import_react6 = __toESM(require("react"));
-var IndustryBashCommandDropdown = ({
-  commands,
-  allCommands,
-  onRunCommand,
-  darkMode: _darkMode,
-  slideIdPrefix: _slideIdPrefix,
-  theme: themeOverride
-}) => {
-  const [isOpen, setIsOpen] = import_react6.useState(false);
-  const [isRunning, setIsRunning] = import_react6.useState(false);
-  const dropdownRef = import_react6.useRef(null);
-  const { theme: contextTheme } = useTheme();
-  const theme2 = themeOverride || contextTheme;
-  import_react6.useEffect(() => {
-    const handleClickOutside = (event) => {
-      if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
-        setIsOpen(false);
-      }
-    };
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-    };
-  }, []);
-  const handleRunCommand = async (command) => {
-    setIsRunning(true);
-    setIsOpen(false);
-    try {
-      await onRunCommand(command);
-    } finally {
-      setIsRunning(false);
-    }
-  };
-  const buttonStyle = {
-    padding: `${theme2.space[1]}px ${theme2.space[2]}px`,
-    backgroundColor: isRunning ? theme2.colors.muted : theme2.colors.primary,
-    color: theme2.colors.background,
-    border: "none",
-    borderRadius: theme2.radii[1],
-    fontSize: theme2.fontSizes[1],
-    cursor: isRunning ? "not-allowed" : "pointer",
-    display: "flex",
-    alignItems: "center",
-    gap: theme2.space[2],
-    opacity: isRunning ? 0.6 : 1,
-    minWidth: "70px",
-    justifyContent: "center",
-    fontFamily: theme2.fonts.body,
-    fontWeight: theme2.fontWeights.medium,
-    transition: "all 0.2s ease"
-  };
-  const dropdownStyle = {
-    position: "absolute",
-    top: "100%",
-    right: "0",
-    backgroundColor: theme2.colors.background,
-    border: `1px solid ${theme2.colors.border}`,
-    borderRadius: theme2.radii[2],
-    boxShadow: theme2.shadows[2],
-    zIndex: 10,
-    minWidth: "200px",
-    maxWidth: "350px",
-    maxHeight: "300px",
-    overflow: "auto",
-    marginTop: theme2.space[1]
-  };
-  const dropdownItemStyle = (isHovered) => ({
-    padding: `${theme2.space[2]}px ${theme2.space[3]}px`,
-    cursor: "pointer",
-    backgroundColor: isHovered ? theme2.colors.backgroundSecondary : "transparent",
-    fontSize: theme2.fontSizes[1],
-    color: theme2.colors.text,
-    fontFamily: theme2.fonts.monospace,
-    whiteSpace: "pre-wrap",
-    wordBreak: "break-word",
-    transition: "background-color 0.2s ease"
-  });
-  const hasMultipleCommands = commands.length > 1;
-  const singleCommand = commands.length === 1 ? commands[0].command : allCommands;
-  return /* @__PURE__ */ import_react6.default.createElement("div", {
-    ref: dropdownRef,
-    style: { position: "relative", display: "inline-block" }
-  }, hasMultipleCommands ? /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, /* @__PURE__ */ import_react6.default.createElement("button", {
-    onClick: () => setIsOpen(!isOpen),
-    disabled: isRunning,
-    style: buttonStyle,
-    onMouseEnter: (e) => {
-      if (!isRunning) {
-        e.currentTarget.style.backgroundColor = theme2.colors.secondary;
-      }
-    },
-    onMouseLeave: (e) => {
-      if (!isRunning) {
-        e.currentTarget.style.backgroundColor = theme2.colors.primary;
-      }
-    }
-  }, isRunning ? /* @__PURE__ */ import_react6.default.createElement("span", {
-    style: { fontSize: theme2.fontSizes[1] }
-  }, "...") : /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, /* @__PURE__ */ import_react6.default.createElement(import_lucide_react3.Play, {
-    size: 14
-  }), "Run", /* @__PURE__ */ import_react6.default.createElement(import_lucide_react3.ChevronDown, {
-    size: 14
-  }))), isOpen && /* @__PURE__ */ import_react6.default.createElement("div", {
-    style: dropdownStyle
-  }, /* @__PURE__ */ import_react6.default.createElement("div", {
-    style: {
-      padding: `${theme2.space[2]}px ${theme2.space[3]}px`,
-      borderBottom: `1px solid ${theme2.colors.border}`,
-      fontWeight: theme2.fontWeights.semibold,
-      fontSize: theme2.fontSizes[1],
-      color: theme2.colors.textSecondary,
-      fontFamily: theme2.fonts.body
-    }
-  }, "Select command to run"), /* @__PURE__ */ import_react6.default.createElement("div", {
-    style: {
-      padding: `${theme2.space[2]}px ${theme2.space[3]}px`,
-      backgroundColor: theme2.colors.muted,
-      cursor: "pointer",
-      fontSize: theme2.fontSizes[1],
-      fontWeight: theme2.fontWeights.medium,
-      color: theme2.colors.text,
-      fontFamily: theme2.fonts.body,
-      transition: "background-color 0.2s ease"
-    },
-    onClick: () => handleRunCommand(allCommands),
-    onMouseEnter: (e) => {
-      e.currentTarget.style.backgroundColor = theme2.colors.backgroundSecondary;
-    },
-    onMouseLeave: (e) => {
-      e.currentTarget.style.backgroundColor = theme2.colors.muted;
-    }
-  }, "\uD83D\uDE80 Run all (", commands.length, " commands)"), commands.map((cmd, index) => {
-    const [isHovered, setIsHovered] = import_react6.useState(false);
-    return /* @__PURE__ */ import_react6.default.createElement("div", {
-      key: index,
-      style: dropdownItemStyle(isHovered),
-      onClick: () => handleRunCommand(cmd.command),
-      onMouseEnter: () => setIsHovered(true),
-      onMouseLeave: () => setIsHovered(false),
-      title: cmd.command
-    }, getCommandDisplayName(cmd));
-  }))) : /* @__PURE__ */ import_react6.default.createElement("button", {
-    onClick: () => handleRunCommand(singleCommand),
-    disabled: isRunning,
-    style: buttonStyle,
-    onMouseEnter: (e) => {
-      if (!isRunning) {
-        e.currentTarget.style.backgroundColor = theme2.colors.secondary;
-      }
-    },
-    onMouseLeave: (e) => {
-      if (!isRunning) {
-        e.currentTarget.style.backgroundColor = theme2.colors.primary;
-      }
-    }
-  }, isRunning ? /* @__PURE__ */ import_react6.default.createElement("span", {
-    style: { fontSize: theme2.fontSizes[1] }
-  }, "...") : /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, /* @__PURE__ */ import_react6.default.createElement(import_lucide_react3.Play, {
-    size: 14
-  }), "Run")));
-};
-
-// industryMarkdown/components/IndustryMarkdownComponents.tsx
-var failedImageCache = new Set;
-var OptimizedMarkdownImage = import_react7.default.memo(({
-  src,
-  alt,
-  repositoryInfo,
-  theme: theme2,
-  ...props
-}) => {
-  const transformedSrc = import_react7.useMemo(() => {
-    return transformImageUrl(src, repositoryInfo);
-  }, [src, repositoryInfo]);
-  const [hasErrored, setHasErrored] = import_react7.useState(() => failedImageCache.has(transformedSrc));
-  const retryCount = import_react7.useRef(0);
-  const imageStyle = import_react7.useMemo(() => ({
-    maxWidth: "100%",
-    height: "auto",
-    display: "block",
-    margin: `${theme2.space[3]}px auto`,
-    borderRadius: theme2.radii[1],
-    boxShadow: theme2.shadows[2]
-  }), [theme2]);
-  const handleLoad = () => {
-    failedImageCache.delete(transformedSrc);
-    setHasErrored(false);
-    retryCount.current = 0;
-  };
-  const handleError = (e) => {
-    retryCount.current += 1;
-    failedImageCache.add(transformedSrc);
-    setHasErrored(true);
-    e.stopPropagation();
-  };
-  if (hasErrored) {
-    return /* @__PURE__ */ import_react7.default.createElement("span", {
-      style: {
-        ...imageStyle,
-        display: "inline-flex",
-        alignItems: "center",
-        justifyContent: "center",
-        backgroundColor: theme2.colors.backgroundSecondary,
-        color: theme2.colors.textSecondary,
-        border: `1px solid ${theme2.colors.border}`,
-        minHeight: "50px",
-        minWidth: "100px",
-        fontSize: theme2.fontSizes[0],
-        textAlign: "center",
-        padding: `${theme2.space[2]}px`
-      },
-      title: `Failed to load image: ${transformedSrc}`
-    }, "\uD83D\uDDBC️ Image unavailable", " ", alt && /* @__PURE__ */ import_react7.default.createElement("span", {
-      style: { fontSize: theme2.fontSizes[0], opacity: 0.7 }
-    }, "(", alt, ")"));
-  }
-  return /* @__PURE__ */ import_react7.default.createElement("img", {
-    src: transformedSrc,
-    alt,
-    style: imageStyle,
-    onLoad: handleLoad,
-    onError: handleError,
-    ...props
-  });
-});
-var createIndustryMarkdownComponents = ({
-  theme: theme2,
-  slideIdPrefix,
-  slideIndex,
-  onLinkClick,
-  onCheckboxChange,
-  checkedItems,
-  setCheckedItems,
-  openHtmlModal,
-  openPlaceholderModal,
-  handleRunBashCommand,
-  enableHtmlPopout,
-  slideHeaderMarginTopOverride,
-  index,
-  repositoryInfo
-}) => {
-  const getLuminance = (hex) => {
-    const rgb = hex.replace("#", "").match(/.{2}/g);
-    if (!rgb)
-      return 1;
-    const [r, g, b] = rgb.map((x) => parseInt(x, 16) / 255);
-    return 0.2126 * r + 0.7152 * g + 0.0722 * b;
-  };
-  const darkMode = getLuminance(theme2.colors.background) < 0.5;
-  const headerStyles = {};
-  if (index === 0 && slideHeaderMarginTopOverride) {
-    headerStyles.marginTop = `${slideHeaderMarginTopOverride}px`;
-  }
-  return {
-    h1: ({ children, ...props }) => /* @__PURE__ */ import_react7.default.createElement("h1", {
-      style: {
-        color: theme2.colors.text,
-        fontSize: theme2.fontSizes[5],
-        lineHeight: theme2.lineHeights.heading,
-        fontWeight: theme2.fontWeights.bold,
-        marginBottom: theme2.space[4],
-        fontFamily: theme2.fonts.heading,
-        ...headerStyles
-      },
-      ...props
-    }, children),
-    h2: ({ children, ...props }) => /* @__PURE__ */ import_react7.default.createElement("h2", {
-      style: {
-        color: theme2.colors.text,
-        fontSize: theme2.fontSizes[4],
-        lineHeight: theme2.lineHeights.heading,
-        fontWeight: theme2.fontWeights.bold,
-        marginTop: theme2.space[4],
-        marginBottom: theme2.space[3],
-        fontFamily: theme2.fonts.heading,
-        ...headerStyles
-      },
-      ...props
-    }, children),
-    h3: ({ children, ...props }) => /* @__PURE__ */ import_react7.default.createElement("h3", {
-      style: {
-        color: theme2.colors.text,
-        fontSize: theme2.fontSizes[3],
-        lineHeight: theme2.lineHeights.heading,
-        fontWeight: theme2.fontWeights.semibold,
-        marginTop: theme2.space[4],
-        marginBottom: theme2.space[3],
-        fontFamily: theme2.fonts.heading
-      },
-      ...props
-    }, children),
-    p: ({ children, ...props }) => /* @__PURE__ */ import_react7.default.createElement("p", {
-      style: {
-        color: theme2.colors.text,
-        fontSize: theme2.fontSizes[2],
-        lineHeight: theme2.lineHeights.body,
-        marginBottom: theme2.space[3],
-        fontFamily: theme2.fonts.body
-      },
-      ...props
-    }, children),
-    ul: ({ children, ...props }) => /* @__PURE__ */ import_react7.default.createElement("ul", {
-      style: {
-        color: theme2.colors.text,
-        fontSize: theme2.fontSizes[2],
-        lineHeight: theme2.lineHeights.body,
-        marginBottom: theme2.space[3],
-        paddingLeft: theme2.space[5],
-        listStyleType: "disc",
-        fontFamily: theme2.fonts.body
-      },
-      ...props
-    }, children),
-    ol: ({ children, ...props }) => /* @__PURE__ */ import_react7.default.createElement("ol", {
-      style: {
-        color: theme2.colors.text,
-        fontSize: theme2.fontSizes[2],
-        lineHeight: theme2.lineHeights.body,
-        marginBottom: theme2.space[3],
-        paddingLeft: theme2.space[5],
-        listStyleType: "decimal",
-        fontFamily: theme2.fonts.body
-      },
-      ...props
-    }, children),
-    li: ({ children, ...props }) => {
-      const isTaskListItem = Array.isArray(children) && children.length > 0 && import_react7.default.isValidElement(children[0]) && children[0]?.props?.type === "checkbox";
-      if (isTaskListItem) {
-        const checkbox = children[0];
-        const remainingChildren = children.slice(1);
-        const labelContent = [];
-        const nestedListElements = [];
-        import_react7.default.Children.forEach(remainingChildren, (child) => {
-          if (import_react7.default.isValidElement(child) && (child.type === "ul" || child.type === "ol")) {
-            nestedListElements.push(child);
-          } else {
-            labelContent.push(child);
-          }
-        });
-        const checked = checkbox?.props?.checked || false;
-        const lineNumber = props.sourcePosition?.start?.line || props.node?.position?.start?.line || 1;
-        const id = `${slideIdPrefix}-checkbox-${lineNumber}`;
-        const isChecked = checkedItems[id] ?? checked;
-        const handleChange = (e) => {
-          e.stopPropagation();
-          const newChecked = e.target.checked;
-          setCheckedItems((prev) => ({
-            ...prev,
-            [id]: newChecked
-          }));
-          onCheckboxChange?.(slideIndex, lineNumber, newChecked);
-        };
-        return /* @__PURE__ */ import_react7.default.createElement("li", {
-          style: {
-            listStyle: "none",
-            marginLeft: `-${theme2.space[5]}px`,
-            marginBottom: theme2.space[3],
-            paddingTop: theme2.space[1],
-            color: theme2.colors.text,
-            fontSize: theme2.fontSizes[2]
-          },
-          ...props
-        }, /* @__PURE__ */ import_react7.default.createElement("div", {
-          style: { display: "flex", alignItems: "flex-start" }
-        }, /* @__PURE__ */ import_react7.default.createElement("input", {
-          type: "checkbox",
-          checked: isChecked,
-          onChange: handleChange,
-          onClick: (e) => e.stopPropagation(),
-          style: {
-            marginRight: theme2.space[2],
-            marginTop: theme2.space[1],
-            width: "16px",
-            height: "16px",
-            cursor: "pointer"
-          },
-          id
-        }), /* @__PURE__ */ import_react7.default.createElement("label", {
-          htmlFor: id,
-          style: {
-            flex: 1,
-            cursor: "pointer",
-            textDecoration: isChecked ? "line-through" : "none",
-            opacity: isChecked ? 0.6 : 1,
-            lineHeight: theme2.lineHeights.relaxed
-          }
-        }, labelContent.length > 0 ? labelContent : null)), nestedListElements.length > 0 ? nestedListElements : null);
-      }
-      return /* @__PURE__ */ import_react7.default.createElement("li", {
-        style: {
-          marginBottom: theme2.space[2],
-          paddingTop: theme2.space[1],
-          color: theme2.colors.text,
-          lineHeight: theme2.lineHeights.relaxed
-        },
-        ...props
-      }, children);
-    },
-    table: ({ children, ...props }) => /* @__PURE__ */ import_react7.default.createElement("div", {
-      style: {
-        overflowX: "auto",
-        marginBottom: theme2.space[4],
-        borderRadius: theme2.radii[2],
-        border: `1px solid ${theme2.colors.border}`
-      }
-    }, /* @__PURE__ */ import_react7.default.createElement("table", {
-      style: {
-        width: "100%",
-        borderCollapse: "collapse",
-        fontSize: theme2.fontSizes[1],
-        fontFamily: theme2.fonts.body
-      },
-      ...props
-    }, children)),
-    thead: ({ children, ...props }) => /* @__PURE__ */ import_react7.default.createElement("thead", {
-      style: {
-        backgroundColor: theme2.colors.backgroundSecondary
-      },
-      ...props
-    }, children),
-    th: ({ children, ...props }) => /* @__PURE__ */ import_react7.default.createElement("th", {
-      style: {
-        padding: theme2.space[3],
-        textAlign: "left",
-        fontWeight: theme2.fontWeights.semibold,
-        borderBottom: `2px solid ${theme2.colors.border}`,
-        color: theme2.colors.text
-      },
-      ...props
-    }, children),
-    td: ({ children, ...props }) => /* @__PURE__ */ import_react7.default.createElement("td", {
-      style: {
-        padding: theme2.space[3],
-        borderBottom: `1px solid ${theme2.colors.border}`,
-        color: theme2.colors.text
-      },
-      ...props
-    }, children),
-    a: ({ children, href, ...props }) => /* @__PURE__ */ import_react7.default.createElement(LinkWithLoadingIndicator, {
-      href: href || "",
-      onClick: onLinkClick ? (h, e) => onLinkClick(h, e) : undefined,
-      className: props.className
-    }, children),
-    img: ({ src, alt, ...props }) => /* @__PURE__ */ import_react7.default.createElement(OptimizedMarkdownImage, {
-      src: src || "",
-      alt: alt || "",
-      repositoryInfo,
-      theme: theme2,
-      ...props
-    }),
-    picture: ({ children, ...props }) => /* @__PURE__ */ import_react7.default.createElement("picture", {
-      ...props
-    }, children),
-    source: ({ srcset, srcSet, ...props }) => {
-      const srcsetValue = srcset || srcSet;
-      const transformedSrcset = import_react7.useMemo(() => {
-        if (!srcsetValue || !repositoryInfo)
-          return srcsetValue;
-        return srcsetValue.split(",").map((src) => {
-          const trimmed = src.trim();
-          const parts = trimmed.split(/\s+/);
-          const url = parts[0];
-          const descriptors = parts.slice(1).join(" ");
-          const transformedUrl = transformImageUrl(url, repositoryInfo);
-          return descriptors ? `${transformedUrl} ${descriptors}` : transformedUrl;
-        }).join(", ");
-      }, [srcsetValue, repositoryInfo]);
-      return /* @__PURE__ */ import_react7.default.createElement("source", {
-        srcSet: transformedSrcset,
-        ...props
-      });
-    },
-    code: ({ node, className, children, ...props }) => {
-      const hasLanguageClass = className && (className.includes("language-") || className.includes("hljs"));
-      const codeString = extractTextFromChildren(children);
-      const matchLang = /language-(\w+)/.exec(className || "");
-      const language = matchLang ? matchLang[1] : null;
-      const [copied, setCopied] = import_react7.useState(false);
-      let isInline;
-      let isCodeBlock;
-      const hasNewlines = codeString.includes(`
-`);
-      if (!className && !hasNewlines) {
-        isInline = true;
-        isCodeBlock = false;
-      } else if (hasNewlines) {
-        isInline = false;
-        isCodeBlock = true;
-      } else if (language === "text") {
-        isInline = true;
-        isCodeBlock = false;
-      } else {
-        isCodeBlock = hasLanguageClass || codeString.length > 50;
-        const nodeWithParent = node;
-        const isInsideParagraph = nodeWithParent?.parent?.tagName === "p" || nodeWithParent?.parent?.parent?.tagName === "p";
-        isInline = !isCodeBlock || isInsideParagraph;
-      }
-      if (!isInline) {
-        const language2 = matchLang ? matchLang[1] : "text";
-        const isExecutable = (language2 === "bash" || language2 === "sh" || language2 === "shell") && handleRunBashCommand;
-        const isHtml = (language2 === "html" || language2 === "htm") && enableHtmlPopout;
-        const isPrompt = language2 === "prompt";
-        const placeholderRegex = /\{\{([^}]+)\}\}/g;
-        const placeholders = isPrompt ? [...codeString.matchAll(placeholderRegex)].map((match) => match[1].trim()) : [];
-        const hasPlaceholders = placeholders.length > 0;
-        const bashCommands = isExecutable ? parseBashCommands(codeString) : [];
-        const containerStyle = isPrompt ? {
-          position: "relative",
-          margin: `${theme2.space[4]}px 0`,
-          backgroundColor: darkMode ? theme2.colors.backgroundTertiary : theme2.colors.highlight,
-          border: `2px solid ${theme2.colors.accent}`,
-          borderRadius: theme2.radii[2],
-          overflow: "visible",
-          boxShadow: theme2.shadows[2]
-        } : {
-          position: "relative",
-          margin: `${theme2.space[4]}px 0`,
-          backgroundColor: theme2.colors.backgroundSecondary,
-          borderRadius: theme2.radii[2],
-          overflow: "hidden",
-          border: `1px solid ${theme2.colors.border}`
-        };
-        const headerStyle = isPrompt ? {
-          display: "flex",
-          justifyContent: "space-between",
-          alignItems: "center",
-          padding: `${theme2.space[3]}px ${theme2.space[4]}px`,
-          backgroundColor: theme2.colors.muted,
-          borderBottom: `2px solid ${theme2.colors.accent}`,
-          fontSize: theme2.fontSizes[0],
-          color: theme2.colors.accent
-        } : {
-          display: "flex",
-          justifyContent: "space-between",
-          alignItems: "center",
-          padding: `${theme2.space[2]}px ${theme2.space[3]}px`,
-          backgroundColor: theme2.colors.backgroundTertiary,
-          borderBottom: `1px solid ${theme2.colors.border}`,
-          fontSize: theme2.fontSizes[0]
-        };
-        return /* @__PURE__ */ import_react7.default.createElement("div", {
-          style: containerStyle
-        }, /* @__PURE__ */ import_react7.default.createElement("div", {
-          style: headerStyle
-        }, /* @__PURE__ */ import_react7.default.createElement("span", {
-          style: {
-            fontFamily: theme2.fonts.monospace,
-            fontWeight: isPrompt ? theme2.fontWeights.bold : theme2.fontWeights.body
-          }
-        }, isPrompt ? "\uD83D\uDCA1 Prompt" : language2), /* @__PURE__ */ import_react7.default.createElement("div", {
-          style: { display: "flex", gap: `${theme2.space[2]}px` }
-        }, /* @__PURE__ */ import_react7.default.createElement("button", {
-          onClick: (e) => {
-            e.stopPropagation();
-            navigator.clipboard.writeText(codeString).then(() => {
-              setCopied(true);
-              setTimeout(() => setCopied(false), 2000);
-            }).catch((err) => {
-              console.error("Failed to copy:", err);
-            });
-          },
-          style: {
-            padding: `${theme2.space[1]}px ${theme2.space[2]}px`,
-            backgroundColor: copied ? theme2.colors.success + "22" : darkMode ? theme2.colors.backgroundTertiary : theme2.colors.backgroundSecondary,
-            color: copied ? theme2.colors.success : theme2.colors.textSecondary,
-            border: `1px solid ${copied ? theme2.colors.success : theme2.colors.border}`,
-            borderRadius: theme2.radii[1],
-            fontSize: theme2.fontSizes[0],
-            cursor: "pointer",
-            display: "flex",
-            alignItems: "center",
-            gap: `${theme2.space[1]}px`,
-            transition: "all 0.15s ease-in-out"
-          },
-          title: copied ? "Copied!" : "Copy code to clipboard"
-        }, copied ? /* @__PURE__ */ import_react7.default.createElement(import_lucide_react4.Check, {
-          size: 14
-        }) : /* @__PURE__ */ import_react7.default.createElement(import_lucide_react4.Copy, {
-          size: 14
-        }), copied ? "Copied!" : "Copy"), isExecutable && /* @__PURE__ */ import_react7.default.createElement(IndustryBashCommandDropdown, {
-          commands: bashCommands,
-          allCommands: codeString.trim(),
-          onRunCommand: async (command) => {
-            try {
-              await handleRunBashCommand(command, {
-                id: `${slideIdPrefix}-code-${Date.now()}`,
-                showInTerminal: true
-              });
-            } catch (error) {
-              console.error("Error running bash command:", error);
-            }
-          },
-          slideIdPrefix,
-          theme: theme2
-        }), isHtml && /* @__PURE__ */ import_react7.default.createElement("button", {
-          onClick: (e) => {
-            e.stopPropagation();
-            openHtmlModal(codeString);
-          },
-          style: {
-            padding: `${theme2.space[1]}px ${theme2.space[2]}px`,
-            backgroundColor: theme2.colors.primary,
-            color: "white",
-            border: "none",
-            borderRadius: theme2.radii[1],
-            fontSize: theme2.fontSizes[0],
-            cursor: "pointer",
-            display: "flex",
-            alignItems: "center",
-            gap: `${theme2.space[1]}px`
-          },
-          title: "Render HTML in modal"
-        }, /* @__PURE__ */ import_react7.default.createElement(import_lucide_react4.Monitor, {
-          size: 14
-        }), "Render HTML"), isPrompt && openPlaceholderModal && hasPlaceholders && /* @__PURE__ */ import_react7.default.createElement("button", {
-          onClick: (e) => {
-            e.stopPropagation();
-            openPlaceholderModal(placeholders, codeString);
-          },
-          style: {
-            padding: `${theme2.space[1]}px ${theme2.space[2]}px`,
-            backgroundColor: theme2.colors.accent,
-            color: "white",
-            border: "none",
-            borderRadius: theme2.radii[1],
-            fontSize: theme2.fontSizes[0],
-            cursor: "pointer",
-            display: "flex",
-            alignItems: "center",
-            gap: `${theme2.space[1]}px`
-          },
-          title: "Fill placeholders and copy"
-        }, /* @__PURE__ */ import_react7.default.createElement(import_lucide_react4.FileText, {
-          size: 14
-        }), "Fill & Copy (", placeholders.length, ")"))), isPrompt ? /* @__PURE__ */ import_react7.default.createElement("div", {
-          style: {
-            margin: 0,
-            padding: theme2.space[5],
-            backgroundColor: "transparent",
-            fontSize: theme2.fontSizes[1],
-            lineHeight: theme2.lineHeights.body,
-            fontFamily: theme2.fonts.body,
-            overflow: "auto",
-            color: theme2.colors.text
-          }
-        }, codeString.split(/(\{\{[^}]+\}\})/).map((part, index2) => {
-          if (part.match(/^\{\{[^}]+\}\}$/)) {
-            return /* @__PURE__ */ import_react7.default.createElement("span", {
-              key: index2,
-              style: {
-                backgroundColor: theme2.colors.highlight,
-                color: theme2.colors.primary,
-                padding: `${theme2.space[0]}px ${theme2.space[1]}px`,
-                borderRadius: theme2.radii[1],
-                fontWeight: theme2.fontWeights.semibold,
-                fontFamily: theme2.fonts.monospace,
-                fontSize: theme2.fontSizes[1]
-              }
-            }, part);
-          }
-          return part;
-        })) : /* @__PURE__ */ import_react7.default.createElement("pre", {
-          style: {
-            margin: 0,
-            padding: theme2.space[4],
-            backgroundColor: "transparent",
-            overflow: "auto",
-            fontSize: theme2.fontSizes[1],
-            lineHeight: 1.2,
-            fontFamily: theme2.fonts.monospace
-          }
-        }, /* @__PURE__ */ import_react7.default.createElement("code", {
-          className,
-          style: {
-            lineHeight: "inherit",
-            fontSize: "inherit",
-            fontFamily: "inherit",
-            display: "block"
-          },
-          ...props
-        }, children)));
-      }
-      return /* @__PURE__ */ import_react7.default.createElement("code", {
-        style: {
-          backgroundColor: theme2.colors.backgroundSecondary,
-          color: theme2.colors.text,
-          padding: `${theme2.space[1]}px ${theme2.space[2]}px`,
-          borderRadius: theme2.radii[1],
-          fontSize: "0.875em",
-          fontFamily: theme2.fonts.monospace,
-          border: `1px solid ${theme2.colors.border}`,
-          "--text-color": theme2.colors.text
-        },
-        className: `inline-code ${className || ""}`,
-        ...props
-      }, children);
-    }
-  };
-};
-
-// industryMarkdown/components/IndustryMermaidModal.tsx
-var import_react9 = __toESM(require("react"));
-var import_react_dom = __toESM(require("react-dom"));
-
-// industryMarkdown/components/IndustryZoomableMermaidDiagram.tsx
-var import_react8 = __toESM(require("react"));
-var import_react_zoom_pan_pinch = require("react-zoom-pan-pinch");
-function IndustryZoomableMermaidDiagram({
-  code,
-  id,
-  theme: themeOverride,
-  fitStrategy = "contain",
-  padding = 0.85
-}) {
-  const { theme: contextTheme } = useTheme();
-  const theme2 = themeOverride || contextTheme;
-  const [calculatedScale, setCalculatedScale] = import_react8.useState(0.8);
-  const containerRef = import_react8.useRef(null);
-  const diagramRef = import_react8.useRef(null);
-  const [isCalculating, setIsCalculating] = import_react8.useState(true);
-  import_react8.useEffect(() => {
-    if (!containerRef.current || !diagramRef.current)
-      return;
-    const calculateOptimalScale = () => {
-      const container = containerRef.current;
-      const diagram = diagramRef.current;
-      if (!container || !diagram)
-        return;
-      const svg = diagram.querySelector("svg");
-      if (!svg) {
-        setTimeout(calculateOptimalScale, 100);
-        return;
-      }
-      let svgWidth, svgHeight;
-      const viewBox = svg.getAttribute("viewBox");
-      if (viewBox) {
-        const [, , width, height] = viewBox.split(" ").map(Number);
-        svgWidth = width;
-        svgHeight = height;
-      } else {
-        const svgRect = svg.getBoundingClientRect();
-        svgWidth = svgRect.width / calculatedScale;
-        svgHeight = svgRect.height / calculatedScale;
-      }
-      const containerWidth = container.clientWidth;
-      const containerHeight = container.clientHeight;
-      if (svgWidth <= 0 || svgHeight <= 0 || containerWidth <= 0 || containerHeight <= 0) {
-        return;
-      }
-      let scale = 1;
-      switch (fitStrategy) {
-        case "width":
-          scale = containerWidth * padding / svgWidth;
-          break;
-        case "height":
-          scale = containerHeight * padding / svgHeight;
-          break;
-        case "contain":
-        default:
-          scale = Math.min(containerWidth * padding / svgWidth, containerHeight * padding / svgHeight);
-          break;
-      }
-      scale = Math.min(Math.max(scale, 0.3), 2);
-      setCalculatedScale(scale);
-      setIsCalculating(false);
-    };
-    const resizeObserver = new ResizeObserver(() => {
-      calculateOptimalScale();
-    });
-    resizeObserver.observe(containerRef.current);
-    setTimeout(calculateOptimalScale, 200);
-    return () => {
-      resizeObserver.disconnect();
-    };
-  }, [code, fitStrategy, padding]);
-  const buttonStyle = {
-    padding: `${theme2.space[1]}px ${theme2.space[2]}px`,
-    marginRight: theme2.space[2],
-    backgroundColor: theme2.colors.background,
-    color: theme2.colors.text,
-    border: `1px solid ${theme2.colors.border}`,
-    borderRadius: theme2.radii[1],
-    fontSize: theme2.fontSizes[2],
-    fontWeight: theme2.fontWeights.medium,
-    cursor: "pointer",
-    transition: "all 0.2s ease",
-    fontFamily: theme2.fonts.body
-  };
-  const handleButtonHover = (e) => {
-    e.currentTarget.style.backgroundColor = theme2.colors.backgroundSecondary;
-  };
-  const handleButtonLeave = (e) => {
-    e.currentTarget.style.backgroundColor = theme2.colors.background;
-  };
-  return /* @__PURE__ */ import_react8.default.createElement("div", {
-    ref: containerRef,
-    style: { width: "100%", height: "100%", position: "relative" }
-  }, /* @__PURE__ */ import_react8.default.createElement(import_react_zoom_pan_pinch.TransformWrapper, {
-    limitToBounds: true,
-    doubleClick: { disabled: true },
-    minScale: 0.3,
-    maxScale: 10,
-    initialScale: calculatedScale,
-    initialPositionX: 0,
-    initialPositionY: 0,
-    centerOnInit: true,
-    centerZoomedOut: true,
-    alignmentAnimation: { disabled: true },
-    zoomAnimation: { disabled: false, size: 0.2 }
-  }, ({ centerView, instance }) => /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, /* @__PURE__ */ import_react8.default.createElement("div", {
-    style: {
-      position: "absolute",
-      top: theme2.space[3],
-      right: theme2.space[3],
-      zIndex: 10,
-      display: "flex",
-      gap: theme2.space[2]
-    }
-  }, /* @__PURE__ */ import_react8.default.createElement("button", {
-    onClick: () => {
-      const { scale } = instance.transformState;
-      const newScale = Math.min(scale * 1.2, 10);
-      centerView(newScale, 200, "easeOut");
-    },
-    style: buttonStyle,
-    onMouseEnter: handleButtonHover,
-    onMouseLeave: handleButtonLeave,
-    title: "Zoom in"
-  }, "+"), /* @__PURE__ */ import_react8.default.createElement("button", {
-    onClick: () => {
-      const { scale } = instance.transformState;
-      const newScale = Math.max(scale * 0.833, 0.3);
-      centerView(newScale, 200, "easeOut");
-    },
-    style: buttonStyle,
-    onMouseEnter: handleButtonHover,
-    onMouseLeave: handleButtonLeave,
-    title: "Zoom out"
-  }, "−"), /* @__PURE__ */ import_react8.default.createElement("button", {
-    onClick: () => {
-      centerView(calculatedScale, 200, "easeOut");
-    },
-    style: buttonStyle,
-    onMouseEnter: handleButtonHover,
-    onMouseLeave: handleButtonLeave,
-    title: "Reset zoom"
-  }, "⟲"), isCalculating && /* @__PURE__ */ import_react8.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__ */ import_react8.default.createElement(import_react_zoom_pan_pinch.TransformComponent, {
-    wrapperStyle: {
-      width: "100%",
-      height: "100%",
-      overflow: "hidden"
-    },
-    contentStyle: {
-      width: "fit-content",
-      height: "fit-content",
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      minWidth: "100%",
-      minHeight: "100%"
-    }
-  }, /* @__PURE__ */ import_react8.default.createElement("div", {
-    ref: diagramRef,
-    style: {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      width: "fit-content",
-      height: "fit-content",
-      minWidth: "100%",
-      minHeight: "100%"
-    }
-  }, /* @__PURE__ */ import_react8.default.createElement(IndustryMermaidDiagram, {
-    code,
-    id,
-    isModalMode: true
-  }))))));
-}
-
-// industryMarkdown/components/IndustryMermaidModal.tsx
-function IndustryMermaidModal({
-  isOpen,
-  onClose,
-  mermaidCode,
-  theme: theme2
-}) {
-  const modalRef = import_react9.useRef(null);
-  import_react9.useEffect(() => {
-    const handleEscape = (event) => {
-      if (event.key === "Escape") {
-        onClose();
-      }
-    };
-    if (isOpen) {
-      document.addEventListener("keydown", handleEscape);
-    }
-    return () => {
-      document.removeEventListener("keydown", handleEscape);
-    };
-  }, [isOpen, onClose]);
-  const handleBackdropClick = (event) => {
-    if (modalRef.current && !modalRef.current.contains(event.target)) {
-      onClose();
-    }
-  };
-  if (!isOpen) {
-    return null;
-  }
-  const modalContent = /* @__PURE__ */ import_react9.default.createElement("div", {
-    onClick: handleBackdropClick,
-    style: {
-      position: "fixed",
-      top: 0,
-      left: 0,
-      right: 0,
-      bottom: 0,
-      backgroundColor: "rgba(0, 0, 0, 0.8)",
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      zIndex: 50,
-      padding: theme2.space[4]
-    }
-  }, /* @__PURE__ */ import_react9.default.createElement("div", {
-    ref: modalRef,
-    onClick: (e) => e.stopPropagation(),
-    style: {
-      position: "relative",
-      backgroundColor: theme2.colors.background,
-      borderRadius: theme2.radii[3],
-      padding: theme2.space[5],
-      width: "90vw",
-      height: "90vh",
-      display: "flex",
-      flexDirection: "column",
-      overflow: "hidden",
-      boxShadow: theme2.shadows[4]
-    }
-  }, /* @__PURE__ */ import_react9.default.createElement("button", {
-    onClick: onClose,
-    style: {
-      position: "absolute",
-      top: theme2.space[4],
-      right: theme2.space[4],
-      background: "none",
-      border: "none",
-      fontSize: theme2.fontSizes[5],
-      color: theme2.colors.textSecondary,
-      cursor: "pointer",
-      lineHeight: 1,
-      padding: `${theme2.space[1]}px`,
-      borderRadius: theme2.radii[1],
-      width: "32px",
-      height: "32px",
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      transition: "all 0.2s ease"
-    },
-    onMouseEnter: (e) => {
-      e.currentTarget.style.backgroundColor = theme2.colors.backgroundTertiary;
-      e.currentTarget.style.color = theme2.colors.text;
-    },
-    onMouseLeave: (e) => {
-      e.currentTarget.style.backgroundColor = "transparent";
-      e.currentTarget.style.color = theme2.colors.textSecondary;
-    },
-    "aria-label": "Close"
-  }, "×"), /* @__PURE__ */ import_react9.default.createElement("div", {
-    style: { flex: 1, overflow: "hidden", position: "relative" }
-  }, /* @__PURE__ */ import_react9.default.createElement(IndustryZoomableMermaidDiagram, {
-    id: "mermaid-modal-diagram",
-    code: mermaidCode,
-    theme: theme2
-  }))));
-  return import_react_dom.default.createPortal(modalContent, document.body);
-}
-
-// industryMarkdown/components/IndustryPlaceholderModal.tsx
-var import_react10 = __toESM(require("react"));
-function IndustryPlaceholderModal({
-  isOpen,
-  onClose,
-  placeholders,
-  promptContent,
-  onCopy,
-  theme: theme2
-}) {
-  const [values, setValues] = import_react10.useState({});
-  if (!isOpen)
-    return null;
-  const handleSubmit = (e) => {
-    e.preventDefault();
-    let filledPrompt = promptContent;
-    placeholders.forEach((placeholder) => {
-      const value = values[placeholder] || `{{${placeholder}}}`;
-      const regex = new RegExp(`\\{\\{${placeholder.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")}\\}\\}`, "g");
-      filledPrompt = filledPrompt.replace(regex, value);
-    });
-    navigator.clipboard.writeText(filledPrompt).then(() => {
-      onCopy(filledPrompt);
-      onClose();
-      setValues({});
-    }).catch((err) => {
-      console.error("Failed to copy filled prompt:", err);
-    });
-  };
-  return /* @__PURE__ */ import_react10.default.createElement("div", {
-    style: {
-      position: "fixed",
-      top: 0,
-      left: 0,
-      right: 0,
-      bottom: 0,
-      backgroundColor: "rgba(0, 0, 0, 0.8)",
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      zIndex: 50,
-      padding: theme2.space[5]
-    },
-    onClick: onClose
-  }, /* @__PURE__ */ import_react10.default.createElement("div", {
-    style: {
-      backgroundColor: theme2.colors.background,
-      borderRadius: theme2.radii[3],
-      maxWidth: "600px",
-      width: "100%",
-      maxHeight: "80vh",
-      overflow: "hidden",
-      display: "flex",
-      flexDirection: "column",
-      border: `1px solid ${theme2.colors.border}`,
-      boxShadow: theme2.shadows[4]
-    },
-    onClick: (e) => e.stopPropagation()
-  }, /* @__PURE__ */ import_react10.default.createElement("div", {
-    style: {
-      padding: theme2.space[4],
-      borderBottom: `1px solid ${theme2.colors.border}`,
-      display: "flex",
-      justifyContent: "space-between",
-      alignItems: "center",
-      backgroundColor: theme2.colors.backgroundSecondary
-    }
-  }, /* @__PURE__ */ import_react10.default.createElement("h3", {
-    style: {
-      margin: 0,
-      color: theme2.colors.text,
-      fontSize: theme2.fontSizes[3],
-      fontWeight: theme2.fontWeights.semibold,
-      fontFamily: theme2.fonts.heading
-    }
-  }, "Fill Prompt Placeholders"), /* @__PURE__ */ import_react10.default.createElement("button", {
-    onClick: (e) => {
-      e.stopPropagation();
-      onClose();
-    },
-    style: {
-      background: "none",
-      border: "none",
-      fontSize: theme2.fontSizes[5],
-      cursor: "pointer",
-      color: theme2.colors.textSecondary,
-      padding: `${theme2.space[1]}px`,
-      borderRadius: theme2.radii[1],
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      width: "32px",
-      height: "32px",
-      transition: "all 0.2s ease"
-    },
-    onMouseEnter: (e) => {
-      e.currentTarget.style.backgroundColor = theme2.colors.backgroundTertiary;
-      e.currentTarget.style.color = theme2.colors.text;
-    },
-    onMouseLeave: (e) => {
-      e.currentTarget.style.backgroundColor = "transparent";
-      e.currentTarget.style.color = theme2.colors.textSecondary;
-    },
-    title: "Close",
-    "aria-label": "Close modal"
-  }, "×")), /* @__PURE__ */ import_react10.default.createElement("div", {
-    style: {
-      padding: theme2.space[5],
-      overflow: "auto",
-      flex: 1,
-      backgroundColor: theme2.colors.background
-    }
-  }, /* @__PURE__ */ import_react10.default.createElement("p", {
-    style: {
-      margin: `0 0 ${theme2.space[4]}px 0`,
-      color: theme2.colors.textSecondary,
-      fontSize: theme2.fontSizes[2],
-      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__ */ import_react10.default.createElement("form", {
-    onSubmit: handleSubmit
-  }, placeholders.map((placeholder, index) => /* @__PURE__ */ import_react10.default.createElement("div", {
-    key: index,
-    style: { marginBottom: theme2.space[4] }
-  }, /* @__PURE__ */ import_react10.default.createElement("label", {
-    style: {
-      display: "block",
-      marginBottom: theme2.space[2],
-      fontWeight: theme2.fontWeights.medium,
-      color: theme2.colors.text,
-      fontSize: theme2.fontSizes[1],
-      fontFamily: theme2.fonts.body
-    }
-  }, placeholder), /* @__PURE__ */ import_react10.default.createElement("input", {
-    type: "text",
-    value: values[placeholder] || "",
-    onChange: (e) => setValues((prev) => ({
-      ...prev,
-      [placeholder]: e.target.value
-    })),
-    style: {
-      width: "100%",
-      padding: `${theme2.space[3]}px`,
-      border: `1px solid ${theme2.colors.border}`,
-      borderRadius: theme2.radii[1],
-      fontSize: theme2.fontSizes[2],
-      backgroundColor: theme2.colors.background,
-      color: theme2.colors.text,
-      outline: "none",
-      fontFamily: theme2.fonts.body,
-      transition: "border-color 0.2s ease"
-    },
-    onFocus: (e) => {
-      e.currentTarget.style.borderColor = theme2.colors.primary;
-    },
-    onBlur: (e) => {
-      e.currentTarget.style.borderColor = theme2.colors.border;
-    },
-    placeholder: `Enter value for ${placeholder}`
-  }))), /* @__PURE__ */ import_react10.default.createElement("div", {
-    style: {
-      display: "flex",
-      gap: theme2.space[3],
-      justifyContent: "flex-end",
-      marginTop: theme2.space[5]
-    }
-  }, /* @__PURE__ */ import_react10.default.createElement("button", {
-    type: "button",
-    onClick: onClose,
-    style: {
-      padding: `${theme2.space[2]}px ${theme2.space[4]}px`,
-      borderRadius: theme2.radii[1],
-      fontSize: theme2.fontSizes[2],
-      fontWeight: theme2.fontWeights.medium,
-      cursor: "pointer",
-      border: `1px solid ${theme2.colors.border}`,
-      display: "flex",
-      alignItems: "center",
-      gap: theme2.space[2],
-      backgroundColor: theme2.colors.background,
-      color: theme2.colors.text,
-      fontFamily: theme2.fonts.body,
-      transition: "all 0.2s ease"
-    },
-    onMouseEnter: (e) => {
-      e.currentTarget.style.backgroundColor = theme2.colors.backgroundSecondary;
-    },
-    onMouseLeave: (e) => {
-      e.currentTarget.style.backgroundColor = theme2.colors.background;
-    }
-  }, "Cancel"), /* @__PURE__ */ import_react10.default.createElement("button", {
-    type: "submit",
-    style: {
-      padding: `${theme2.space[2]}px ${theme2.space[4]}px`,
-      borderRadius: theme2.radii[1],
-      fontSize: theme2.fontSizes[2],
-      fontWeight: theme2.fontWeights.medium,
-      cursor: "pointer",
-      border: "none",
-      display: "flex",
-      alignItems: "center",
-      gap: theme2.space[2],
-      backgroundColor: theme2.colors.primary,
-      color: "white",
-      fontFamily: theme2.fonts.body,
-      transition: "all 0.2s ease"
-    },
-    onMouseEnter: (e) => {
-      e.currentTarget.style.opacity = "0.9";
-    },
-    onMouseLeave: (e) => {
-      e.currentTarget.style.opacity = "1";
-    }
-  }, "Copy to Clipboard"))))));
-}
-
-// industryMarkdown/components/IndustryMarkdownSlide.tsx
-var highlightOverrides = `
-  .hljs,
-  .hljs-keyword,
-  .hljs-selector-tag,
-  .hljs-literal,
-  .hljs-strong,
-  .hljs-name,
-  .hljs-variable,
-  .hljs-number,
-  .hljs-string,
-  .hljs-comment,
-  .hljs-type,
-  .hljs-built_in,
-  .hljs-builtin-name,
-  .hljs-meta,
-  .hljs-tag,
-  .hljs-title,
-  .hljs-attr,
-  .hljs-attribute,
-  .hljs-addition,
-  .hljs-deletion,
-  .hljs-link,
-  .hljs-doctag,
-  .hljs-formula,
-  .hljs-section,
-  .hljs-selector-class,
-  .hljs-selector-attr,
-  .hljs-selector-pseudo,
-  .hljs-symbol,
-  .hljs-bullet,
-  .hljs-selector-id,
-  .hljs-emphasis,
-  .hljs-quote,
-  .hljs-template-variable,
-  .hljs-regexp,
-  .hljs-subst {
-    background-color: transparent !important;
-  }
-  
-  /* Ensure inline code has proper contrast */
-  .inline-code {
-    color: inherit !important;
-  }
-  
-  /* Prevent highlight.js from overriding inline code colors */
-  .inline-code.hljs,
-  .inline-code .hljs-keyword,
-  .inline-code .hljs-string,
-  .inline-code .hljs-number,
-  .inline-code .hljs-comment,
-  .inline-code .hljs-built_in,
-  .inline-code .hljs-literal {
-    color: inherit !important;
-    background-color: transparent !important;
-  }
-`;
-var fontTransitionCSS = `
-  .markdown-slide * {
-    transition: font-size 0.2s ease-in-out;
-  }
-  
-  /* Disable transitions and dynamic sizing on form elements to prevent flashing */
-  .markdown-slide input,
-  .markdown-slide label,
-  .markdown-slide button,
-  .markdown-slide input[type="checkbox"],
-  .markdown-slide input[type="radio"] {
-    transition: none !important;
-    font-size: inherit !important; /* Prevent dynamic font sizing from affecting form elements */
-  }
-  
-  /* Ensure checkbox labels maintain fixed sizing */
-  .markdown-slide label[for*="checkbox"] {
-    font-size: 1rem !important; /* Fixed size for checkbox labels */
-  }
-`;
-var stylesInjected = false;
-var injectStyles = () => {
-  if (typeof document !== "undefined" && !stylesInjected) {
-    if (!document.getElementById("markdown-slide-highlight-overrides")) {
-      const highlightStyle = document.createElement("style");
-      highlightStyle.id = "markdown-slide-highlight-overrides";
-      highlightStyle.textContent = highlightOverrides;
-      document.head.appendChild(highlightStyle);
-    }
-    if (!document.getElementById("markdown-slide-font-transitions")) {
-      const transitionStyle = document.createElement("style");
-      transitionStyle.id = "markdown-slide-font-transitions";
-      transitionStyle.textContent = fontTransitionCSS;
-      document.head.appendChild(transitionStyle);
-    }
-    stylesInjected = true;
-  }
-};
-var IndustryMarkdownSlide = import_react11.default.memo(function IndustryMarkdownSlide2({
-  content,
-  slideIdPrefix,
-  slideIndex,
-  isVisible = false,
-  onLinkClick,
-  onCheckboxChange,
-  onCopyMermaidError,
-  onShowMermaidInPanel,
-  handleRunBashCommand,
-  handlePromptCopy,
-  enableHtmlPopout = true,
-  slideHeaderMarginTopOverride,
-  theme: themeOverride,
-  fontSizeScale = 1,
-  containerWidth,
-  minScreenWidth: _minScreenWidth,
-  maxScreenWidth: _maxScreenWidth,
-  enableKeyboardScrolling = true,
-  keyboardScrollConfig,
-  repositoryInfo
-}) {
-  const slideRef = import_react11.useRef(null);
-  const scrollPositionRef = import_react11.useRef(0);
-  const [measuredContainerWidth, setMeasuredContainerWidth] = import_react11.useState(null);
-  let chunks = [];
-  try {
-    if (typeof content === "string") {
-      chunks = parseMarkdownChunks(content, slideIdPrefix);
-    } else {}
-  } catch (error) {
-    console.error("Error parsing markdown chunks:", error);
-  }
-  const [checkedItems, setCheckedItems] = import_react11.useState({});
-  const { htmlModalOpen, htmlModalContent, openHtmlModal, closeHtmlModal } = useIndustryHtmlModal();
-  const [mermaidModalOpen, setMermaidModalOpen] = import_react11.useState(false);
-  const [mermaidModalCode, setMermaidModalCode] = import_react11.useState("");
-  const [placeholderModalOpen, setPlaceholderModalOpen] = import_react11.useState(false);
-  const [placeholderModalData, setPlaceholderModalData] = import_react11.useState(null);
-  import_react11.useEffect(() => {
-    injectStyles();
-  }, []);
-  import_react11.useEffect(() => {
-    if (containerWidth !== undefined) {
-      return;
-    }
-    if (!slideRef.current) {
-      return;
-    }
-    const setupResizeObserver = () => {
-      const parentContainer = slideRef.current?.parentElement;
-      if (!parentContainer) {
-        return;
-      }
-      const resizeObserver2 = new ResizeObserver((entries) => {
-        for (const entry of entries) {
-          const { width } = entry.contentRect;
-          setMeasuredContainerWidth(width);
-        }
-      });
-      resizeObserver2.observe(parentContainer);
-      return resizeObserver2;
-    };
-    let resizeObserver = setupResizeObserver();
-    if (!resizeObserver) {
-      const timeoutId = setTimeout(() => {
-        resizeObserver = setupResizeObserver();
-      }, 100);
-      return () => {
-        clearTimeout(timeoutId);
-        if (resizeObserver) {
-          resizeObserver.disconnect();
-        }
-      };
-    }
-    return () => {
-      if (resizeObserver) {
-        resizeObserver.disconnect();
-      }
-    };
-  }, [containerWidth]);
-  const defaultScrollConfig = {
-    scrollAmount: 100,
-    pageScrollRatio: 0.8,
-    smoothScroll: true,
-    keys: {
-      scrollUp: ["ArrowUp"],
-      scrollDown: ["ArrowDown"],
-      pageUp: ["PageUp"],
-      pageDown: ["PageDown"]
-    },
-    enableDebugLogging: false
-  };
-  const scrollConfig = {
-    ...defaultScrollConfig,
-    ...keyboardScrollConfig,
-    keys: {
-      ...defaultScrollConfig.keys,
-      ...keyboardScrollConfig?.keys
-    }
-  };
-  const handleKeyDown = import_react11.useCallback((event) => {
-    if (!enableKeyboardScrolling) {
-      return;
-    }
-    if (!isVisible) {
-      if (scrollConfig.enableDebugLogging) {
-        console.log(`\uD83D\uDEAB Slide ${slideIndex} ignoring key press - not visible`);
-      }
-      return;
-    }
-    if (scrollConfig.enableDebugLogging) {
-      console.log(`\uD83D\uDD39 Slide ${slideIndex} key pressed:`, event.key, "Target:", event.target);
-    }
-    if (!slideRef.current) {
-      if (scrollConfig.enableDebugLogging) {
-        console.log("❌ slideRef.current is null");
-      }
-      return;
-    }
-    const container = slideRef.current;
-    const scrollInfo = {
-      scrollTop: container.scrollTop,
-      scrollHeight: container.scrollHeight,
-      clientHeight: container.clientHeight,
-      canScroll: container.scrollHeight > container.clientHeight,
-      maxScroll: container.scrollHeight - container.clientHeight
-    };
-    if (scrollConfig.enableDebugLogging) {
-      console.log(`\uD83D\uDCCA Slide ${slideIndex} Scroll Info:`, scrollInfo);
-      let parent = container.parentElement;
-      let level = 1;
-      while (parent && level <= 3) {
-        const parentScrollInfo = {
-          level,
-          tagName: parent.tagName,
-          className: parent.className,
-          scrollTop: parent.scrollTop,
-          scrollHeight: parent.scrollHeight,
-          clientHeight: parent.clientHeight,
-          canScroll: parent.scrollHeight > parent.clientHeight,
-          overflowY: getComputedStyle(parent).overflowY
-        };
-        console.log(`\uD83D\uDCCA Slide ${slideIndex} Parent ${level} Info:`, parentScrollInfo);
-        parent = parent.parentElement;
-        level++;
-      }
-    }
-    const isScrollDown = scrollConfig.keys.scrollDown.includes(event.key);
-    const isScrollUp = scrollConfig.keys.scrollUp.includes(event.key);
-    const isPageDown = scrollConfig.keys.pageDown.includes(event.key);
-    const isPageUp = scrollConfig.keys.pageUp.includes(event.key);
-    if (!isScrollDown && !isScrollUp && !isPageDown && !isPageUp) {
-      return;
-    }
-    let scrollTarget = container;
-    if (!scrollInfo.canScroll) {
-      let parent = container.parentElement;
-      while (parent) {
-        if (parent.scrollHeight > parent.clientHeight) {
-          if (scrollConfig.enableDebugLogging) {
-            console.log(`\uD83C\uDFAF Slide ${slideIndex} Found scrollable parent:`, parent.tagName, parent.className);
-          }
-          scrollTarget = parent;
-          break;
-        }
-        parent = parent.parentElement;
-      }
-    }
-    if (scrollTarget.scrollHeight <= scrollTarget.clientHeight) {
-      if (scrollConfig.enableDebugLogging) {
-        console.log(`⚠️ Slide ${slideIndex} Cannot scroll - content fits in container`);
-      }
-      return;
-    }
-    event.preventDefault();
-    event.stopPropagation();
-    let scrollAmount = 0;
-    if (isScrollDown) {
-      if (scrollConfig.enableDebugLogging) {
-        console.log(`⬇️ Slide ${slideIndex} Scroll down pressed`);
-      }
-      scrollAmount = scrollConfig.scrollAmount;
-    } else if (isScrollUp) {
-      if (scrollConfig.enableDebugLogging) {
-        console.log(`⬆️ Slide ${slideIndex} Scroll up pressed`);
-      }
-      scrollAmount = -scrollConfig.scrollAmount;
-    } else if (isPageDown) {
-      if (scrollConfig.enableDebugLogging) {
-        console.log(`\uD83D\uDCC4⬇️ Slide ${slideIndex} Page down pressed`);
-      }
-      scrollAmount = scrollTarget.clientHeight * scrollConfig.pageScrollRatio;
-    } else if (isPageUp) {
-      if (scrollConfig.enableDebugLogging) {
-        console.log(`\uD83D\uDCC4⬆️ Slide ${slideIndex} Page up pressed`);
-      }
-      scrollAmount = -scrollTarget.clientHeight * scrollConfig.pageScrollRatio;
-    }
-    const beforeScroll = scrollTarget.scrollTop;
-    scrollTarget.scrollBy({
-      top: scrollAmount,
-      behavior: scrollConfig.smoothScroll ? "smooth" : "auto"
-    });
-    if (scrollConfig.enableDebugLogging) {
-      setTimeout(() => {
-        const afterScroll = scrollTarget.scrollTop;
-        console.log(`\uD83D\uDCC8 Slide ${slideIndex} Scroll: ${beforeScroll} → ${afterScroll} (diff: ${afterScroll - beforeScroll})`);
-      }, scrollConfig.smoothScroll ? 100 : 0);
-    }
-  }, [enableKeyboardScrolling, isVisible, slideIndex, scrollConfig]);
-  import_react11.useEffect(() => {
-    if (isVisible && slideRef.current) {
-      console.log("\uD83C\uDFAF Auto-focusing slide container");
-      slideRef.current.focus();
-    }
-  }, [isVisible]);
-  const openPlaceholderModal = (placeholders, promptContent) => {
-    if (!handlePromptCopy)
-      return;
-    setPlaceholderModalData({ placeholders, promptContent });
-    setPlaceholderModalOpen(true);
-  };
-  const closePlaceholderModal = () => {
-    setPlaceholderModalOpen(false);
-    setPlaceholderModalData(null);
-  };
-  const closeMermaidModal = () => {
-    setMermaidModalOpen(false);
-    setMermaidModalCode("");
-  };
-  let industryTheme;
-  try {
-    const themeContext = useTheme();
-    industryTheme = themeContext.theme;
-  } catch {
-    industryTheme = undefined;
-  }
-  const baseTheme = themeOverride || industryTheme;
-  if (!baseTheme) {
-    throw new Error("IndustryMarkdownSlide: theme must be provided as a prop when ThemeProvider is not available");
-  }
-  const theme2 = import_react11.useMemo(() => {
-    if (fontSizeScale === 1)
-      return baseTheme;
-    return {
-      ...baseTheme,
-      fontSizes: baseTheme.fontSizes.map((size) => Math.round(size * fontSizeScale))
-    };
-  }, [baseTheme, fontSizeScale]);
-  const calculateSlidePadding = import_react11.useMemo(() => {
-    const effectiveContainerWidth = containerWidth ?? measuredContainerWidth ?? 800;
-    const paddingPercentage = 0.03;
-    const horizontalPadding = Math.max(5, Math.round(effectiveContainerWidth * paddingPercentage));
-    const verticalPadding = Math.max(5, Math.round(effectiveContainerWidth * (paddingPercentage - 0.015)));
-    const result = {
-      vertical: `${verticalPadding}px`,
-      horizontal: `${horizontalPadding}px`
-    };
-    return result;
-  }, [containerWidth, measuredContainerWidth]);
-  import_react11.useEffect(() => {
-    const slideElement = slideRef.current;
-    if (slideElement) {
-      const handleScroll = () => {
-        scrollPositionRef.current = slideElement.scrollTop || 0;
-      };
-      slideElement.addEventListener("scroll", handleScroll);
-      return () => {
-        slideElement.removeEventListener("scroll", handleScroll);
-      };
-    }
-    return;
-  }, []);
-  import_react11.useEffect(() => {
-    if (slideRef.current && scrollPositionRef.current) {
-      slideRef.current.scrollTop = scrollPositionRef.current;
-    }
-  }, [content]);
-  const sanitizeSchema = import_react11.useMemo(() => ({
-    ...import_hast_util_sanitize.defaultSchema,
-    tagNames: [...import_hast_util_sanitize.defaultSchema.tagNames || [], "picture", "source"],
-    attributes: {
-      ...import_hast_util_sanitize.defaultSchema.attributes,
-      code: [...import_hast_util_sanitize.defaultSchema.attributes?.code || [], "className", "style"],
-      span: [...import_hast_util_sanitize.defaultSchema.attributes?.span || [], "className", "style"],
-      pre: [...import_hast_util_sanitize.defaultSchema.attributes?.pre || [], "className", "style"],
-      div: [...import_hast_util_sanitize.defaultSchema.attributes?.div || [], "style", "className", "id"],
-      p: [...import_hast_util_sanitize.defaultSchema.attributes?.p || [], "style", "className", "id"],
-      h1: [...import_hast_util_sanitize.defaultSchema.attributes?.h1 || [], "style", "className", "id"],
-      h2: [...import_hast_util_sanitize.defaultSchema.attributes?.h2 || [], "style", "className", "id"],
-      h3: [...import_hast_util_sanitize.defaultSchema.attributes?.h3 || [], "style", "className", "id"],
-      h4: [...import_hast_util_sanitize.defaultSchema.attributes?.h4 || [], "style", "className", "id"],
-      h5: [...import_hast_util_sanitize.defaultSchema.attributes?.h5 || [], "style", "className", "id"],
-      h6: [...import_hast_util_sanitize.defaultSchema.attributes?.h6 || [], "style", "className", "id"],
-      strong: [...import_hast_util_sanitize.defaultSchema.attributes?.strong || [], "style", "className"],
-      em: [...import_hast_util_sanitize.defaultSchema.attributes?.em || [], "style", "className"],
-      ul: [...import_hast_util_sanitize.defaultSchema.attributes?.ul || [], "style", "className"],
-      ol: [...import_hast_util_sanitize.defaultSchema.attributes?.ol || [], "style", "className"],
-      li: [...import_hast_util_sanitize.defaultSchema.attributes?.li || [], "style", "className"],
-      a: [...import_hast_util_sanitize.defaultSchema.attributes?.a || [], "style", "className"],
-      img: [...import_hast_util_sanitize.defaultSchema.attributes?.img || [], "style", "className"],
-      picture: [...import_hast_util_sanitize.defaultSchema.attributes?.picture || [], "style", "className"],
-      source: [
-        ...import_hast_util_sanitize.defaultSchema.attributes?.source || [],
-        "srcSet",
-        "media",
-        "type",
-        "sizes",
-        "style",
-        "className"
-      ],
-      table: [...import_hast_util_sanitize.defaultSchema.attributes?.table || [], "style", "className"],
-      thead: [...import_hast_util_sanitize.defaultSchema.attributes?.thead || [], "style", "className"],
-      tbody: [...import_hast_util_sanitize.defaultSchema.attributes?.tbody || [], "style", "className"],
-      tr: [...import_hast_util_sanitize.defaultSchema.attributes?.tr || [], "style", "className"],
-      th: [...import_hast_util_sanitize.defaultSchema.attributes?.th || [], "style", "className"],
-      td: [...import_hast_util_sanitize.defaultSchema.attributes?.td || [], "style", "className"],
-      blockquote: [...import_hast_util_sanitize.defaultSchema.attributes?.blockquote || [], "style", "className"],
-      hr: [...import_hast_util_sanitize.defaultSchema.attributes?.hr || [], "style", "className"],
-      label: [...import_hast_util_sanitize.defaultSchema.attributes?.label || [], "style", "className", "for"],
-      input: [...import_hast_util_sanitize.defaultSchema.attributes?.input || [], "style", "className", "type", "placeholder", "value", "checked", "disabled"],
-      button: [...import_hast_util_sanitize.defaultSchema.attributes?.button || [], "style", "className", "type", "disabled"],
-      details: [...import_hast_util_sanitize.defaultSchema.attributes?.details || [], "style", "className", "open"],
-      summary: [...import_hast_util_sanitize.defaultSchema.attributes?.summary || [], "style", "className"],
-      footer: [...import_hast_util_sanitize.defaultSchema.attributes?.footer || [], "style", "className"],
-      header: [...import_hast_util_sanitize.defaultSchema.attributes?.header || [], "style", "className"],
-      section: [...import_hast_util_sanitize.defaultSchema.attributes?.section || [], "style", "className"]
-    }
-  }), []);
-  const rootMargin = isVisible ? "0px" : "100px";
-  const getMarkdownComponents = import_react11.useCallback((chunkIndex) => {
-    return createIndustryMarkdownComponents({
-      theme: theme2,
-      slideIdPrefix,
-      slideIndex,
-      onLinkClick,
-      onCheckboxChange,
-      checkedItems,
-      setCheckedItems,
-      openHtmlModal,
-      openPlaceholderModal: handlePromptCopy ? openPlaceholderModal : undefined,
-      handleRunBashCommand,
-      enableHtmlPopout,
-      slideHeaderMarginTopOverride,
-      index: chunkIndex,
-      repositoryInfo
-    });
-  }, [
-    theme2,
-    slideIdPrefix,
-    slideIndex,
-    onLinkClick,
-    onCheckboxChange,
-    checkedItems,
-    setCheckedItems,
-    openHtmlModal,
-    handlePromptCopy,
-    handleRunBashCommand,
-    enableHtmlPopout,
-    slideHeaderMarginTopOverride,
-    repositoryInfo
-  ]);
-  return /* @__PURE__ */ import_react11.default.createElement("div", {
-    className: "markdown-slide",
-    ref: slideRef,
-    style: {
-      height: "100%",
-      overflowY: "auto",
-      overflowX: "hidden",
-      position: "relative",
-      backgroundColor: theme2.colors.background,
-      color: theme2.colors.text,
-      fontFamily: theme2.fonts.body,
-      padding: `${calculateSlidePadding.horizontal}`,
-      outline: "none",
-      border: "2px solid transparent",
-      transition: "border-color 0.2s ease"
-    },
-    tabIndex: 0,
-    onKeyDown: handleKeyDown,
-    onClick: () => {
-      if (slideRef.current) {
-        slideRef.current.focus();
-      }
-    }
-  }, chunks.length === 0 ? /* @__PURE__ */ import_react11.default.createElement("div", {
-    style: {
-      padding: theme2.space[4],
-      textAlign: "center",
-      color: theme2.colors.muted,
-      fontSize: theme2.fontSizes[2]
-    }
-  }, "No content to display") : chunks.map((chunk, index) => {
-    if (chunk.type === "markdown_chunk") {
-      return /* @__PURE__ */ import_react11.default.createElement(import_react_markdown.default, {
-        key: chunk.id,
-        remarkPlugins: [import_remark_gfm.default],
-        rehypePlugins: [
-          import_rehype_raw.default,
-          [import_rehype_sanitize.default, sanitizeSchema],
-          import_rehype_slug.default,
-          import_rehype_highlight.default
-        ],
-        components: getMarkdownComponents(index)
-      }, chunk.content);
-    }
-    if (chunk.type === "mermaid_chunk") {
-      const mermaidProps = {
-        id: chunk.id,
-        code: chunk.code,
-        onCopyError: onCopyMermaidError,
-        rootMargin,
-        theme: theme2
-      };
-      if (onShowMermaidInPanel) {
-        mermaidProps.onShowInPanel = onShowMermaidInPanel;
-      }
-      return /* @__PURE__ */ import_react11.default.createElement(IndustryLazyMermaidDiagram, {
-        key: chunk.id,
-        ...mermaidProps
-      });
-    }
-    return null;
-  }), /* @__PURE__ */ import_react11.default.createElement(IndustryHtmlModal, {
-    isOpen: htmlModalOpen,
-    onClose: closeHtmlModal,
-    htmlContent: htmlModalContent,
-    theme: theme2
-  }), /* @__PURE__ */ import_react11.default.createElement(IndustryMermaidModal, {
-    isOpen: mermaidModalOpen,
-    onClose: closeMermaidModal,
-    mermaidCode: mermaidModalCode,
-    theme: theme2
-  }), handlePromptCopy && placeholderModalData && /* @__PURE__ */ import_react11.default.createElement(IndustryPlaceholderModal, {
-    isOpen: placeholderModalOpen,
-    onClose: closePlaceholderModal,
-    placeholders: placeholderModalData.placeholders,
-    promptContent: placeholderModalData.promptContent,
-    onCopy: handlePromptCopy,
-    theme: theme2
-  }));
-});
-// industryMarkdown/components/SlidePresentation.tsx
-var import_lucide_react5 = require("lucide-react");
-var import_react12 = __toESM(require("react"));
-var SlidePresentation = ({
-  slides,
-  initialSlide = 0,
-  onSlideChange,
-  onCheckboxChange,
-  showNavigation = true,
-  showSlideCounter = true,
-  showFullscreenButton = false,
-  containerHeight = "100%",
-  slideIdPrefix = "slide",
-  enableHtmlPopout = true,
-  enableKeyboardScrolling = true,
-  onLinkClick,
-  handleRunBashCommand,
-  handlePromptCopy,
-  fontSizeScale
-}) => {
-  const [currentSlide, setCurrentSlide] = import_react12.useState(initialSlide);
-  const [isFullscreen, setIsFullscreen] = import_react12.useState(false);
-  const containerRef = import_react12.useRef(null);
-  const { theme: theme2 } = useTheme();
-  const navigateToSlide = import_react12.useCallback((slideIndex) => {
-    if (slideIndex >= 0 && slideIndex < slides.length) {
-      setCurrentSlide(slideIndex);
-      onSlideChange?.(slideIndex);
-    }
-  }, [slides.length, onSlideChange]);
-  const goToPreviousSlide = import_react12.useCallback(() => {
-    navigateToSlide(currentSlide - 1);
-  }, [currentSlide, navigateToSlide]);
-  const goToNextSlide = import_react12.useCallback(() => {
-    navigateToSlide(currentSlide + 1);
-  }, [currentSlide, navigateToSlide]);
-  const toggleFullscreen = import_react12.useCallback(() => {
-    if (!containerRef.current)
-      return;
-    if (!isFullscreen) {
-      containerRef.current.requestFullscreen?.();
-      setIsFullscreen(true);
-    } else {
-      document.exitFullscreen?.();
-      setIsFullscreen(false);
-    }
-  }, [isFullscreen]);
-  import_react12.useEffect(() => {
-    const handleKeyDown = (event) => {
-      if (event.target instanceof HTMLInputElement || event.target instanceof HTMLTextAreaElement) {
-        return;
-      }
-      switch (event.key) {
-        case "ArrowLeft":
-          event.preventDefault();
-          goToPreviousSlide();
-          break;
-        case "ArrowRight":
-          event.preventDefault();
-          goToNextSlide();
-          break;
-        case " ":
-          event.preventDefault();
-          goToNextSlide();
-          break;
-        case "Enter":
-          event.preventDefault();
-          goToNextSlide();
-          break;
-        case "Backspace":
-          event.preventDefault();
-          goToPreviousSlide();
-          break;
-        case "Home":
-          event.preventDefault();
-          navigateToSlide(0);
-          break;
-        case "End":
-          event.preventDefault();
-          navigateToSlide(slides.length - 1);
-          break;
-        case "f":
-        case "F":
-          if (!event.ctrlKey && !event.metaKey && !event.altKey) {
-            event.preventDefault();
-            toggleFullscreen();
-          }
-          break;
-      }
-      if (!event.ctrlKey && !event.metaKey && !event.altKey) {
-        const num = parseInt(event.key);
-        if (num >= 1 && num <= 9 && num <= slides.length) {
-          event.preventDefault();
-          navigateToSlide(num - 1);
-        }
-      }
-    };
-    window.addEventListener("keydown", handleKeyDown);
-    return () => window.removeEventListener("keydown", handleKeyDown);
-  }, [goToPreviousSlide, goToNextSlide, navigateToSlide, slides.length, toggleFullscreen]);
-  import_react12.useEffect(() => {
-    if (currentSlide >= slides.length && slides.length > 0) {
-      setCurrentSlide(slides.length - 1);
-    }
-  }, [slides.length, currentSlide]);
-  const navigationHeight = showNavigation ? "48px" : "0px";
-  return /* @__PURE__ */ import_react12.default.createElement("div", {
-    ref: containerRef,
-    style: {
-      height: containerHeight,
-      display: "flex",
-      flexDirection: "column",
-      backgroundColor: theme2.colors.background,
-      position: "relative"
-    }
-  }, showNavigation && /* @__PURE__ */ import_react12.default.createElement("div", {
-    style: {
-      height: navigationHeight,
-      minHeight: navigationHeight,
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "space-between",
-      padding: `0 ${theme2.space[3]}px`,
-      borderBottom: `1px solid ${theme2.colors.border}`,
-      backgroundColor: theme2.colors.background,
-      flexShrink: 0
-    }
-  }, /* @__PURE__ */ import_react12.default.createElement("button", {
-    onClick: goToPreviousSlide,
-    disabled: currentSlide === 0,
-    style: {
-      display: "flex",
-      alignItems: "center",
-      gap: theme2.space[1],
-      padding: `${theme2.space[1]}px ${theme2.space[2]}px`,
-      backgroundColor: "transparent",
-      border: `1px solid ${theme2.colors.border}`,
-      borderRadius: theme2.radii[1],
-      color: currentSlide === 0 ? theme2.colors.muted : theme2.colors.text,
-      cursor: currentSlide === 0 ? "not-allowed" : "pointer",
-      fontSize: theme2.fontSizes[1],
-      fontFamily: theme2.fonts.body,
-      opacity: currentSlide === 0 ? 0.5 : 1,
-      transition: "all 0.2s ease"
-    },
-    onMouseOver: (e) => {
-      if (currentSlide !== 0) {
-        e.currentTarget.style.backgroundColor = theme2.colors.backgroundSecondary;
-      }
-    },
-    onMouseOut: (e) => {
-      e.currentTarget.style.backgroundColor = "transparent";
-    }
-  }, /* @__PURE__ */ import_react12.default.createElement(import_lucide_react5.ChevronLeft, {
-    size: 16
-  }), "Previous"), showSlideCounter && /* @__PURE__ */ import_react12.default.createElement("div", {
-    style: {
-      display: "flex",
-      alignItems: "center",
-      gap: theme2.space[2],
-      color: theme2.colors.textSecondary,
-      fontSize: theme2.fontSizes[1],
-      fontFamily: theme2.fonts.monospace
-    }
-  }, /* @__PURE__ */ import_react12.default.createElement("span", {
-    style: { fontWeight: 600 }
-  }, "Slide ", currentSlide + 1), /* @__PURE__ */ import_react12.default.createElement("span", {
-    style: { opacity: 0.7 }
-  }, "of ", slides.length), /* @__PURE__ */ import_react12.default.createElement("select", {
-    value: currentSlide,
-    onChange: (e) => navigateToSlide(Number(e.target.value)),
-    style: {
-      marginLeft: theme2.space[2],
-      padding: `${theme2.space[0]}px ${theme2.space[1]}px`,
-      backgroundColor: theme2.colors.backgroundSecondary,
-      border: `1px solid ${theme2.colors.border}`,
-      borderRadius: theme2.radii[0],
-      color: theme2.colors.text,
-      fontSize: theme2.fontSizes[0],
-      fontFamily: theme2.fonts.monospace,
-      cursor: "pointer"
-    }
-  }, slides.map((_, index) => /* @__PURE__ */ import_react12.default.createElement("option", {
-    key: index,
-    value: index
-  }, index + 1)))), /* @__PURE__ */ import_react12.default.createElement("div", {
-    style: {
-      display: "flex",
-      alignItems: "center",
-      gap: theme2.space[2]
-    }
-  }, showFullscreenButton && /* @__PURE__ */ import_react12.default.createElement("button", {
-    onClick: toggleFullscreen,
-    style: {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      width: "32px",
-      height: "32px",
-      backgroundColor: "transparent",
-      border: `1px solid ${theme2.colors.border}`,
-      borderRadius: theme2.radii[1],
-      color: theme2.colors.textSecondary,
-      cursor: "pointer",
-      transition: "all 0.2s ease"
-    },
-    onMouseOver: (e) => {
-      e.currentTarget.style.backgroundColor = theme2.colors.backgroundSecondary;
-    },
-    onMouseOut: (e) => {
-      e.currentTarget.style.backgroundColor = "transparent";
-    },
-    title: isFullscreen ? "Exit fullscreen" : "Enter fullscreen"
-  }, isFullscreen ? /* @__PURE__ */ import_react12.default.createElement(import_lucide_react5.Minimize2, {
-    size: 16
-  }) : /* @__PURE__ */ import_react12.default.createElement(import_lucide_react5.Maximize2, {
-    size: 16
-  })), /* @__PURE__ */ import_react12.default.createElement("button", {
-    onClick: goToNextSlide,
-    disabled: currentSlide === slides.length - 1,
-    style: {
-      display: "flex",
-      alignItems: "center",
-      gap: theme2.space[1],
-      padding: `${theme2.space[1]}px ${theme2.space[2]}px`,
-      backgroundColor: "transparent",
-      border: `1px solid ${theme2.colors.border}`,
-      borderRadius: theme2.radii[1],
-      color: currentSlide === slides.length - 1 ? theme2.colors.muted : theme2.colors.text,
-      cursor: currentSlide === slides.length - 1 ? "not-allowed" : "pointer",
-      fontSize: theme2.fontSizes[1],
-      fontFamily: theme2.fonts.body,
-      opacity: currentSlide === slides.length - 1 ? 0.5 : 1,
-      transition: "all 0.2s ease"
-    },
-    onMouseOver: (e) => {
-      if (currentSlide !== slides.length - 1) {
-        e.currentTarget.style.backgroundColor = theme2.colors.backgroundSecondary;
-      }
-    },
-    onMouseOut: (e) => {
-      e.currentTarget.style.backgroundColor = "transparent";
-    }
-  }, "Next", /* @__PURE__ */ import_react12.default.createElement(import_lucide_react5.ChevronRight, {
-    size: 16
-  })))), /* @__PURE__ */ import_react12.default.createElement("div", {
-    style: {
-      flex: 1,
-      overflow: "hidden",
-      position: "relative"
-    }
-  }, slides.length > 0 ? /* @__PURE__ */ import_react12.default.createElement(IndustryMarkdownSlide, {
-    content: slides[currentSlide] || "",
-    slideIdPrefix: `${slideIdPrefix}-${currentSlide}`,
-    slideIndex: currentSlide,
-    isVisible: true,
-    theme: theme2,
-    onCheckboxChange,
-    enableHtmlPopout,
-    enableKeyboardScrolling,
-    onLinkClick,
-    handleRunBashCommand,
-    handlePromptCopy,
-    fontSizeScale
-  }) : /* @__PURE__ */ import_react12.default.createElement("div", {
-    style: {
-      height: "100%",
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      color: theme2.colors.muted,
-      fontSize: theme2.fontSizes[2],
-      fontFamily: theme2.fonts.body
-    }
-  }, "No slides available")), showNavigation && slides.length > 1 && /* @__PURE__ */ import_react12.default.createElement("div", {
-    style: {
-      position: "absolute",
-      bottom: 0,
-      left: 0,
-      right: 0,
-      height: "2px",
-      backgroundColor: theme2.colors.border,
-      opacity: 0.3
-    }
-  }, /* @__PURE__ */ import_react12.default.createElement("div", {
-    style: {
-      height: "100%",
-      width: `${(currentSlide + 1) / slides.length * 100}%`,
-      backgroundColor: theme2.colors.primary,
-      transition: "width 0.3s ease"
-    }
-  })));
-};
-// industryMarkdown/components/DocumentView.tsx
-var import_react13 = __toESM(require("react"));
-var DocumentView = ({
-  content,
-  showSegmented = true,
-  onCheckboxChange,
-  onSectionClick,
-  maxWidth = "900px",
-  padding = "24px",
-  showSectionHeaders = true,
-  showSeparators = true,
-  slideIdPrefix = "document",
-  enableHtmlPopout = true,
-  enableKeyboardScrolling = true,
-  onLinkClick,
-  handleRunBashCommand,
-  handlePromptCopy,
-  repositoryInfo,
-  fontSizeScale
-}) => {
-  const containerRef = import_react13.useRef(null);
-  const sectionRefs = import_react13.useRef([]);
-  const { theme: theme2 } = useTheme();
-  const scrollToSection = import_react13.useCallback((sectionIndex) => {
-    if (sectionRefs.current[sectionIndex]) {
-      sectionRefs.current[sectionIndex]?.scrollIntoView({
-        behavior: "smooth",
-        block: "start"
-      });
-    }
-  }, []);
-  const handleSectionClick = import_react13.useCallback((index) => {
-    scrollToSection(index);
-    onSectionClick?.(index);
-  }, [scrollToSection, onSectionClick]);
-  if (typeof content === "string") {
-    return /* @__PURE__ */ import_react13.default.createElement("div", {
-      ref: containerRef,
-      style: {
-        height: "100%",
-        overflow: "auto",
-        backgroundColor: theme2.colors.background,
-        padding: typeof padding === "number" ? `${padding}px` : padding
-      }
-    }, /* @__PURE__ */ import_react13.default.createElement("div", {
-      style: {
-        maxWidth: typeof maxWidth === "number" ? `${maxWidth}px` : maxWidth,
-        margin: "0 auto"
-      }
-    }, /* @__PURE__ */ import_react13.default.createElement(IndustryMarkdownSlide, {
-      content,
-      slideIdPrefix,
-      slideIndex: 0,
-      isVisible: true,
-      theme: theme2,
-      onCheckboxChange,
-      enableHtmlPopout,
-      enableKeyboardScrolling,
-      onLinkClick,
-      handleRunBashCommand,
-      fontSizeScale,
-      handlePromptCopy,
-      repositoryInfo
-    })));
-  }
-  if (!showSegmented) {
-    const fullContent = content.join(`
-
----
-
-`);
-    return /* @__PURE__ */ import_react13.default.createElement("div", {
-      ref: containerRef,
-      style: {
-        height: "100%",
-        overflow: "auto",
-        backgroundColor: theme2.colors.background,
-        padding: typeof padding === "number" ? `${padding}px` : padding
-      }
-    }, /* @__PURE__ */ import_react13.default.createElement("div", {
-      style: {
-        maxWidth: typeof maxWidth === "number" ? `${maxWidth}px` : maxWidth,
-        margin: "0 auto"
-      }
-    }, /* @__PURE__ */ import_react13.default.createElement(IndustryMarkdownSlide, {
-      content: fullContent,
-      slideIdPrefix,
-      slideIndex: 0,
-      isVisible: true,
-      theme: theme2,
-      onCheckboxChange,
-      enableHtmlPopout,
-      enableKeyboardScrolling,
-      onLinkClick,
-      handleRunBashCommand,
-      fontSizeScale,
-      handlePromptCopy,
-      repositoryInfo
-    })));
-  }
-  return /* @__PURE__ */ import_react13.default.createElement("div", {
-    ref: containerRef,
-    style: {
-      height: "100%",
-      overflow: "auto",
-      backgroundColor: theme2.colors.background,
-      padding: typeof padding === "number" ? `${padding}px` : padding
-    }
-  }, /* @__PURE__ */ import_react13.default.createElement("div", {
-    style: {
-      maxWidth: typeof maxWidth === "number" ? `${maxWidth}px` : maxWidth,
-      margin: "0 auto"
-    }
-  }, content.map((slideContent, index) => /* @__PURE__ */ import_react13.default.createElement("div", {
-    key: index,
-    ref: (el) => {
-      if (el)
-        sectionRefs.current[index] = el;
-    },
-    style: {
-      marginBottom: index < content.length - 1 ? "48px" : "0",
-      scrollMarginTop: "20px"
-    }
-  }, showSectionHeaders && /* @__PURE__ */ import_react13.default.createElement("div", {
-    onClick: () => handleSectionClick(index),
-    style: {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "space-between",
-      marginBottom: "16px",
-      paddingBottom: "8px",
-      borderBottom: `1px solid ${theme2.colors.border}`,
-      opacity: 0.7,
-      cursor: "pointer",
-      transition: "opacity 0.2s ease"
-    },
-    onMouseOver: (e) => {
-      e.currentTarget.style.opacity = "1";
-    },
-    onMouseOut: (e) => {
-      e.currentTarget.style.opacity = "0.7";
-    }
-  }, /* @__PURE__ */ import_react13.default.createElement("span", {
-    style: {
-      fontSize: "11px",
-      fontWeight: 600,
-      color: theme2.colors.textSecondary,
-      textTransform: "uppercase",
-      letterSpacing: "0.5px"
-    }
-  }, "Section ", index + 1, " of ", content.length)), /* @__PURE__ */ import_react13.default.createElement(IndustryMarkdownSlide, {
-    content: slideContent,
-    slideIdPrefix: `${slideIdPrefix}-${index}`,
-    slideIndex: index,
-    isVisible: true,
-    theme: theme2,
-    onCheckboxChange,
-    enableHtmlPopout,
-    enableKeyboardScrolling,
-    onLinkClick,
-    handleRunBashCommand,
-    fontSizeScale,
-    handlePromptCopy,
-    repositoryInfo
-  }), showSeparators && index < content.length - 1 && /* @__PURE__ */ import_react13.default.createElement("div", {
-    style: {
-      marginTop: "32px",
-      marginBottom: "32px",
-      height: "1px",
-      backgroundColor: theme2.colors.border,
-      opacity: 0.3
-    }
-  })))));
-};
-// industryMarkdown/components/IndustryEditableMarkdownSlide.tsx
-var import_lucide_react6 = require("lucide-react");
-var import_react14 = __toESM(require("react"));
-var IndustryEditableMarkdownSlide = ({
-  content,
-  onContentChange,
-  onSave,
-  autoSaveDelay = 1000,
-  editable = true,
-  showEditButton = true,
-  theme: themeProp,
-  ...slideProps
-}) => {
-  let contextTheme;
-  try {
-    const themeContext = useTheme();
-    contextTheme = themeContext.theme;
-  } catch {}
-  const theme2 = themeProp || contextTheme;
-  if (!theme2) {
-    throw new Error("IndustryEditableMarkdownSlide: theme must be provided either as a prop or through ThemeProvider");
-  }
-  const [isEditing, setIsEditing] = import_react14.useState(false);
-  const [editContent, setEditContent] = import_react14.useState(content);
-  const [isSaving, setIsSaving] = import_react14.useState(false);
-  const textareaRef = import_react14.useRef(null);
-  const saveTimeoutRef = import_react14.useRef(undefined);
-  import_react14.useEffect(() => {
-    setEditContent(content);
-  }, [content]);
-  import_react14.useEffect(() => {
-    if (isEditing && autoSaveDelay && onSave) {
-      if (saveTimeoutRef.current) {
-        clearTimeout(saveTimeoutRef.current);
-      }
-      saveTimeoutRef.current = setTimeout(() => {
-        handleSave(false);
-      }, autoSaveDelay);
-    }
-    return () => {
-      if (saveTimeoutRef.current) {
-        clearTimeout(saveTimeoutRef.current);
-      }
-    };
-  }, [editContent, isEditing, autoSaveDelay]);
-  const handleEdit = import_react14.useCallback(() => {
-    setIsEditing(true);
-    setTimeout(() => {
-      textareaRef.current?.focus();
-      textareaRef.current?.setSelectionRange(0, 0);
-    }, 100);
-  }, []);
-  const handleCancel = import_react14.useCallback(() => {
-    setEditContent(content);
-    setIsEditing(false);
-  }, [content]);
-  const handleSave = import_react14.useCallback(async (exitEditMode = true) => {
-    if (onContentChange) {
-      onContentChange(editContent);
-    }
-    if (onSave) {
-      setIsSaving(true);
-      try {
-        await onSave(editContent);
-      } catch (error) {
-        console.error("Failed to save:", error);
-      } finally {
-        setIsSaving(false);
-      }
-    }
-    if (exitEditMode) {
-      setIsEditing(false);
-    }
-  }, [editContent, onContentChange, onSave]);
-  const handleKeyDown = import_react14.useCallback((e) => {
-    if (e.key === "Escape") {
-      handleCancel();
-    } else if ((e.metaKey || e.ctrlKey) && e.key === "s") {
-      e.preventDefault();
-      handleSave();
-    }
-  }, [handleCancel, handleSave]);
-  const handleTextareaChange = import_react14.useCallback((e) => {
-    const textarea = e.target;
-    setEditContent(textarea.value);
-    textarea.style.height = "auto";
-    textarea.style.height = `${textarea.scrollHeight}px`;
-  }, []);
-  if (isEditing) {
-    return /* @__PURE__ */ import_react14.default.createElement("div", {
-      style: {
-        height: "100%",
-        display: "flex",
-        flexDirection: "column",
-        backgroundColor: theme2.colors.background,
-        color: theme2.colors.text
-      }
-    }, /* @__PURE__ */ import_react14.default.createElement("div", {
-      style: {
-        display: "flex",
-        justifyContent: "space-between",
-        alignItems: "center",
-        padding: theme2.space[3],
-        borderBottom: `1px solid ${theme2.colors.border}`,
-        backgroundColor: theme2.colors.muted
-      }
-    }, /* @__PURE__ */ import_react14.default.createElement("div", {
-      style: {
-        display: "flex",
-        alignItems: "center",
-        gap: theme2.space[2],
-        fontSize: theme2.fontSizes[1],
-        color: theme2.colors.textSecondary
-      }
-    }, /* @__PURE__ */ import_react14.default.createElement(import_lucide_react6.Pencil, {
-      size: 16
-    }), /* @__PURE__ */ import_react14.default.createElement("span", null, "Editing Mode"), autoSaveDelay && /* @__PURE__ */ import_react14.default.createElement("span", null, "(Auto-save enabled)")), /* @__PURE__ */ import_react14.default.createElement("div", {
-      style: {
-        display: "flex",
-        gap: theme2.space[2]
-      }
-    }, /* @__PURE__ */ import_react14.default.createElement("button", {
-      onClick: () => handleSave(),
-      disabled: isSaving,
-      style: {
-        display: "flex",
-        alignItems: "center",
-        gap: theme2.space[1],
-        padding: `${theme2.space[1]}px ${theme2.space[3]}px`,
-        backgroundColor: theme2.colors.primary,
-        color: theme2.colors.background,
-        border: "none",
-        borderRadius: theme2.radii[1],
-        fontSize: theme2.fontSizes[1],
-        cursor: isSaving ? "not-allowed" : "pointer",
-        opacity: isSaving ? 0.7 : 1
-      }
-    }, /* @__PURE__ */ import_react14.default.createElement(import_lucide_react6.Save, {
-      size: 14
-    }), isSaving ? "Saving..." : "Save"), /* @__PURE__ */ import_react14.default.createElement("button", {
-      onClick: handleCancel,
-      style: {
-        display: "flex",
-        alignItems: "center",
-        gap: theme2.space[1],
-        padding: `${theme2.space[1]}px ${theme2.space[3]}px`,
-        backgroundColor: theme2.colors.secondary,
-        color: theme2.colors.text,
-        border: "none",
-        borderRadius: theme2.radii[1],
-        fontSize: theme2.fontSizes[1],
-        cursor: "pointer"
-      }
-    }, /* @__PURE__ */ import_react14.default.createElement(import_lucide_react6.X, {
-      size: 14
-    }), "Cancel"))), /* @__PURE__ */ import_react14.default.createElement("div", {
-      style: {
-        flex: 1,
-        padding: theme2.space[4],
-        overflow: "auto"
-      }
-    }, /* @__PURE__ */ import_react14.default.createElement("textarea", {
-      ref: textareaRef,
-      value: editContent,
-      onChange: handleTextareaChange,
-      onKeyDown: handleKeyDown,
-      style: {
-        width: "100%",
-        minHeight: "100%",
-        padding: theme2.space[3],
-        backgroundColor: theme2.colors.background,
-        color: theme2.colors.text,
-        border: `1px solid ${theme2.colors.border}`,
-        borderRadius: theme2.radii[2],
-        fontFamily: theme2.fonts.monospace,
-        fontSize: theme2.fontSizes[1],
-        lineHeight: theme2.lineHeights.relaxed,
-        resize: "none",
-        outline: "none"
-      },
-      placeholder: "Enter your markdown content here..."
-    })));
-  }
-  return /* @__PURE__ */ import_react14.default.createElement("div", {
-    style: { position: "relative", height: "100%" }
-  }, editable && showEditButton && /* @__PURE__ */ import_react14.default.createElement("button", {
-    onClick: handleEdit,
-    style: {
-      position: "absolute",
-      top: theme2.space[3],
-      right: theme2.space[3],
-      display: "flex",
-      alignItems: "center",
-      gap: theme2.space[1],
-      padding: `${theme2.space[1]}px ${theme2.space[3]}px`,
-      backgroundColor: theme2.colors.secondary,
-      color: theme2.colors.background,
-      border: "none",
-      borderRadius: theme2.radii[1],
-      fontSize: theme2.fontSizes[1],
-      cursor: "pointer",
-      zIndex: 10,
-      transition: "opacity 0.2s",
-      opacity: 0.8
-    },
-    onMouseEnter: (e) => e.currentTarget.style.opacity = "1",
-    onMouseLeave: (e) => e.currentTarget.style.opacity = "0.8"
-  }, /* @__PURE__ */ import_react14.default.createElement(import_lucide_react6.Pencil, {
-    size: 14
-  }), "Edit"), /* @__PURE__ */ import_react14.default.createElement(IndustryMarkdownSlide, {
-    ...slideProps,
-    content,
-    theme: theme2
-  }));
-};
-// industryMarkdown/utils/presentationUtils.ts
-function hashMarkdownString2(str) {
-  let hash = 0;
-  for (let i = 0;i < str.length; i++) {
-    const char = str.charCodeAt(i);
-    hash = (hash << 5) - hash + char;
-    hash = hash & hash;
-  }
-  return Math.abs(hash).toString(36);
-}
-function extractSlideTitle(content) {
-  const lines = content.split(`
-`).filter((line) => line.trim());
-  for (const line of lines) {
-    const headingMatch = line.match(/^#+\s+(.+)$/);
-    if (headingMatch) {
-      return headingMatch[1].trim();
-    }
-  }
-  if (lines.length > 0) {
-    const firstLine = lines[0];
-    return firstLine.length > 50 ? firstLine.substring(0, 47) + "..." : firstLine;
-  }
-  return "Untitled Slide";
-}
-function parseMarkdownIntoPresentationFromSource(source) {
-  let presentation;
-  switch (source.type) {
-    case "workspace_file" /* WORKSPACE_FILE */:
-    case "github_file" /* GITHUB_FILE */:
-    case "draft" /* DRAFT */:
-      presentation = parseMarkdownIntoPresentation(source.content);
-      break;
-    default:
-      throw new Error(`Unsupported source type: ${source.type}`);
-  }
-  presentation.source = source;
-  presentation.repositoryInfo = source.repositoryInfo;
-  return presentation;
-}
-function createGithubFileSource(content, repositoryInfo) {
-  return {
-    type: "github_file" /* GITHUB_FILE */,
-    content,
-    repositoryInfo,
-    editable: false,
-    deletable: false
-  };
-}
-function parseMarkdownIntoPresentation(markdownContent) {
-  try {
-    if (typeof markdownContent !== "string") {
-      console.error("Invalid markdown content provided - not a string");
-      return {
-        slides: [],
-        originalContent: "",
-        format: "full_content" /* FULL_CONTENT */
-      };
-    }
-    if (!markdownContent || markdownContent.trim() === "") {
-      return {
-        slides: [],
-        originalContent: "",
-        format: "full_content" /* FULL_CONTENT */
-      };
-    }
-    const slides = [];
-    let format = "full_content" /* FULL_CONTENT */;
-    let slideCounter = 0;
-    const headerMatches = Array.from(markdownContent.matchAll(/^(##\s+.*$)/gm));
-    if (headerMatches.length > 0) {
-      format = "header" /* HEADER */;
-      const firstHeaderStart = headerMatches[0].index;
-      const firstContent = markdownContent.substring(0, firstHeaderStart).trim();
-      if (firstContent) {
-        slideCounter++;
-        slides.push({
-          id: `slide-${slideCounter}-${hashMarkdownString2(firstContent)}`,
-          title: extractSlideTitle(firstContent),
-          location: {
-            startLine: 1,
-            endLine: firstContent.split(`
-`).length,
-            content: firstContent,
-            type: "header" /* HEADER */
-          },
-          chunks: parseMarkdownChunks(firstContent, `slide-${slideCounter}`)
-        });
-      }
-      for (let i = 0;i < headerMatches.length; i++) {
-        const headerMatch = headerMatches[i];
-        const startIndex = headerMatch.index;
-        const endIndex = i < headerMatches.length - 1 ? headerMatches[i + 1].index : markdownContent.length;
-        const content = markdownContent.substring(startIndex, endIndex).trim();
-        if (content) {
-          slideCounter++;
-          const startLine = markdownContent.substring(0, startIndex).split(`
-`).length;
-          const endLine = startLine + content.split(`
-`).length - 1;
-          slides.push({
-            id: `slide-${slideCounter}-${hashMarkdownString2(content)}`,
-            title: extractSlideTitle(content),
-            location: {
-              startLine,
-              endLine,
-              content,
-              type: "header" /* HEADER */
-            },
-            chunks: parseMarkdownChunks(content, `slide-${slideCounter}`)
-          });
-        }
-      }
-    } else if (markdownContent.trim()) {
-      slideCounter++;
-      const trimmedContent = markdownContent.trim();
-      slides.push({
-        id: `slide-${slideCounter}-${hashMarkdownString2(trimmedContent)}`,
-        title: extractSlideTitle(trimmedContent),
-        location: {
-          startLine: 1,
-          endLine: markdownContent.split(`
-`).length,
-          content: trimmedContent,
-          type: "full_content" /* FULL_CONTENT */
-        },
-        chunks: parseMarkdownChunks(trimmedContent, `slide-${slideCounter}`)
-      });
-    }
-    return {
-      slides,
-      originalContent: markdownContent,
-      format
-    };
-  } catch (error) {
-    console.error("Error parsing markdown presentation:", error);
-    const content = markdownContent.trim();
-    return {
-      slides: content ? [
-        {
-          id: `slide-error-${hashMarkdownString2(content)}`,
-          title: extractSlideTitle(content),
-          location: {
-            startLine: 1,
-            endLine: content.split(`
-`).length,
-            content,
-            type: "full_content" /* FULL_CONTENT */
-          },
-          chunks: parseMarkdownChunks(content, "slide-error")
-        }
-      ] : [],
-      originalContent: markdownContent,
-      format: "full_content" /* FULL_CONTENT */
-    };
-  }
-}
-function createPresentationWithErrorMessage(errorMessage) {
-  const errorMessageMarkdown = `# Error Loading Markdown:
-
-${errorMessage}`;
-  return {
-    slides: [
-      {
-        id: "error",
-        title: extractSlideTitle(errorMessageMarkdown),
-        location: {
-          startLine: 0,
-          endLine: 0,
-          content: errorMessageMarkdown,
-          type: "full_content" /* FULL_CONTENT */
-        },
-        chunks: parseMarkdownChunks(errorMessageMarkdown, "slide-error")
-      }
-    ],
-    originalContent: errorMessageMarkdown,
-    format: "full_content" /* FULL_CONTENT */
-  };
-}
-function reconstructMarkdownContent(presentation) {
-  switch (presentation.format) {
-    case "horizontal_rule" /* HORIZONTAL_RULE */:
-      return presentation.slides.map((slide) => slide.location.content).join(`
-
----
-
-`);
-    case "header" /* HEADER */:
-      return presentation.slides.map((slide, index) => {
-        if (index === 0 && !slide.location.content.startsWith("##")) {
-          return slide.location.content;
-        }
-        return slide.location.content.startsWith("##") ? slide.location.content : `## ${slide.location.content}`;
-      }).join(`
-
-`);
-    case "full_content" /* FULL_CONTENT */:
-    default:
-      return presentation.slides[0]?.location.content || "";
-  }
-}
-function getAllSlideTitles(presentation) {
-  return presentation.slides.map((slide) => slide.title);
-}
-function findSlideByTitle(presentation, title) {
-  return presentation.slides.find((slide) => slide.title === title);
-}
-function findSlideIndexByTitle(presentation, title) {
-  return presentation.slides.findIndex((slide) => slide.title === title);
-}
-function updateSlideTitle(slide, newTitle) {
-  return {
-    ...slide,
-    title: newTitle
-  };
-}
-function serializePresentationToMarkdown(presentation) {
-  return reconstructMarkdownContent(presentation);
-}
-function updateSlideContent(slide, newContent) {
-  return {
-    ...slide,
-    location: {
-      ...slide.location,
-      content: newContent
-    },
-    title: extractSlideTitle(newContent),
-    chunks: parseMarkdownChunks(newContent, slide.id.split("-")[1] || "slide")
-  };
-}
-function updatePresentationSlide(presentation, index, newContent) {
-  const updatedSlides = [...presentation.slides];
-  if (index >= 0 && index < updatedSlides.length) {
-    updatedSlides[index] = updateSlideContent(updatedSlides[index], newContent);
-  }
-  return {
-    ...presentation,
-    slides: updatedSlides,
-    originalContent: reconstructMarkdownContent({
-      ...presentation,
-      slides: updatedSlides
-    })
-  };
-}