themed-markdown 0.1.92 → 0.1.94

package/dist/index.mjs

@@ -1053,7 +1053,8 @@ function resetFontScale(theme2) {
 
 // industryMarkdown/components/IndustryMarkdownSlide.tsx
 import { defaultSchema } from "hast-util-sanitize";
-import React13, { useRef as useRef8, useEffect as useEffect8, useLayoutEffect as useLayoutEffect2, useState as useState10, useMemo as useMemo3, useCallback as useCallback2 } from "react";
+import { Trash2 } from "lucide-react";
+import React13, { useRef as useRef9, useEffect as useEffect9, useLayoutEffect as useLayoutEffect2, useState as useState11, useMemo as useMemo3, useCallback as useCallback3 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
 import ReactMarkdown from "react-markdown";
 import rehypeHighlight from "rehype-highlight";
@@ -1062,6 +1063,110 @@ import rehypeSanitize from "rehype-sanitize";
 import rehypeSlug from "rehype-slug";
 import remarkGfm from "remark-gfm";
 
+// industryMarkdown/utils/blockDeletion.ts
+function lineStartOffset(text, line) {
+  if (line <= 1)
+    return 0;
+  let offset = 0;
+  let current = 1;
+  while (current < line) {
+    const nl = text.indexOf(`
+`, offset);
+    if (nl === -1)
+      return text.length;
+    offset = nl + 1;
+    current += 1;
+  }
+  return offset;
+}
+function lineEndOffset(text, line) {
+  const start = lineStartOffset(text, line);
+  const nl = text.indexOf(`
+`, start);
+  return nl === -1 ? text.length : nl;
+}
+function computeChunkOffsets(content, chunks) {
+  const offsets = [];
+  let cursor = 0;
+  for (const chunk of chunks) {
+    if (!chunk.content) {
+      offsets.push(-1);
+      continue;
+    }
+    const idx = content.indexOf(chunk.content, cursor);
+    offsets.push(idx);
+    if (idx !== -1) {
+      cursor = idx + chunk.content.length;
+    }
+  }
+  return offsets;
+}
+function computeDeletion(content, chunks, targets) {
+  const offsets = computeChunkOffsets(content, chunks);
+  const ranges = [];
+  for (const target of targets) {
+    const base = offsets[target.chunkIndex];
+    const chunk = chunks[target.chunkIndex];
+    if (base === undefined || base < 0 || !chunk)
+      continue;
+    const chunkText = chunk.content;
+    const startRel = lineStartOffset(chunkText, target.startLine);
+    let endRel = lineEndOffset(chunkText, target.endLine);
+    if (chunkText[endRel] === `
+`)
+      endRel += 1;
+    if (endRel < chunkText.length) {
+      const nextNl = chunkText.indexOf(`
+`, endRel);
+      const followingLineEnd = nextNl === -1 ? chunkText.length : nextNl;
+      if (chunkText.slice(endRel, followingLineEnd).trim() === "") {
+        endRel = nextNl === -1 ? chunkText.length : nextNl + 1;
+      }
+    }
+    ranges.push({ start: base + startRel, end: base + endRel });
+  }
+  ranges.sort((a, b) => a.start - b.start);
+  const merged = [];
+  for (const range of ranges) {
+    const last = merged[merged.length - 1];
+    if (last && range.start <= last.end) {
+      last.end = Math.max(last.end, range.end);
+    } else {
+      merged.push({ ...range });
+    }
+  }
+  let newContent = "";
+  let removedText = "";
+  let cursor = 0;
+  for (const range of merged) {
+    newContent += content.slice(cursor, range.start);
+    removedText += content.slice(range.start, range.end);
+    cursor = range.end;
+  }
+  newContent += content.slice(cursor);
+  return { newContent, removedText, ranges: merged };
+}
+function computeTextDeletion(content, chunks, chunkIndex, startOffset, endOffset) {
+  const empty = { newContent: content, removedText: "", ranges: [] };
+  const chunk = chunks[chunkIndex];
+  if (!chunk)
+    return empty;
+  const base = computeChunkOffsets(content, chunks)[chunkIndex];
+  if (base === undefined || base < 0)
+    return empty;
+  const start = Math.min(startOffset, endOffset);
+  const end = Math.max(startOffset, endOffset);
+  if (start === end)
+    return empty;
+  const absStart = base + start;
+  const absEnd = base + end;
+  return {
+    newContent: content.slice(0, absStart) + content.slice(absEnd),
+    removedText: content.slice(absStart, absEnd),
+    ranges: [{ start: absStart, end: absEnd }]
+  };
+}
+
 // industryMarkdown/utils/highlightSearchMatches.ts
 function highlightSearchMatches(content, searchQuery) {
   if (!searchQuery || !searchQuery.trim()) {
@@ -1644,6 +1749,42 @@ function parseSkillMarkdown(content) {
 // industryMarkdown/utils/markdownUtils.ts
 var parseMarkdownChunks2 = parseMarkdownChunks;
 
+// industryMarkdown/utils/rehypeSourcePositions.ts
+var SKIP_TAGS = new Set(["pre", "code"]);
+function isText(node) {
+  return node.type === "text";
+}
+function rehypeSourcePositions() {
+  return (tree) => {
+    const visit = (node) => {
+      const children = node.children;
+      if (!children)
+        return;
+      if (node.type === "element" && SKIP_TAGS.has(node.tagName))
+        return;
+      const out = [];
+      for (const child of children) {
+        const startOffset = isText(child) ? child.position?.start?.offset : undefined;
+        const endOffset = isText(child) ? child.position?.end?.offset : undefined;
+        if (isText(child) && typeof startOffset === "number" && typeof endOffset === "number" && child.value.trim() !== "") {
+          out.push({
+            type: "element",
+            tagName: "span",
+            properties: { dataSrcStart: startOffset, dataSrcEnd: endOffset },
+            children: [child],
+            position: child.position
+          });
+        } else {
+          visit(child);
+          out.push(child);
+        }
+      }
+      node.children = out;
+    };
+    visit(tree);
+  };
+}
+
 // industryMarkdown/utils/useAnnotations.ts
 import { useEffect as useEffect2, useLayoutEffect, useMemo, useRef, useState as useState2 } from "react";
 
@@ -2042,16 +2183,197 @@ function useAnnotations({
   return mounts;
 }
 
+// industryMarkdown/utils/useBlockSelection.ts
+import { useCallback, useEffect as useEffect3, useRef as useRef2, useState as useState3 } from "react";
+var BLOCK_SELECTED_ATTR = "data-md-selected";
+function parseTarget(el) {
+  const chunk = el.getAttribute("data-md-chunk");
+  const start = el.getAttribute("data-md-start");
+  const end = el.getAttribute("data-md-end");
+  if (chunk === null || start === null || end === null)
+    return null;
+  const chunkIndex = Number(chunk);
+  const startLine = Number(start);
+  const endLine = Number(end);
+  if ([chunkIndex, startLine, endLine].some(Number.isNaN))
+    return null;
+  return { chunkIndex, startLine, endLine };
+}
+function firstTextNode(node) {
+  if (node.nodeType === Node.TEXT_NODE)
+    return node;
+  const walker = document.createTreeWalker(node, NodeFilter.SHOW_TEXT);
+  return walker.nextNode();
+}
+function lastTextNode(node) {
+  if (node.nodeType === Node.TEXT_NODE)
+    return node;
+  const walker = document.createTreeWalker(node, NodeFilter.SHOW_TEXT);
+  let last = null;
+  let current = walker.nextNode();
+  while (current) {
+    last = current;
+    current = walker.nextNode();
+  }
+  return last;
+}
+function resolveBoundary(container, offset, preferEnd) {
+  if (container.nodeType === Node.TEXT_NODE) {
+    return { textNode: container, local: offset };
+  }
+  if (container.nodeType !== Node.ELEMENT_NODE)
+    return null;
+  const children = container.childNodes;
+  const before = children[offset - 1];
+  const after = children[offset];
+  if (preferEnd) {
+    const beforeText = before && lastTextNode(before);
+    if (beforeText)
+      return { textNode: beforeText, local: beforeText.length };
+    const afterText = after && firstTextNode(after);
+    if (afterText)
+      return { textNode: afterText, local: 0 };
+  } else {
+    const afterText = after && firstTextNode(after);
+    if (afterText)
+      return { textNode: afterText, local: 0 };
+    const beforeText = before && lastTextNode(before);
+    if (beforeText)
+      return { textNode: beforeText, local: beforeText.length };
+  }
+  return null;
+}
+function boundaryToSource(textNode, local) {
+  const wrapper = textNode.parentElement?.closest("[data-src-start]");
+  if (!wrapper)
+    return null;
+  const srcStart = Number(wrapper.getAttribute("data-src-start"));
+  if (Number.isNaN(srcStart))
+    return null;
+  const chunkEl = wrapper.closest("[data-md-chunk]");
+  const chunkIndex = chunkEl ? Number(chunkEl.getAttribute("data-md-chunk")) : NaN;
+  if (Number.isNaN(chunkIndex))
+    return null;
+  return { chunkIndex, offset: srcStart + local };
+}
+function resolveTextRange(range) {
+  const startB = resolveBoundary(range.startContainer, range.startOffset, false);
+  const endB = resolveBoundary(range.endContainer, range.endOffset, true);
+  if (!startB || !endB)
+    return null;
+  const startSrc = boundaryToSource(startB.textNode, startB.local);
+  const endSrc = boundaryToSource(endB.textNode, endB.local);
+  if (!startSrc || !endSrc)
+    return null;
+  if (startSrc.chunkIndex !== endSrc.chunkIndex)
+    return null;
+  const startOffset = Math.min(startSrc.offset, endSrc.offset);
+  const endOffset = Math.max(startSrc.offset, endSrc.offset);
+  if (startOffset === endOffset)
+    return null;
+  return { chunkIndex: startSrc.chunkIndex, startOffset, endOffset };
+}
+function useBlockSelection({
+  rootRef,
+  enabled,
+  mode
+}) {
+  const [selection, setSelection] = useState3(null);
+  const selectedEls = useRef2([]);
+  const clearOutline = useCallback(() => {
+    selectedEls.current.forEach((el) => el.removeAttribute(BLOCK_SELECTED_ATTR));
+    selectedEls.current = [];
+  }, []);
+  const clear = useCallback(() => {
+    clearOutline();
+    setSelection(null);
+  }, [clearOutline]);
+  useEffect3(() => {
+    if (!enabled) {
+      clear();
+      return;
+    }
+    const root = rootRef.current;
+    if (!root)
+      return;
+    const anchorFor = (range) => {
+      const rootRect = root.getBoundingClientRect();
+      const rangeRect = range.getBoundingClientRect();
+      return {
+        top: rangeRect.top - rootRect.top + root.scrollTop,
+        bottom: rangeRect.bottom - rootRect.top + root.scrollTop,
+        left: rangeRect.right - rootRect.left + root.scrollLeft
+      };
+    };
+    const resolveBlock = (sel, range) => {
+      const tagged = Array.from(root.querySelectorAll(`[data-md-start]`));
+      const matched = tagged.filter((el) => sel.containsNode(el, true));
+      if (matched.length === 0)
+        return false;
+      const topLevel = matched.filter((el) => !matched.some((other) => other !== el && other.contains(el)));
+      const targets = [];
+      topLevel.forEach((el) => {
+        const target = parseTarget(el);
+        if (target)
+          targets.push(target);
+      });
+      if (targets.length === 0)
+        return false;
+      clearOutline();
+      topLevel.forEach((el) => el.setAttribute(BLOCK_SELECTED_ATTR, "true"));
+      selectedEls.current = topLevel;
+      setSelection({ kind: "block", targets, anchor: anchorFor(range) });
+      return true;
+    };
+    const resolve = () => {
+      const sel = document.getSelection();
+      if (!sel || sel.rangeCount === 0 || sel.isCollapsed) {
+        clear();
+        return;
+      }
+      const range = sel.getRangeAt(0);
+      if (!root.contains(range.commonAncestorContainer)) {
+        clear();
+        return;
+      }
+      if (mode === "text") {
+        const text = resolveTextRange(range);
+        if (text) {
+          clearOutline();
+          setSelection({ kind: "text", ...text, anchor: anchorFor(range) });
+          return;
+        }
+      }
+      if (!resolveBlock(sel, range)) {
+        clear();
+      }
+    };
+    const handleMouseUp = () => window.setTimeout(resolve, 0);
+    const handleKeyUp = (event) => {
+      if (["Shift", "Meta", "Control", "Alt"].includes(event.key))
+        return;
+      window.setTimeout(resolve, 0);
+    };
+    document.addEventListener("mouseup", handleMouseUp);
+    document.addEventListener("keyup", handleKeyUp);
+    return () => {
+      document.removeEventListener("mouseup", handleMouseUp);
+      document.removeEventListener("keyup", handleKeyUp);
+    };
+  }, [enabled, mode, rootRef, clear, clearOutline]);
+  return { selection, clear };
+}
+
 // industryMarkdown/components/IndustryHtmlModal.tsx
-import React3, { useCallback, useState as useState3 } from "react";
+import React3, { useCallback as useCallback2, useState as useState4 } from "react";
 var useIndustryHtmlModal = () => {
-  const [htmlModalOpen, setHtmlModalOpen] = useState3(false);
-  const [htmlModalContent, setHtmlModalContent] = useState3("");
-  const openHtmlModal = useCallback((content) => {
+  const [htmlModalOpen, setHtmlModalOpen] = useState4(false);
+  const [htmlModalContent, setHtmlModalContent] = useState4("");
+  const openHtmlModal = useCallback2((content) => {
     setHtmlModalContent(content);
     setHtmlModalOpen(true);
   }, []);
-  const closeHtmlModal = useCallback(() => {
+  const closeHtmlModal = useCallback2(() => {
     setHtmlModalOpen(false);
   }, []);
   return { htmlModalOpen, htmlModalContent, openHtmlModal, closeHtmlModal };
@@ -2157,11 +2479,11 @@ function IndustryHtmlModal({ isOpen, onClose, htmlContent, theme: theme2 }) {
 
 // industryMarkdown/components/IndustryLazyMermaidDiagram.tsx
 import { MoveRight } from "lucide-react";
-import React6, { useEffect as useEffect4, useRef as useRef3, useState as useState5 } from "react";
+import React6, { useEffect as useEffect5, useRef as useRef4, useState as useState6 } from "react";
 
 // industryMarkdown/components/IndustryMermaidDiagram.tsx
 import { Expand, Copy, Check } from "lucide-react";
-import React5, { useEffect as useEffect3, useRef as useRef2, useState as useState4 } from "react";
+import React5, { useEffect as useEffect4, useRef as useRef3, useState as useState5 } from "react";
 var getMermaidSync = () => {
   if (typeof window !== "undefined") {
     const mermaid = window.mermaid;
@@ -2183,12 +2505,12 @@ function IndustryMermaidDiagram({
   onExpandClick
 }) {
   const theme2 = themeOverride ?? theme;
-  const [errorDetails, setErrorDetails] = useState4(null);
-  const [isIntersecting, setIsIntersecting] = useState4(false);
-  const [hasRendered, setHasRendered] = useState4(false);
-  const [containerElement, setContainerElement] = useState4(null);
-  const [copiedError, setCopiedError] = useState4(false);
-  const observerRef = useRef2(null);
+  const [errorDetails, setErrorDetails] = useState5(null);
+  const [isIntersecting, setIsIntersecting] = useState5(false);
+  const [hasRendered, setHasRendered] = useState5(false);
+  const [containerElement, setContainerElement] = useState5(null);
+  const [copiedError, setCopiedError] = useState5(false);
+  const observerRef = useRef3(null);
   const containerRef = React5.useCallback((node) => {
     setContainerElement(node);
     if (observerRef.current) {
@@ -2213,14 +2535,14 @@ function IndustryMermaidDiagram({
       observerRef.current.observe(node);
     }
   }, [rootMargin, hasRendered, isModalMode]);
-  useEffect3(() => {
+  useEffect4(() => {
     return () => {
       if (observerRef.current) {
         observerRef.current.disconnect();
       }
     };
   }, []);
-  useEffect3(() => {
+  useEffect4(() => {
     if (!hasRendered)
       return;
     const renderDiagram = async () => {
@@ -2555,15 +2877,15 @@ function IndustryLazyMermaidDiagram({
   onExpandClick
 }) {
   const theme2 = themeOverride ?? theme;
-  const [isIntersecting, setIsIntersecting] = useState5(false);
-  const [hasRendered, setHasRendered] = useState5(false);
-  const [isMounted, setIsMounted] = useState5(false);
-  const [hasError, setHasError] = useState5(false);
-  const containerRef = useRef3(null);
-  useEffect4(() => {
+  const [isIntersecting, setIsIntersecting] = useState6(false);
+  const [hasRendered, setHasRendered] = useState6(false);
+  const [isMounted, setIsMounted] = useState6(false);
+  const [hasError, setHasError] = useState6(false);
+  const containerRef = useRef4(null);
+  useEffect5(() => {
     setIsMounted(true);
   }, []);
-  useEffect4(() => {
+  useEffect5(() => {
     if (!isMounted)
       return;
     if (typeof IntersectionObserver === "undefined") {
@@ -2684,7 +3006,7 @@ function IndustryLazyMermaidDiagram({
 
 // industryMarkdown/components/IndustryMarkdownComponents.tsx
 import { Copy as Copy2, Monitor, FileText, Check as Check2 } from "lucide-react";
-import React9, { useMemo as useMemo2, useState as useState7, useRef as useRef5 } from "react";
+import React9, { useMemo as useMemo2, useState as useState8, useRef as useRef6 } from "react";
 
 // industryMarkdown/utils/componentUtils.tsx
 import React7 from "react";
@@ -2721,7 +3043,7 @@ var LinkWithLoadingIndicator = ({ href, children, onClick, className, style }) =
 };
 // industryMarkdown/components/IndustryBashCommandDropdown.tsx
 import { Play, ChevronDown } from "lucide-react";
-import React8, { useState as useState6, useRef as useRef4, useEffect as useEffect5 } from "react";
+import React8, { useState as useState7, useRef as useRef5, useEffect as useEffect6 } from "react";
 var IndustryBashCommandDropdown = ({
   commands,
   allCommands,
@@ -2730,11 +3052,11 @@ var IndustryBashCommandDropdown = ({
   slideIdPrefix: _slideIdPrefix,
   theme: themeOverride
 }) => {
-  const [isOpen, setIsOpen] = useState6(false);
-  const [isRunning, setIsRunning] = useState6(false);
-  const dropdownRef = useRef4(null);
+  const [isOpen, setIsOpen] = useState7(false);
+  const [isRunning, setIsRunning] = useState7(false);
+  const dropdownRef = useRef5(null);
   const theme2 = themeOverride ?? theme;
-  useEffect5(() => {
+  useEffect6(() => {
     const handleClickOutside = (event) => {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
         setIsOpen(false);
@@ -2853,7 +3175,7 @@ var IndustryBashCommandDropdown = ({
       e.currentTarget.style.backgroundColor = theme2.colors.muted;
     }
   }, "\uD83D\uDE80 Run all (", commands.length, " commands)"), commands.map((cmd, index) => {
-    const [isHovered, setIsHovered] = useState6(false);
+    const [isHovered, setIsHovered] = useState7(false);
     return /* @__PURE__ */ React8.createElement("div", {
       key: index,
       style: dropdownItemStyle(isHovered),
@@ -2909,8 +3231,8 @@ var OptimizedMarkdownMedia = React9.memo(({
   const transformedSrc = useMemo2(() => {
     return transformImageUrl(src, repositoryInfo);
   }, [src, repositoryInfo]);
-  const [hasErrored, setHasErrored] = useState7(() => failedImageCache.has(transformedSrc));
-  const retryCount = useRef5(0);
+  const [hasErrored, setHasErrored] = useState8(() => failedImageCache.has(transformedSrc));
+  const retryCount = useRef6(0);
   const mediaStyle = useMemo2(() => ({
     maxWidth: "100%",
     height: "auto",
@@ -3014,8 +3336,24 @@ var createIndustryMarkdownComponents = ({
   slideHeaderMarginTopOverride,
   index,
   repositoryInfo,
-  editable = false
+  editable = false,
+  selectableBlocks = false,
+  onDeleteListItem
 }) => {
+  const blockMeta = (node) => {
+    if (!selectableBlocks)
+      return {};
+    const position = node?.position;
+    const startLine = position?.start?.line;
+    const endLine = position?.end?.line;
+    if (typeof startLine !== "number" || typeof endLine !== "number")
+      return {};
+    return {
+      "data-md-chunk": index,
+      "data-md-start": startLine,
+      "data-md-end": endLine
+    };
+  };
   const getLuminance = (hex) => {
     const rgb = hex.replace("#", "").match(/.{2}/g);
     if (!rgb)
@@ -3029,7 +3367,7 @@ var createIndustryMarkdownComponents = ({
     headerStyles.marginTop = slideHeaderMarginTopOverride ? `${slideHeaderMarginTopOverride}px` : 0;
   }
   return {
-    h1: ({ children, ...props }) => /* @__PURE__ */ React9.createElement("h1", {
+    h1: ({ children, node, ...props }) => /* @__PURE__ */ React9.createElement("h1", {
       style: {
         color: theme2.colors.text,
         fontSize: theme2.fontSizes[5],
@@ -3042,9 +3380,10 @@ var createIndustryMarkdownComponents = ({
         borderBottom: `1px solid ${theme2.colors.border}`,
         ...headerStyles
       },
-      ...props
+      ...props,
+      ...blockMeta(node)
     }, children),
-    h2: ({ children, ...props }) => /* @__PURE__ */ React9.createElement("h2", {
+    h2: ({ children, node, ...props }) => /* @__PURE__ */ React9.createElement("h2", {
       style: {
         color: theme2.colors.text,
         fontSize: theme2.fontSizes[4],
@@ -3057,9 +3396,10 @@ var createIndustryMarkdownComponents = ({
         borderBottom: `1px solid ${theme2.colors.border}`,
         ...headerStyles
       },
-      ...props
+      ...props,
+      ...blockMeta(node)
     }, children),
-    h3: ({ children, ...props }) => /* @__PURE__ */ React9.createElement("h3", {
+    h3: ({ children, node, ...props }) => /* @__PURE__ */ React9.createElement("h3", {
       style: {
         color: theme2.colors.text,
         fontSize: theme2.fontSizes[3],
@@ -3069,9 +3409,10 @@ var createIndustryMarkdownComponents = ({
         marginBottom: theme2.space[3],
         fontFamily: theme2.fonts.heading
       },
-      ...props
+      ...props,
+      ...blockMeta(node)
     }, children),
-    h4: ({ children, ...props }) => /* @__PURE__ */ React9.createElement("h4", {
+    h4: ({ children, node, ...props }) => /* @__PURE__ */ React9.createElement("h4", {
       style: {
         color: theme2.colors.text,
         fontSize: theme2.fontSizes[2],
@@ -3081,9 +3422,10 @@ var createIndustryMarkdownComponents = ({
         marginBottom: theme2.space[2],
         fontFamily: theme2.fonts.heading
       },
-      ...props
+      ...props,
+      ...blockMeta(node)
     }, children),
-    h5: ({ children, ...props }) => /* @__PURE__ */ React9.createElement("h5", {
+    h5: ({ children, node, ...props }) => /* @__PURE__ */ React9.createElement("h5", {
       style: {
         color: theme2.colors.text,
         fontSize: theme2.fontSizes[1],
@@ -3093,9 +3435,10 @@ var createIndustryMarkdownComponents = ({
         marginBottom: theme2.space[1],
         fontFamily: theme2.fonts.heading
       },
-      ...props
+      ...props,
+      ...blockMeta(node)
     }, children),
-    h6: ({ children, ...props }) => /* @__PURE__ */ React9.createElement("h6", {
+    h6: ({ children, node, ...props }) => /* @__PURE__ */ React9.createElement("h6", {
       style: {
         color: theme2.colors.text,
         fontSize: theme2.fontSizes[1],
@@ -3105,9 +3448,10 @@ var createIndustryMarkdownComponents = ({
         marginBottom: theme2.space[1],
         fontFamily: theme2.fonts.heading
       },
-      ...props
+      ...props,
+      ...blockMeta(node)
     }, children),
-    p: ({ children, ...props }) => /* @__PURE__ */ React9.createElement("p", {
+    p: ({ children, node, ...props }) => /* @__PURE__ */ React9.createElement("p", {
       style: {
         color: theme2.colors.text,
         fontSize: theme2.fontSizes[2],
@@ -3115,9 +3459,10 @@ var createIndustryMarkdownComponents = ({
         marginBottom: theme2.space[3],
         fontFamily: theme2.fonts.body
       },
-      ...props
+      ...props,
+      ...blockMeta(node)
     }, children),
-    ul: ({ children, ...props }) => /* @__PURE__ */ React9.createElement("ul", {
+    ul: ({ children, node, ...props }) => /* @__PURE__ */ React9.createElement("ul", {
       style: {
         color: theme2.colors.text,
         fontSize: theme2.fontSizes[2],
@@ -3127,9 +3472,10 @@ var createIndustryMarkdownComponents = ({
         listStyleType: "disc",
         fontFamily: theme2.fonts.body
       },
-      ...props
+      ...props,
+      ...blockMeta(node)
     }, children),
-    ol: ({ children, ...props }) => /* @__PURE__ */ React9.createElement("ol", {
+    ol: ({ children, node, ...props }) => /* @__PURE__ */ React9.createElement("ol", {
       style: {
         color: theme2.colors.text,
         fontSize: theme2.fontSizes[2],
@@ -3139,9 +3485,10 @@ var createIndustryMarkdownComponents = ({
         listStyleType: "decimal",
         fontFamily: theme2.fonts.body
       },
-      ...props
+      ...props,
+      ...blockMeta(node)
     }, children),
-    li: ({ children, ...props }) => {
+    li: ({ children, node, ...props }) => {
       const isTaskListItem = Array.isArray(children) && children.length > 0 && React9.isValidElement(children[0]) && children[0]?.props?.type === "checkbox";
       if (isTaskListItem) {
         const checkbox = children[0];
@@ -3156,7 +3503,7 @@ var createIndustryMarkdownComponents = ({
           }
         });
         const checked = checkbox?.props?.checked || false;
-        const lineNumber = props.sourcePosition?.start?.line || props.node?.position?.start?.line || 1;
+        const lineNumber = props.sourcePosition?.start?.line || node?.position?.start?.line || 1;
         const id = `${slideIdPrefix}-checkbox-${lineNumber}`;
         const isChecked = checkedItems[id] ?? checked;
         const handleChange = (e) => {
@@ -3204,6 +3551,37 @@ var createIndustryMarkdownComponents = ({
           }
         }, labelContent.length > 0 ? labelContent : null)), nestedListElements.length > 0 ? nestedListElements : null);
       }
+      const position = node?.position;
+      const itemStart = position?.start?.line;
+      const itemEnd = position?.end?.line;
+      const deletable = selectableBlocks && !!onDeleteListItem && typeof itemStart === "number" && typeof itemEnd === "number";
+      if (deletable) {
+        return /* @__PURE__ */ React9.createElement("li", {
+          className: "md-del-li",
+          style: {
+            marginBottom: theme2.space[2],
+            paddingTop: theme2.space[1],
+            color: theme2.colors.text,
+            lineHeight: theme2.lineHeights.relaxed,
+            display: "flex",
+            alignItems: "flex-start"
+          },
+          ...props,
+          ...blockMeta(node)
+        }, /* @__PURE__ */ React9.createElement("button", {
+          type: "button",
+          className: "md-del-marker",
+          "aria-label": "Delete list item",
+          title: "Delete this item",
+          onClick: (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            onDeleteListItem(index, itemStart, itemEnd);
+          }
+        }), /* @__PURE__ */ React9.createElement("div", {
+          style: { flex: 1, minWidth: 0 }
+        }, children));
+      }
       return /* @__PURE__ */ React9.createElement("li", {
         style: {
           marginBottom: theme2.space[2],
@@ -3211,16 +3589,39 @@ var createIndustryMarkdownComponents = ({
           color: theme2.colors.text,
           lineHeight: theme2.lineHeights.relaxed
         },
-        ...props
+        ...props,
+        ...blockMeta(node)
       }, children);
     },
-    table: ({ children, ...props }) => /* @__PURE__ */ React9.createElement("div", {
+    blockquote: ({ children, node, ...props }) => /* @__PURE__ */ React9.createElement("blockquote", {
+      style: {
+        margin: `0 0 ${theme2.space[3]}px 0`,
+        padding: `${theme2.space[2]}px ${theme2.space[4]}px`,
+        borderLeft: `4px solid ${theme2.colors.border}`,
+        color: theme2.colors.textSecondary,
+        fontStyle: "italic",
+        fontFamily: theme2.fonts.body
+      },
+      ...props,
+      ...blockMeta(node)
+    }, children),
+    hr: ({ node, ...props }) => /* @__PURE__ */ React9.createElement("hr", {
+      style: {
+        border: "none",
+        borderTop: `1px solid ${theme2.colors.border}`,
+        margin: `${theme2.space[4]}px 0`
+      },
+      ...props,
+      ...blockMeta(node)
+    }),
+    table: ({ children, node, ...props }) => /* @__PURE__ */ React9.createElement("div", {
       style: {
         overflowX: "auto",
         marginBottom: theme2.space[4],
         borderRadius: theme2.radii[2],
         border: `1px solid ${theme2.colors.border}`
-      }
+      },
+      ...blockMeta(node)
     }, /* @__PURE__ */ React9.createElement("table", {
       style: {
         width: "100%",
@@ -3306,7 +3707,7 @@ var createIndustryMarkdownComponents = ({
       const codeString = extractTextFromChildren(children);
       const matchLang = /language-(\w+)/.exec(className || "");
       const language = matchLang ? matchLang[1] : null;
-      const [copied, setCopied] = useState7(false);
+      const [copied, setCopied] = useState8(false);
       let isInline;
       let isCodeBlock;
       const hasNewlines = codeString.includes(`
@@ -3372,7 +3773,8 @@ var createIndustryMarkdownComponents = ({
           fontSize: theme2.fontSizes[0]
         };
         return /* @__PURE__ */ React9.createElement("div", {
-          style: containerStyle
+          style: containerStyle,
+          ...blockMeta(node)
         }, /* @__PURE__ */ React9.createElement("div", {
           style: headerStyle
         }, /* @__PURE__ */ React9.createElement("span", {
@@ -3531,11 +3933,11 @@ var createIndustryMarkdownComponents = ({
 };
 
 // industryMarkdown/components/IndustryMermaidModal.tsx
-import React11, { useEffect as useEffect7, useRef as useRef7 } from "react";
+import React11, { useEffect as useEffect8, useRef as useRef8 } from "react";
 import { createPortal } from "react-dom";
 
 // industryMarkdown/components/IndustryZoomableMermaidDiagram.tsx
-import React10, { useEffect as useEffect6, useRef as useRef6, useState as useState8 } from "react";
+import React10, { useEffect as useEffect7, useRef as useRef7, useState as useState9 } from "react";
 import { TransformWrapper, TransformComponent } from "react-zoom-pan-pinch";
 function IndustryZoomableMermaidDiagram({
   code,
@@ -3545,13 +3947,13 @@ function IndustryZoomableMermaidDiagram({
   padding = 0.9
 }) {
   const theme2 = themeOverride ?? theme;
-  const [calculatedScale, setCalculatedScale] = useState8(1);
-  const [hasInitialized, setHasInitialized] = useState8(false);
-  const containerRef = useRef6(null);
-  const diagramRef = useRef6(null);
-  const [isCalculating, setIsCalculating] = useState8(true);
-  const transformRef = useRef6(null);
-  useEffect6(() => {
+  const [calculatedScale, setCalculatedScale] = useState9(1);
+  const [hasInitialized, setHasInitialized] = useState9(false);
+  const containerRef = useRef7(null);
+  const diagramRef = useRef7(null);
+  const [isCalculating, setIsCalculating] = useState9(true);
+  const transformRef = useRef7(null);
+  useEffect7(() => {
     if (!containerRef.current || !diagramRef.current)
       return;
     const calculateOptimalScale = () => {
@@ -3615,7 +4017,7 @@ function IndustryZoomableMermaidDiagram({
       resizeObserver.disconnect();
     };
   }, [code, fitStrategy, padding]);
-  useEffect6(() => {
+  useEffect7(() => {
     if (hasInitialized && transformRef.current) {
       const { centerView } = transformRef.current;
       centerView(calculatedScale, 0, "easeOut");
@@ -3725,8 +4127,8 @@ function IndustryMermaidModal({
   mermaidCode,
   theme: theme2
 }) {
-  const modalRef = useRef7(null);
-  useEffect7(() => {
+  const modalRef = useRef8(null);
+  useEffect8(() => {
     const handleEscape = (event) => {
       if (event.key === "Escape") {
         onClose();
@@ -3828,7 +4230,7 @@ function IndustryMermaidModal({
 }
 
 // industryMarkdown/components/IndustryPlaceholderModal.tsx
-import React12, { useState as useState9 } from "react";
+import React12, { useState as useState10 } from "react";
 function IndustryPlaceholderModal({
   isOpen,
   onClose,
@@ -3837,7 +4239,7 @@ function IndustryPlaceholderModal({
   onCopy,
   theme: theme2
 }) {
-  const [values, setValues] = useState9({});
+  const [values, setValues] = useState10({});
   if (!isOpen)
     return null;
   const handleSubmit = (e) => {
@@ -4244,6 +4646,52 @@ var annotationCSS = `
     cursor: pointer;
   }
 `;
+var blockSelectionCSS = `
+  .markdown-slide [data-md-selected] {
+    outline: 2px solid var(--industry-md-delete-outline, rgba(220, 38, 38, 0.7));
+    outline-offset: 2px;
+    border-radius: 3px;
+    background-color: var(--industry-md-delete-bg, rgba(220, 38, 38, 0.08));
+  }
+
+  /* Clickable list-item markers (bullet / number) for per-item deletion. */
+  .markdown-slide li.md-del-li {
+    list-style: none;
+  }
+  .markdown-slide .md-del-marker {
+    flex: 0 0 auto;
+    width: 1.5em;
+    margin-right: 0.35em;
+    padding: 0;
+    box-sizing: border-box;
+    appearance: none;
+    background: transparent;
+    border: none;
+    color: inherit;
+    font: inherit;
+    line-height: inherit;
+    text-align: right;
+    cursor: pointer;
+    user-select: none;
+    transition: color 0.15s ease;
+  }
+  .markdown-slide ul .md-del-marker::before {
+    content: "\\2022"; /* • */
+  }
+  .markdown-slide ol {
+    counter-reset: md-del-counter;
+  }
+  .markdown-slide ol > li > .md-del-marker::before {
+    counter-increment: md-del-counter;
+    content: counter(md-del-counter) ".";
+  }
+  .markdown-slide .md-del-marker:hover {
+    color: var(--industry-md-delete-outline, #dc2626);
+  }
+  .markdown-slide .md-del-marker:hover::before {
+    content: "\\2715"; /* ✕ */
+  }
+`;
 var fontTransitionCSS = `
   .markdown-slide * {
     transition: font-size 0.2s ease-in-out;
@@ -4307,6 +4755,12 @@ var injectStyles = () => {
       annotationStyle.textContent = annotationCSS;
       document.head.appendChild(annotationStyle);
     }
+    if (!document.getElementById("markdown-slide-block-selection")) {
+      const blockSelectionStyle = document.createElement("style");
+      blockSelectionStyle.id = "markdown-slide-block-selection";
+      blockSelectionStyle.textContent = blockSelectionCSS;
+      document.head.appendChild(blockSelectionStyle);
+    }
     stylesInjected = true;
   }
 };
@@ -4338,6 +4792,10 @@ var IndustryMarkdownSlide = React13.memo(function IndustryMarkdownSlide2({
   keyboardScrollConfig,
   repositoryInfo,
   editable = false,
+  selectableBlocks = false,
+  deletionMode = "block",
+  onContentChange,
+  onDeleteBlocks,
   annotations,
   activeAnnotationId,
   renderAnnotation,
@@ -4345,9 +4803,9 @@ var IndustryMarkdownSlide = React13.memo(function IndustryMarkdownSlide2({
   onAnnotationClick,
   annotationStyle
 }) {
-  const slideRef = useRef8(null);
-  const scrollPositionsRef = useRef8(new Map);
-  const [measuredContainerWidth, setMeasuredContainerWidth] = useState10(null);
+  const slideRef = useRef9(null);
+  const scrollPositionsRef = useRef9(new Map);
+  const [measuredContainerWidth, setMeasuredContainerWidth] = useState11(null);
   const chunks = useMemo3(() => {
     if (typeof content !== "string")
       return [];
@@ -4358,16 +4816,16 @@ var IndustryMarkdownSlide = React13.memo(function IndustryMarkdownSlide2({
       return [];
     }
   }, [content, slideIdPrefix]);
-  const [checkedItems, setCheckedItems] = useState10({});
+  const [checkedItems, setCheckedItems] = useState11({});
   const { htmlModalOpen, htmlModalContent, openHtmlModal, closeHtmlModal } = useIndustryHtmlModal();
-  const [mermaidModalOpen, setMermaidModalOpen] = useState10(false);
-  const [mermaidModalCode, setMermaidModalCode] = useState10("");
-  const [placeholderModalOpen, setPlaceholderModalOpen] = useState10(false);
-  const [placeholderModalData, setPlaceholderModalData] = useState10(null);
-  useEffect8(() => {
+  const [mermaidModalOpen, setMermaidModalOpen] = useState11(false);
+  const [mermaidModalCode, setMermaidModalCode] = useState11("");
+  const [placeholderModalOpen, setPlaceholderModalOpen] = useState11(false);
+  const [placeholderModalData, setPlaceholderModalData] = useState11(null);
+  useEffect9(() => {
     injectStyles();
   }, []);
-  useEffect8(() => {
+  useEffect9(() => {
     if (containerWidth !== undefined) {
       return;
     }
@@ -4426,7 +4884,7 @@ var IndustryMarkdownSlide = React13.memo(function IndustryMarkdownSlide2({
       ...keyboardScrollConfig?.keys
     }
   };
-  const handleKeyDown = useCallback2((event) => {
+  const handleKeyDown = useCallback3((event) => {
     if (!enableKeyboardScrolling) {
       return;
     }
@@ -4536,7 +4994,7 @@ var IndustryMarkdownSlide = React13.memo(function IndustryMarkdownSlide2({
       }, scrollConfig.smoothScroll ? 100 : 0);
     }
   }, [enableKeyboardScrolling, isVisible, slideIndex, scrollConfig]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (autoFocusOnVisible && isVisible && slideRef.current) {
       slideRef.current.focus({ preventScroll: true });
     }
@@ -4601,7 +5059,7 @@ var IndustryMarkdownSlide = React13.memo(function IndustryMarkdownSlide2({
     additionalPadding,
     disableBasePadding
   ]);
-  useEffect8(() => {
+  useEffect9(() => {
     const slideElement = slideRef.current;
     if (slideElement) {
       const handleScroll = () => {
@@ -4688,7 +5146,17 @@ var IndustryMarkdownSlide = React13.memo(function IndustryMarkdownSlide2({
     }
   }), []);
   const rootMargin = isVisible ? "0px" : "100px";
-  const getMarkdownComponents = useCallback2((chunkIndex) => {
+  const hasDeleteHandler = !!onContentChange || !!onDeleteBlocks;
+  const blockDeletionEnabled = selectableBlocks && hasDeleteHandler;
+  const handleDeleteListItem = useCallback3((chunkIndex, startLine, endLine) => {
+    const targets = [{ chunkIndex, startLine, endLine }];
+    const { newContent, removedText } = computeDeletion(content, chunks, targets);
+    if (newContent === content)
+      return;
+    onContentChange?.(newContent);
+    onDeleteBlocks?.({ newContent, removedText, targets });
+  }, [content, chunks, onContentChange, onDeleteBlocks]);
+  const getMarkdownComponents = useCallback3((chunkIndex) => {
     const baseComponents = createIndustryMarkdownComponents({
       theme: theme2,
       slideIdPrefix,
@@ -4704,7 +5172,9 @@ var IndustryMarkdownSlide = React13.memo(function IndustryMarkdownSlide2({
       slideHeaderMarginTopOverride,
       index: chunkIndex,
       repositoryInfo,
-      editable
+      editable,
+      selectableBlocks,
+      onDeleteListItem: blockDeletionEnabled ? handleDeleteListItem : undefined
     });
     if (searchQuery) {
       return {
@@ -4738,8 +5208,24 @@ var IndustryMarkdownSlide = React13.memo(function IndustryMarkdownSlide2({
     slideHeaderMarginTopOverride,
     repositoryInfo,
     searchQuery,
-    editable
+    editable,
+    selectableBlocks,
+    blockDeletionEnabled,
+    handleDeleteListItem
   ]);
+  const sourcePositionsEnabled = blockDeletionEnabled && deletionMode === "text" && !searchQuery;
+  const rehypePlugins = useMemo3(() => {
+    const plugins = [
+      rehypeRaw,
+      [rehypeSanitize, sanitizeSchema],
+      rehypeSlug,
+      rehypeHighlight
+    ];
+    if (sourcePositionsEnabled) {
+      plugins.push(rehypeSourcePositions);
+    }
+    return plugins;
+  }, [sanitizeSchema, sourcePositionsEnabled]);
   const renderedChunks = useMemo3(() => {
     if (chunks.length === 0) {
       return /* @__PURE__ */ React13.createElement("div", {
@@ -4757,12 +5243,7 @@ var IndustryMarkdownSlide = React13.memo(function IndustryMarkdownSlide2({
         return /* @__PURE__ */ React13.createElement(ReactMarkdown, {
           key: `${chunk.id}-${JSON.stringify(theme2.colors.accent)}`,
           remarkPlugins: [remarkGfm],
-          rehypePlugins: [
-            rehypeRaw,
-            [rehypeSanitize, sanitizeSchema],
-            rehypeSlug,
-            rehypeHighlight
-          ],
+          rehypePlugins,
           components: getMarkdownComponents(index)
         }, processedContent);
       }
@@ -4790,7 +5271,7 @@ var IndustryMarkdownSlide = React13.memo(function IndustryMarkdownSlide2({
     content,
     searchQuery,
     theme2,
-    sanitizeSchema,
+    rehypePlugins,
     getMarkdownComponents,
     rootMargin,
     onCopyMermaidError,
@@ -4803,6 +5284,65 @@ var IndustryMarkdownSlide = React13.memo(function IndustryMarkdownSlide2({
     onSelectionChange,
     onAnnotationClick
   });
+  const { selection: blockSelection, clear: clearBlockSelection } = useBlockSelection({
+    rootRef: slideRef,
+    enabled: blockDeletionEnabled,
+    mode: deletionMode
+  });
+  const handleDeleteSelection = useCallback3(() => {
+    if (!blockSelection)
+      return;
+    const result = blockSelection.kind === "text" ? computeTextDeletion(content, chunks, blockSelection.chunkIndex, blockSelection.startOffset, blockSelection.endOffset) : computeDeletion(content, chunks, blockSelection.targets);
+    if (result.newContent === content) {
+      clearBlockSelection();
+      return;
+    }
+    onContentChange?.(result.newContent);
+    onDeleteBlocks?.({
+      newContent: result.newContent,
+      removedText: result.removedText,
+      targets: blockSelection.kind === "block" ? blockSelection.targets : []
+    });
+    clearBlockSelection();
+  }, [blockSelection, content, chunks, onContentChange, onDeleteBlocks, clearBlockSelection]);
+  const handleSlideKeyDown = useCallback3((event) => {
+    if (blockDeletionEnabled && blockSelection && (event.key === "Delete" || event.key === "Backspace")) {
+      event.preventDefault();
+      event.stopPropagation();
+      handleDeleteSelection();
+      return;
+    }
+    handleKeyDown(event);
+  }, [blockDeletionEnabled, blockSelection, handleDeleteSelection, handleKeyDown]);
+  const deleteBtnRef = useRef9(null);
+  const [deleteBtnPos, setDeleteBtnPos] = useState11(null);
+  useLayoutEffect2(() => {
+    const root = slideRef.current;
+    const btn = deleteBtnRef.current;
+    if (!blockSelection || !root || !btn) {
+      setDeleteBtnPos(null);
+      return;
+    }
+    const { top, bottom, left } = blockSelection.anchor;
+    const w = btn.offsetWidth;
+    const h = btn.offsetHeight;
+    const gap = 4;
+    const margin = 4;
+    let nextTop = top - h - gap;
+    if (nextTop < root.scrollTop + margin) {
+      nextTop = bottom + gap;
+    }
+    const maxTop = root.scrollTop + root.clientHeight - h - margin;
+    if (nextTop > maxTop)
+      nextTop = Math.max(root.scrollTop + margin, maxTop);
+    let nextLeft = left + gap;
+    const maxLeft = root.scrollLeft + root.clientWidth - w - margin;
+    if (nextLeft > maxLeft)
+      nextLeft = maxLeft;
+    if (nextLeft < root.scrollLeft + margin)
+      nextLeft = root.scrollLeft + margin;
+    setDeleteBtnPos({ top: nextTop, left: nextLeft });
+  }, [blockSelection]);
   const annotationCSSVars = {};
   if (annotationStyle?.backgroundColor) {
     annotationCSSVars["--industry-md-annotation-bg"] = annotationStyle.backgroundColor;
@@ -4829,7 +5369,7 @@ var IndustryMarkdownSlide = React13.memo(function IndustryMarkdownSlide2({
       ...annotationCSSVars
     },
     tabIndex: 0,
-    onKeyDown: handleKeyDown,
+    onKeyDown: handleSlideKeyDown,
     onClick: () => {
       if (slideRef.current) {
         slideRef.current.focus();
@@ -4837,7 +5377,38 @@ var IndustryMarkdownSlide = React13.memo(function IndustryMarkdownSlide2({
     }
   }, renderedChunks, renderAnnotation && annotationMounts.filter((mount) => mount.resolved).map((mount) => createPortal2(/* @__PURE__ */ React13.createElement(React13.Fragment, {
     key: mount.annotation.id
-  }, renderAnnotation(mount.annotation)), mount.host)), /* @__PURE__ */ React13.createElement(IndustryHtmlModal, {
+  }, renderAnnotation(mount.annotation)), mount.host)), blockDeletionEnabled && blockSelection && /* @__PURE__ */ React13.createElement("button", {
+    ref: deleteBtnRef,
+    type: "button",
+    "aria-label": "Delete selected block",
+    title: "Delete selected block",
+    onMouseDown: (e) => e.preventDefault(),
+    onClick: (e) => {
+      e.stopPropagation();
+      handleDeleteSelection();
+    },
+    style: {
+      position: "absolute",
+      top: deleteBtnPos?.top ?? blockSelection.anchor.top,
+      left: deleteBtnPos?.left ?? blockSelection.anchor.left,
+      visibility: deleteBtnPos ? "visible" : "hidden",
+      zIndex: 20,
+      display: "flex",
+      alignItems: "center",
+      gap: theme2.space[1],
+      padding: `${theme2.space[1]}px ${theme2.space[2]}px`,
+      backgroundColor: theme2.colors.error || "#dc2626",
+      color: "#fff",
+      border: "none",
+      borderRadius: theme2.radii[1],
+      fontSize: theme2.fontSizes[0],
+      fontFamily: theme2.fonts.body,
+      cursor: "pointer",
+      boxShadow: theme2.shadows?.[2] ?? "0 2px 8px rgba(0,0,0,0.25)"
+    }
+  }, /* @__PURE__ */ React13.createElement(Trash2, {
+    size: 14
+  }), "Delete"), /* @__PURE__ */ React13.createElement(IndustryHtmlModal, {
     isOpen: htmlModalOpen,
     onClose: closeHtmlModal,
     htmlContent: htmlModalContent,
@@ -4858,7 +5429,7 @@ var IndustryMarkdownSlide = React13.memo(function IndustryMarkdownSlide2({
 });
 // industryMarkdown/components/SlidePresentation.tsx
 import { AnimatedResizableLayout } from "@principal-ade/panels";
-import React17, { useState as useState11, useCallback as useCallback3, useRef as useRef10, useEffect as useEffect10 } from "react";
+import React17, { useState as useState12, useCallback as useCallback4, useRef as useRef11, useEffect as useEffect11 } from "react";
 
 // industryMarkdown/utils/extractSlideTitles.ts
 function extractSlideTitle2(content, slideIndex) {
@@ -5129,7 +5700,7 @@ var SlideNavigationHeader = ({
 
 // industryMarkdown/components/SlideSearchBar.tsx
 import { Search, X as X2 } from "lucide-react";
-import React16, { useRef as useRef9, useEffect as useEffect9 } from "react";
+import React16, { useRef as useRef10, useEffect as useEffect10 } from "react";
 var SlideSearchBar = ({
   showSearch,
   searchQuery,
@@ -5143,8 +5714,8 @@ var SlideSearchBar = ({
   onClose,
   onClear
 }) => {
-  const searchInputRef = useRef9(null);
-  useEffect9(() => {
+  const searchInputRef = useRef10(null);
+  useEffect10(() => {
     if (showSearch && searchInputRef.current) {
       searchInputRef.current.focus();
     }
@@ -5346,8 +5917,8 @@ var SlidePresentation = ({
   fontSizeScale,
   theme: theme2
 }) => {
-  const [isMobile, setIsMobile] = useState11(false);
-  useEffect10(() => {
+  const [isMobile, setIsMobile] = useState12(false);
+  useEffect11(() => {
     const checkMobile = () => {
       setIsMobile(/iPhone|iPad|iPod|Android/i.test(navigator.userAgent) || window.innerWidth < 768);
     };
@@ -5357,17 +5928,17 @@ var SlidePresentation = ({
   }, []);
   const effectiveTocDisplayMode = isMobile ? "overlay" : tocDisplayMode;
   const defaultTocOpen = initialTocOpen ?? effectiveTocDisplayMode === "sidebar";
-  const [currentSlide, setCurrentSlide] = useState11(initialSlide);
-  const [isFullscreen, setIsFullscreen] = useState11(false);
-  const [showTOC, setShowTOC] = useState11(defaultTocOpen);
-  const [showSearch, setShowSearch] = useState11(false);
-  const [searchQuery, setSearchQuery] = useState11("");
-  const [searchResults, setSearchResults] = useState11([]);
-  const [currentSearchResult, setCurrentSearchResult] = useState11(-1);
-  const [searchStartSlide, setSearchStartSlide] = useState11(0);
-  const containerRef = useRef10(null);
+  const [currentSlide, setCurrentSlide] = useState12(initialSlide);
+  const [isFullscreen, setIsFullscreen] = useState12(false);
+  const [showTOC, setShowTOC] = useState12(defaultTocOpen);
+  const [showSearch, setShowSearch] = useState12(false);
+  const [searchQuery, setSearchQuery] = useState12("");
+  const [searchResults, setSearchResults] = useState12([]);
+  const [currentSearchResult, setCurrentSearchResult] = useState12(-1);
+  const [searchStartSlide, setSearchStartSlide] = useState12(0);
+  const containerRef = useRef11(null);
   const slideTitles = extractAllSlideTitles(slides);
-  const navigateToSlide = useCallback3((slideIndex) => {
+  const navigateToSlide = useCallback4((slideIndex) => {
     if (slideIndex >= 0 && slideIndex < slides.length) {
       setCurrentSlide(slideIndex);
       onSlideChange?.(slideIndex);
@@ -5376,7 +5947,7 @@ var SlidePresentation = ({
       }
     }
   }, [slides.length, onSlideChange, effectiveTocDisplayMode]);
-  useEffect10(() => {
+  useEffect11(() => {
     if (!searchQuery.trim()) {
       setSearchResults([]);
       setCurrentSearchResult(-1);
@@ -5394,7 +5965,7 @@ var SlidePresentation = ({
     setSearchResults(results);
     setCurrentSearchResult(-1);
   }, [searchQuery, slides]);
-  const navigateToSearchResult = useCallback3((resultIndex) => {
+  const navigateToSearchResult = useCallback4((resultIndex) => {
     if (searchResults.length === 0)
       return;
     let newIndex = resultIndex;
@@ -5409,22 +5980,22 @@ var SlidePresentation = ({
       navigateToSlide(targetSlide);
     }
   }, [searchResults, navigateToSlide, currentSlide, currentSearchResult]);
-  const closeSearch = useCallback3(() => {
+  const closeSearch = useCallback4(() => {
     setShowSearch(false);
   }, []);
-  const clearSearch = useCallback3(() => {
+  const clearSearch = useCallback4(() => {
     setSearchQuery("");
     setSearchResults([]);
     setCurrentSearchResult(-1);
     setSearchStartSlide(0);
   }, []);
-  const goToPreviousSlide = useCallback3(() => {
+  const goToPreviousSlide = useCallback4(() => {
     navigateToSlide(currentSlide - 1);
   }, [currentSlide, navigateToSlide]);
-  const goToNextSlide = useCallback3(() => {
+  const goToNextSlide = useCallback4(() => {
     navigateToSlide(currentSlide + 1);
   }, [currentSlide, navigateToSlide]);
-  const toggleFullscreen = useCallback3(() => {
+  const toggleFullscreen = useCallback4(() => {
     if (!containerRef.current)
       return;
     if (!isFullscreen) {
@@ -5435,7 +6006,7 @@ var SlidePresentation = ({
       setIsFullscreen(false);
     }
   }, [isFullscreen]);
-  useEffect10(() => {
+  useEffect11(() => {
     const handleKeyDown = (event) => {
       if (event.target instanceof HTMLInputElement || event.target instanceof HTMLTextAreaElement) {
         if (showSearch && (event.key === "Tab" || event.key === "Enter" || event.key === "Escape")) {} else {
@@ -5553,7 +6124,7 @@ var SlidePresentation = ({
     currentSearchResult,
     tocDisplayMode
   ]);
-  useEffect10(() => {
+  useEffect11(() => {
     if (currentSlide >= slides.length && slides.length > 0) {
       setCurrentSlide(slides.length - 1);
     }
@@ -6014,7 +6585,7 @@ var SlidePresentation = ({
 };
 // industryMarkdown/components/SlidePresentationBook.tsx
 import { AnimatedResizableLayout as AnimatedResizableLayout2 } from "@principal-ade/panels";
-import React18, { useState as useState12, useCallback as useCallback4, useRef as useRef11, useEffect as useEffect11 } from "react";
+import React18, { useState as useState13, useCallback as useCallback5, useRef as useRef12, useEffect as useEffect12 } from "react";
 var SlidePresentationBook = ({
   slides,
   initialSlide = 0,
@@ -6044,8 +6615,8 @@ var SlidePresentationBook = ({
   repositoryInfo,
   width
 }) => {
-  const [isMobile, setIsMobile] = useState12(false);
-  useEffect11(() => {
+  const [isMobile, setIsMobile] = useState13(false);
+  useEffect12(() => {
     const checkMobile = () => {
       setIsMobile(/iPhone|iPad|iPod|Android/i.test(navigator.userAgent) || window.innerWidth < 768);
     };
@@ -6056,20 +6627,20 @@ var SlidePresentationBook = ({
   const effectiveTocDisplayMode = isMobile && viewMode === "single" ? "overlay" : tocDisplayMode ?? (viewMode === "single" ? "sidebar" : "overlay");
   const defaultTocOpen = initialTocOpen ?? false;
   const adjustedInitialSlide = viewMode === "book" ? Math.floor(initialSlide / 2) * 2 : initialSlide;
-  const [currentSlide, setCurrentSlide] = useState12(adjustedInitialSlide);
-  const [isFullscreen, setIsFullscreen] = useState12(false);
-  const [showTOC, setShowTOC] = useState12(defaultTocOpen);
-  const [showSearch, setShowSearch] = useState12(false);
-  const [searchQuery, setSearchQuery] = useState12("");
-  const [searchResults, setSearchResults] = useState12([]);
-  const [currentSearchResult, setCurrentSearchResult] = useState12(-1);
-  const [searchStartSlide, setSearchStartSlide] = useState12(0);
-  const [collapsedSide, setCollapsedSide] = useState12(null);
-  const [lastInteractedSide, setLastInteractedSide] = useState12("left");
-  const containerRef = useRef11(null);
+  const [currentSlide, setCurrentSlide] = useState13(adjustedInitialSlide);
+  const [isFullscreen, setIsFullscreen] = useState13(false);
+  const [showTOC, setShowTOC] = useState13(defaultTocOpen);
+  const [showSearch, setShowSearch] = useState13(false);
+  const [searchQuery, setSearchQuery] = useState13("");
+  const [searchResults, setSearchResults] = useState13([]);
+  const [currentSearchResult, setCurrentSearchResult] = useState13(-1);
+  const [searchStartSlide, setSearchStartSlide] = useState13(0);
+  const [collapsedSide, setCollapsedSide] = useState13(null);
+  const [lastInteractedSide, setLastInteractedSide] = useState13("left");
+  const containerRef = useRef12(null);
   const slideTitles = extractAllSlideTitles(slides);
   const stepSize = viewMode === "book" ? 2 : 1;
-  const navigateToSlide = useCallback4((slideIndex) => {
+  const navigateToSlide = useCallback5((slideIndex) => {
     const targetSlide = viewMode === "book" ? Math.floor(slideIndex / 2) * 2 : slideIndex;
     if (targetSlide >= 0 && targetSlide < slides.length) {
       setCurrentSlide(targetSlide);
@@ -6079,7 +6650,7 @@ var SlidePresentationBook = ({
       }
     }
   }, [slides.length, onSlideChange, viewMode, effectiveTocDisplayMode]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (!searchQuery.trim()) {
       setSearchResults([]);
       setCurrentSearchResult(-1);
@@ -6097,7 +6668,7 @@ var SlidePresentationBook = ({
     setSearchResults(results);
     setCurrentSearchResult(-1);
   }, [searchQuery, slides]);
-  const navigateToSearchResult = useCallback4((resultIndex) => {
+  const navigateToSearchResult = useCallback5((resultIndex) => {
     if (searchResults.length === 0)
       return;
     let newIndex = resultIndex;
@@ -6112,22 +6683,22 @@ var SlidePresentationBook = ({
       navigateToSlide(targetSlide);
     }
   }, [searchResults, navigateToSlide, currentSlide, currentSearchResult]);
-  const closeSearch = useCallback4(() => {
+  const closeSearch = useCallback5(() => {
     setShowSearch(false);
   }, []);
-  const clearSearch = useCallback4(() => {
+  const clearSearch = useCallback5(() => {
     setSearchQuery("");
     setSearchResults([]);
     setCurrentSearchResult(-1);
     setSearchStartSlide(0);
   }, []);
-  const goToPreviousSlide = useCallback4(() => {
+  const goToPreviousSlide = useCallback5(() => {
     navigateToSlide(currentSlide - stepSize);
   }, [currentSlide, navigateToSlide, stepSize]);
-  const goToNextSlide = useCallback4(() => {
+  const goToNextSlide = useCallback5(() => {
     navigateToSlide(currentSlide + stepSize);
   }, [currentSlide, navigateToSlide, stepSize]);
-  const handleCollapseLeft = useCallback4(() => {
+  const handleCollapseLeft = useCallback5(() => {
     if (collapsedSide === "left") {
       setCollapsedSide(null);
     } else if (collapsedSide === "right") {
@@ -6137,7 +6708,7 @@ var SlidePresentationBook = ({
       setCollapsedSide("right");
     }
   }, [collapsedSide]);
-  const handleCollapseRight = useCallback4(() => {
+  const handleCollapseRight = useCallback5(() => {
     if (collapsedSide === "right") {
       setCollapsedSide(null);
     } else if (collapsedSide === "left") {
@@ -6147,7 +6718,7 @@ var SlidePresentationBook = ({
       setCollapsedSide("left");
     }
   }, [collapsedSide]);
-  const toggleFullscreen = useCallback4(() => {
+  const toggleFullscreen = useCallback5(() => {
     if (!containerRef.current)
       return;
     if (!isFullscreen) {
@@ -6158,7 +6729,7 @@ var SlidePresentationBook = ({
       setIsFullscreen(false);
     }
   }, [isFullscreen]);
-  useEffect11(() => {
+  useEffect12(() => {
     const handleKeyDown = (event) => {
       if (event.target instanceof HTMLInputElement || event.target instanceof HTMLTextAreaElement) {
         if (showSearch && (event.key === "Tab" || event.key === "Enter" || event.key === "Escape")) {} else {
@@ -6277,7 +6848,7 @@ var SlidePresentationBook = ({
     searchResults,
     effectiveTocDisplayMode
   ]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (currentSlide >= slides.length && slides.length > 0) {
       setCurrentSlide(slides.length - 1);
     }
@@ -6940,7 +7511,7 @@ var SlidePresentationBook = ({
   }));
 };
 // industryMarkdown/components/DocumentView.tsx
-import React19, { useRef as useRef12 } from "react";
+import React19, { useRef as useRef13 } from "react";
 var DocumentView = ({
   content,
   onCheckboxChange,
@@ -6965,7 +7536,7 @@ var DocumentView = ({
   onAnnotationClick,
   annotationStyle
 }) => {
-  const containerRef = useRef12(null);
+  const containerRef = useRef13(null);
   const backgroundColor = transparentBackground ? "transparent" : theme2.colors.background;
   return /* @__PURE__ */ React19.createElement("div", {
     ref: containerRef,
@@ -7429,6 +8000,9 @@ export {
   createPresentationWithErrorMessage,
   createIndustryMarkdownComponents,
   createGithubFileSource,
+  computeTextDeletion,
+  computeDeletion,
+  computeChunkOffsets,
   ThemeProvider,
   SlideSearchBar,
   SlidePresentationBook,