@red-hat-developer-hub/backstage-plugin-intelligent-assistant 4.1.0 → 4.2.0

package/dist/utils/dom-extractor.esm.js

@@ -0,0 +1,816 @@
+import { NOISE_SELECTOR, PLUGIN_NAME_SELECTOR, PAGE_TITLE_SELECTOR, ACTIVE_TAB_SELECTOR, BREADCRUMB_SELECTOR, ACTIVE_NAV_SELECTOR, MODAL_DIALOG_SELECTOR, DIALOG_TITLE_SELECTOR, DIALOG_CONTENT_SELECTOR, DOCKED_DRAWER_BODY_CLASS, DRAWER_PAPER_SELECTOR, SEARCH_INPUT_SELECTOR, FILTER_NAV_SELECTOR, ACCORDION_ROOT_SELECTOR, ACCORDION_DETAILS_SELECTOR, ACCORDION_SUMMARY_CONTENT_SELECTOR, FILTER_BOX_SELECTOR, SELECTED_ITEM_SELECTOR, LIST_ITEM_TEXT_PRIMARY_SELECTOR, LIST_ITEM_TEXT_SECONDARY_SELECTOR, MENU_SELECTOR, CARD_ROOT_SELECTOR, LIST_ITEM_TEXT_ROOT_SELECTOR, FILTER_CONTAINER_SELECTOR, TAB_LIST_SELECTOR, TAB_SELECTOR, BUI_NAV_SELECTOR, BUI_NAV_ITEM_SELECTOR, ALERT_SELECTOR, STEPPER_ROOT_SELECTOR, STEPPER_LABEL_SELECTOR, STEPPER_ACTIVE_CLASS, STEPPER_COMPLETED_CLASS, CARD_TITLE_SELECTOR, CARD_LAYOUT_SELECTOR, CARD_ITEM_SELECTOR, RECHARTS_LEGEND_SELECTOR, STATUS_INDICATOR_SELECTOR, RJSF_FORM_SELECTOR, FORM_CONTROL_SELECTOR, SELECT_DISPLAY_SELECTOR, CHIP_LABEL_SELECTOR, EMPTY_STATE_SELECTOR, EMPTY_STATE_BODY_SELECTOR, PAGINATION_ROOT_SELECTOR, PAGINATION_ACTIONS_SELECTOR, SHADOW_HOST_SELECTOR, SHADOW_NOISE_SELECTOR, FORM_LABEL_SELECTOR, FORM_CONTROL_LABEL_SELECTOR, FORM_HTML_STRIP_SELECTOR } from './dom-selectors.esm.js';
+import { redactText, isSensitiveElement } from './sensitive-data-redactor.esm.js';
+
+const DEFAULT_MAX_CHARS = 8e3;
+const MAX_TABLE_ROWS = 50;
+const MAX_TABLES = 10;
+const MAX_CARDS = 10;
+const MAX_CARD_CHARS = 500;
+const MIN_CARDS_THRESHOLD = 1;
+const MAX_FORM_HTML_CHARS = 4e3;
+const SENSITIVE_VALUE = "[REDACTED]";
+function extractPageContext(options) {
+  try {
+    return extractPageContextInternal(options);
+  } catch {
+    return "";
+  }
+}
+function extractPageContextInternal(options) {
+  const maxChars = options?.maxChars ?? DEFAULT_MAX_CHARS;
+  const root = document.querySelector("#root");
+  if (!root) {
+    return "";
+  }
+  const clone = root.cloneNode(true);
+  clone.querySelectorAll(NOISE_SELECTOR).forEach((el) => el.remove());
+  if (options?.excludeSelector) {
+    clone.querySelectorAll(options.excludeSelector).forEach((el) => el.remove());
+  }
+  const sections = [];
+  let charCount = 0;
+  const appendSection = (content) => {
+    if (!content.trim()) return true;
+    if (charCount + content.length > maxChars) {
+      const remaining = maxChars - charCount;
+      if (remaining > 50) {
+        sections.push(content.slice(0, remaining));
+        charCount = maxChars;
+      }
+      return false;
+    }
+    sections.push(content);
+    charCount += content.length;
+    return true;
+  };
+  const headerLines = [`Page: ${window.location.pathname}`];
+  const pluginName = document.querySelector(PLUGIN_NAME_SELECTOR)?.textContent?.trim();
+  if (pluginName) {
+    headerLines.push(`Plugin: ${pluginName}`);
+  }
+  const pageTitle = document.querySelector(PAGE_TITLE_SELECTOR)?.textContent?.trim();
+  if (pageTitle) {
+    headerLines.push(`Title: ${pageTitle}`);
+  }
+  const activeTab = document.querySelector(ACTIVE_TAB_SELECTOR)?.textContent?.trim();
+  if (activeTab) {
+    headerLines.push(`CurrentTab: ${activeTab}`);
+  }
+  const breadcrumb = document.querySelector(BREADCRUMB_SELECTOR);
+  if (breadcrumb) {
+    const crumbs = Array.from(breadcrumb.querySelectorAll("li, a, p")).map((el) => el.textContent?.trim()).filter(Boolean);
+    if (crumbs.length > 0) {
+      headerLines.push(`Breadcrumb: ${crumbs.join(" > ")}`);
+    }
+  }
+  const activeNav = document.querySelector(ACTIVE_NAV_SELECTOR)?.textContent?.trim();
+  if (activeNav) {
+    headerLines.push(`Nav: ${activeNav}`);
+  }
+  headerLines.push(`Document: ${document.title}`);
+  const header = headerLines.join("\n");
+  if (!appendSection(header)) {
+    return redactText(sections.join("\n\n"));
+  }
+  const overlayText = extractActiveOverlay();
+  if (overlayText && !appendSection(overlayText)) {
+    return redactText(sections.join("\n\n"));
+  }
+  const searchText = extractSearchInputs();
+  if (searchText && !appendSection(searchText)) {
+    return redactText(sections.join("\n\n"));
+  }
+  const filterText = extractFilterSections();
+  if (filterText && !appendSection(filterText)) {
+    return redactText(sections.join("\n\n"));
+  }
+  const tabsText = extractTabs(clone);
+  if (tabsText && !appendSection(tabsText)) {
+    return redactText(sections.join("\n\n"));
+  }
+  clone.querySelectorAll('nav, [role="navigation"]').forEach((el) => el.remove());
+  const alertText = extractAlerts(clone);
+  if (alertText && !appendSection(alertText)) {
+    return redactText(sections.join("\n\n"));
+  }
+  const stepperText = extractStepperState(clone);
+  if (stepperText && !appendSection(stepperText)) {
+    return redactText(sections.join("\n\n"));
+  }
+  const cardsText = extractCards(clone);
+  if (cardsText && !appendSection(cardsText)) {
+    return redactText(sections.join("\n\n"));
+  }
+  const headingsText = extractHeadings(clone);
+  if (headingsText && !appendSection(headingsText)) {
+    return redactText(sections.join("\n\n"));
+  }
+  const statusText = extractStatusIndicators(clone);
+  if (statusText && !appendSection(statusText)) {
+    return redactText(sections.join("\n\n"));
+  }
+  const formsText = extractFormFields(clone);
+  if (formsText && !appendSection(formsText)) {
+    return redactText(sections.join("\n\n"));
+  }
+  const tablesText = extractTables(clone);
+  if (tablesText && !appendSection(tablesText)) {
+    return redactText(sections.join("\n\n"));
+  }
+  const dlText = extractDescriptionLists(clone);
+  if (dlText && !appendSection(dlText)) {
+    return redactText(sections.join("\n\n"));
+  }
+  const emptyText = extractEmptyState(clone);
+  if (emptyText && !appendSection(emptyText)) {
+    return redactText(sections.join("\n\n"));
+  }
+  const paginationText = extractPagination(clone);
+  if (paginationText && !appendSection(paginationText)) {
+    return redactText(sections.join("\n\n"));
+  }
+  const bodyText = extractBodyText(clone, maxChars - charCount);
+  if (bodyText) {
+    appendSection(bodyText);
+  }
+  const shadowText = extractShadowDomContent();
+  if (shadowText) {
+    appendSection(shadowText);
+  }
+  const result = sections.join("\n\n");
+  return result ? redactText(result) : "";
+}
+function extractActiveOverlay() {
+  const dialog = document.querySelector(MODAL_DIALOG_SELECTOR);
+  if (dialog) {
+    const title = dialog.querySelector(DIALOG_TITLE_SELECTOR)?.textContent?.trim();
+    const content = collapseWhitespace(
+      dialog.querySelector(DIALOG_CONTENT_SELECTOR)?.textContent || ""
+    );
+    const lines = ["## Active Dialog"];
+    if (title) lines.push(`Title: ${title}`);
+    if (content) lines.push(content);
+    return lines.length > 1 ? lines.join("\n") : "";
+  }
+  if (document.body.classList.contains(DOCKED_DRAWER_BODY_CLASS)) {
+    const drawerPaper = document.querySelector(DRAWER_PAPER_SELECTOR);
+    if (drawerPaper && !drawerPaper.querySelector(".pf-chatbot")) {
+      const text = collapseWhitespace(drawerPaper.textContent || "");
+      if (text) {
+        return `## Active Drawer
+${text.slice(0, 2e3)}`;
+      }
+    }
+  }
+  return "";
+}
+function extractAlerts(root) {
+  const alerts = root.querySelectorAll(ALERT_SELECTOR);
+  if (alerts.length === 0) return "";
+  const lines = ["## Alerts"];
+  alerts.forEach((alert) => {
+    const text = collapseWhitespace(alert.textContent || "");
+    if (text) {
+      lines.push(`- ${text}`);
+    }
+    alert.remove();
+  });
+  return lines.length > 1 ? lines.join("\n") : "";
+}
+function extractStepperState(root) {
+  const steppers = root.querySelectorAll(STEPPER_ROOT_SELECTOR);
+  if (steppers.length === 0) return "";
+  const lines = ["## Stepper"];
+  steppers.forEach((stepper) => {
+    const labels = stepper.querySelectorAll(STEPPER_LABEL_SELECTOR);
+    labels.forEach((label) => {
+      const text = label.textContent?.trim();
+      if (!text) return;
+      const className = label.className || "";
+      const isActive = className.includes(STEPPER_ACTIVE_CLASS);
+      const isCompleted = className.includes(STEPPER_COMPLETED_CLASS);
+      let marker = "";
+      if (isActive) marker = " [active]";
+      else if (isCompleted) marker = " [done]";
+      lines.push(`- ${text}${marker}`);
+    });
+    stepper.remove();
+  });
+  return lines.length > 1 ? lines.join("\n") : "";
+}
+function extractTabs(root) {
+  const lines = ["## Tabs"];
+  const tabLists = root.querySelectorAll(TAB_LIST_SELECTOR);
+  tabLists.forEach((tabList) => {
+    const tabs = tabList.querySelectorAll(TAB_SELECTOR);
+    tabs.forEach((tab) => {
+      const text = collapseWhitespace(tab.textContent || "");
+      if (!text) return;
+      const isSelected = tab.getAttribute("aria-selected") === "true";
+      lines.push(`- ${text}${isSelected ? " [active]" : ""}`);
+    });
+    tabList.remove();
+  });
+  if (lines.length <= 1) {
+    const navs = root.querySelectorAll(BUI_NAV_SELECTOR);
+    for (const nav of Array.from(navs)) {
+      const links = nav.querySelectorAll(BUI_NAV_ITEM_SELECTOR);
+      if (links.length < 2) continue;
+      links.forEach((link) => {
+        const text = collapseWhitespace(link.textContent || "");
+        if (!text) return;
+        const isActive = link.getAttribute("aria-current") === "page";
+        lines.push(`- ${text}${isActive ? " [active]" : ""}`);
+      });
+      nav.remove();
+      break;
+    }
+  }
+  return lines.length > 1 ? lines.join("\n") : "";
+}
+function extractHeadings(root) {
+  const headings = root.querySelectorAll("h1, h2, h3, h4");
+  if (headings.length === 0) return "";
+  const lines = ["## Headings"];
+  headings.forEach((heading) => {
+    const level = parseInt(heading.tagName[1], 10);
+    const indent = "  ".repeat(level - 1);
+    const text = collapseWhitespace(heading.textContent || "");
+    if (text) {
+      lines.push(`${indent}- ${text}`);
+    }
+    heading.remove();
+  });
+  return lines.length > 1 ? lines.join("\n") : "";
+}
+function extractCards(root) {
+  try {
+    let cardElements = [];
+    const hasTitle = (el) => !!el.querySelector(CARD_TITLE_SELECTOR);
+    const layouts = root.querySelectorAll(CARD_LAYOUT_SELECTOR);
+    for (const layout of Array.from(layouts)) {
+      const directCards = Array.from(layout.children).filter((el) => {
+        try {
+          return el.matches(CARD_ITEM_SELECTOR) && hasTitle(el);
+        } catch {
+          return false;
+        }
+      });
+      if (directCards.length >= MIN_CARDS_THRESHOLD) {
+        cardElements = directCards;
+        break;
+      }
+      const nestedCards = [];
+      for (const child of Array.from(layout.children)) {
+        for (const grandchild of Array.from(child.children)) {
+          try {
+            if (grandchild.matches(CARD_ITEM_SELECTOR) && hasTitle(grandchild)) {
+              nestedCards.push(grandchild);
+            }
+          } catch {
+          }
+        }
+      }
+      if (nestedCards.length >= MIN_CARDS_THRESHOLD) {
+        cardElements = nestedCards;
+        break;
+      }
+    }
+    if (cardElements.length < MIN_CARDS_THRESHOLD) {
+      const allCards = Array.from(
+        root.querySelectorAll(CARD_ITEM_SELECTOR)
+      ).filter((el) => {
+        if (el.parentElement?.closest(CARD_ITEM_SELECTOR)) return false;
+        return hasTitle(el);
+      });
+      if (allCards.length >= MIN_CARDS_THRESHOLD) {
+        cardElements = allCards;
+      }
+    }
+    if (cardElements.length < MIN_CARDS_THRESHOLD) return "";
+    const sections = ["## Cards"];
+    let totalChars = 0;
+    let cardCount = 0;
+    for (const card of cardElements) {
+      if (cardCount >= MAX_CARDS) break;
+      const titleEl = card.querySelector(CARD_TITLE_SELECTOR);
+      const title = collapseWhitespace(titleEl?.textContent || "").replace(
+        /\s*\*$/,
+        ""
+      );
+      if (!title) {
+        card.remove();
+        continue;
+      }
+      const cardLines = [`### ${title}`];
+      const legendItems = card.querySelectorAll(RECHARTS_LEGEND_SELECTOR);
+      if (legendItems.length > 0) {
+        const seriesNames = Array.from(legendItems).map((el) => collapseWhitespace(el.textContent || "")).filter(Boolean);
+        if (seriesNames.length > 0) {
+          cardLines.push(`Chart: ${seriesNames.join(", ")}`);
+        }
+      }
+      card.querySelectorAll('svg, button, [aria-hidden="true"], hr, tfoot').forEach((el) => el.remove());
+      titleEl?.remove();
+      const table = card.querySelector("table");
+      if (table) {
+        const rows = table.querySelectorAll("tr");
+        const tableLines = [];
+        let rowCount = 0;
+        rows.forEach((row) => {
+          if (rowCount >= MAX_TABLE_ROWS) return;
+          const cells = row.querySelectorAll("th, td");
+          const cellTexts = Array.from(cells).map(
+            (cell) => collapseWhitespace(cell.textContent || "")
+          );
+          if (cellTexts.some(Boolean)) {
+            tableLines.push(`| ${cellTexts.join(" | ")} |`);
+          }
+          rowCount++;
+        });
+        if (tableLines.length > 0) {
+          cardLines.push(tableLines.join("\n"));
+        }
+        table.remove();
+      }
+      const innerHeadings = card.querySelectorAll("h2, h3");
+      if (innerHeadings.length >= 2) {
+        let extractedKV = false;
+        innerHeadings.forEach((h) => {
+          const key = collapseWhitespace(h.textContent || "");
+          if (!key) return;
+          const parent = h.parentElement;
+          if (!parent) return;
+          const cloned = parent.cloneNode(true);
+          const hClone = cloned.querySelector(h.tagName.toLowerCase());
+          hClone?.remove();
+          const val = collapseWhitespace(cloned.textContent || "") || "--";
+          cardLines.push(`${key}: ${val}`);
+          extractedKV = true;
+          h.remove();
+        });
+        if (extractedKV) {
+          innerHeadings.forEach((h) => h.remove());
+        }
+      }
+      const textContent = collapseWhitespace(card.textContent || "");
+      if (textContent && textContent !== title) {
+        cardLines.push(textContent);
+      }
+      const cardText = cardLines.join("\n");
+      if (totalChars + cardText.length > MAX_CARD_CHARS * MAX_CARDS) break;
+      sections.push(
+        cardText.length > MAX_CARD_CHARS ? cardText.slice(0, MAX_CARD_CHARS) : cardText
+      );
+      totalChars += Math.min(cardText.length, MAX_CARD_CHARS);
+      cardCount++;
+      card.remove();
+    }
+    return sections.length > 1 ? sections.join("\n\n") : "";
+  } catch (e) {
+    console.log("[DOM Cards] Error in extractCards:", e);
+    return "";
+  }
+}
+function extractStatusIndicators(root) {
+  const indicators = root.querySelectorAll(STATUS_INDICATOR_SELECTOR);
+  if (indicators.length === 0) return "";
+  const lines = ["## Status"];
+  const seen = /* @__PURE__ */ new Set();
+  indicators.forEach((el) => {
+    if (el.closest("td, th")) return;
+    const status = el.getAttribute("aria-label")?.replace("Status ", "") || "";
+    const text = el.textContent?.trim();
+    const entry = text ? `${status}: ${text}` : status;
+    if (entry && !seen.has(entry)) {
+      seen.add(entry);
+      lines.push(`- ${entry}`);
+    }
+    el.remove();
+  });
+  return lines.length > 1 ? lines.join("\n") : "";
+}
+function extractFormFields(root) {
+  const htmlParts = [];
+  let totalChars = 0;
+  const appendHtml = (html) => {
+    if (!html) return false;
+    if (totalChars + html.length > MAX_FORM_HTML_CHARS) {
+      const remaining = MAX_FORM_HTML_CHARS - totalChars;
+      if (remaining > 100) {
+        htmlParts.push(html.slice(0, remaining));
+        totalChars = MAX_FORM_HTML_CHARS;
+      }
+      return false;
+    }
+    htmlParts.push(html);
+    totalChars += html.length;
+    return true;
+  };
+  const liveForms = document.querySelectorAll(RJSF_FORM_SELECTOR);
+  const cloneForms = root.querySelectorAll(RJSF_FORM_SELECTOR);
+  const forms = liveForms.length > 0 ? liveForms : cloneForms;
+  const formsSource = liveForms.length > 0 ? "live" : "clone";
+  console.debug("[DOM Forms] Strategy 1:", {
+    selector: RJSF_FORM_SELECTOR,
+    liveFound: liveForms.length,
+    cloneFound: cloneForms.length,
+    using: formsSource
+  });
+  if (forms.length > 0) {
+    forms.forEach((form, idx) => {
+      if (form.closest(FILTER_CONTAINER_SELECTOR)) {
+        console.debug(
+          `[DOM Forms] Form ${idx} skipped: inside filter container`
+        );
+        return;
+      }
+      try {
+        const html = serializeFormControlHtml(form);
+        console.debug(`[DOM Forms] Form ${idx} serialized:`, {
+          length: html.length,
+          preview: html.slice(0, 200)
+        });
+        appendHtml(html);
+      } catch (e) {
+        console.debug(`[DOM Forms] Form ${idx} serialization error:`, e);
+      }
+    });
+    if (htmlParts.length > 0) {
+      root.querySelectorAll(RJSF_FORM_SELECTOR).forEach((el) => el.remove());
+      return `## Form Fields (HTML)
+${htmlParts.join("\n")}`;
+    }
+  }
+  const liveControls = Array.from(
+    document.querySelectorAll(FORM_CONTROL_SELECTOR)
+  );
+  const cloneControls = Array.from(
+    root.querySelectorAll(FORM_CONTROL_SELECTOR)
+  );
+  const controlsSource = liveControls.length > 0 ? liveControls : cloneControls;
+  console.debug("[DOM Forms] Strategy 2:", {
+    selector: FORM_CONTROL_SELECTOR,
+    liveCount: liveControls.length,
+    cloneCount: cloneControls.length,
+    using: liveControls.length > 0 ? "live" : "clone"
+  });
+  if (controlsSource.length === 0) return "";
+  const leafControls = controlsSource.filter(
+    (control) => !control.querySelector(FORM_CONTROL_SELECTOR)
+  );
+  leafControls.forEach((control) => {
+    if (control.closest(FILTER_CONTAINER_SELECTOR)) return;
+    if (control.closest(RJSF_FORM_SELECTOR)) return;
+    const searchInput = control.querySelector(SEARCH_INPUT_SELECTOR);
+    if (searchInput && !control.querySelector(
+      `${SELECT_DISPLAY_SELECTOR}, ${CHIP_LABEL_SELECTOR}, input[type="checkbox"]`
+    )) {
+      return;
+    }
+    try {
+      appendHtml(serializeFormControlHtml(control));
+    } catch {
+    }
+  });
+  root.querySelectorAll(FORM_CONTROL_SELECTOR).forEach((el) => el.remove());
+  return htmlParts.length > 0 ? `## Form Fields (HTML)
+${htmlParts.join("\n")}` : "";
+}
+function serializeFormControlHtml(control) {
+  const clone = control.cloneNode(true);
+  clone.querySelectorAll(FORM_HTML_STRIP_SELECTOR).forEach((el) => el.remove());
+  syncLiveValuesToClone(control, clone);
+  redactSensitiveInClone(clone);
+  stripPresentationAttributes(clone);
+  unwrapNoiseDivs(clone);
+  const html = clone.outerHTML.replace(/\s+/g, " ").trim();
+  console.debug("[DOM Forms] serializeFormControlHtml result:", {
+    inputTag: control.tagName,
+    inputClass: control.className?.slice(0, 80),
+    outputLength: html.length
+  });
+  return html.length > 0 ? html : "";
+}
+function syncLiveValuesToClone(liveRoot, cloneRoot) {
+  const liveInputs = liveRoot.querySelectorAll("input, textarea, select");
+  const cloneInputs = cloneRoot.querySelectorAll("input, textarea, select");
+  liveInputs.forEach((liveEl, i) => {
+    const cloneEl = cloneInputs[i];
+    if (!cloneEl) return;
+    if (cloneEl instanceof HTMLSelectElement) {
+      cloneEl.value = liveEl.value;
+    } else if (cloneEl instanceof HTMLInputElement && (cloneEl.type === "checkbox" || cloneEl.type === "radio")) {
+      cloneEl.checked = liveEl.checked;
+      if (cloneEl.checked) {
+        cloneEl.setAttribute("checked", "");
+      } else {
+        cloneEl.removeAttribute("checked");
+      }
+    } else {
+      const liveValue = liveEl.value;
+      cloneEl.value = liveValue;
+      cloneEl.setAttribute("value", liveValue);
+    }
+  });
+}
+function redactSensitiveInClone(root) {
+  root.querySelectorAll("input, textarea, select").forEach((el) => {
+    if (isSensitiveElement(el, document)) {
+      el.value = SENSITIVE_VALUE;
+      el.setAttribute("value", SENSITIVE_VALUE);
+      if (el.type === "checkbox") {
+        el.checked = false;
+        el.removeAttribute("checked");
+      }
+    }
+  });
+}
+function stripPresentationAttributes(root) {
+  root.removeAttribute("class");
+  root.removeAttribute("style");
+  root.querySelectorAll("*").forEach((el) => {
+    el.removeAttribute("class");
+    el.removeAttribute("style");
+    el.removeAttribute("data-testid");
+  });
+}
+function unwrapNoiseDivs(root) {
+  const isSemanticTag = (tag) => !["DIV", "SPAN"].includes(tag);
+  const hasSemanticAttrs = (el) => el.hasAttribute("id") || el.hasAttribute("role") || el.hasAttribute("aria-label") || el.hasAttribute("aria-describedby") || el.hasAttribute("for") || el.hasAttribute("novalidate");
+  let changed = true;
+  while (changed) {
+    changed = false;
+    const wrappers = root.querySelectorAll("div, span");
+    for (const el of Array.from(wrappers)) {
+      if (isSemanticTag(el.tagName)) continue;
+      if (hasSemanticAttrs(el)) continue;
+      if (el === root) continue;
+      const parent = el.parentNode;
+      if (!parent) continue;
+      while (el.firstChild) {
+        parent.insertBefore(el.firstChild, el);
+      }
+      parent.removeChild(el);
+      changed = true;
+    }
+  }
+}
+function extractSearchInputs() {
+  const searchInputs = document.querySelectorAll(SEARCH_INPUT_SELECTOR);
+  if (searchInputs.length === 0) return "";
+  const lines = ["## Search"];
+  const seen = /* @__PURE__ */ new Set();
+  searchInputs.forEach((el) => {
+    const input = el;
+    if (input.type === "hidden") return;
+    const label = input.getAttribute("placeholder") || input.getAttribute("aria-label") || input.closest("[aria-label]")?.getAttribute("aria-label") || "Search";
+    const value = isSensitiveElement(input, document) ? SENSITIVE_VALUE : input.value;
+    const key = `${label}:${value}`;
+    if (!seen.has(key)) {
+      seen.add(key);
+      lines.push(`- ${label}: ${value || "(empty)"}`);
+    }
+  });
+  return lines.length > 1 ? lines.join("\n") : "";
+}
+function extractFilterSections() {
+  const lines = ["## Filters"];
+  const filterNavs = document.querySelectorAll(FILTER_NAV_SELECTOR);
+  filterNavs.forEach((nav) => {
+    const heading = nav.closest(ACCORDION_ROOT_SELECTOR)?.previousElementSibling?.textContent?.trim() || nav.closest(ACCORDION_DETAILS_SELECTOR)?.closest(ACCORDION_ROOT_SELECTOR)?.querySelector(ACCORDION_SUMMARY_CONTENT_SELECTOR)?.textContent?.trim();
+    const groupLabel = heading || nav.closest(FILTER_BOX_SELECTOR)?.querySelector("h2")?.textContent?.trim();
+    const selected = nav.querySelector(SELECTED_ITEM_SELECTOR);
+    if (selected) {
+      const primary = selected.querySelector(LIST_ITEM_TEXT_PRIMARY_SELECTOR)?.textContent?.trim();
+      const secondary = selected.querySelector(LIST_ITEM_TEXT_SECONDARY_SELECTOR)?.textContent?.trim();
+      const text = secondary ? `${primary} (${secondary})` : primary;
+      if (groupLabel && text) {
+        lines.push(`- ${groupLabel}: ${text}`);
+      }
+    }
+  });
+  const menus = document.querySelectorAll(MENU_SELECTOR);
+  menus.forEach((menu) => {
+    const groupLabel = menu.getAttribute("aria-label") || menu.closest(CARD_ROOT_SELECTOR)?.previousElementSibling?.textContent?.trim();
+    const selected = menu.querySelector(SELECTED_ITEM_SELECTOR);
+    if (selected) {
+      const selectedText = selected.querySelector(`p, ${LIST_ITEM_TEXT_ROOT_SELECTOR}`)?.textContent?.trim();
+      if (groupLabel && selectedText) {
+        lines.push(`- ${groupLabel}: ${selectedText}`);
+      }
+    }
+  });
+  const filterContainers = document.querySelectorAll(FILTER_CONTAINER_SELECTOR);
+  filterContainers.forEach((container) => {
+    const resolved = resolveFilterControl(container);
+    if (resolved && resolved.label) {
+      lines.push(`- ${resolved.label}: ${resolved.value || "(empty)"}`);
+    }
+  });
+  return lines.length > 1 ? lines.join("\n") : "";
+}
+function resolveFilterControl(container) {
+  const labelEl = container.querySelector(`label, ${FORM_LABEL_SELECTOR}`);
+  let label = labelEl?.textContent?.trim() || container.getAttribute("aria-label") || "";
+  const selectDisplay = container.querySelector(SELECT_DISPLAY_SELECTOR);
+  if (selectDisplay) {
+    if (!label) {
+      label = container.querySelector("[aria-label]")?.getAttribute("aria-label") || "";
+    }
+    return { label, value: selectDisplay.textContent?.trim() || "" };
+  }
+  const chips = container.querySelectorAll(CHIP_LABEL_SELECTOR);
+  if (chips.length > 0) {
+    const chipValues = Array.from(chips).map((c) => c.textContent?.trim()).filter(Boolean);
+    return { label, value: chipValues.join(", ") };
+  }
+  const checkboxes = container.querySelectorAll('input[type="checkbox"]');
+  if (checkboxes.length > 0) {
+    const checked = [];
+    checkboxes.forEach((cb) => {
+      const input2 = cb;
+      if (input2.checked) {
+        const cbLabel = cb.closest("label")?.querySelector(FORM_CONTROL_LABEL_SELECTOR)?.textContent?.trim() || input2.value;
+        checked.push(cbLabel);
+      }
+    });
+    return { label, value: checked.join(", ") };
+  }
+  const input = container.querySelector(
+    'input:not([type="checkbox"]):not([type="radio"]):not([aria-hidden="true"]):not([placeholder*="earch" i]), textarea'
+  );
+  if (input) {
+    if (!label) {
+      label = input.getAttribute("placeholder") || "";
+    }
+    const value = isSensitiveElement(input, document) ? SENSITIVE_VALUE : input.value || "";
+    return { label, value };
+  }
+  return null;
+}
+function extractTables(root) {
+  const tables = root.querySelectorAll("table");
+  if (tables.length === 0) return "";
+  const output = ["## Tables"];
+  let tableCount = 0;
+  tables.forEach((table) => {
+    if (tableCount >= MAX_TABLES) {
+      table.remove();
+      return;
+    }
+    table.querySelectorAll("tfoot").forEach((el) => el.remove());
+    table.querySelectorAll('[class*="TablePagination"]').forEach((el) => el.remove());
+    const rows = table.querySelectorAll("tr");
+    const tableLines = [];
+    let rowCount = 0;
+    rows.forEach((row) => {
+      if (rowCount >= MAX_TABLE_ROWS) return;
+      if (!row.querySelector("th, td") || row.children.length === 0) return;
+      const cells = row.querySelectorAll("th, td");
+      const cellTexts = Array.from(cells).map(
+        (cell) => collapseWhitespace(cell.textContent || "")
+      );
+      if (cellTexts.some(Boolean)) {
+        tableLines.push(`| ${cellTexts.join(" | ")} |`);
+      }
+      rowCount++;
+    });
+    if (tableLines.length > 0) {
+      output.push(tableLines.join("\n"));
+    }
+    table.remove();
+    tableCount++;
+  });
+  return output.length > 1 ? output.join("\n") : "";
+}
+function extractDescriptionLists(root) {
+  const dls = root.querySelectorAll("dl");
+  if (dls.length === 0) return "";
+  const lines = ["## Details"];
+  dls.forEach((dl) => {
+    const terms = dl.querySelectorAll("dt");
+    terms.forEach((dt) => {
+      const key = collapseWhitespace(dt.textContent || "");
+      const dd = dt.nextElementSibling;
+      const val = dd?.tagName === "DD" ? collapseWhitespace(dd.textContent || "") : "";
+      if (key) lines.push(`- ${key}: ${val}`);
+    });
+    dl.remove();
+  });
+  return lines.length > 1 ? lines.join("\n") : "";
+}
+function extractEmptyState(root) {
+  const emptyState = root.querySelector(EMPTY_STATE_SELECTOR);
+  if (!emptyState) return "";
+  const title = emptyState.querySelector("h5")?.textContent?.trim();
+  const desc = emptyState.querySelector(EMPTY_STATE_BODY_SELECTOR)?.textContent?.trim();
+  const lines = ["## Empty State"];
+  if (title) lines.push(`Title: ${title}`);
+  if (desc) lines.push(desc);
+  emptyState.remove();
+  return lines.length > 1 ? lines.join("\n") : "";
+}
+function extractPagination(root) {
+  const paginations = root.querySelectorAll(PAGINATION_ROOT_SELECTOR);
+  if (paginations.length === 0) return "";
+  const lines = [];
+  paginations.forEach((pg) => {
+    const hasActions = pg.querySelector(PAGINATION_ACTIONS_SELECTOR);
+    if (hasActions) {
+      const text = collapseWhitespace(pg.textContent || "");
+      if (text) lines.push(`Pagination: ${text}`);
+    }
+    pg.remove();
+  });
+  return lines.length > 0 ? lines.join("\n") : "";
+}
+function extractBodyText(root, budget) {
+  if (budget <= 0) return "";
+  const preBlocks = root.querySelectorAll("pre");
+  const preTexts = [];
+  preBlocks.forEach((pre) => {
+    const text = pre.textContent || "";
+    if (text.trim()) {
+      preTexts.push(text.slice(0, 500));
+    }
+    pre.remove();
+  });
+  const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT);
+  const lines = ["## Content"];
+  let length = lines[0].length;
+  const seen = /* @__PURE__ */ new Set();
+  for (const preText of preTexts) {
+    const block = `\`\`\`
+${preText}
+\`\`\``;
+    const blockLength = block.length + 1;
+    if (length + blockLength > budget) break;
+    lines.push(block);
+    length += blockLength;
+  }
+  let node = walker.nextNode();
+  while (node) {
+    const text = collapseWhitespace(node.textContent || "");
+    if (text && text.length > 1 && !seen.has(text)) {
+      seen.add(text);
+      const lineLength = text.length + 1;
+      if (length + lineLength > budget) {
+        break;
+      }
+      lines.push(text);
+      length += lineLength;
+    }
+    node = walker.nextNode();
+  }
+  return lines.length > 1 ? lines.join("\n") : "";
+}
+function extractShadowDomContent() {
+  const shadowHosts = document.querySelectorAll(SHADOW_HOST_SELECTOR);
+  if (shadowHosts.length === 0) return "";
+  const lines = ["## Documentation"];
+  shadowHosts.forEach((host) => {
+    const root = host.shadowRoot;
+    if (!root) return;
+    const container = root.querySelector("article.md-content__inner") || root.querySelector(".md-content__inner") || root.querySelector(".md-typeset") || root.querySelector(".md-content") || root.querySelector("main");
+    if (!container) return;
+    container.querySelectorAll(SHADOW_NOISE_SELECTOR).forEach((el) => el.remove());
+    const headings = container.querySelectorAll("h1, h2, h3, h4");
+    if (headings.length > 0) {
+      headings.forEach((h) => {
+        const level = parseInt(h.tagName[1], 10);
+        const indent = "  ".repeat(level - 1);
+        const text = h.textContent?.trim().replace(/¶/g, "");
+        if (text) lines.push(`${indent}- ${text}`);
+      });
+      lines.push("");
+    }
+    container.querySelectorAll("p").forEach((p) => {
+      if (p.closest(".md-nav, .md-sidebar, .md-footer")) return;
+      const text = collapseWhitespace(p.textContent || "").replace(/¶/g, "");
+      if (text && text.length > 2) lines.push(text);
+    });
+    container.querySelectorAll("ul, ol").forEach((list) => {
+      if (list.closest(".md-nav, .md-sidebar, .md-footer")) return;
+      list.querySelectorAll(":scope > li").forEach((li) => {
+        const text = collapseWhitespace(li.textContent || "").replace(/¶/g, "");
+        if (text && text.length > 2) lines.push(`- ${text}`);
+      });
+    });
+    container.querySelectorAll("pre").forEach((pre) => {
+      const code = pre.textContent?.trim();
+      if (code) {
+        lines.push(`\`\`\`
+${code.slice(0, 500)}
+\`\`\``);
+      }
+    });
+  });
+  return lines.length > 1 ? lines.join("\n") : "";
+}
+function collapseWhitespace(text) {
+  return text.replace(/\s+/g, " ").trim();
+}
+
+export { extractPageContext };
+//# sourceMappingURL=dom-extractor.esm.js.map