@oml/markdown 0.13.0 → 0.14.0

package/out/static/browser-runtime.bundle.js

@@ -68219,6 +68219,12 @@
       container: liveCanvas,
       autoResize: false,
       grid: false,
+      selecting: {
+        enabled: true,
+        multiple: true,
+        // X6 native additive selection modifiers.
+        multipleSelectionModifiers: ["meta", "ctrl"]
+      },
       panning: true,
       mousewheel: {
         enabled: true,
@@ -68298,7 +68304,7 @@
             bubbles: true,
             detail: {
               iri,
-              previewEnabled: /^Mac/i.test(navigator.platform) ? event.metaKey : event.ctrlKey,
+              previewEnabled: event.altKey,
               anchorRect: {
                 left: rect2.left,
                 right: rect2.right,
@@ -69019,26 +69025,196 @@
         zIndex: 50
       });
     }
-    const selectCompartmentParent = (node) => {
+    const selectionTargetForNode = (node) => {
       if (!isCompartmentNode(node)) {
-        return;
+        return node;
       }
       const parent = typeof node.getParent === "function" ? node.getParent() : void 0;
-      if (!parent) {
+      return parent ?? node;
+    };
+    const multiSelectedNodeIds = /* @__PURE__ */ new Set();
+    let primarySelectedNodeId;
+    const cssEscape = (value) => value.replace(/["\\]/g, "\\$&");
+    const createSvgElement2 = (name) => document.createElementNS("http://www.w3.org/2000/svg", name);
+    const clearSecondaryDecoration = (container) => {
+      for (const node of Array.from(container.querySelectorAll("g.oml-secondary-selection"))) {
+        node.remove();
+      }
+      for (const node of Array.from(container.querySelectorAll('[data-oml-multi-selected-style="1"]'))) {
+        if (!(node instanceof SVGElement)) {
+          continue;
+        }
+        node.style.removeProperty("stroke");
+        node.style.removeProperty("stroke-width");
+        node.removeAttribute("data-oml-multi-selected-style");
+      }
+    };
+    const renderSecondaryDecoration = (container) => {
+      clearSecondaryDecoration(container);
+      const graphics = container;
+      if (typeof graphics.getBBox !== "function") {
         return;
       }
-      if (typeof graphView.cleanSelection === "function") {
-        graphView.cleanSelection();
+      let bbox3;
+      try {
+        bbox3 = graphics.getBBox();
+      } catch {
+        return;
       }
-      if (typeof graphView.select === "function") {
-        graphView.select(parent);
+      if (!bbox3 || bbox3.width <= 0 || bbox3.height <= 0) {
+        return;
       }
+      const widgetMargin = 3;
+      const handleSize = 6;
+      const handleHalf = handleSize / 2;
+      const x = bbox3.x - widgetMargin;
+      const y2 = bbox3.y - widgetMargin;
+      const width2 = bbox3.width + widgetMargin * 2;
+      const height2 = bbox3.height + widgetMargin * 2;
+      const group = createSvgElement2("g");
+      group.setAttribute("class", "oml-secondary-selection");
+      group.setAttribute("pointer-events", "none");
+      const box = createSvgElement2("rect");
+      box.setAttribute("x", `${x}`);
+      box.setAttribute("y", `${y2}`);
+      box.setAttribute("width", `${width2}`);
+      box.setAttribute("height", `${height2}`);
+      box.setAttribute("fill", "none");
+      box.setAttribute("stroke", "#000");
+      box.setAttribute("stroke-width", "1");
+      box.setAttribute("stroke-dasharray", "4 3");
+      group.appendChild(box);
+      const points = [
+        [x, y2],
+        [x + width2 / 2, y2],
+        [x + width2, y2],
+        [x, y2 + height2 / 2],
+        [x + width2, y2 + height2 / 2],
+        [x, y2 + height2],
+        [x + width2 / 2, y2 + height2],
+        [x + width2, y2 + height2]
+      ];
+      for (const [cx, cy] of points) {
+        const handle = createSvgElement2("rect");
+        handle.setAttribute("x", `${cx - handleHalf}`);
+        handle.setAttribute("y", `${cy - handleHalf}`);
+        handle.setAttribute("width", `${handleSize}`);
+        handle.setAttribute("height", `${handleSize}`);
+        handle.setAttribute("rx", "3");
+        handle.setAttribute("ry", "3");
+        handle.setAttribute("fill", "#000");
+        handle.setAttribute("stroke", "#000");
+        handle.setAttribute("stroke-width", "1");
+        group.appendChild(handle);
+      }
+      container.appendChild(group);
+    };
+    const refreshPrimaryWidget = () => {
+      if (typeof nodeTransform?.clearWidgets === "function") {
+        nodeTransform.clearWidgets();
+      }
+      if (!primarySelectedNodeId || typeof nodeTransform?.createWidget !== "function") {
+        return;
+      }
+      const cell = typeof graphView.getCellById === "function" ? graphView.getCellById(primarySelectedNodeId) : void 0;
+      if (!cell) {
+        return;
+      }
+      nodeTransform.createWidget(cell);
+    };
+    let applySelectionScheduled = false;
+    const applyMultiSelectionClassesNow = () => {
+      const selectedIds = new Set(multiSelectedNodeIds);
+      const nodeContainers = Array.from(liveCanvas.querySelectorAll(".x6-cell[data-cell-id], .x6-node[data-cell-id]"));
+      for (const element of nodeContainers) {
+        const container = element;
+        const id = String(container.getAttribute("data-cell-id") ?? "");
+        const selected = selectedIds.has(id);
+        container.classList.toggle("oml-diagram-multi-selected", selected);
+        if (selected && id !== primarySelectedNodeId) {
+          renderSecondaryDecoration(container);
+        } else {
+          clearSecondaryDecoration(container);
+        }
+      }
+      for (const id of selectedIds) {
+        const selector = `.x6-cell[data-cell-id="${cssEscape(id)}"], .x6-node[data-cell-id="${cssEscape(id)}"]`;
+        const domMatches = Array.from(liveCanvas.querySelectorAll(selector));
+        for (const element of domMatches) {
+          if (element instanceof Element) {
+            element.classList.add("oml-diagram-multi-selected");
+            if (id !== primarySelectedNodeId) {
+              renderSecondaryDecoration(element);
+            } else {
+              clearSecondaryDecoration(element);
+            }
+          }
+        }
+        const cell = typeof graphView.getCellById === "function" ? graphView.getCellById(id) : void 0;
+        const view = cell && typeof graphView.findViewByCell === "function" ? graphView.findViewByCell(cell) : void 0;
+        const container = view?.container;
+        if (container instanceof Element) {
+          container.classList.add("oml-diagram-multi-selected");
+          if (id !== primarySelectedNodeId) {
+            renderSecondaryDecoration(container);
+          } else {
+            clearSecondaryDecoration(container);
+          }
+        }
+      }
+    };
+    const applyMultiSelectionClasses = () => {
+      if (applySelectionScheduled) {
+        return;
+      }
+      applySelectionScheduled = true;
+      window.requestAnimationFrame(() => {
+        window.requestAnimationFrame(() => {
+          applySelectionScheduled = false;
+          applyMultiSelectionClassesNow();
+        });
+      });
+    };
+    const replaceMultiSelection = (ids) => {
+      multiSelectedNodeIds.clear();
+      for (const id of ids) {
+        if (!id) {
+          continue;
+        }
+        multiSelectedNodeIds.add(id);
+      }
+      applyMultiSelectionClasses();
+    };
+    const clearMultiSelection = () => {
+      multiSelectedNodeIds.clear();
+      applyMultiSelectionClasses();
     };
     graphView.on("node:mousedown", ({ node, e }) => {
+      const targetCell = selectionTargetForNode(node);
+      if (!targetCell) {
+        return;
+      }
+      const targetId = String(targetCell?.id ?? "");
+      const additive = !!(e.metaKey || e.ctrlKey || e.shiftKey);
+      if (additive) {
+        if (multiSelectedNodeIds.has(targetId)) {
+          multiSelectedNodeIds.delete(targetId);
+          if (primarySelectedNodeId === targetId) {
+            primarySelectedNodeId = multiSelectedNodeIds.values().next().value;
+          }
+        } else if (targetId) {
+          multiSelectedNodeIds.add(targetId);
+          primarySelectedNodeId = targetId;
+        }
+      } else if (targetId) {
+        replaceMultiSelection([targetId]);
+        primarySelectedNodeId = targetId;
+      }
+      applyMultiSelectionClasses();
+      refreshPrimaryWidget();
       if (!isCompartmentNode(node)) {
         return;
       }
-      selectCompartmentParent(node);
       e.preventDefault();
       e.stopPropagation();
       if (typeof e.stopImmediatePropagation === "function") {
@@ -69046,12 +69222,49 @@
       }
     });
     graphView.on("node:click", ({ node, e }) => {
-      if (!isCompartmentNode(node)) {
+      if (isCompartmentNode(node)) {
+        refreshPrimaryWidget();
+        e.preventDefault();
+        e.stopPropagation();
+        if (typeof e.stopImmediatePropagation === "function") {
+          e.stopImmediatePropagation();
+        }
+      }
+    });
+    graphView.on("node:contextmenu", ({ node, e }) => {
+      const targetCell = selectionTargetForNode(node);
+      const targetId = String(targetCell?.id ?? "");
+      if (!targetId) {
         return;
       }
-      selectCompartmentParent(node);
+      if (!multiSelectedNodeIds.has(targetId)) {
+        multiSelectedNodeIds.clear();
+        multiSelectedNodeIds.add(targetId);
+        primarySelectedNodeId = targetId;
+        applyMultiSelectionClasses();
+        refreshPrimaryWidget();
+      }
+      const selectedIris = [...multiSelectedNodeIds];
+      liveCanvas.dispatchEvent(new CustomEvent("md-diagram-selection-contextmenu", {
+        bubbles: true,
+        detail: {
+          iri: targetId,
+          name: displayLabelFromIri(targetId),
+          selectedIris,
+          clientX: e.clientX,
+          clientY: e.clientY
+        }
+      }));
       e.preventDefault();
       e.stopPropagation();
+      if (typeof e.stopImmediatePropagation === "function") {
+        e.stopImmediatePropagation();
+      }
+    });
+    graphView.on("blank:mousedown", () => {
+      clearMultiSelection();
+      primarySelectedNodeId = void 0;
+      refreshPrimaryWidget();
     });
     const sidePriority = (side) => {
       switch (side) {
@@ -69249,7 +69462,7 @@
           bubbles: true,
           detail: {
             iri,
-            previewEnabled: !!e && (/^Mac/i.test(navigator.platform) ? e.metaKey : e.ctrlKey),
+            previewEnabled: !!e && e.altKey,
             anchorRect: {
               left: bbox3.left,
               right: bbox3.right,
@@ -71399,7 +71612,7 @@ ${serialized}`;
             bubbles: true,
             detail: {
               iri,
-              previewEnabled: !!e && (/^Mac/i.test(navigator.platform) ? e.metaKey : e.ctrlKey),
+              previewEnabled: !!e && e.altKey,
               anchorRect: {
                 left: bbox3.left,
                 right: bbox3.right,
@@ -71438,7 +71651,7 @@ ${serialized}`;
           detail: {
             blockId,
             blockSource: source,
-            contextIri: iri.trim()
+            contextMemberIri: iri.trim()
           }
         }));
         return;
@@ -73534,15 +73747,17 @@ ${serialized}`;
         cells: visibleColumnIndexes.map((columnIndex) => row.cells[columnIndex] ?? ""),
         typedCells: visibleColumnIndexes.map((columnIndex) => row.typedCells?.[columnIndex])
       }));
+      const dedupeVisibleRows = hiddenColumns.size > 0 && !isTree;
+      const visibleRows = dedupeVisibleRows ? dedupeRowsByDisplayedCells(rowsWithIndex) : rowsWithIndex;
       root2.__omlAiContext = {
         columns: visibleColumns.slice(),
-        rows: rowsWithIndex.map((row) => ({
+        rows: visibleRows.map((row) => ({
           iri: (row.cells[0] ?? "").trim(),
           cells: row.cells.slice()
         })).filter((row) => row.iri.length > 0),
         blockSource
       };
-      const columnContexts = createColumnContexts(visibleColumns, rowsWithIndex);
+      const columnContexts = createColumnContexts(visibleColumns, visibleRows);
       const treeModel = isTree ? this.createTreeModel(columns, allRowsWithIndex, visibleColumnIndexes, options) : void 0;
       const fullyExpandedTreeRows = isTree && treeModel ? this.flattenAllTreeRows(treeModel) : void 0;
       const persistedState = blockId ? window.__omlGetPersistedTableUiState?.(blockId) : void 0;
@@ -73646,7 +73861,7 @@ ${serialized}`;
       iconSvg.appendChild(iconPath);
       downloadButton.appendChild(iconSvg);
       downloadButton.addEventListener("click", () => {
-        const sourceRows = isTree && treeModel ? this.resolveTreeSourceRows(treeModel, visibleColumns, state.expanded, state.search, blockSource, options) : rowsWithIndex;
+        const sourceRows = isTree && treeModel ? this.resolveTreeSourceRows(treeModel, visibleColumns, state.expanded, state.search, blockSource, options) : visibleRows;
         if (isTree && treeModel) {
           this.requestTreeJsonDownload(visibleColumns, treeModel, sourceRows);
           return;
@@ -73656,7 +73871,7 @@ ${serialized}`;
         this.requestCsvDownload(csvExport.columns, csvExport.rows);
       });
       controlsRight.appendChild(downloadButton);
-      const uploadButton = this.createUploadCsvButton(visibleColumns, rowsWithIndex, isTree, blockSource);
+      const uploadButton = this.createUploadCsvButton(visibleColumns, visibleRows, isTree, blockSource);
       if (uploadButton) {
         controlsRight.appendChild(uploadButton);
       }
@@ -73703,7 +73918,7 @@ ${serialized}`;
         if (isTree) {
           return;
         }
-        const filtered = this.applyFiltersAndSorting(visibleColumns, rowsWithIndex, state, blockSource, options);
+        const filtered = this.applyFiltersAndSorting(visibleColumns, visibleRows, state, blockSource, options);
         const totalPages = Math.max(1, Math.ceil(filtered.length / state.pageSize));
         if (state.page < totalPages - 1) {
           state.page += 1;
@@ -73723,7 +73938,7 @@ ${serialized}`;
       }
       root2.appendChild(footer);
       const renderPage = () => {
-        const sourceRows = isTree && treeModel ? this.resolveTreeSourceRows(treeModel, visibleColumns, state.expanded, state.search, blockSource, options) : rowsWithIndex;
+        const sourceRows = isTree && treeModel ? this.resolveTreeSourceRows(treeModel, visibleColumns, state.expanded, state.search, blockSource, options) : visibleRows;
         const filtered = isTree ? sourceRows.slice() : this.applyFiltersAndSorting(visibleColumns, sourceRows, state, blockSource, options);
         const total = filtered.length;
         const totalTreeRows = isTree ? fullyExpandedTreeRows?.length ?? total : total;
@@ -73767,7 +73982,7 @@ ${serialized}`;
             state,
             root: root2,
             columns: visibleColumns,
-            rows: fullyExpandedTreeRows ?? rowsWithIndex,
+            rows: fullyExpandedTreeRows ?? visibleRows,
             referenceCell: label,
             rerender: renderPage
           });
@@ -73821,7 +74036,7 @@ ${serialized}`;
             this.onRowDoubleClick({
               root: root2,
               columns: visibleColumns,
-              rows: rowsWithIndex.map((row) => ({ index: row.index, cells: row.cells.slice() })),
+              rows: visibleRows.map((row) => ({ index: row.index, cells: row.cells.slice() })),
               row: { index: rowEntry.index, cells: rowEntry.cells.slice() },
               blockSource,
               typeOptions: this.extractTypeOptions(blockSource)
@@ -73840,7 +74055,7 @@ ${serialized}`;
       this.appendCustomLeftControls(controlsLeft, {
         root: root2,
         columns: visibleColumns,
-        rows: rowsWithIndex.map((row) => ({ index: row.index, cells: row.cells.slice() })),
+        rows: visibleRows.map((row) => ({ index: row.index, cells: row.cells.slice() })),
         blockSource,
         options,
         typeOptions: this.extractTypeOptions(blockSource)
@@ -73849,7 +74064,7 @@ ${serialized}`;
       this.scheduleInitialAutosize({
         root: root2,
         columns: visibleColumns,
-        rows: fullyExpandedTreeRows ?? rowsWithIndex,
+        rows: fullyExpandedTreeRows ?? visibleRows,
         state,
         rerender: renderPage
       });
@@ -74418,6 +74633,19 @@ ${serialized}`;
       return keys2;
     }
   };
+  function dedupeRowsByDisplayedCells(rows) {
+    const seen = /* @__PURE__ */ new Set();
+    const deduped = [];
+    for (const row of rows) {
+      const key = row.cells.join("\0");
+      if (seen.has(key)) {
+        continue;
+      }
+      seen.add(key);
+      deduped.push(row);
+    }
+    return deduped;
+  }
   function compileTableStylesheet(options) {
     const rawStylesheet = options?.stylesheet;
     if (!Array.isArray(rawStylesheet)) {
@@ -75339,6 +75567,11 @@ ${serialized}`;
 
   // src/static/browser-runtime.ts
   var SUPPORTED = /* @__PURE__ */ new Set(["table", "tree", "graph", "chart", "diagram", "list", "text", "matrix", "table-editor"]);
+  var wikilinkPreviewCard;
+  var wikilinkPreviewHideTimer;
+  var wikilinkPreviewRequestToken = 0;
+  var tabPreviewModifierActive = false;
+  var activeWikilinkHover;
   function parseJsonNode(id, fallback) {
     const node = document.getElementById(id);
     if (!node) {
@@ -75485,6 +75718,236 @@ ${serialized}`;
       window.location.assign(href);
     });
   }
+  function isHoverPreviewEnabled(event) {
+    if (!event) {
+      return false;
+    }
+    return event.altKey || tabPreviewModifierActive;
+  }
+  function normalizeHoverAnchorRect(value) {
+    if (!value || typeof value !== "object") {
+      return void 0;
+    }
+    const obj = value;
+    if (typeof obj.left !== "number" || typeof obj.right !== "number" || typeof obj.top !== "number" || typeof obj.bottom !== "number" || typeof obj.width !== "number" || typeof obj.height !== "number") {
+      return void 0;
+    }
+    return {
+      left: obj.left,
+      right: obj.right,
+      top: obj.top,
+      bottom: obj.bottom,
+      width: obj.width,
+      height: obj.height
+    };
+  }
+  function ensureWikilinkPreviewCard() {
+    if (wikilinkPreviewCard) {
+      return wikilinkPreviewCard;
+    }
+    const card = document.createElement("div");
+    card.className = "oml-wikilink-preview-card";
+    card.style.position = "fixed";
+    card.style.zIndex = "1200";
+    card.style.display = "none";
+    card.style.width = "min(640px, calc(100vw - 48px))";
+    card.style.height = "min(480px, calc(100vh - 48px))";
+    card.style.overflow = "hidden";
+    card.style.padding = "0";
+    card.style.border = "1px solid var(--vscode-editorWidget-border, #c8ccd1)";
+    card.style.borderRadius = "10px";
+    card.style.background = "var(--vscode-editor-background, #ffffff)";
+    card.style.color = "var(--vscode-editor-foreground, #1f2328)";
+    card.style.boxShadow = "0 8px 24px rgb(0 0 0 / 24%)";
+    card.style.fontFamily = "system-ui, -apple-system, Segoe UI, Roboto, sans-serif";
+    card.addEventListener("mouseenter", () => {
+      if (wikilinkPreviewHideTimer !== void 0) {
+        window.clearTimeout(wikilinkPreviewHideTimer);
+        wikilinkPreviewHideTimer = void 0;
+      }
+    });
+    document.body.appendChild(card);
+    wikilinkPreviewCard = card;
+    return card;
+  }
+  function scheduleHideWikilinkPreview() {
+    wikilinkPreviewRequestToken += 1;
+    if (wikilinkPreviewHideTimer !== void 0) {
+      window.clearTimeout(wikilinkPreviewHideTimer);
+      wikilinkPreviewHideTimer = void 0;
+    }
+    if (wikilinkPreviewCard) {
+      wikilinkPreviewCard.style.display = "none";
+      wikilinkPreviewCard.replaceChildren();
+    }
+  }
+  async function scheduleIriPreview(iri, href, anchorRect) {
+    if (wikilinkPreviewHideTimer !== void 0) {
+      window.clearTimeout(wikilinkPreviewHideTimer);
+      wikilinkPreviewHideTimer = void 0;
+    }
+    const token = ++wikilinkPreviewRequestToken;
+    await new Promise((resolve4) => window.setTimeout(resolve4, 220));
+    if (token !== wikilinkPreviewRequestToken) {
+      return;
+    }
+    const card = ensureWikilinkPreviewCard();
+    const iframe = document.createElement("iframe");
+    const iframeSrc = new URL(href, window.location.href);
+    iframeSrc.searchParams.set("_oml_preview", "1");
+    iframe.src = iframeSrc.toString();
+    iframe.style.width = "100%";
+    iframe.style.height = "100%";
+    iframe.style.border = "none";
+    iframe.style.borderRadius = "4px";
+    iframe.style.background = "var(--vscode-editor-background, #ffffff)";
+    iframe.style.display = "block";
+    iframe.addEventListener("load", () => {
+      try {
+        const iframeDoc = iframe.contentDocument || iframe.contentWindow?.document;
+        if (!iframeDoc) {
+          return;
+        }
+        const allLinks = iframeDoc.querySelectorAll("a[download]");
+        allLinks.forEach((link2) => link2.removeAttribute("download"));
+        iframeDoc.addEventListener("click", (event) => {
+          const target = event.target;
+          if (!(target instanceof Element)) {
+            return;
+          }
+          const link2 = target.closest("a[href]");
+          if (!link2 || !(link2 instanceof HTMLAnchorElement)) {
+            return;
+          }
+          const linkHref = link2.getAttribute("href");
+          if (!linkHref) {
+            return;
+          }
+          if (linkHref.startsWith("#")) {
+            return;
+          }
+          event.preventDefault();
+          event.stopPropagation();
+          event.stopImmediatePropagation();
+          const iframeLocation = iframe.contentWindow?.location.href;
+          const absoluteUrl = new URL(linkHref, iframeLocation || iframe.src);
+          absoluteUrl.searchParams.delete("_oml_preview");
+          scheduleHideWikilinkPreview();
+          const targetUrl = absoluteUrl.toString();
+          window.location.assign(targetUrl);
+          return false;
+        }, true);
+      } catch (error2) {
+        console.warn("Could not access iframe content for click interception:", error2);
+      }
+    });
+    card.replaceChildren(iframe);
+    card.style.display = "block";
+    const cardRect = card.getBoundingClientRect();
+    const margin = 12;
+    const left4 = Math.min(
+      Math.max(16, anchorRect.left),
+      Math.max(16, window.innerWidth - cardRect.width - 16)
+    );
+    let top4 = anchorRect.bottom + margin;
+    if (top4 + cardRect.height > window.innerHeight - 16) {
+      top4 = Math.max(16, window.innerHeight - cardRect.height - 16);
+    }
+    card.style.left = `${left4}px`;
+    card.style.top = `${top4}px`;
+  }
+  function setupWikilinkHoverPreview(wikilinkIndex, iriAliasIndex, linkingEnabled) {
+    const urlParams = new URLSearchParams(window.location.search);
+    if (urlParams.has("_oml_preview")) {
+      return;
+    }
+    document.addEventListener("click", (event) => {
+      if (!wikilinkPreviewCard || wikilinkPreviewCard.style.display === "none") {
+        return;
+      }
+      const target = event.target;
+      if (!(target instanceof Element)) {
+        return;
+      }
+      if (!target.closest(".oml-wikilink-preview-card")) {
+        scheduleHideWikilinkPreview();
+        activeWikilinkHover = void 0;
+      }
+    }, true);
+    document.body.addEventListener("mouseover", (event) => {
+      const target = event.target instanceof Element ? event.target : event.target instanceof Node ? event.target.parentElement : null;
+      if (!target || target.closest(".oml-wikilink-preview-card")) {
+        return;
+      }
+      const link2 = target.closest("a.wikilink[iri]");
+      if (!link2) {
+        return;
+      }
+      const iri = link2.getAttribute("iri")?.trim();
+      const href = link2.getAttribute("href")?.trim();
+      if (!iri || !href || href === "#") {
+        return;
+      }
+      activeWikilinkHover = { link: link2, iri };
+      if (isHoverPreviewEnabled(event)) {
+        void scheduleIriPreview(iri, href, link2.getBoundingClientRect());
+      }
+    });
+    window.addEventListener("keydown", (event) => {
+      if (event.key === "Escape") {
+        scheduleHideWikilinkPreview();
+        activeWikilinkHover = void 0;
+        return;
+      }
+      if (event.key === "Tab") {
+        tabPreviewModifierActive = true;
+      }
+      if (!activeWikilinkHover) {
+        return;
+      }
+      if (!(event.altKey || event.key === "Alt" || event.key === "Tab" && tabPreviewModifierActive)) {
+        return;
+      }
+      const link2 = activeWikilinkHover.link;
+      if (!link2.isConnected || !link2.matches(":hover")) {
+        return;
+      }
+      const href = link2.getAttribute("href")?.trim();
+      if (!href || href === "#") {
+        return;
+      }
+      void scheduleIriPreview(activeWikilinkHover.iri, href, link2.getBoundingClientRect());
+    });
+    window.addEventListener("keyup", (event) => {
+      if (event.key === "Tab") {
+        tabPreviewModifierActive = false;
+      }
+    });
+    window.addEventListener("blur", () => {
+      tabPreviewModifierActive = false;
+    });
+    window.addEventListener("md-show-iri-hover", (event) => {
+      if (!(event instanceof CustomEvent)) {
+        return;
+      }
+      const eventTarget = event.target;
+      if (eventTarget instanceof Element && eventTarget.closest(".oml-wikilink-preview-card")) {
+        return;
+      }
+      const detail = event.detail;
+      const iri = typeof detail?.iri === "string" ? detail.iri.trim() : "";
+      const anchorRect = normalizeHoverAnchorRect(detail?.anchorRect);
+      const previewEnabled = detail?.previewEnabled === true;
+      if (!iri || !anchorRect || !previewEnabled || !linkingEnabled) {
+        return;
+      }
+      const href = resolveWikiHref(iri, wikilinkIndex, iriAliasIndex);
+      if (!href || href === "#") {
+        return;
+      }
+      void scheduleIriPreview(iri, href, anchorRect);
+    });
+  }
   function getMdKindFromCodeElement(code2) {
     for (const className3 of Array.from(code2.classList)) {
       if (!className3.startsWith("language-")) {
@@ -75518,6 +75981,7 @@ ${serialized}`;
     applyWikilinks(document, wikilinkIndex, iriAliasIndex, linkingEnabled);
     installWikilinkObserver(wikilinkIndex, iriAliasIndex, linkingEnabled);
     setupIriNavigationHandler(wikilinkIndex, iriAliasIndex, linkingEnabled);
+    setupWikilinkHoverPreview(wikilinkIndex, iriAliasIndex, linkingEnabled);
     const manifest = parseJsonNode("oml-md-block-manifest", []);
     if (!Array.isArray(manifest) || manifest.length === 0) {
       return;
@@ -75591,7 +76055,7 @@ lodash-es/lodash.js:
   (**
    * @license
    * Lodash (Custom Build) <https://lodash.com/>
-   * Build: `lodash modularize exports="es" -o ./`
+   * Build: `lodash modularize exports="es" --repo lodash/lodash#4.18.1 -o ./`
    * Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
    * Released under MIT license <https://lodash.com/license>
    * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>