accessibility-insights-report 4.6.3 → 4.6.5

package/drop/index.js

@@ -17,6 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -321,8 +325,8 @@ var AllRuleResultStatuses = [
 ];
 
 // src/common/rule-based-view-model-provider.ts
-var getCardViewData = (rules, results, cardSelectionViewData) => {
-  if (results == null || rules == null || cardSelectionViewData == null) {
+var getCardViewData = (results, cardSelectionViewData, rules) => {
+  if (results == null || cardSelectionViewData == null) {
     return null;
   }
   const statusResults = getEmptyStatusResults();
@@ -332,12 +336,8 @@ var getCardViewData = (rules, results, cardSelectionViewData) => {
     const isInstanceDisplayed = result.status === "fail" || result.status === "unknown";
     let ruleResult = getExistingRuleFromResults(result.ruleId, ruleResults);
     if (ruleResult == null) {
-      const rule = getUnifiedRule(result.ruleId, rules);
-      if (!rule) {
-        continue;
-      }
-      const isExpanded = isInstanceDisplayed ? (0, import_lodash.includes)(cardSelectionViewData.expandedRuleIds, rule.id) : false;
-      ruleResult = createCardRuleResult(result.status, rule, isExpanded);
+      const isExpanded = isInstanceDisplayed ? (0, import_lodash.includes)(cardSelectionViewData.expandedRuleIds, result.ruleId) : false;
+      ruleResult = createCardRuleResult(result.status, result.rule, isExpanded);
       ruleResults.push(ruleResult);
     }
     const isSelected = isInstanceDisplayed ? (0, import_lodash.includes)(cardSelectionViewData.selectedResultUids, result.uid) : false;
@@ -345,9 +345,11 @@ var getCardViewData = (rules, results, cardSelectionViewData) => {
     ruleResult.nodes.push(createCardResult(result, isSelected, highlightStatus));
     ruleIdsWithResultNodes.add(result.ruleId);
   }
-  for (const rule of rules) {
-    if (!ruleIdsWithResultNodes.has(rule.id)) {
-      statusResults.inapplicable.push(createRuleResultWithoutNodes("inapplicable", rule));
+  if (rules) {
+    for (const rule of rules) {
+      if (!ruleIdsWithResultNodes.has(rule.id)) {
+        statusResults.inapplicable.push(createRuleResultWithoutNodes("inapplicable", rule));
+      }
     }
   }
   return {
@@ -385,14 +387,13 @@ var createRuleResultWithoutNodes = (status, rule) => ({
   guidance: rule.guidance,
   isExpanded: false
 });
-var createCardResult = (unifiedResult, isSelected, highlightStatus) => {
+var createCardResult = (result, isSelected, highlightStatus) => {
   return {
-    ...unifiedResult,
+    ...result,
     isSelected,
     highlightStatus
   };
 };
-var getUnifiedRule = (id2, rules) => rules.find((rule) => rule.id === id2);
 var getRuleResultIndex = (ruleId, ruleResults) => ruleResults.findIndex((result) => result.id === ruleId);
 
 // src/common/uid-generator.ts
@@ -435,6 +436,9 @@ TargetHelper.getTargetElement = (target, dom, targetIndex) => {
     return shadowHost.shadowRoot.querySelector(selectors[selectors.length - 1]);
   }
 };
+// This returns undefined for undefined input for compatibility with non-strict-null-compatible
+// usages that we haven't investigated yet. The "!selector" clause can/should be removed once
+// #2869 is complete.
 TargetHelper.getTargetFromSelector = (selector) => {
   if (selector === "") {
     return [];
@@ -453,6 +457,8 @@ TargetHelper.getTargetFromSelector = (selector) => {
   });
   return shadowDomSelectors;
 };
+// This returns undefined for undefined input for compatibility with non-strict-null-compatible
+// usages that we haven't investigated yet. The ?s can/should be removed once #2869 is complete.
 TargetHelper.getSelectorFromTarget = (target) => {
   var _a;
   return (_a = target == null ? void 0 : target.map(
@@ -498,11 +504,12 @@ function extractRelatedSelectors(nodeResult) {
 
 // src/injected/adapters/resolution-creator.ts
 var getFixResolution = (data) => {
+  var _a, _b, _c;
   return {
     "how-to-fix-web": {
-      any: data.nodeResult.any.map((checkResult) => checkResult.message),
-      none: data.nodeResult.none.map((checkResult) => checkResult.message),
-      all: data.nodeResult.all.map((checkResult) => checkResult.message)
+      any: (_a = data.nodeResult.any) == null ? void 0 : _a.map((checkResult) => checkResult.message),
+      none: (_b = data.nodeResult.none) == null ? void 0 : _b.map((checkResult) => checkResult.message),
+      all: (_c = data.nodeResult.all) == null ? void 0 : _c.map((checkResult) => checkResult.message)
     }
   };
 };
@@ -713,11 +720,7 @@ var import_utilities = require("@fluentui/utilities");
 var React2 = __toESM(require("react"));
 var NewTabLink = NamedFC("NewTabLink", ({ className, ...props }) => {
   const classNames3 = ["insights-link", className];
-  return /* @__PURE__ */ React2.createElement(import_react2.Link, {
-    className: (0, import_utilities.css)(...classNames3),
-    ...props,
-    target: "_blank"
-  });
+  return /* @__PURE__ */ React2.createElement(import_react2.Link, { className: (0, import_utilities.css)(...classNames3), ...props, target: "_blank" });
 });
 
 // src/reports/components/new-tab-link-confirmation-dialog.tsx
@@ -726,14 +729,14 @@ var NewTabLinkWithConfirmationDialog = NamedFC(
   "NewTabLinkWithConfirmationDialog",
   (props) => {
     const id2 = (0, import_react3.getId)("new-tab-link-with-confirmation-dialog__");
-    return /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement(NewTabLink, {
-      ...props,
-      id: id2
-    }), /* @__PURE__ */ React3.createElement("script", {
-      dangerouslySetInnerHTML: {
-        __html: generateScriptToAddConfirmOnClickHandler(id2)
+    return /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement(NewTabLink, { ...props, id: id2 }), /* @__PURE__ */ React3.createElement(
+      "script",
+      {
+        dangerouslySetInnerHTML: {
+          __html: generateScriptToAddConfirmOnClickHandler(id2)
+        }
       }
-    }));
+    ));
   }
 );
 var addConfirmOnClickHandler = function(linkId, doc, confirmCallback) {
@@ -779,23 +782,10 @@ var ReportBody = class extends React4.Component {
     const getResultSections = () => {
       return resultSectionsOrder.map((sectionKey, i) => {
         const ResultsSection = sectionFactory[ResultSectionTypes[sectionKey]];
-        return /* @__PURE__ */ React4.createElement(ResultsSection, {
-          key: i,
-          ...sectionProps
-        });
+        return /* @__PURE__ */ React4.createElement(ResultsSection, { key: i, ...sectionProps });
       });
     };
-    return /* @__PURE__ */ React4.createElement(BodySection2, null, /* @__PURE__ */ React4.createElement(HeaderSection2, {
-      ...sectionProps
-    }), /* @__PURE__ */ React4.createElement(ContentContainer2, null, /* @__PURE__ */ React4.createElement(TitleSection, null), /* @__PURE__ */ React4.createElement(DetailsSection2, {
-      ...sectionProps
-    }), /* @__PURE__ */ React4.createElement(SummarySection, {
-      ...sectionProps
-    }), /* @__PURE__ */ React4.createElement(ResultsContainer2, {
-      ...sectionProps
-    }, getResultSections())), /* @__PURE__ */ React4.createElement(FooterSection, null, /* @__PURE__ */ React4.createElement(FooterText, {
-      ...sectionProps
-    })));
+    return /* @__PURE__ */ React4.createElement(BodySection2, null, /* @__PURE__ */ React4.createElement(HeaderSection2, { ...sectionProps }), /* @__PURE__ */ React4.createElement(ContentContainer2, null, /* @__PURE__ */ React4.createElement(TitleSection, null), /* @__PURE__ */ React4.createElement(DetailsSection2, { ...sectionProps }), /* @__PURE__ */ React4.createElement(SummarySection, { ...sectionProps }), /* @__PURE__ */ React4.createElement(ResultsContainer2, { ...sectionProps }, getResultSections())), /* @__PURE__ */ React4.createElement(FooterSection, null, /* @__PURE__ */ React4.createElement(FooterText, { ...sectionProps })));
   }
 };
 
@@ -808,26 +798,26 @@ var ReportCollapsibleContainer = NamedFC(
     const { id: id2, header, headingLevel, content, containerClassName, buttonAriaLabel } = props;
     const contentId = `content-container-${id2}` + (props.testKey ? `-${props.testKey}` : "");
     const outerDivClassName = (0, import_utilities2.css)("collapsible-container", containerClassName, "collapsed");
-    return /* @__PURE__ */ React5.createElement("div", {
-      className: outerDivClassName
-    }, /* @__PURE__ */ React5.createElement(HeadingElementForLevel, {
-      headingLevel,
-      className: "title-container"
-    }, /* @__PURE__ */ React5.createElement("button", {
-      className: "collapsible-control",
-      "aria-expanded": "false",
-      "aria-controls": contentId,
-      "aria-label": buttonAriaLabel
-    }, header)), /* @__PURE__ */ React5.createElement("div", {
-      id: contentId,
-      className: "collapsible-content",
-      "aria-hidden": "true"
-    }, content));
+    return /* @__PURE__ */ React5.createElement("div", { className: outerDivClassName }, /* @__PURE__ */ React5.createElement(
+      HeadingElementForLevel,
+      {
+        headingLevel,
+        className: "title-container"
+      },
+      /* @__PURE__ */ React5.createElement(
+        "button",
+        {
+          className: "collapsible-control",
+          "aria-expanded": "false",
+          "aria-controls": contentId,
+          "aria-label": buttonAriaLabel
+        },
+        header
+      )
+    ), /* @__PURE__ */ React5.createElement("div", { id: contentId, className: "collapsible-content", "aria-hidden": "true" }, content));
   }
 );
-var ReportCollapsibleContainerControl = (collapsibleControlProps) => /* @__PURE__ */ React5.createElement(ReportCollapsibleContainer, {
-  ...collapsibleControlProps
-});
+var ReportCollapsibleContainerControl = (collapsibleControlProps) => /* @__PURE__ */ React5.createElement(ReportCollapsibleContainer, { ...collapsibleControlProps });
 
 // src/reports/combined-report-html-generator.tsx
 var CombinedReportHtmlGenerator = class {
@@ -868,9 +858,7 @@ var CombinedReportHtmlGenerator = class {
       sectionFactory: this.sectionFactory,
       ...detailsProps
     };
-    const bodyElement = /* @__PURE__ */ React6.createElement(ReportBody, {
-      ...props
-    });
+    const bodyElement = /* @__PURE__ */ React6.createElement(ReportBody, { ...props });
     const bodyMarkup = this.reactStaticRenderer.renderToStaticMarkup(bodyElement);
     return '<!DOCTYPE html><html lang="en">' + headMarkup + bodyMarkup + "</html>";
   }
@@ -907,138 +895,150 @@ var React34 = __toESM(require("react"));
 
 // src/common/icons/check-icon.tsx
 var React7 = __toESM(require("react"));
-var CheckIcon = NamedFC("CheckIcon", () => /* @__PURE__ */ React7.createElement("span", {
-  className: "check-container"
-}, /* @__PURE__ */ React7.createElement("svg", {
-  width: "16",
-  height: "16",
-  viewBox: "0 0 16 16",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg",
-  role: "img",
-  "aria-hidden": "true"
-}, /* @__PURE__ */ React7.createElement("circle", {
-  cx: "8",
-  cy: "8",
-  r: "8",
-  fill: "#228722"
-}), /* @__PURE__ */ React7.createElement("path", {
-  fillRule: "evenodd",
-  clipRule: "evenodd",
-  d: "M6.05904 11.1417L6.0616 11.1442C6.10737 11.19 6.15668 11.23 6.20867 11.2643C6.57256 11.5046 7.06707 11.4646 7.38742 11.1442C7.38861 11.143 7.38982 11.1418 7.391 11.1406L11.9312 6.60041C12.2974 6.23427 12.2974 5.64071 11.9312 5.27457C11.5651 4.90848 10.9715 4.90848 10.6054 5.27457L6.72452 9.15545L5.60041 8.03134C5.2343 7.66524 4.64071 7.66524 4.27459 8.03134C3.90847 8.39747 3.90847 8.99104 4.27459 9.35718L6.05904 11.1417Z",
-  fill: "var(--neutral-0)"
-}))));
-var CheckIconInverted = NamedFC("CheckIconInverted", () => /* @__PURE__ */ React7.createElement("span", {
-  className: "check-container"
-}, /* @__PURE__ */ React7.createElement("svg", {
-  width: "16",
-  height: "16",
-  viewBox: "0 0 16 16",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg",
-  role: "img",
-  "aria-hidden": "true"
-}, /* @__PURE__ */ React7.createElement("path", {
-  fillRule: "evenodd",
-  clipRule: "evenodd",
-  d: "M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM6.0616 11.1442L6.05904 11.1417L4.27459 9.35718C3.90847 8.99104 3.90847 8.39747 4.27459 8.03134C4.64071 7.66524 5.2343 7.66524 5.60041 8.03134L6.72452 9.15545L10.6054 5.27457C10.9715 4.90848 11.5651 4.90848 11.9312 5.27457C12.2974 5.64071 12.2974 6.23427 11.9312 6.60041L7.391 11.1406L7.38742 11.1442C7.06707 11.4646 6.57256 11.5046 6.20867 11.2643C6.15668 11.23 6.10737 11.19 6.0616 11.1442Z",
-  fill: "white"
-}))));
+var CheckIcon = NamedFC("CheckIcon", () => /* @__PURE__ */ React7.createElement("span", { className: "check-container" }, /* @__PURE__ */ React7.createElement(
+  "svg",
+  {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    "aria-hidden": "true"
+  },
+  /* @__PURE__ */ React7.createElement("circle", { cx: "8", cy: "8", r: "8", fill: "#228722" }),
+  /* @__PURE__ */ React7.createElement(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M6.05904 11.1417L6.0616 11.1442C6.10737 11.19 6.15668 11.23 6.20867 11.2643C6.57256 11.5046 7.06707 11.4646 7.38742 11.1442C7.38861 11.143 7.38982 11.1418 7.391 11.1406L11.9312 6.60041C12.2974 6.23427 12.2974 5.64071 11.9312 5.27457C11.5651 4.90848 10.9715 4.90848 10.6054 5.27457L6.72452 9.15545L5.60041 8.03134C5.2343 7.66524 4.64071 7.66524 4.27459 8.03134C3.90847 8.39747 3.90847 8.99104 4.27459 9.35718L6.05904 11.1417Z",
+      fill: "var(--neutral-0)"
+    }
+  )
+)));
+var CheckIconInverted = NamedFC("CheckIconInverted", () => /* @__PURE__ */ React7.createElement("span", { className: "check-container" }, /* @__PURE__ */ React7.createElement(
+  "svg",
+  {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    "aria-hidden": "true"
+  },
+  /* @__PURE__ */ React7.createElement(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM6.0616 11.1442L6.05904 11.1417L4.27459 9.35718C3.90847 8.99104 3.90847 8.39747 4.27459 8.03134C4.64071 7.66524 5.2343 7.66524 5.60041 8.03134L6.72452 9.15545L10.6054 5.27457C10.9715 4.90848 11.5651 4.90848 11.9312 5.27457C12.2974 5.64071 12.2974 6.23427 11.9312 6.60041L7.391 11.1406L7.38742 11.1442C7.06707 11.4646 6.57256 11.5046 6.20867 11.2643C6.15668 11.23 6.10737 11.19 6.0616 11.1442Z",
+      fill: "white"
+    }
+  )
+)));
 
 // src/common/icons/circle-icon.tsx
 var React8 = __toESM(require("react"));
-var CircleIcon = NamedFC("CircleIcon", () => /* @__PURE__ */ React8.createElement("span", {
-  className: "check-container"
-}));
+var CircleIcon = NamedFC("CircleIcon", () => /* @__PURE__ */ React8.createElement("span", { className: "check-container" }));
 
 // src/common/icons/cross-icon.tsx
 var React9 = __toESM(require("react"));
-var CrossIcon = NamedFC("CrossIcon", () => /* @__PURE__ */ React9.createElement("span", {
-  className: "check-container"
-}, /* @__PURE__ */ React9.createElement("svg", {
-  width: "16",
-  height: "16",
-  viewBox: "0 0 16 16",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg",
-  role: "img",
-  "aria-hidden": "true"
-}, /* @__PURE__ */ React9.createElement("circle", {
-  cx: "8",
-  cy: "8",
-  r: "8",
-  fill: "#E81123"
-}), /* @__PURE__ */ React9.createElement("path", {
-  d: "M10.9837 6.27639C11.3352 5.92491 11.3352 5.35507 10.9837 5.00359C10.6322 4.65212 10.0624 4.65212 9.7109 5.00359L7.99722 6.71728L6.28375 5.00381C5.93227 4.65234 5.36242 4.65234 5.01095 5.00381C4.65948 5.35528 4.65948 5.92513 5.01095 6.2766L6.72443 7.99007L4.9837 9.7308C4.63222 10.0823 4.63222 10.6521 4.9837 11.0036C5.33517 11.3551 5.90502 11.3551 6.25649 11.0036L7.99722 9.26287L9.73816 11.0038C10.0896 11.3553 10.6595 11.3553 11.011 11.0038C11.3624 10.6523 11.3624 10.0825 11.011 9.73101L9.27001 7.99007L10.9837 6.27639Z",
-  fill: "var(--neutral-0)"
-}))));
-var CrossIconInverted = NamedFC("CrossIconInverted", () => /* @__PURE__ */ React9.createElement("span", {
-  className: "check-container"
-}, /* @__PURE__ */ React9.createElement("svg", {
-  width: "16",
-  height: "16",
-  viewBox: "0 0 16 16",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg",
-  role: "img",
-  "aria-hidden": "true"
-}, /* @__PURE__ */ React9.createElement("path", {
-  fillRule: "evenodd",
-  clipRule: "evenodd",
-  d: "M8 16C12.4183 16 16 12.4183 16 8C16 3.58173 12.4183 0 8 0C3.58172 0 0 3.58173 0 8C0 12.4183 3.58172 16 8 16ZM10.9947 4.99466C10.7018 4.70178 10.2269 4.70178 9.93401 4.99466L8 6.92868L6.06599 4.99466C5.77309 4.70178 5.29823 4.70178 5.00533 4.99466C4.71243 5.28757 4.71243 5.76242 5.00533 6.05533L6.93933 7.98932L4.99467 9.93399C4.70177 10.2269 4.70177 10.7018 4.99467 10.9947C5.28756 11.2876 5.76243 11.2876 6.05532 10.9947L8 9.04999L9.94467 10.9947C10.2376 11.2876 10.7124 11.2876 11.0053 10.9947C11.2982 10.7018 11.2982 10.2269 11.0053 9.93399L9.06066 7.98932L10.9947 6.05533C11.2876 5.76242 11.2876 5.28757 10.9947 4.99466Z",
-  fill: "var(--neutral-0)"
-}))));
+var CrossIcon = NamedFC("CrossIcon", () => /* @__PURE__ */ React9.createElement("span", { className: "check-container" }, /* @__PURE__ */ React9.createElement(
+  "svg",
+  {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    "aria-hidden": "true"
+  },
+  /* @__PURE__ */ React9.createElement("circle", { cx: "8", cy: "8", r: "8", fill: "#E81123" }),
+  /* @__PURE__ */ React9.createElement(
+    "path",
+    {
+      d: "M10.9837 6.27639C11.3352 5.92491 11.3352 5.35507 10.9837 5.00359C10.6322 4.65212 10.0624 4.65212 9.7109 5.00359L7.99722 6.71728L6.28375 5.00381C5.93227 4.65234 5.36242 4.65234 5.01095 5.00381C4.65948 5.35528 4.65948 5.92513 5.01095 6.2766L6.72443 7.99007L4.9837 9.7308C4.63222 10.0823 4.63222 10.6521 4.9837 11.0036C5.33517 11.3551 5.90502 11.3551 6.25649 11.0036L7.99722 9.26287L9.73816 11.0038C10.0896 11.3553 10.6595 11.3553 11.011 11.0038C11.3624 10.6523 11.3624 10.0825 11.011 9.73101L9.27001 7.99007L10.9837 6.27639Z",
+      fill: "var(--neutral-0)"
+    }
+  )
+)));
+var CrossIconInverted = NamedFC("CrossIconInverted", () => /* @__PURE__ */ React9.createElement("span", { className: "check-container" }, /* @__PURE__ */ React9.createElement(
+  "svg",
+  {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    "aria-hidden": "true"
+  },
+  /* @__PURE__ */ React9.createElement(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M8 16C12.4183 16 16 12.4183 16 8C16 3.58173 12.4183 0 8 0C3.58172 0 0 3.58173 0 8C0 12.4183 3.58172 16 8 16ZM10.9947 4.99466C10.7018 4.70178 10.2269 4.70178 9.93401 4.99466L8 6.92868L6.06599 4.99466C5.77309 4.70178 5.29823 4.70178 5.00533 4.99466C4.71243 5.28757 4.71243 5.76242 5.00533 6.05533L6.93933 7.98932L4.99467 9.93399C4.70177 10.2269 4.70177 10.7018 4.99467 10.9947C5.28756 11.2876 5.76243 11.2876 6.05532 10.9947L8 9.04999L9.94467 10.9947C10.2376 11.2876 10.7124 11.2876 11.0053 10.9947C11.2982 10.7018 11.2982 10.2269 11.0053 9.93399L9.06066 7.98932L10.9947 6.05533C11.2876 5.76242 11.2876 5.28757 10.9947 4.99466Z",
+      fill: "var(--neutral-0)"
+    }
+  )
+)));
 
 // src/common/icons/inapplicable-icon.tsx
 var React10 = __toESM(require("react"));
-var InapplicableIcon = NamedFC("InapplicableIcon", () => /* @__PURE__ */ React10.createElement("span", {
-  className: "check-container"
-}, /* @__PURE__ */ React10.createElement("svg", {
-  width: "16",
-  height: "16",
-  viewBox: "0 0 16 16",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg",
-  role: "img",
-  "aria-hidden": "true"
-}, /* @__PURE__ */ React10.createElement("circle", {
-  cx: "8",
-  cy: "8",
-  r: "8",
-  fill: "#737373"
-}), /* @__PURE__ */ React10.createElement("line", {
-  x1: "5.66064",
-  y1: "5.625",
-  x2: "10.2568",
-  y2: "10.2212",
-  stroke: "white",
-  strokeWidth: "1.5",
-  strokeLinecap: "round"
-}))));
-var InapplicableIconInverted = NamedFC("InapplicableIconInverted", () => /* @__PURE__ */ React10.createElement("span", {
-  className: "check-container"
-}, /* @__PURE__ */ React10.createElement("svg", {
-  width: "16",
-  height: "16",
-  viewBox: "0 0 16 16",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg",
-  role: "img",
-  "aria-hidden": "true"
-}, /* @__PURE__ */ React10.createElement("circle", {
-  cx: "8",
-  cy: "8",
-  r: "8",
-  fill: "white"
-}), /* @__PURE__ */ React10.createElement("line", {
-  x1: "5.66064",
-  y1: "5.625",
-  x2: "10.2568",
-  y2: "10.2212",
-  stroke: "#737373",
-  strokeWidth: "1.5",
-  strokeLinecap: "round"
-}))));
+var InapplicableIcon = NamedFC("InapplicableIcon", () => /* @__PURE__ */ React10.createElement("span", { className: "check-container" }, /* @__PURE__ */ React10.createElement(
+  "svg",
+  {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    "aria-hidden": "true"
+  },
+  /* @__PURE__ */ React10.createElement("circle", { cx: "8", cy: "8", r: "8", fill: "#737373" }),
+  /* @__PURE__ */ React10.createElement(
+    "line",
+    {
+      x1: "5.66064",
+      y1: "5.625",
+      x2: "10.2568",
+      y2: "10.2212",
+      stroke: "white",
+      strokeWidth: "1.5",
+      strokeLinecap: "round"
+    }
+  )
+)));
+var InapplicableIconInverted = NamedFC("InapplicableIconInverted", () => /* @__PURE__ */ React10.createElement("span", { className: "check-container" }, /* @__PURE__ */ React10.createElement(
+  "svg",
+  {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    "aria-hidden": "true"
+  },
+  /* @__PURE__ */ React10.createElement("circle", { cx: "8", cy: "8", r: "8", fill: "white" }),
+  /* @__PURE__ */ React10.createElement(
+    "line",
+    {
+      x1: "5.66064",
+      y1: "5.625",
+      x2: "10.2568",
+      y2: "10.2212",
+      stroke: "#737373",
+      strokeWidth: "1.5",
+      strokeLinecap: "round"
+    }
+  )
+)));
 
 // src/reports/components/outcome-type.tsx
 var React11 = __toESM(require("react"));
@@ -1088,20 +1088,16 @@ var OutcomeChip = NamedFC("OutcomeChip", (props) => {
   const { outcomeType, count } = props;
   const { pastTense } = outcomeTypeSemantics[outcomeType];
   const text = `${count} ${pastTense}`;
-  return /* @__PURE__ */ React12.createElement("span", {
-    className: "outcome-chip outcome-chip-" + outcomeType,
-    title: text
-  }, /* @__PURE__ */ React12.createElement("span", {
-    className: "icon"
-  }, /* @__PURE__ */ React12.createElement(OutcomeIcon, {
-    outcomeType
-  })), /* @__PURE__ */ React12.createElement("span", {
-    "data-automation-id": failureCountAutomationId,
-    className: "count",
-    "aria-hidden": "true"
-  }, " ", count), /* @__PURE__ */ React12.createElement("span", {
-    className: "screen-reader-only"
-  }, text));
+  return /* @__PURE__ */ React12.createElement("span", { className: "outcome-chip outcome-chip-" + outcomeType, title: text }, /* @__PURE__ */ React12.createElement("span", { className: "icon" }, /* @__PURE__ */ React12.createElement(OutcomeIcon, { outcomeType })), /* @__PURE__ */ React12.createElement(
+    "span",
+    {
+      "data-automation-id": failureCountAutomationId,
+      className: "count",
+      "aria-hidden": "true"
+    },
+    " ",
+    count
+  ), /* @__PURE__ */ React12.createElement("span", { className: "screen-reader-only" }, text));
 });
 
 // src/reports/components/report-sections/minimal-rule-header.tsx
@@ -1114,26 +1110,11 @@ var MinimalRuleHeader = NamedFC("MinimalRuleHeader", (props) => {
       return null;
     }
     const count = outcomeCounter(rule.nodes);
-    return /* @__PURE__ */ React13.createElement("span", {
-      "aria-hidden": "true"
-    }, /* @__PURE__ */ React13.createElement(OutcomeChip, {
-      count,
-      outcomeType
-    }));
+    return /* @__PURE__ */ React13.createElement("span", { "aria-hidden": "true" }, /* @__PURE__ */ React13.createElement(OutcomeChip, { count, outcomeType }));
   };
-  const renderRuleName = () => /* @__PURE__ */ React13.createElement("span", {
-    "data-automation-id": cardsRuleIdAutomationId,
-    className: "rule-details-id"
-  }, /* @__PURE__ */ React13.createElement("strong", null, rule.id));
-  const renderDescription = () => /* @__PURE__ */ React13.createElement("span", {
-    className: "rule-details-description"
-  }, rule.description);
-  return /* @__PURE__ */ React13.createElement("span", {
-    "data-automation-id": ruleDetailAutomationId,
-    className: "rule-detail"
-  }, /* @__PURE__ */ React13.createElement("span", {
-    className: minimal_rule_header_default.outcomeChipContainer
-  }, renderCountBadge()), /* @__PURE__ */ React13.createElement("span", null, renderRuleName(), ": ", renderDescription()));
+  const renderRuleName = () => /* @__PURE__ */ React13.createElement("span", { "data-automation-id": cardsRuleIdAutomationId, className: "rule-details-id" }, /* @__PURE__ */ React13.createElement("strong", null, rule.id));
+  const renderDescription = () => /* @__PURE__ */ React13.createElement("span", { className: "rule-details-description" }, rule.description);
+  return /* @__PURE__ */ React13.createElement("span", { "data-automation-id": ruleDetailAutomationId, className: "rule-detail" }, /* @__PURE__ */ React13.createElement("span", { className: minimal_rule_header_default.outcomeChipContainer }, renderCountBadge()), /* @__PURE__ */ React13.createElement("span", null, renderRuleName(), ": ", renderDescription()));
 });
 
 // src/common/components/cards/rule-content.tsx
@@ -1158,14 +1139,7 @@ var SimpleCardRow = NamedFC(
   "SimpleCardRow",
   ({ label: givenLabel, content, rowKey, contentClassName }) => {
     const contentStyling = (0, import_utilities3.css)(instance_details_default.rowContent, contentClassName);
-    return /* @__PURE__ */ React14.createElement("tr", {
-      className: instance_details_default.row,
-      key: rowKey
-    }, /* @__PURE__ */ React14.createElement("th", {
-      className: instance_details_default.rowLabel
-    }, givenLabel), /* @__PURE__ */ React14.createElement("td", {
-      className: contentStyling
-    }, content));
+    return /* @__PURE__ */ React14.createElement("tr", { className: instance_details_default.row, key: rowKey }, /* @__PURE__ */ React14.createElement("th", { className: instance_details_default.rowLabel }, givenLabel), /* @__PURE__ */ React14.createElement("td", { className: contentStyling }, content));
   }
 );
 
@@ -1175,12 +1149,15 @@ var GetLabelledStringPropertyCardRow = (label, contentClassName) => {
     if ((0, import_lodash4.isEmpty)(props.propertyData)) {
       return null;
     }
-    return /* @__PURE__ */ React15.createElement(SimpleCardRow, {
-      label,
-      content: props.propertyData,
-      rowKey: `${label}-${props.index}`,
-      contentClassName
-    });
+    return /* @__PURE__ */ React15.createElement(
+      SimpleCardRow,
+      {
+        label,
+        content: props.propertyData,
+        rowKey: `${label}-${props.index}`,
+        contentClassName
+      }
+    );
   });
 };
 
@@ -1204,15 +1181,14 @@ var RelatedPathsCardRow = NamedFC(
     if ((0, import_lodash5.isEmpty)(propertyData)) {
       return null;
     }
-    return /* @__PURE__ */ React16.createElement(SimpleCardRow, {
-      label: `Related paths`,
-      content: /* @__PURE__ */ React16.createElement("ul", {
-        className: related_paths_card_row_default.pathList
-      }, propertyData.map((selector) => /* @__PURE__ */ React16.createElement("li", {
-        key: selector
-      }, selector))),
-      rowKey: `related-paths-row-${index}`
-    });
+    return /* @__PURE__ */ React16.createElement(
+      SimpleCardRow,
+      {
+        label: `Related paths`,
+        content: /* @__PURE__ */ React16.createElement("ul", { className: related_paths_card_row_default.pathList }, propertyData.map((selector) => /* @__PURE__ */ React16.createElement("li", { key: selector }, selector))),
+        rowKey: `related-paths-row-${index}`
+      }
+    );
   }
 );
 
@@ -1225,9 +1201,7 @@ function Term(props) {
   return /* @__PURE__ */ React17.createElement("strong", null, props.children);
 }
 function Code(props) {
-  return /* @__PURE__ */ React17.createElement("span", {
-    className: "insights-code"
-  }, props.children);
+  return /* @__PURE__ */ React17.createElement("span", { className: "insights-code" }, props.children);
 }
 
 // src/common/components/cards/rich-resolution-content.tsx
@@ -1242,15 +1216,7 @@ var RichResolutionContent = NamedFC(
   ({ deps: { LinkComponent }, contentId, contentVariables }) => {
     switch (contentId) {
       case "android/ColorContrast": {
-        return /* @__PURE__ */ React18.createElement("div", {
-          className: rich_resolution_content_default.combinationLists
-        }, /* @__PURE__ */ React18.createElement("ul", {
-          className: rich_resolution_content_default.multiLineTextYesBullet
-        }, /* @__PURE__ */ React18.createElement("li", null, "If the text is intended to be invisible, it passes."), /* @__PURE__ */ React18.createElement("li", null, "If the text is intended to be visible, use", " ", /* @__PURE__ */ React18.createElement(LinkComponent, {
-          href: "https://go.microsoft.com/fwlink/?linkid=2075365"
-        }, "Accessibility Insights for Windows"), " ", "(or the", " ", /* @__PURE__ */ React18.createElement(LinkComponent, {
-          href: "https://developer.paciellogroup.com/resources/contrastanalyser/"
-        }, "Colour Contrast Analyser"), " ", "if you're testing on a Mac) to manually verify that it has sufficient contrast compared to the background. If the background is an image or gradient, test an area where contrast appears to be lowest.")));
+        return /* @__PURE__ */ React18.createElement("div", { className: rich_resolution_content_default.combinationLists }, /* @__PURE__ */ React18.createElement("ul", { className: rich_resolution_content_default.multiLineTextYesBullet }, /* @__PURE__ */ React18.createElement("li", null, "If the text is intended to be invisible, it passes."), /* @__PURE__ */ React18.createElement("li", null, "If the text is intended to be visible, use", " ", /* @__PURE__ */ React18.createElement(LinkComponent, { href: "https://go.microsoft.com/fwlink/?linkid=2075365" }, "Accessibility Insights for Windows"), " ", "(or the", " ", /* @__PURE__ */ React18.createElement(LinkComponent, { href: "https://developer.paciellogroup.com/resources/contrastanalyser/" }, "Colour Contrast Analyser"), " ", "if you're testing on a Mac) to manually verify that it has sufficient contrast compared to the background. If the background is an image or gradient, test an area where contrast appears to be lowest.")));
       }
       case "android/TouchSizeWcag": {
         const { logicalWidth, logicalHeight } = contentVariables;
@@ -1266,21 +1232,13 @@ var RichResolutionContent = NamedFC(
         return /* @__PURE__ */ React18.createElement("span", null, "The element's ", /* @__PURE__ */ React18.createElement(Code, null, "contentDescription"), " overrides the text value required by assistive technologies. Remove the element's", " ", /* @__PURE__ */ React18.createElement(Code, null, "contentDescription"), " attribute.");
       }
       case "android/atfa/ClassNameCheck": {
-        return /* @__PURE__ */ React18.createElement("span", null, /* @__PURE__ */ React18.createElement(LinkComponent, {
-          href: "https://developer.android.com/training/accessibility/testing.html#manual"
-        }, "Manually test"), " ", "the control to verify that users receive sufficient information to understand the object's function.");
+        return /* @__PURE__ */ React18.createElement("span", null, /* @__PURE__ */ React18.createElement(LinkComponent, { href: "https://developer.android.com/training/accessibility/testing.html#manual" }, "Manually test"), " ", "the control to verify that users receive sufficient information to understand the object's function.");
       }
       case "android/atfa/ClickableSpanCheck": {
-        return /* @__PURE__ */ React18.createElement("span", null, /* @__PURE__ */ React18.createElement(LinkComponent, {
-          href: "https://developer.android.com/training/accessibility/testing.html#manual"
-        }, "Manually test"), " ", "the item containing the link and verify that the hyperlinked text is announced and appears in the \u201CLinks\u201D section of Talkback\u2019s Context Menu.");
+        return /* @__PURE__ */ React18.createElement("span", null, /* @__PURE__ */ React18.createElement(LinkComponent, { href: "https://developer.android.com/training/accessibility/testing.html#manual" }, "Manually test"), " ", "the item containing the link and verify that the hyperlinked text is announced and appears in the \u201CLinks\u201D section of Talkback\u2019s Context Menu.");
       }
       case "android/atfa/DuplicateClickableBoundsCheck": {
-        return /* @__PURE__ */ React18.createElement("span", null, "Turn on", " ", /* @__PURE__ */ React18.createElement(LinkComponent, {
-          href: "https://support.google.com/accessibility/android/answer/6301490"
-        }, "Switch Access for Android"), " ", "or use the", " ", /* @__PURE__ */ React18.createElement(LinkComponent, {
-          href: "https://accessibilityinsights.io/docs/en/android/getstarted/fastpass/#complete-the-manual-test-for-tab-stops"
-        }, "TabStops feature"), " ", "to navigate through the elements in the application. If an element appears to be focused more than once, there may be multiple interactive elements occupying the same screen location.");
+        return /* @__PURE__ */ React18.createElement("span", null, "Turn on", " ", /* @__PURE__ */ React18.createElement(LinkComponent, { href: "https://support.google.com/accessibility/android/answer/6301490" }, "Switch Access for Android"), " ", "or use the", " ", /* @__PURE__ */ React18.createElement(LinkComponent, { href: "https://accessibilityinsights.io/docs/en/android/getstarted/fastpass/#complete-the-manual-test-for-tab-stops" }, "TabStops feature"), " ", "to navigate through the elements in the application. If an element appears to be focused more than once, there may be multiple interactive elements occupying the same screen location.");
       }
       case "android/atfa/DuplicateSpeakableTextCheck": {
         return /* @__PURE__ */ React18.createElement("span", null, "If clickable ", /* @__PURE__ */ React18.createElement(Code, null, "View"), " objects have the ", /* @__PURE__ */ React18.createElement("i", null, "same"), " ", "speakable text and perform the ", /* @__PURE__ */ React18.createElement("i", null, "same"), " function, they pass.", /* @__PURE__ */ React18.createElement("br", null), "If clickable ", /* @__PURE__ */ React18.createElement(Code, null, "View"), " objects have the ", /* @__PURE__ */ React18.createElement("i", null, "same"), " ", "speakable text but perform ", /* @__PURE__ */ React18.createElement("i", null, "different"), " functions, they fail.");
@@ -1295,40 +1253,16 @@ var RichResolutionContent = NamedFC(
         return /* @__PURE__ */ React18.createElement("span", null, "Turn on Talkback. Swipe right to move accessibility focus forward through the elements on the screen, then swipe left to navigate backwards. Verify that focus moves through the elements in a logical, consistent order when navigating forwards or backwards.");
       }
       case "android/atfa/TextContrastCheck": {
-        return /* @__PURE__ */ React18.createElement("div", {
-          className: rich_resolution_content_default.combinationLists
-        }, /* @__PURE__ */ React18.createElement("ul", {
-          className: rich_resolution_content_default.multiLineTextYesBullet
-        }, /* @__PURE__ */ React18.createElement("li", null, "If the text is intended to be invisible, it passes."), /* @__PURE__ */ React18.createElement("li", null, "If the text is intended to be visible, use", " ", /* @__PURE__ */ React18.createElement(LinkComponent, {
-          href: "https://go.microsoft.com/fwlink/?linkid=2075365"
-        }, "Accessibility Insights for Windows"), " ", "(or the", " ", /* @__PURE__ */ React18.createElement(LinkComponent, {
-          href: "https://developer.paciellogroup.com/resources/contrastanalyser/"
-        }, "Colour Contrast Analyser"), " ", "if you're testing on a Mac) to manually verify that it has sufficient contrast compared to the background. If the background is an image or gradient, test an area where contrast appears to be lowest.")));
+        return /* @__PURE__ */ React18.createElement("div", { className: rich_resolution_content_default.combinationLists }, /* @__PURE__ */ React18.createElement("ul", { className: rich_resolution_content_default.multiLineTextYesBullet }, /* @__PURE__ */ React18.createElement("li", null, "If the text is intended to be invisible, it passes."), /* @__PURE__ */ React18.createElement("li", null, "If the text is intended to be visible, use", " ", /* @__PURE__ */ React18.createElement(LinkComponent, { href: "https://go.microsoft.com/fwlink/?linkid=2075365" }, "Accessibility Insights for Windows"), " ", "(or the", " ", /* @__PURE__ */ React18.createElement(LinkComponent, { href: "https://developer.paciellogroup.com/resources/contrastanalyser/" }, "Colour Contrast Analyser"), " ", "if you're testing on a Mac) to manually verify that it has sufficient contrast compared to the background. If the background is an image or gradient, test an area where contrast appears to be lowest.")));
       }
       case "android/atfa/ImageContrastCheck": {
-        return /* @__PURE__ */ React18.createElement("span", null, "Use", " ", /* @__PURE__ */ React18.createElement(LinkComponent, {
-          href: "https://go.microsoft.com/fwlink/?linkid=2075365"
-        }, "Accessibility Insights for Windows"), " ", "(or the", " ", /* @__PURE__ */ React18.createElement(LinkComponent, {
-          href: "https://developer.paciellogroup.com/resources/contrastanalyser/"
-        }, "Colour Contrast Analyser"), " ", "if you're testing on a Mac) to manually verify that the", " ", /* @__PURE__ */ React18.createElement(Code, null, "ImageView"), " has sufficient contrast compared to the background. If the background is an image or gradient, test an area where the contrast appears to be the lowest.");
+        return /* @__PURE__ */ React18.createElement("span", null, "Use", " ", /* @__PURE__ */ React18.createElement(LinkComponent, { href: "https://go.microsoft.com/fwlink/?linkid=2075365" }, "Accessibility Insights for Windows"), " ", "(or the", " ", /* @__PURE__ */ React18.createElement(LinkComponent, { href: "https://developer.paciellogroup.com/resources/contrastanalyser/" }, "Colour Contrast Analyser"), " ", "if you're testing on a Mac) to manually verify that the", " ", /* @__PURE__ */ React18.createElement(Code, null, "ImageView"), " has sufficient contrast compared to the background. If the background is an image or gradient, test an area where the contrast appears to be the lowest.");
       }
       case "web/aria-input-field-name": {
-        return /* @__PURE__ */ React18.createElement("div", null, "Inspect the element using the", " ", /* @__PURE__ */ React18.createElement(LinkComponent, {
-          href: "https://developers.google.com/web/updates/2018/01/devtools"
-        }, "Accessibility pane in the browser Developer Tools"), " ", "to verify that the field's accessible name is complete without its associated", " ", /* @__PURE__ */ React18.createElement("b", null, "<", "label", ">"), ".");
+        return /* @__PURE__ */ React18.createElement("div", null, "Inspect the element using the", " ", /* @__PURE__ */ React18.createElement(LinkComponent, { href: "https://developers.google.com/web/updates/2018/01/devtools" }, "Accessibility pane in the browser Developer Tools"), " ", "to verify that the field's accessible name is complete without its associated", " ", /* @__PURE__ */ React18.createElement("b", null, "<", "label", ">"), ".");
       }
       case "web/color-contrast": {
-        return /* @__PURE__ */ React18.createElement("div", {
-          className: rich_resolution_content_default.combinationLists
-        }, /* @__PURE__ */ React18.createElement("ul", {
-          className: rich_resolution_content_default.multiLineTextYesBullet
-        }, /* @__PURE__ */ React18.createElement("li", null, "If the instance is an icon or other non-text content, ignore it. This rule applies only to text."), /* @__PURE__ */ React18.createElement("li", null, "If the instance is text, use", " ", /* @__PURE__ */ React18.createElement(LinkComponent, {
-          href: "https://go.microsoft.com/fwlink/?linkid=2075365"
-        }, "Accessibility Insights for Windows"), " ", "(or the", " ", /* @__PURE__ */ React18.createElement(LinkComponent, {
-          href: "https://developer.paciellogroup.com/resources/contrastanalyser/"
-        }, "Colour Contrast Analyser"), " ", "if you're testing on a Mac) to manually verify that it has sufficient contrast compared to the background. If the background is an image or gradient, test an area where contrast appears to be lowest.")), /* @__PURE__ */ React18.createElement("ul", {
-          className: rich_resolution_content_default.multiLineTextNoBullet
-        }, /* @__PURE__ */ React18.createElement("li", null, "For detailed test instructions, see", " ", /* @__PURE__ */ React18.createElement(Term, null, "Assessment ", ">", " Adaptable content ", ">", " Contrast"), ".")));
+        return /* @__PURE__ */ React18.createElement("div", { className: rich_resolution_content_default.combinationLists }, /* @__PURE__ */ React18.createElement("ul", { className: rich_resolution_content_default.multiLineTextYesBullet }, /* @__PURE__ */ React18.createElement("li", null, "If the instance is an icon or other non-text content, ignore it. This rule applies only to text."), /* @__PURE__ */ React18.createElement("li", null, "If the instance is text, use", " ", /* @__PURE__ */ React18.createElement(LinkComponent, { href: "https://go.microsoft.com/fwlink/?linkid=2075365" }, "Accessibility Insights for Windows"), " ", "(or the", " ", /* @__PURE__ */ React18.createElement(LinkComponent, { href: "https://developer.paciellogroup.com/resources/contrastanalyser/" }, "Colour Contrast Analyser"), " ", "if you're testing on a Mac) to manually verify that it has sufficient contrast compared to the background. If the background is an image or gradient, test an area where contrast appears to be lowest.")), /* @__PURE__ */ React18.createElement("ul", { className: rich_resolution_content_default.multiLineTextNoBullet }, /* @__PURE__ */ React18.createElement("li", null, "For detailed test instructions, see", " ", /* @__PURE__ */ React18.createElement(Term, null, "Assessment ", ">", " Adaptable content ", ">", " Contrast"), ".")));
       }
       case "web/th-has-data-cells": {
         return /* @__PURE__ */ React18.createElement("div", null, "Examine the header cell in the context of the table to verify that it has no data cells.");
@@ -1355,14 +1289,14 @@ var RichResolutionContent = NamedFC(
 var RichResolutionCardRow = NamedFC(
   "RichResolutionCardRow",
   ({ deps, index, propertyData }) => {
-    return /* @__PURE__ */ React19.createElement(SimpleCardRow, {
-      label: `How to ${propertyData.labelType}`,
-      content: /* @__PURE__ */ React19.createElement(RichResolutionContent, {
-        deps,
-        ...propertyData
-      }),
-      rowKey: `rich-resolution-row-${index}`
-    });
+    return /* @__PURE__ */ React19.createElement(
+      SimpleCardRow,
+      {
+        label: `How to ${propertyData.labelType}`,
+        content: /* @__PURE__ */ React19.createElement(RichResolutionContent, { deps, ...propertyData }),
+        rowKey: `rich-resolution-row-${index}`
+      }
+    );
   }
 );
 
@@ -1379,15 +1313,16 @@ var urls_card_row_default = { "urlsRowContent": "urls-row-content--JDdRx", "urls
 var UrlsCardRow = NamedFC("UrlsCardRow", ({ deps, ...props }) => {
   const urlInfos = props.propertyData.urlInfos;
   const renderUrlContent = () => {
-    return /* @__PURE__ */ React20.createElement("ul", {
-      className: urls_card_row_default.urlsRowContent
-    }, urlInfos.map((urlInfo, index) => getUrlListItem(urlInfo, index, deps)));
+    return /* @__PURE__ */ React20.createElement("ul", { className: urls_card_row_default.urlsRowContent }, urlInfos.map((urlInfo, index) => getUrlListItem(urlInfo, index, deps)));
   };
-  return /* @__PURE__ */ React20.createElement(SimpleCardRow, {
-    label: "URL",
-    content: renderUrlContent(),
-    rowKey: `urls-row-${props.index}`
-  });
+  return /* @__PURE__ */ React20.createElement(
+    SimpleCardRow,
+    {
+      label: "URL",
+      content: renderUrlContent(),
+      rowKey: `urls-row-${props.index}`
+    }
+  );
 });
 var isNewViolation = (urlInfo) => {
   return urlInfo.baselineStatus === "new";
@@ -1395,22 +1330,9 @@ var isNewViolation = (urlInfo) => {
 function getUrlListItem(urlInfo, index, deps) {
   const key = `urls-${index}`;
   if (isNewViolation(urlInfo)) {
-    return /* @__PURE__ */ React20.createElement("li", {
-      key
-    }, /* @__PURE__ */ React20.createElement(deps.LinkComponent, {
-      "aria-label": `NEW. ${urlInfo.url}`,
-      href: urlInfo.url
-    }, urlInfo.url), /* @__PURE__ */ React20.createElement("span", {
-      key: "new",
-      "aria-hidden": "true",
-      className: urls_card_row_default.urlsRowContentNewFailure
-    }, "  NEW!"));
-  }
-  return /* @__PURE__ */ React20.createElement("li", {
-    key
-  }, /* @__PURE__ */ React20.createElement(deps.LinkComponent, {
-    href: urlInfo.url
-  }, urlInfo.url));
+    return /* @__PURE__ */ React20.createElement("li", { key }, /* @__PURE__ */ React20.createElement(deps.LinkComponent, { "aria-label": `NEW. ${urlInfo.url}`, href: urlInfo.url }, urlInfo.url), /* @__PURE__ */ React20.createElement("span", { key: "new", "aria-hidden": "true", className: urls_card_row_default.urlsRowContentNewFailure }, "  NEW!"));
+  }
+  return /* @__PURE__ */ React20.createElement("li", { key }, /* @__PURE__ */ React20.createElement(deps.LinkComponent, { href: urlInfo.url }, urlInfo.url));
 }
 
 // src/common/components/cards/how-to-fix-card-row.tsx
@@ -1442,9 +1364,7 @@ var FixInstructionPanel = NamedFC(
     };
     const renderInstructions = (checkType) => {
       const instructionList = props.checks.map((check, checkIndex) => {
-        return /* @__PURE__ */ React21.createElement("li", {
-          key: `instruction-${CheckType[checkType]}-${checkIndex + 1}`
-        }, fixInstructionProcessor.process(check.message, props.deps.recommendColor));
+        return /* @__PURE__ */ React21.createElement("li", { key: `instruction-${CheckType[checkType]}-${checkIndex + 1}` }, fixInstructionProcessor.process(check.message, props.deps.recommendColor));
       });
       return instructionList;
     };
@@ -1465,19 +1385,23 @@ var HowToFixWebCardRow = NamedFC(
   ({ deps, ...props }) => {
     const { any: anyOf, all, none } = props.propertyData;
     const renderFixInstructionsContent = () => {
-      return /* @__PURE__ */ React22.createElement("div", {
-        className: how_to_fix_card_row_default.howToFixContent
-      }, /* @__PURE__ */ React22.createElement(FixInstructionPanel, {
-        deps,
-        checkType: 0 /* All */,
-        checks: all.concat(none).map(turnStringToMessageObject),
-        renderTitleElement: renderFixInstructionsTitleElement
-      }), /* @__PURE__ */ React22.createElement(FixInstructionPanel, {
-        deps,
-        checkType: 1 /* Any */,
-        checks: anyOf.map(turnStringToMessageObject),
-        renderTitleElement: renderFixInstructionsTitleElement
-      }));
+      return /* @__PURE__ */ React22.createElement("div", { className: how_to_fix_card_row_default.howToFixContent }, /* @__PURE__ */ React22.createElement(
+        FixInstructionPanel,
+        {
+          deps,
+          checkType: 0 /* All */,
+          checks: all.concat(none).map(turnStringToMessageObject),
+          renderTitleElement: renderFixInstructionsTitleElement
+        }
+      ), /* @__PURE__ */ React22.createElement(
+        FixInstructionPanel,
+        {
+          deps,
+          checkType: 1 /* Any */,
+          checks: anyOf.map(turnStringToMessageObject),
+          renderTitleElement: renderFixInstructionsTitleElement
+        }
+      ));
     };
     const turnStringToMessageObject = (s) => {
       return { message: s };
@@ -1485,11 +1409,14 @@ var HowToFixWebCardRow = NamedFC(
     const renderFixInstructionsTitleElement = (titleText) => {
       return /* @__PURE__ */ React22.createElement("div", null, titleText);
     };
-    return /* @__PURE__ */ React22.createElement(SimpleCardRow, {
-      label: "How to fix",
-      content: renderFixInstructionsContent(),
-      rowKey: `how-to-fix-row-${props.index}`
-    });
+    return /* @__PURE__ */ React22.createElement(
+      SimpleCardRow,
+      {
+        label: "How to fix",
+        content: renderFixInstructionsContent(),
+        rowKey: `how-to-fix-row-${props.index}`
+      }
+    );
   }
 );
 
@@ -1559,28 +1486,22 @@ var import_Styling = require("@fluentui/react/lib/Styling");
 
 // src/common/icons/more-actions-menu-icon.tsx
 var React23 = __toESM(require("react"));
-var MoreActionsMenuIcon = NamedFC("MoreActionsMenuIcon", () => /* @__PURE__ */ React23.createElement("svg", {
-  width: "10",
-  height: "16",
-  viewBox: "0 0 10 16",
-  fill: "none",
-  stroke: "currentColor",
-  xmlns: "http://www.w3.org/2000/svg",
-  role: "img",
-  "aria-hidden": "true"
-}, /* @__PURE__ */ React23.createElement("circle", {
-  cx: "5",
-  cy: "14",
-  r: "1.5"
-}), /* @__PURE__ */ React23.createElement("circle", {
-  cx: "5",
-  cy: "8",
-  r: "1.5"
-}), /* @__PURE__ */ React23.createElement("circle", {
-  cx: "5",
-  cy: "2",
-  r: "1.5"
-})));
+var MoreActionsMenuIcon = NamedFC("MoreActionsMenuIcon", () => /* @__PURE__ */ React23.createElement(
+  "svg",
+  {
+    width: "10",
+    height: "16",
+    viewBox: "0 0 10 16",
+    fill: "none",
+    stroke: "currentColor",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    "aria-hidden": "true"
+  },
+  /* @__PURE__ */ React23.createElement("circle", { cx: "5", cy: "14", r: "1.5" }),
+  /* @__PURE__ */ React23.createElement("circle", { cx: "5", cy: "8", r: "1.5" }),
+  /* @__PURE__ */ React23.createElement("circle", { cx: "5", cy: "2", r: "1.5" })
+));
 
 // src/common/components/cards/card-footer-instance-action-buttons.tsx
 var React25 = __toESM(require("react"));
@@ -1611,12 +1532,7 @@ var _Toast = class extends React24.Component {
     }
   }
   render() {
-    return /* @__PURE__ */ React24.createElement("div", {
-      className: toast_default.toastContainer,
-      "aria-live": "polite"
-    }, this.state.toastVisible ? /* @__PURE__ */ React24.createElement("div", {
-      className: (0, import_utilities4.css)("ms-fadeIn100", toast_default.toastContent)
-    }, this.state.content) : null);
+    return /* @__PURE__ */ React24.createElement("div", { className: toast_default.toastContainer, "aria-live": "polite" }, this.state.toastVisible ? /* @__PURE__ */ React24.createElement("div", { className: (0, import_utilities4.css)("ms-fadeIn100", toast_default.toastContent) }, this.state.content) : null);
   }
 };
 var Toast = _Toast;
@@ -1651,9 +1567,12 @@ var CardFooterInstanceActionButtons = class extends React25.Component {
     if (menuItems.length === 0) {
       return null;
     }
-    return /* @__PURE__ */ React25.createElement("div", {
-      onKeyDown: (event) => event.stopPropagation()
-    }, this.renderButtons(), this.renderCopyFailureDetailsToast());
+    return (
+      // The wrapper has to be a real element, not a <>, because we want the placeholder elements
+      // the dialog/toast involve to be considered as part of the button for the purposes of layout
+      // calculation in this component's parent.
+      /* @__PURE__ */ React25.createElement("div", { onKeyDown: (event) => event.stopPropagation() }, this.renderButtons(), this.renderCopyFailureDetailsToast())
+    );
   }
   renderButtons() {
     var _a;
@@ -1664,41 +1583,42 @@ var CardFooterInstanceActionButtons = class extends React25.Component {
     }
   }
   renderKebabButton() {
-    return /* @__PURE__ */ React25.createElement(import_react4.ActionButton, {
-      componentRef: (ref) => this.kebabButtonRef = ref,
-      ariaLabel: this.props.kebabMenuAriaLabel || "More actions",
-      menuIconProps: {
-        iconName: "MoreActionsMenuIcon",
-        className: card_footer_instance_action_buttons_default.kebabMenuIcon
-      },
-      menuProps: {
-        directionalHint: import_react4.DirectionalHint.bottomRightEdge,
-        shouldFocusOnMount: true,
-        items: this.getMenuItems()
+    return /* @__PURE__ */ React25.createElement(
+      import_react4.ActionButton,
+      {
+        componentRef: (ref) => this.kebabButtonRef = ref,
+        ariaLabel: this.props.kebabMenuAriaLabel || "More actions",
+        menuIconProps: {
+          iconName: "MoreActionsMenuIcon",
+          className: card_footer_instance_action_buttons_default.kebabMenuIcon
+        },
+        menuProps: {
+          directionalHint: import_react4.DirectionalHint.bottomRightEdge,
+          shouldFocusOnMount: true,
+          items: this.getMenuItems()
+        }
       }
-    });
+    );
   }
   renderExpandedButtons() {
     const menuItems = this.getMenuItems();
-    return /* @__PURE__ */ React25.createElement(React25.Fragment, null, menuItems.map((props) => /* @__PURE__ */ React25.createElement("span", {
-      key: props.key
-    }, /* @__PURE__ */ React25.createElement(import_react4.ActionButton, {
-      onClick: props.onClick,
-      text: props.text,
-      iconProps: props.iconProps,
-      className: props.key,
-      componentRef: props.componentRef
-    }))));
+    return /* @__PURE__ */ React25.createElement(React25.Fragment, null, menuItems.map((props) => /* @__PURE__ */ React25.createElement("span", { key: props.key }, /* @__PURE__ */ React25.createElement(
+      import_react4.ActionButton,
+      {
+        onClick: props.onClick,
+        text: props.text,
+        iconProps: props.iconProps,
+        className: props.key,
+        componentRef: props.componentRef
+      }
+    ))));
   }
   renderCopyFailureDetailsToast() {
     const { cardInteractionSupport } = this.props.deps;
     if (!cardInteractionSupport.supportsCopyFailureDetails) {
       return null;
     }
-    return /* @__PURE__ */ React25.createElement(Toast, {
-      ref: this.toastRef,
-      deps: this.props.deps
-    });
+    return /* @__PURE__ */ React25.createElement(Toast, { ref: this.toastRef, deps: this.props.deps });
   }
   getMenuItems() {
     return this.props.deps.cardFooterMenuItemsBuilder.getCardFooterMenuItems({
@@ -1712,42 +1632,63 @@ var CardFooterInstanceActionButtons = class extends React25.Component {
 
 // src/common/icons/highlight-status-icons.tsx
 var React26 = __toESM(require("react"));
-var HighlightVisibleIcon = NamedFC("HighlightVisibleIcon", () => /* @__PURE__ */ React26.createElement("svg", {
-  width: "34",
-  height: "30",
-  viewBox: "0 0 34 30",
-  xmlns: "http://www.w3.org/2000/svg",
-  role: "img",
-  "aria-hidden": "true"
-}, /* @__PURE__ */ React26.createElement("path", {
-  fillRule: "evenodd",
-  clipRule: "evenodd",
-  d: "M24.9247 15.2364C24.9252 15.2363 24.9228 15.2421 24.9161 15.2543C24.9209 15.2427 24.9242 15.2366 24.9247 15.2364ZM24.7382 15.5C24.6733 15.4225 24.5919 15.3323 24.4921 15.2312C24.1054 14.8394 23.5169 14.3566 22.767 13.8872C22.1349 13.4914 21.4077 13.1174 20.6127 12.8166C21.1701 13.5658 21.5 14.4944 21.5 15.5C21.5 16.5056 21.1701 17.4342 20.6127 18.1834C21.4077 17.8826 22.1349 17.5086 22.767 17.1128C23.5169 16.6434 24.1054 16.1606 24.4921 15.7688C24.5919 15.6677 24.6733 15.5775 24.7382 15.5ZM17 12.125H17C15.1361 12.125 13.6251 13.636 13.6251 15.5C13.6251 17.3639 15.1361 18.8749 17 18.8749C18.864 18.8749 20.375 17.3639 20.375 15.5C20.375 13.636 18.864 12.125 17 12.125ZM26 15.5C26 14.6562 21.9706 11 17 11C12.0294 11 8 14.6562 8 15.5C8 16.3438 12.0294 20 17 20C21.9706 20 26 16.3438 26 15.5ZM11.233 13.8872C11.8651 13.4914 12.5923 13.1174 13.3873 12.8165C12.8299 13.5658 12.5001 14.4944 12.5001 15.5C12.5001 16.5056 12.8299 17.4342 13.3874 18.1835C12.5924 17.8826 11.8652 17.5086 11.233 17.1128C10.4831 16.6434 9.8946 16.1606 9.50795 15.7688C9.40811 15.6677 9.32665 15.5775 9.26185 15.5C9.32665 15.4225 9.40811 15.3323 9.50795 15.2312C9.8946 14.8394 10.4831 14.3566 11.233 13.8872ZM9.07531 15.2364C9.07579 15.2366 9.07913 15.2427 9.08386 15.2543C9.07719 15.2421 9.07483 15.2363 9.07531 15.2364ZM9.07531 15.7636C9.07483 15.7637 9.07719 15.7579 9.08386 15.7457C9.07913 15.7573 9.07579 15.7634 9.07531 15.7636ZM24.9161 15.7457C24.9228 15.7579 24.9252 15.7637 24.9247 15.7636C24.9242 15.7634 24.9209 15.7573 24.9161 15.7457ZM17 16.625C17.6213 16.625 18.125 16.1213 18.125 15.5C18.125 14.8787 17.6213 14.375 17 14.375C16.3787 14.375 15.875 14.8787 15.875 15.5C15.875 16.1213 16.3787 16.625 17 16.625Z"
-})));
-var HighlightUnavailableIcon = NamedFC("HighlightUnavailableIcon", () => /* @__PURE__ */ React26.createElement("svg", {
-  width: "34",
-  height: "30",
-  viewBox: "0 0 34 30",
-  xmlns: "http://www.w3.org/2000/svg",
-  role: "img",
-  "aria-hidden": "true"
-}, /* @__PURE__ */ React26.createElement("path", {
-  fillRule: "evenodd",
-  clipRule: "evenodd",
-  d: "M26.0875 10.3814C25.9321 10.1124 25.5881 10.0202 25.3191 10.1756L8.36661 19.9631C8.09757 20.1184 8.00539 20.4624 8.16072 20.7314C8.31605 21.0005 8.66007 21.0927 8.92911 20.9373L12.3384 18.969C13.6981 19.5691 15.2936 20 17 20C21.9706 20 26 16.3437 26 15.5C26 15.0546 24.8771 13.8254 23.0856 12.7641L25.8816 11.1498C26.1506 10.9945 26.2428 10.6505 26.0875 10.3814ZM21.9513 13.419L21.191 13.8579C21.3905 14.3666 21.5 14.9205 21.5 15.5C21.5 16.5056 21.1701 17.4342 20.6127 18.1834C21.4077 17.8826 22.1349 17.5086 22.767 17.1128C23.5169 16.6434 24.1054 16.1605 24.4921 15.7688C24.5919 15.6677 24.6733 15.5775 24.7382 15.5C24.6733 15.4225 24.5919 15.3323 24.4921 15.2312C24.1054 14.8394 23.5169 14.3566 22.767 13.8872C22.5102 13.7264 22.2376 13.5692 21.9513 13.419ZM20.2016 14.4292L18.1172 15.6326C18.0516 16.1914 17.5764 16.625 17 16.625C16.8423 16.625 16.6922 16.5925 16.556 16.534L14.4727 17.7368C15.091 18.4349 15.9941 18.8749 17 18.8749C18.864 18.8749 20.375 17.3639 20.375 15.5C20.375 15.1257 20.3141 14.7656 20.2016 14.4292ZM17 11C18.3092 11 19.5531 11.2536 20.6753 11.6427L18.866 12.6873C18.3315 12.332 17.6899 12.125 17 12.125C15.1361 12.125 13.6251 13.636 13.6251 15.5C13.6251 15.5703 13.6272 15.6402 13.6315 15.7095L12.5745 16.3197C12.5256 16.0539 12.5001 15.7799 12.5001 15.5C12.5001 14.4943 12.8299 13.5658 13.3873 12.8165C12.5923 13.1174 11.8651 13.4914 11.233 13.8872C10.4831 14.3566 9.8946 14.8394 9.50795 15.2312C9.40811 15.3323 9.32665 15.4224 9.26185 15.5C9.32665 15.5775 9.40811 15.6677 9.50795 15.7688C9.89194 16.1579 10.475 16.6368 11.2175 17.1031L10.1285 17.7319C8.80067 16.8111 8 15.8761 8 15.5C8 14.6562 12.0294 11 17 11ZM24.9247 15.2364C24.9252 15.2363 24.9228 15.2421 24.9161 15.2543C24.9209 15.2427 24.9242 15.2366 24.9247 15.2364ZM9.07531 15.2364C9.07579 15.2366 9.07913 15.2427 9.08386 15.2543C9.07719 15.2421 9.07483 15.2363 9.07531 15.2364ZM9.07531 15.7636C9.07483 15.7637 9.07719 15.7579 9.08386 15.7457C9.07913 15.7573 9.07579 15.7634 9.07531 15.7636ZM24.9161 15.7456C24.9228 15.7579 24.9252 15.7637 24.9247 15.7636C24.9242 15.7634 24.9209 15.7573 24.9161 15.7456Z"
-})));
-var HighlightHiddenIcon = NamedFC("HighlightHiddenIcon", () => /* @__PURE__ */ React26.createElement("svg", {
-  width: "34",
-  height: "30",
-  viewBox: "0 0 34 30",
-  xmlns: "http://www.w3.org/2000/svg",
-  role: "img",
-  "aria-hidden": "true"
-}, /* @__PURE__ */ React26.createElement("path", {
-  fillRule: "evenodd",
-  clipRule: "evenodd",
-  d: "M9.08085 15C9.37419 15 9.61642 15.2189 9.65314 15.5022C9.66291 15.5202 9.68058 15.5492 9.70996 15.5894C9.78757 15.6956 9.91672 15.8391 10.1028 16.0101C10.4726 16.3502 11.0242 16.7595 11.7188 17.1541C13.1101 17.9445 15.0205 18.6451 17.1142 18.6451C19.2079 18.6451 21.1184 17.9445 22.5096 17.1541C23.2043 16.7595 23.7559 16.3502 24.1257 16.0101C24.3117 15.8391 24.4409 15.6956 24.5185 15.5894C24.5479 15.5492 24.5655 15.5202 24.5753 15.5022C24.612 15.2189 24.8542 15 25.1476 15C25.2415 15 25.3302 15.0224 25.4086 15.0622C25.4284 15.0708 25.4481 15.0805 25.4674 15.0913L28.8484 16.9905C29.1323 17.1499 29.2394 17.4999 29.0877 17.7723C28.9361 18.0447 28.583 18.1363 28.2992 17.9769L25.3938 16.3449C25.2642 16.5099 25.0983 16.6838 24.9069 16.8598C24.4637 17.2673 23.8388 17.7265 23.0797 18.1577C22.8753 18.2739 22.6601 18.3885 22.4351 18.5L24.1304 21.1648C24.2973 21.4271 24.2088 21.7809 23.9328 21.9549C23.6567 22.129 23.2976 22.0574 23.1307 21.7951L21.3406 18.9814C20.2653 19.3968 19.0358 19.7076 17.7186 19.7821V22.8381C17.7186 23.141 17.448 23.3865 17.1142 23.3865C16.7804 23.3865 16.5098 23.141 16.5098 22.8381L16.5098 19.7821C15.1926 19.7075 13.9631 19.3968 12.8878 18.9814L11.0976 21.7951C10.9307 22.0574 10.5717 22.129 10.2956 21.9549C10.0195 21.7809 9.93105 21.4271 10.0979 21.1648L11.7933 18.5C11.5683 18.3885 11.3531 18.2739 11.1487 18.1577C10.3896 17.7265 9.76474 17.2673 9.32154 16.8598C9.11716 16.6719 8.94198 16.4864 8.80883 16.3116L5.85741 17.9694C5.57358 18.1289 5.22055 18.0373 5.06888 17.7649C4.91722 17.4925 5.02436 17.1424 5.30818 16.983L8.68923 15.0838C8.78815 15.0283 8.89546 15.0032 8.99974 15.0057C9.02624 15.0019 9.05332 15 9.08085 15ZM9.64501 15.486C9.64391 15.4835 9.64348 15.4823 9.64355 15.4823C9.64361 15.4823 9.64416 15.4836 9.64501 15.486Z"
-})));
+var HighlightVisibleIcon = NamedFC("HighlightVisibleIcon", () => /* @__PURE__ */ React26.createElement(
+  "svg",
+  {
+    width: "34",
+    height: "30",
+    viewBox: "0 0 34 30",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    "aria-hidden": "true"
+  },
+  /* @__PURE__ */ React26.createElement(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M24.9247 15.2364C24.9252 15.2363 24.9228 15.2421 24.9161 15.2543C24.9209 15.2427 24.9242 15.2366 24.9247 15.2364ZM24.7382 15.5C24.6733 15.4225 24.5919 15.3323 24.4921 15.2312C24.1054 14.8394 23.5169 14.3566 22.767 13.8872C22.1349 13.4914 21.4077 13.1174 20.6127 12.8166C21.1701 13.5658 21.5 14.4944 21.5 15.5C21.5 16.5056 21.1701 17.4342 20.6127 18.1834C21.4077 17.8826 22.1349 17.5086 22.767 17.1128C23.5169 16.6434 24.1054 16.1606 24.4921 15.7688C24.5919 15.6677 24.6733 15.5775 24.7382 15.5ZM17 12.125H17C15.1361 12.125 13.6251 13.636 13.6251 15.5C13.6251 17.3639 15.1361 18.8749 17 18.8749C18.864 18.8749 20.375 17.3639 20.375 15.5C20.375 13.636 18.864 12.125 17 12.125ZM26 15.5C26 14.6562 21.9706 11 17 11C12.0294 11 8 14.6562 8 15.5C8 16.3438 12.0294 20 17 20C21.9706 20 26 16.3438 26 15.5ZM11.233 13.8872C11.8651 13.4914 12.5923 13.1174 13.3873 12.8165C12.8299 13.5658 12.5001 14.4944 12.5001 15.5C12.5001 16.5056 12.8299 17.4342 13.3874 18.1835C12.5924 17.8826 11.8652 17.5086 11.233 17.1128C10.4831 16.6434 9.8946 16.1606 9.50795 15.7688C9.40811 15.6677 9.32665 15.5775 9.26185 15.5C9.32665 15.4225 9.40811 15.3323 9.50795 15.2312C9.8946 14.8394 10.4831 14.3566 11.233 13.8872ZM9.07531 15.2364C9.07579 15.2366 9.07913 15.2427 9.08386 15.2543C9.07719 15.2421 9.07483 15.2363 9.07531 15.2364ZM9.07531 15.7636C9.07483 15.7637 9.07719 15.7579 9.08386 15.7457C9.07913 15.7573 9.07579 15.7634 9.07531 15.7636ZM24.9161 15.7457C24.9228 15.7579 24.9252 15.7637 24.9247 15.7636C24.9242 15.7634 24.9209 15.7573 24.9161 15.7457ZM17 16.625C17.6213 16.625 18.125 16.1213 18.125 15.5C18.125 14.8787 17.6213 14.375 17 14.375C16.3787 14.375 15.875 14.8787 15.875 15.5C15.875 16.1213 16.3787 16.625 17 16.625Z"
+    }
+  )
+));
+var HighlightUnavailableIcon = NamedFC("HighlightUnavailableIcon", () => /* @__PURE__ */ React26.createElement(
+  "svg",
+  {
+    width: "34",
+    height: "30",
+    viewBox: "0 0 34 30",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    "aria-hidden": "true"
+  },
+  /* @__PURE__ */ React26.createElement(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M26.0875 10.3814C25.9321 10.1124 25.5881 10.0202 25.3191 10.1756L8.36661 19.9631C8.09757 20.1184 8.00539 20.4624 8.16072 20.7314C8.31605 21.0005 8.66007 21.0927 8.92911 20.9373L12.3384 18.969C13.6981 19.5691 15.2936 20 17 20C21.9706 20 26 16.3437 26 15.5C26 15.0546 24.8771 13.8254 23.0856 12.7641L25.8816 11.1498C26.1506 10.9945 26.2428 10.6505 26.0875 10.3814ZM21.9513 13.419L21.191 13.8579C21.3905 14.3666 21.5 14.9205 21.5 15.5C21.5 16.5056 21.1701 17.4342 20.6127 18.1834C21.4077 17.8826 22.1349 17.5086 22.767 17.1128C23.5169 16.6434 24.1054 16.1605 24.4921 15.7688C24.5919 15.6677 24.6733 15.5775 24.7382 15.5C24.6733 15.4225 24.5919 15.3323 24.4921 15.2312C24.1054 14.8394 23.5169 14.3566 22.767 13.8872C22.5102 13.7264 22.2376 13.5692 21.9513 13.419ZM20.2016 14.4292L18.1172 15.6326C18.0516 16.1914 17.5764 16.625 17 16.625C16.8423 16.625 16.6922 16.5925 16.556 16.534L14.4727 17.7368C15.091 18.4349 15.9941 18.8749 17 18.8749C18.864 18.8749 20.375 17.3639 20.375 15.5C20.375 15.1257 20.3141 14.7656 20.2016 14.4292ZM17 11C18.3092 11 19.5531 11.2536 20.6753 11.6427L18.866 12.6873C18.3315 12.332 17.6899 12.125 17 12.125C15.1361 12.125 13.6251 13.636 13.6251 15.5C13.6251 15.5703 13.6272 15.6402 13.6315 15.7095L12.5745 16.3197C12.5256 16.0539 12.5001 15.7799 12.5001 15.5C12.5001 14.4943 12.8299 13.5658 13.3873 12.8165C12.5923 13.1174 11.8651 13.4914 11.233 13.8872C10.4831 14.3566 9.8946 14.8394 9.50795 15.2312C9.40811 15.3323 9.32665 15.4224 9.26185 15.5C9.32665 15.5775 9.40811 15.6677 9.50795 15.7688C9.89194 16.1579 10.475 16.6368 11.2175 17.1031L10.1285 17.7319C8.80067 16.8111 8 15.8761 8 15.5C8 14.6562 12.0294 11 17 11ZM24.9247 15.2364C24.9252 15.2363 24.9228 15.2421 24.9161 15.2543C24.9209 15.2427 24.9242 15.2366 24.9247 15.2364ZM9.07531 15.2364C9.07579 15.2366 9.07913 15.2427 9.08386 15.2543C9.07719 15.2421 9.07483 15.2363 9.07531 15.2364ZM9.07531 15.7636C9.07483 15.7637 9.07719 15.7579 9.08386 15.7457C9.07913 15.7573 9.07579 15.7634 9.07531 15.7636ZM24.9161 15.7456C24.9228 15.7579 24.9252 15.7637 24.9247 15.7636C24.9242 15.7634 24.9209 15.7573 24.9161 15.7456Z"
+    }
+  )
+));
+var HighlightHiddenIcon = NamedFC("HighlightHiddenIcon", () => /* @__PURE__ */ React26.createElement(
+  "svg",
+  {
+    width: "34",
+    height: "30",
+    viewBox: "0 0 34 30",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    "aria-hidden": "true"
+  },
+  /* @__PURE__ */ React26.createElement(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M9.08085 15C9.37419 15 9.61642 15.2189 9.65314 15.5022C9.66291 15.5202 9.68058 15.5492 9.70996 15.5894C9.78757 15.6956 9.91672 15.8391 10.1028 16.0101C10.4726 16.3502 11.0242 16.7595 11.7188 17.1541C13.1101 17.9445 15.0205 18.6451 17.1142 18.6451C19.2079 18.6451 21.1184 17.9445 22.5096 17.1541C23.2043 16.7595 23.7559 16.3502 24.1257 16.0101C24.3117 15.8391 24.4409 15.6956 24.5185 15.5894C24.5479 15.5492 24.5655 15.5202 24.5753 15.5022C24.612 15.2189 24.8542 15 25.1476 15C25.2415 15 25.3302 15.0224 25.4086 15.0622C25.4284 15.0708 25.4481 15.0805 25.4674 15.0913L28.8484 16.9905C29.1323 17.1499 29.2394 17.4999 29.0877 17.7723C28.9361 18.0447 28.583 18.1363 28.2992 17.9769L25.3938 16.3449C25.2642 16.5099 25.0983 16.6838 24.9069 16.8598C24.4637 17.2673 23.8388 17.7265 23.0797 18.1577C22.8753 18.2739 22.6601 18.3885 22.4351 18.5L24.1304 21.1648C24.2973 21.4271 24.2088 21.7809 23.9328 21.9549C23.6567 22.129 23.2976 22.0574 23.1307 21.7951L21.3406 18.9814C20.2653 19.3968 19.0358 19.7076 17.7186 19.7821V22.8381C17.7186 23.141 17.448 23.3865 17.1142 23.3865C16.7804 23.3865 16.5098 23.141 16.5098 22.8381L16.5098 19.7821C15.1926 19.7075 13.9631 19.3968 12.8878 18.9814L11.0976 21.7951C10.9307 22.0574 10.5717 22.129 10.2956 21.9549C10.0195 21.7809 9.93105 21.4271 10.0979 21.1648L11.7933 18.5C11.5683 18.3885 11.3531 18.2739 11.1487 18.1577C10.3896 17.7265 9.76474 17.2673 9.32154 16.8598C9.11716 16.6719 8.94198 16.4864 8.80883 16.3116L5.85741 17.9694C5.57358 18.1289 5.22055 18.0373 5.06888 17.7649C4.91722 17.4925 5.02436 17.1424 5.30818 16.983L8.68923 15.0838C8.78815 15.0283 8.89546 15.0032 8.99974 15.0057C9.02624 15.0019 9.05332 15 9.08085 15ZM9.64501 15.486C9.64391 15.4835 9.64348 15.4823 9.64355 15.4823C9.64361 15.4823 9.64416 15.4836 9.64501 15.486Z"
+    }
+  )
+));
 
 // src/common/components/cards/instance-details-footer.tsx
 var React27 = __toESM(require("react"));
@@ -1772,13 +1713,16 @@ var InstanceDetailsFooter = NamedFC(
       }
       const issueDetailsData = deps.unifiedResultToIssueFilingDataConverter.convert(result, rule, targetAppInfo);
       const kebabMenuAriaLabel = `More Actions for failure instance ${result.identifiers.identifier} in rule ${rule.id}`;
-      return /* @__PURE__ */ React27.createElement(CardFooterInstanceActionButtons, {
-        deps,
-        userConfigurationStoreData,
-        issueDetailsData,
-        kebabMenuAriaLabel,
-        narrowModeStatus
-      });
+      return /* @__PURE__ */ React27.createElement(
+        CardFooterInstanceActionButtons,
+        {
+          deps,
+          userConfigurationStoreData,
+          issueDetailsData,
+          kebabMenuAriaLabel,
+          narrowModeStatus
+        }
+      );
     };
     const renderHighlightStatus = () => {
       if (!supportsHighlighting) {
@@ -1791,13 +1735,9 @@ var InstanceDetailsFooter = NamedFC(
         visible: /* @__PURE__ */ React27.createElement(HighlightVisibleIcon, null),
         hidden: /* @__PURE__ */ React27.createElement(HighlightHiddenIcon, null)
       }[highlightState];
-      return /* @__PURE__ */ React27.createElement("div", {
-        className: instance_details_footer_default.highlightStatus
-      }, icon, /* @__PURE__ */ React27.createElement(import_react5.Label, null, label));
+      return /* @__PURE__ */ React27.createElement("div", { className: instance_details_footer_default.highlightStatus }, icon, /* @__PURE__ */ React27.createElement(import_react5.Label, null, label));
     };
-    return /* @__PURE__ */ React27.createElement("div", {
-      className: instance_details_footer_default.foot
-    }, renderHighlightStatus(), renderKebabMenu());
+    return /* @__PURE__ */ React27.createElement("div", { className: instance_details_footer_default.foot }, renderHighlightStatus(), renderKebabMenu());
   }
 );
 
@@ -1840,30 +1780,35 @@ var InstanceDetails = NamedFC("InstanceDetails", (props) => {
     },
     tabIndex: -1
   } : {};
-  return /* @__PURE__ */ React28.createElement("div", {
-    "data-automation-id": instanceCardAutomationId,
-    className: instanceDetailsCardContainerStyling
-  }, /* @__PURE__ */ React28.createElement("div", {
-    className: instanceDetailsCardStyling,
-    ...cardHighlightingProperties
-  }, /* @__PURE__ */ React28.createElement("div", null, /* @__PURE__ */ React28.createElement("table", {
-    className: instance_details_default.reportInstanceTable
-  }, /* @__PURE__ */ React28.createElement("tbody", null, renderCardRowsForPropertyBag(result.identifiers, props), renderCardRowsForPropertyBag(result.descriptors, props), renderCardRowsForPropertyBag(result.resolution, props))), isHighlightSupported && cardSelectionMessageCreator !== void 0 && /* @__PURE__ */ React28.createElement("button", {
-    ref: hiddenButton,
-    onClick: toggleSelectHandler,
-    className: instance_details_default.hiddenHighlightButton,
-    "aria-label": `highlight ${result.identifiers && result.identifiers.identifier ? result.identifiers.identifier : ""}`,
-    "aria-pressed": result.isSelected,
-    onFocus: (_) => setCardFocus(true),
-    onBlur: (_) => setCardFocus(false)
-  }), /* @__PURE__ */ React28.createElement(InstanceDetailsFooter, {
-    deps,
-    result,
-    userConfigurationStoreData,
-    rule,
-    targetAppInfo,
-    narrowModeStatus
-  }))));
+  return /* @__PURE__ */ React28.createElement(
+    "div",
+    {
+      "data-automation-id": instanceCardAutomationId,
+      className: instanceDetailsCardContainerStyling
+    },
+    /* @__PURE__ */ React28.createElement("div", { className: instanceDetailsCardStyling, ...cardHighlightingProperties }, /* @__PURE__ */ React28.createElement("div", null, /* @__PURE__ */ React28.createElement("table", { className: instance_details_default.reportInstanceTable }, /* @__PURE__ */ React28.createElement("tbody", null, renderCardRowsForPropertyBag(result.identifiers, props), renderCardRowsForPropertyBag(result.descriptors, props), renderCardRowsForPropertyBag(result.resolution, props))), isHighlightSupported && cardSelectionMessageCreator !== void 0 && /* @__PURE__ */ React28.createElement(
+      "button",
+      {
+        ref: hiddenButton,
+        onClick: toggleSelectHandler,
+        className: instance_details_default.hiddenHighlightButton,
+        "aria-label": `highlight ${result.identifiers && result.identifiers.identifier ? result.identifiers.identifier : ""}`,
+        "aria-pressed": result.isSelected,
+        onFocus: (_) => setCardFocus(true),
+        onBlur: (_) => setCardFocus(false)
+      }
+    ), /* @__PURE__ */ React28.createElement(
+      InstanceDetailsFooter,
+      {
+        deps,
+        result,
+        userConfigurationStoreData,
+        rule,
+        targetAppInfo,
+        narrowModeStatus
+      }
+    )))
+  );
 });
 var renderCardRowsForPropertyBag = (propertyBag, props) => {
   let propertyIndex = 0;
@@ -1874,12 +1819,15 @@ var renderCardRowsForPropertyBag = (propertyBag, props) => {
       const CardRow = propertyConfig.cardRow;
       ++propertyIndex;
       cardRows.push(
-        /* @__PURE__ */ React28.createElement(CardRow, {
-          deps: props.deps,
-          propertyData,
-          index: props.index,
-          key: `${propertyName}-${propertyIndex}`
-        })
+        /* @__PURE__ */ React28.createElement(
+          CardRow,
+          {
+            deps: props.deps,
+            propertyData,
+            index: props.index,
+            key: `${propertyName}-${propertyIndex}`
+          }
+        )
       );
     }
   });
@@ -1909,23 +1857,28 @@ var InstanceDetailsGroup = NamedFC(
       url: rule.url,
       guidance: rule.guidance
     };
-    return /* @__PURE__ */ React29.createElement("ul", {
-      "data-automation-id": ruleContentAutomationId,
-      className: instance_details_group_default.instanceDetailsList,
-      "aria-label": "instances with additional information like path, snippet and how to fix"
-    }, nodes.map((node, index) => /* @__PURE__ */ React29.createElement("li", {
-      key: `instance-details-${index}`
-    }, /* @__PURE__ */ React29.createElement(InstanceDetails, {
-      ...{ index },
-      deps,
-      result: node,
-      getPropertyConfigById: getPropertyConfiguration,
-      userConfigurationStoreData,
-      rule: unifiedRule,
-      targetAppInfo,
-      cardSelectionMessageCreator,
-      narrowModeStatus
-    }))));
+    return /* @__PURE__ */ React29.createElement(
+      "ul",
+      {
+        "data-automation-id": ruleContentAutomationId,
+        className: instance_details_group_default.instanceDetailsList,
+        "aria-label": "instances with additional information like path, snippet and how to fix"
+      },
+      nodes.map((node, index) => /* @__PURE__ */ React29.createElement("li", { key: `instance-details-${index}` }, /* @__PURE__ */ React29.createElement(
+        InstanceDetails,
+        {
+          ...{ index },
+          deps,
+          result: node,
+          getPropertyConfigById: getPropertyConfiguration,
+          userConfigurationStoreData,
+          rule: unifiedRule,
+          targetAppInfo,
+          cardSelectionMessageCreator,
+          narrowModeStatus
+        }
+      )))
+    );
   }
 );
 
@@ -1950,17 +1903,10 @@ var GuidanceLinks = NamedFC("GuidanceLinks", (props) => {
     const addComma = index !== length - 1;
     const comma = addComma ? /* @__PURE__ */ React30.createElement("span", null, ",\xA0") : null;
     const LinkComponent = props.LinkComponent;
-    return /* @__PURE__ */ React30.createElement(React30.Fragment, {
-      key: `guidance-link-${index}`
-    }, /* @__PURE__ */ React30.createElement(LinkComponent, {
-      href: link2.href,
-      onClick: (event) => event.stopPropagation()
-    }, link2.text.toUpperCase()), comma);
+    return /* @__PURE__ */ React30.createElement(React30.Fragment, { key: `guidance-link-${index}` }, /* @__PURE__ */ React30.createElement(LinkComponent, { href: link2.href, onClick: (event) => event.stopPropagation() }, link2.text.toUpperCase()), comma);
   };
   const spanClassName = classNameForDiv || "guidance-links";
-  return /* @__PURE__ */ React30.createElement("span", {
-    className: spanClassName
-  }, renderLinks());
+  return /* @__PURE__ */ React30.createElement("span", { className: spanClassName }, renderLinks());
 });
 
 // src/common/components/guidance-tags.tsx
@@ -1976,13 +1922,9 @@ var GuidanceTags = NamedFC("GuidanceTags", (props) => {
     return null;
   }
   const tagElements = tags.map((tag, index) => {
-    return /* @__PURE__ */ React31.createElement("span", {
-      key: index
-    }, tag.displayText);
+    return /* @__PURE__ */ React31.createElement("span", { key: index }, tag.displayText);
   });
-  return /* @__PURE__ */ React31.createElement("span", {
-    className: "guidance-tags"
-  }, tagElements);
+  return /* @__PURE__ */ React31.createElement("span", { className: "guidance-tags" }, tagElements);
 });
 
 // src/common/components/cards/rule-resources.tsx
@@ -1997,45 +1939,25 @@ var RuleResources = NamedFC("RuleResources", ({ deps, rule }) => {
   if (rule.url == null && (0, import_lodash9.isEmpty)(rule.guidance)) {
     return null;
   }
-  const renderTitle = () => /* @__PURE__ */ React32.createElement("div", {
-    className: rule_resources_default.moreResourcesTitle
-  }, "Resources for this rule");
+  const renderTitle = () => /* @__PURE__ */ React32.createElement("div", { className: rule_resources_default.moreResourcesTitle }, "Resources for this rule");
   const renderRuleLink = () => {
     if (rule.url == null) {
       return null;
     }
     const ruleId = rule.id;
     const ruleUrl = rule.url;
-    return /* @__PURE__ */ React32.createElement("span", {
-      className: rule_resources_default.ruleDetailsId
-    }, /* @__PURE__ */ React32.createElement(deps.LinkComponent, {
-      href: ruleUrl
-    }, "More information about ", ruleId));
+    return /* @__PURE__ */ React32.createElement("span", { className: rule_resources_default.ruleDetailsId }, /* @__PURE__ */ React32.createElement(deps.LinkComponent, { href: ruleUrl }, "More information about ", ruleId));
   };
   const renderGuidanceLinks = () => {
-    return /* @__PURE__ */ React32.createElement(GuidanceLinks, {
-      links: rule.guidance,
-      LinkComponent: deps.LinkComponent
-    });
+    return /* @__PURE__ */ React32.createElement(GuidanceLinks, { links: rule.guidance, LinkComponent: deps.LinkComponent });
   };
-  const renderGuidanceTags = () => /* @__PURE__ */ React32.createElement(GuidanceTags, {
-    deps,
-    links: rule.guidance
-  });
-  return /* @__PURE__ */ React32.createElement("div", {
-    className: rule_resources_default.ruleMoreResources
-  }, renderTitle(), renderRuleLink(), /* @__PURE__ */ React32.createElement("span", {
-    className: rule_resources_default.ruleGuidance
-  }, renderGuidanceLinks(), renderGuidanceTags()));
+  const renderGuidanceTags = () => /* @__PURE__ */ React32.createElement(GuidanceTags, { deps, links: rule.guidance });
+  return /* @__PURE__ */ React32.createElement("div", { className: rule_resources_default.ruleMoreResources }, renderTitle(), renderRuleLink(), /* @__PURE__ */ React32.createElement("span", { className: rule_resources_default.ruleGuidance }, renderGuidanceLinks(), renderGuidanceTags()));
 });
 
 // src/common/components/cards/rule-content.tsx
 var RuleContent = NamedFC("RuleContent", (props) => {
-  return /* @__PURE__ */ React33.createElement(React33.Fragment, null, /* @__PURE__ */ React33.createElement(RuleResources, {
-    ...props
-  }), /* @__PURE__ */ React33.createElement(InstanceDetailsGroup, {
-    ...props
-  }));
+  return /* @__PURE__ */ React33.createElement(React33.Fragment, null, /* @__PURE__ */ React33.createElement(RuleResources, { ...props }), /* @__PURE__ */ React33.createElement(InstanceDetailsGroup, { ...props }));
 });
 
 // src/common/components/cards/rules-with-instances.scss
@@ -2061,21 +1983,27 @@ var RulesWithInstances = NamedFC(
       return {
         id: rule.id,
         key: `summary-details-${idx + 1}`,
-        header: /* @__PURE__ */ React34.createElement(MinimalRuleHeader, {
-          key: rule.id,
-          rule,
-          outcomeType,
-          outcomeCounter
-        }),
-        content: /* @__PURE__ */ React34.createElement(RuleContent, {
-          key: `${rule.id}-rule-group`,
-          deps,
-          rule,
-          userConfigurationStoreData,
-          targetAppInfo,
-          cardSelectionMessageCreator,
-          narrowModeStatus
-        }),
+        header: /* @__PURE__ */ React34.createElement(
+          MinimalRuleHeader,
+          {
+            key: rule.id,
+            rule,
+            outcomeType,
+            outcomeCounter
+          }
+        ),
+        content: /* @__PURE__ */ React34.createElement(
+          RuleContent,
+          {
+            key: `${rule.id}-rule-group`,
+            deps,
+            rule,
+            userConfigurationStoreData,
+            targetAppInfo,
+            cardSelectionMessageCreator,
+            narrowModeStatus
+          }
+        ),
         containerAutomationId: ruleGroupAutomationId,
         containerClassName: rules_with_instances_default.collapsibleRuleDetailsGroup,
         buttonAriaLabel,
@@ -2087,18 +2015,22 @@ var RulesWithInstances = NamedFC(
         isExpanded: rule.isExpanded
       };
     };
-    return /* @__PURE__ */ React34.createElement("div", {
-      className: rules_with_instances_default.ruleDetailsGroup,
-      "data-automation-id": ruleDetailsGroupAutomationId
-    }, rules.map((rule, idx) => {
-      const { pastTense } = outcomeTypeSemantics[outcomeType];
-      const count = outcomeCounter(rule.nodes);
-      const buttonAriaLabel = `${count} ${pastTense} ${rule.id} ${rule.description}`;
-      const CollapsibleComponent = deps.collapsibleControl(
-        getCollapsibleComponentProps(rule, idx, buttonAriaLabel)
-      );
-      return CollapsibleComponent;
-    }));
+    return /* @__PURE__ */ React34.createElement(
+      "div",
+      {
+        className: rules_with_instances_default.ruleDetailsGroup,
+        "data-automation-id": ruleDetailsGroupAutomationId
+      },
+      rules.map((rule, idx) => {
+        const { pastTense } = outcomeTypeSemantics[outcomeType];
+        const count = outcomeCounter(rule.nodes);
+        const buttonAriaLabel = `${count} ${pastTense} ${rule.id} ${rule.description}`;
+        const CollapsibleComponent = deps.collapsibleControl(
+          getCollapsibleComponentProps(rule, idx, buttonAriaLabel)
+        );
+        return CollapsibleComponent;
+      })
+    );
   }
 );
 
@@ -2121,21 +2053,27 @@ var ResultSectionContent = NamedFC(
     if (results.length === 0) {
       return null;
     }
-    return /* @__PURE__ */ React35.createElement(React35.Fragment, null, cardSelectionMessageCreator !== void 0 && /* @__PURE__ */ React35.createElement(deps.cardsVisualizationModifierButtons, {
-      ...props,
-      cardSelectionMessageCreator
-    }), /* @__PURE__ */ React35.createElement(RulesWithInstances, {
-      deps,
-      rules: results,
-      outcomeType,
-      fixInstructionProcessor,
-      userConfigurationStoreData,
-      targetAppInfo,
-      outcomeCounter,
-      headingLevel,
-      cardSelectionMessageCreator,
-      narrowModeStatus
-    }));
+    return /* @__PURE__ */ React35.createElement(React35.Fragment, null, cardSelectionMessageCreator !== void 0 && /* @__PURE__ */ React35.createElement(
+      deps.cardsVisualizationModifierButtons,
+      {
+        ...props,
+        cardSelectionMessageCreator
+      }
+    ), /* @__PURE__ */ React35.createElement(
+      RulesWithInstances,
+      {
+        deps,
+        rules: results,
+        outcomeType,
+        fixInstructionProcessor,
+        userConfigurationStoreData,
+        targetAppInfo,
+        outcomeCounter,
+        headingLevel,
+        cardSelectionMessageCreator,
+        narrowModeStatus
+      }
+    ));
   }
 );
 
@@ -2154,23 +2092,8 @@ var ResultSectionTitle = NamedFC("ResultSectionTitle", (props) => {
   const singularMessageSubject = props.outcomeType === "review" ? "instance to review" : "failure";
   const pluralMessageSubject = props.outcomeType === "review" ? "instances to review" : "failures";
   const alertTerm = props.badgeCount !== 1 ? `${pluralMessageSubject} were` : `${singularMessageSubject} was`;
-  const alertingFailuresCount = /* @__PURE__ */ React36.createElement("span", {
-    role: "alert"
-  }, props.badgeCount, " ", alertTerm, " detected.");
-  return /* @__PURE__ */ React36.createElement("span", {
-    className: result_section_title_default.resultSectionTitle
-  }, /* @__PURE__ */ React36.createElement("span", {
-    className: "screen-reader-only"
-  }, props.title, " ", props.shouldAlertFailuresCount ? alertingFailuresCount : props.badgeCount), /* @__PURE__ */ React36.createElement("span", {
-    className: titleClassNames[props.titleSize],
-    "aria-hidden": "true"
-  }, props.title), /* @__PURE__ */ React36.createElement("span", {
-    className: result_section_title_default.outcomeChipContainer,
-    "aria-hidden": "true"
-  }, /* @__PURE__ */ React36.createElement(OutcomeChip, {
-    outcomeType: props.outcomeType,
-    count: props.badgeCount
-  })));
+  const alertingFailuresCount = /* @__PURE__ */ React36.createElement("span", { role: "alert" }, props.badgeCount, " ", alertTerm, " detected.");
+  return /* @__PURE__ */ React36.createElement("span", { className: result_section_title_default.resultSectionTitle }, /* @__PURE__ */ React36.createElement("span", { className: "screen-reader-only" }, props.title, " ", props.shouldAlertFailuresCount ? alertingFailuresCount : props.badgeCount), /* @__PURE__ */ React36.createElement("span", { className: titleClassNames[props.titleSize], "aria-hidden": "true" }, props.title), /* @__PURE__ */ React36.createElement("span", { className: result_section_title_default.outcomeChipContainer, "aria-hidden": "true" }, /* @__PURE__ */ React36.createElement(OutcomeChip, { outcomeType: props.outcomeType, count: props.badgeCount })));
 });
 
 // src/common/components/cards/result-section.scss
@@ -2180,18 +2103,21 @@ var result_section_default = { "resultSection": "result-section--HfO9s", "titleC
 var resultSectionAutomationId = "result-section";
 var ResultSection = NamedFC("ResultSection", (props) => {
   const { containerClassName, sectionHeadingLevel, deps } = props;
-  return /* @__PURE__ */ React37.createElement("div", {
-    className: (0, import_utilities5.css)(containerClassName, result_section_default.resultSection),
-    "data-automation-id": resultSectionAutomationId
-  }, /* @__PURE__ */ React37.createElement(HeadingElementForLevel, {
-    headingLevel: sectionHeadingLevel
-  }, /* @__PURE__ */ React37.createElement(ResultSectionTitle, {
-    ...props,
-    titleSize: "title"
-  })), /* @__PURE__ */ React37.createElement(ResultSectionContent, {
-    headingLevel: deps.getNextHeadingLevel(sectionHeadingLevel),
-    ...props
-  }));
+  return /* @__PURE__ */ React37.createElement(
+    "div",
+    {
+      className: (0, import_utilities5.css)(containerClassName, result_section_default.resultSection),
+      "data-automation-id": resultSectionAutomationId
+    },
+    /* @__PURE__ */ React37.createElement(HeadingElementForLevel, { headingLevel: sectionHeadingLevel }, /* @__PURE__ */ React37.createElement(ResultSectionTitle, { ...props, titleSize: "title" })),
+    /* @__PURE__ */ React37.createElement(
+      ResultSectionContent,
+      {
+        headingLevel: deps.getNextHeadingLevel(sectionHeadingLevel),
+        ...props
+      }
+    )
+  );
 });
 
 // src/common/components/cards/failed-instances-section.tsx
@@ -2213,23 +2139,26 @@ var FailedInstancesSection = NamedFC(
     const count = cardsViewData.cards.fail.reduce((total, rule) => {
       return total + rule.nodes.length;
     }, 0);
-    return /* @__PURE__ */ React38.createElement(ResultSection, {
-      deps,
-      title: "Failed instances",
-      results: cardsViewData.cards.fail,
-      containerClassName: failed_instances_section_default.failedInstancesContainer,
-      outcomeType: "fail",
-      badgeCount: count,
-      userConfigurationStoreData,
-      targetAppInfo: scanMetadata.targetAppInfo,
-      shouldAlertFailuresCount,
-      visualHelperEnabled: cardsViewData.visualHelperEnabled,
-      allCardsCollapsed: cardsViewData.allCardsCollapsed,
-      outcomeCounter: OutcomeCounter.countByCards,
-      sectionHeadingLevel,
-      cardSelectionMessageCreator,
-      narrowModeStatus
-    });
+    return /* @__PURE__ */ React38.createElement(
+      ResultSection,
+      {
+        deps,
+        title: "Failed instances",
+        results: cardsViewData.cards.fail,
+        containerClassName: failed_instances_section_default.failedInstancesContainer,
+        outcomeType: "fail",
+        badgeCount: count,
+        userConfigurationStoreData,
+        targetAppInfo: scanMetadata.targetAppInfo,
+        shouldAlertFailuresCount,
+        visualHelperEnabled: cardsViewData.visualHelperEnabled,
+        allCardsCollapsed: cardsViewData.allCardsCollapsed,
+        outcomeCounter: OutcomeCounter.countByCards,
+        sectionHeadingLevel,
+        cardSelectionMessageCreator,
+        narrowModeStatus
+      }
+    );
   }
 );
 
@@ -2248,156 +2177,186 @@ var React41 = __toESM(require("react"));
 
 // src/icons/brand/white/brand-white.tsx
 var React39 = __toESM(require("react"));
-var BrandWhite = NamedFC("BrandWhite", () => /* @__PURE__ */ React39.createElement("svg", {
-  role: "img",
-  "aria-hidden": "true",
-  className: "header-icon",
-  viewBox: "0 0 48 48",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-}, /* @__PURE__ */ React39.createElement("mask", {
-  id: "mask0",
-  maskUnits: "userSpaceOnUse",
-  x: "0",
-  y: "3",
-  width: "48",
-  height: "43",
-  style: { maskType: "alpha" }
-}, /* @__PURE__ */ React39.createElement("path", {
-  d: "M43.8309 27.1383C49.3148 21.6544 49.3148 12.7633 43.8309 7.27934C38.347 1.79544 29.4558 1.79543 23.9719 7.27934C18.488 1.79544 9.59684 1.79544 4.11293 7.27934C-1.37098 12.7633 -1.37098 21.6544 4.11293 27.1383L21.986 45.0114C23.0828 46.1082 24.861 46.1082 25.9578 45.0114L43.8309 27.1383Z",
-  fill: "white"
-})), /* @__PURE__ */ React39.createElement("g", {
-  mask: "url(#mask0)"
-}, /* @__PURE__ */ React39.createElement("path", {
-  d: "M43.8309 27.1383C49.3148 21.6544 49.3148 12.7633 43.8309 7.27934C38.347 1.79544 29.4558 1.79543 23.9719 7.27934C18.488 1.79544 9.59684 1.79544 4.11293 7.27934C-1.37098 12.7633 -1.37098 21.6544 4.11293 27.1383L21.986 45.0114C23.0828 46.1082 24.861 46.1082 25.9578 45.0114L43.8309 27.1383Z",
-  fill: "white"
-}), /* @__PURE__ */ React39.createElement("rect", {
-  x: "43.9494",
-  y: "7.24556",
-  width: "14.0948",
-  height: "42.2726",
-  transform: "rotate(45 43.9494 7.24556)",
-  fill: "#D6E9F7"
-}), /* @__PURE__ */ React39.createElement("mask", {
-  id: "mask1",
-  maskUnits: "userSpaceOnUse",
-  x: "-6",
-  y: "-3",
-  width: "30",
-  height: "31",
-  style: { maskType: "alpha" }
-}, /* @__PURE__ */ React39.createElement("path", {
-  d: "M23.9718 7.27863L4.11284 27.1376C-1.37106 21.6537 -1.37106 12.7625 4.11284 7.27863C9.59675 1.79472 18.4879 1.79472 23.9718 7.27863Z",
-  fill: "#CFEBFF"
-}), /* @__PURE__ */ React39.createElement("path", {
-  d: "M23.9718 7.27863L4.11284 27.1376C-1.37106 21.6537 -1.37106 12.7625 4.11284 7.27863C9.59675 1.79472 18.4879 1.79472 23.9718 7.27863Z",
-  fill: "url(#paint0_linear)"
-})), /* @__PURE__ */ React39.createElement("g", {
-  mask: "url(#mask1)"
-}, /* @__PURE__ */ React39.createElement("path", {
-  d: "M23.9718 7.27863L4.11284 27.1376C-1.37106 21.6537 -1.37106 12.7625 4.11284 7.27863C9.59675 1.79472 18.4879 1.79472 23.9718 7.27863Z",
-  fill: "white"
-}), /* @__PURE__ */ React39.createElement("path", {
-  d: "M23.9718 7.27863L4.11284 27.1376C-1.37106 21.6537 -1.37106 12.7625 4.11284 7.27863C9.59675 1.79472 18.4879 1.79472 23.9718 7.27863Z",
-  fill: "url(#paint1_linear)"
-}), /* @__PURE__ */ React39.createElement("rect", {
-  x: "4.54834",
-  y: "6.88206",
-  width: "16.3577",
-  height: "42.2726",
-  transform: "rotate(-45 4.54834 6.88206)",
-  fill: "#D6E9F7"
-}), /* @__PURE__ */ React39.createElement("rect", {
-  x: "4.54834",
-  y: "6.88206",
-  width: "16.3577",
-  height: "42.2726",
-  transform: "rotate(-45 4.54834 6.88206)",
-  fill: "url(#paint2_linear)"
-})), /* @__PURE__ */ React39.createElement("g", {
-  filter: "url(#filter0_d)"
-}, /* @__PURE__ */ React39.createElement("path", {
-  fillRule: "evenodd",
-  clipRule: "evenodd",
-  d: "M34.0764 27.3564C39.8071 27.3483 44.4461 22.6961 44.438 16.9655C44.4299 11.2349 39.7778 6.59585 34.0472 6.60393C28.3165 6.61201 23.6775 11.2642 23.6856 16.9948C23.6888 19.2829 24.4324 21.397 25.6895 23.1108L23.4287 25.3788C22.8852 25.395 22.3466 25.6109 21.9324 26.0265L17.1218 30.8526C16.4185 31.5582 16.4203 32.7005 17.126 33.4038L17.6952 33.9713C18.4009 34.6746 19.5431 34.6728 20.2465 33.9671L25.057 29.141C25.4715 28.7252 25.6857 28.1855 25.6998 27.6415L27.9603 25.3737C29.6766 26.6235 31.7907 27.3596 34.0764 27.3564ZM34.0368 23.2439C37.4964 23.2579 40.3122 20.4647 40.3262 17.0051C40.3401 13.5456 37.5469 10.7298 34.0874 10.7158C30.6279 10.7018 27.812 13.495 27.7981 16.9545C27.7841 20.4141 30.5773 23.2299 34.0368 23.2439Z",
-  fill: "#004880"
-}))), /* @__PURE__ */ React39.createElement("defs", null, /* @__PURE__ */ React39.createElement("filter", {
-  id: "filter0_d",
-  x: "15.748",
-  y: "6.50654",
-  width: "29.5246",
-  height: "29.5269",
-  filterUnits: "userSpaceOnUse",
-  colorInterpolationFilters: "sRGB"
-}, /* @__PURE__ */ React39.createElement("feFlood", {
-  floodOpacity: "0",
-  result: "BackgroundImageFix"
-}), /* @__PURE__ */ React39.createElement("feColorMatrix", {
-  in: "SourceAlpha",
-  type: "matrix",
-  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-}), /* @__PURE__ */ React39.createElement("feOffset", {
-  dy: "0.725705"
-}), /* @__PURE__ */ React39.createElement("feGaussianBlur", {
-  stdDeviation: "0.40317"
-}), /* @__PURE__ */ React39.createElement("feColorMatrix", {
-  type: "matrix",
-  values: "0 0 0 0 0.0447352 0 0 0 0 0.305769 0 0 0 0 0.492222 0 0 0 0.51 0"
-}), /* @__PURE__ */ React39.createElement("feBlend", {
-  mode: "normal",
-  in2: "BackgroundImageFix",
-  result: "effect1_dropShadow"
-}), /* @__PURE__ */ React39.createElement("feBlend", {
-  mode: "normal",
-  in: "SourceGraphic",
-  in2: "effect1_dropShadow",
-  result: "shape"
-})), /* @__PURE__ */ React39.createElement("linearGradient", {
-  id: "paint0_linear",
-  x1: "14.3166",
-  y1: "16.8744",
-  x2: "5.92409",
-  y2: "8.23504",
-  gradientUnits: "userSpaceOnUse"
-}, /* @__PURE__ */ React39.createElement("stop", {
-  offset: "0",
-  stopColor: "#073A5F",
-  stopOpacity: "0.3"
-}), /* @__PURE__ */ React39.createElement("stop", {
-  offset: "1",
-  stopColor: "#CFEBFF",
-  stopOpacity: "0"
-})), /* @__PURE__ */ React39.createElement("linearGradient", {
-  id: "paint1_linear",
-  x1: "14.3166",
-  y1: "16.8744",
-  x2: "5.92409",
-  y2: "8.23504",
-  gradientUnits: "userSpaceOnUse"
-}, /* @__PURE__ */ React39.createElement("stop", {
-  offset: "0",
-  stopColor: "#165B8E",
-  stopOpacity: "0.29"
-}), /* @__PURE__ */ React39.createElement("stop", {
-  offset: "1",
-  stopColor: "white",
-  stopOpacity: "0"
-})), /* @__PURE__ */ React39.createElement("linearGradient", {
-  id: "paint2_linear",
-  x1: "11.3179",
-  y1: "20.1024",
-  x2: "11.0819",
-  y2: "11.1606",
-  gradientUnits: "userSpaceOnUse"
-}, /* @__PURE__ */ React39.createElement("stop", {
-  offset: "0",
-  stopColor: "#165B8E",
-  stopOpacity: "0.29"
-}), /* @__PURE__ */ React39.createElement("stop", {
-  offset: "1",
-  stopColor: "#D6E9F7",
-  stopOpacity: "0"
-})))));
+var BrandWhite = NamedFC("BrandWhite", () => /* @__PURE__ */ React39.createElement(
+  "svg",
+  {
+    role: "img",
+    "aria-hidden": "true",
+    className: "header-icon",
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  },
+  /* @__PURE__ */ React39.createElement(
+    "mask",
+    {
+      id: "mask0",
+      maskUnits: "userSpaceOnUse",
+      x: "0",
+      y: "3",
+      width: "48",
+      height: "43",
+      style: { maskType: "alpha" }
+    },
+    /* @__PURE__ */ React39.createElement(
+      "path",
+      {
+        d: "M43.8309 27.1383C49.3148 21.6544 49.3148 12.7633 43.8309 7.27934C38.347 1.79544 29.4558 1.79543 23.9719 7.27934C18.488 1.79544 9.59684 1.79544 4.11293 7.27934C-1.37098 12.7633 -1.37098 21.6544 4.11293 27.1383L21.986 45.0114C23.0828 46.1082 24.861 46.1082 25.9578 45.0114L43.8309 27.1383Z",
+        fill: "white"
+      }
+    )
+  ),
+  /* @__PURE__ */ React39.createElement("g", { mask: "url(#mask0)" }, /* @__PURE__ */ React39.createElement(
+    "path",
+    {
+      d: "M43.8309 27.1383C49.3148 21.6544 49.3148 12.7633 43.8309 7.27934C38.347 1.79544 29.4558 1.79543 23.9719 7.27934C18.488 1.79544 9.59684 1.79544 4.11293 7.27934C-1.37098 12.7633 -1.37098 21.6544 4.11293 27.1383L21.986 45.0114C23.0828 46.1082 24.861 46.1082 25.9578 45.0114L43.8309 27.1383Z",
+      fill: "white"
+    }
+  ), /* @__PURE__ */ React39.createElement(
+    "rect",
+    {
+      x: "43.9494",
+      y: "7.24556",
+      width: "14.0948",
+      height: "42.2726",
+      transform: "rotate(45 43.9494 7.24556)",
+      fill: "#D6E9F7"
+    }
+  ), /* @__PURE__ */ React39.createElement(
+    "mask",
+    {
+      id: "mask1",
+      maskUnits: "userSpaceOnUse",
+      x: "-6",
+      y: "-3",
+      width: "30",
+      height: "31",
+      style: { maskType: "alpha" }
+    },
+    /* @__PURE__ */ React39.createElement(
+      "path",
+      {
+        d: "M23.9718 7.27863L4.11284 27.1376C-1.37106 21.6537 -1.37106 12.7625 4.11284 7.27863C9.59675 1.79472 18.4879 1.79472 23.9718 7.27863Z",
+        fill: "#CFEBFF"
+      }
+    ),
+    /* @__PURE__ */ React39.createElement(
+      "path",
+      {
+        d: "M23.9718 7.27863L4.11284 27.1376C-1.37106 21.6537 -1.37106 12.7625 4.11284 7.27863C9.59675 1.79472 18.4879 1.79472 23.9718 7.27863Z",
+        fill: "url(#paint0_linear)"
+      }
+    )
+  ), /* @__PURE__ */ React39.createElement("g", { mask: "url(#mask1)" }, /* @__PURE__ */ React39.createElement(
+    "path",
+    {
+      d: "M23.9718 7.27863L4.11284 27.1376C-1.37106 21.6537 -1.37106 12.7625 4.11284 7.27863C9.59675 1.79472 18.4879 1.79472 23.9718 7.27863Z",
+      fill: "white"
+    }
+  ), /* @__PURE__ */ React39.createElement(
+    "path",
+    {
+      d: "M23.9718 7.27863L4.11284 27.1376C-1.37106 21.6537 -1.37106 12.7625 4.11284 7.27863C9.59675 1.79472 18.4879 1.79472 23.9718 7.27863Z",
+      fill: "url(#paint1_linear)"
+    }
+  ), /* @__PURE__ */ React39.createElement(
+    "rect",
+    {
+      x: "4.54834",
+      y: "6.88206",
+      width: "16.3577",
+      height: "42.2726",
+      transform: "rotate(-45 4.54834 6.88206)",
+      fill: "#D6E9F7"
+    }
+  ), /* @__PURE__ */ React39.createElement(
+    "rect",
+    {
+      x: "4.54834",
+      y: "6.88206",
+      width: "16.3577",
+      height: "42.2726",
+      transform: "rotate(-45 4.54834 6.88206)",
+      fill: "url(#paint2_linear)"
+    }
+  )), /* @__PURE__ */ React39.createElement("g", { filter: "url(#filter0_d)" }, /* @__PURE__ */ React39.createElement(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M34.0764 27.3564C39.8071 27.3483 44.4461 22.6961 44.438 16.9655C44.4299 11.2349 39.7778 6.59585 34.0472 6.60393C28.3165 6.61201 23.6775 11.2642 23.6856 16.9948C23.6888 19.2829 24.4324 21.397 25.6895 23.1108L23.4287 25.3788C22.8852 25.395 22.3466 25.6109 21.9324 26.0265L17.1218 30.8526C16.4185 31.5582 16.4203 32.7005 17.126 33.4038L17.6952 33.9713C18.4009 34.6746 19.5431 34.6728 20.2465 33.9671L25.057 29.141C25.4715 28.7252 25.6857 28.1855 25.6998 27.6415L27.9603 25.3737C29.6766 26.6235 31.7907 27.3596 34.0764 27.3564ZM34.0368 23.2439C37.4964 23.2579 40.3122 20.4647 40.3262 17.0051C40.3401 13.5456 37.5469 10.7298 34.0874 10.7158C30.6279 10.7018 27.812 13.495 27.7981 16.9545C27.7841 20.4141 30.5773 23.2299 34.0368 23.2439Z",
+      fill: "#004880"
+    }
+  ))),
+  /* @__PURE__ */ React39.createElement("defs", null, /* @__PURE__ */ React39.createElement(
+    "filter",
+    {
+      id: "filter0_d",
+      x: "15.748",
+      y: "6.50654",
+      width: "29.5246",
+      height: "29.5269",
+      filterUnits: "userSpaceOnUse",
+      colorInterpolationFilters: "sRGB"
+    },
+    /* @__PURE__ */ React39.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+    /* @__PURE__ */ React39.createElement(
+      "feColorMatrix",
+      {
+        in: "SourceAlpha",
+        type: "matrix",
+        values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+      }
+    ),
+    /* @__PURE__ */ React39.createElement("feOffset", { dy: "0.725705" }),
+    /* @__PURE__ */ React39.createElement("feGaussianBlur", { stdDeviation: "0.40317" }),
+    /* @__PURE__ */ React39.createElement(
+      "feColorMatrix",
+      {
+        type: "matrix",
+        values: "0 0 0 0 0.0447352 0 0 0 0 0.305769 0 0 0 0 0.492222 0 0 0 0.51 0"
+      }
+    ),
+    /* @__PURE__ */ React39.createElement("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow" }),
+    /* @__PURE__ */ React39.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow", result: "shape" })
+  ), /* @__PURE__ */ React39.createElement(
+    "linearGradient",
+    {
+      id: "paint0_linear",
+      x1: "14.3166",
+      y1: "16.8744",
+      x2: "5.92409",
+      y2: "8.23504",
+      gradientUnits: "userSpaceOnUse"
+    },
+    /* @__PURE__ */ React39.createElement("stop", { offset: "0", stopColor: "#073A5F", stopOpacity: "0.3" }),
+    /* @__PURE__ */ React39.createElement("stop", { offset: "1", stopColor: "#CFEBFF", stopOpacity: "0" })
+  ), /* @__PURE__ */ React39.createElement(
+    "linearGradient",
+    {
+      id: "paint1_linear",
+      x1: "14.3166",
+      y1: "16.8744",
+      x2: "5.92409",
+      y2: "8.23504",
+      gradientUnits: "userSpaceOnUse"
+    },
+    /* @__PURE__ */ React39.createElement("stop", { offset: "0", stopColor: "#165B8E", stopOpacity: "0.29" }),
+    /* @__PURE__ */ React39.createElement("stop", { offset: "1", stopColor: "white", stopOpacity: "0" })
+  ), /* @__PURE__ */ React39.createElement(
+    "linearGradient",
+    {
+      id: "paint2_linear",
+      x1: "11.3179",
+      y1: "20.1024",
+      x2: "11.0819",
+      y2: "11.1606",
+      gradientUnits: "userSpaceOnUse"
+    },
+    /* @__PURE__ */ React39.createElement("stop", { offset: "0", stopColor: "#165B8E", stopOpacity: "0.29" }),
+    /* @__PURE__ */ React39.createElement("stop", { offset: "1", stopColor: "#D6E9F7", stopOpacity: "0" })
+  ))
+));
 
 // src/reports/components/header-bar.tsx
 var React40 = __toESM(require("react"));
@@ -2407,11 +2366,7 @@ var header_bar_default = { "reportHeaderBar": "report-header-bar--SDV11", "heade
 
 // src/reports/components/header-bar.tsx
 var HeaderBar = NamedFC("HeaderBar", (props) => {
-  return /* @__PURE__ */ React40.createElement("div", {
-    className: header_bar_default.reportHeaderBar
-  }, /* @__PURE__ */ React40.createElement(BrandWhite, null), /* @__PURE__ */ React40.createElement("div", {
-    className: header_bar_default.headerText
-  }, props.headerText));
+  return /* @__PURE__ */ React40.createElement("div", { className: header_bar_default.reportHeaderBar }, /* @__PURE__ */ React40.createElement(BrandWhite, null), /* @__PURE__ */ React40.createElement("div", { className: header_bar_default.headerText }, props.headerText));
 });
 
 // src/reports/components/report-sections/header-section.scss
@@ -2422,18 +2377,14 @@ var reportHeaderSectionDataAutomationId = "report-header-section";
 var HeaderSection = NamedFC(
   "HeaderSection",
   ({ targetAppInfo, headerText }) => {
-    return /* @__PURE__ */ React41.createElement("header", {
-      "data-automation-id": reportHeaderSectionDataAutomationId
-    }, /* @__PURE__ */ React41.createElement(HeaderBar, {
-      headerText
-    }), /* @__PURE__ */ React41.createElement("div", {
-      className: header_section_default.reportHeaderCommandBar
-    }, /* @__PURE__ */ React41.createElement("div", {
-      className: header_section_default.targetPage
-    }, "Target page:\xA0", /* @__PURE__ */ React41.createElement(NewTabLinkWithConfirmationDialog, {
-      href: targetAppInfo.url,
-      title: targetAppInfo.name
-    }, targetAppInfo.name))));
+    return /* @__PURE__ */ React41.createElement("header", { "data-automation-id": reportHeaderSectionDataAutomationId }, /* @__PURE__ */ React41.createElement(HeaderBar, { headerText }), /* @__PURE__ */ React41.createElement("div", { className: header_section_default.reportHeaderCommandBar }, /* @__PURE__ */ React41.createElement("div", { className: header_section_default.targetPage }, "Target page:\xA0", /* @__PURE__ */ React41.createElement(
+      NewTabLinkWithConfirmationDialog,
+      {
+        href: targetAppInfo.url,
+        title: targetAppInfo.name
+      },
+      targetAppInfo.name
+    ))));
   }
 );
 
@@ -2441,10 +2392,7 @@ var HeaderSection = NamedFC(
 var ReporterHeaderSection = NamedFC(
   "AutomatedChecksHeaderSection",
   ({ scanMetadata }) => {
-    return /* @__PURE__ */ React42.createElement(HeaderSection, {
-      targetAppInfo: scanMetadata.targetAppInfo,
-      headerText: brand
-    });
+    return /* @__PURE__ */ React42.createElement(HeaderSection, { targetAppInfo: scanMetadata.targetAppInfo, headerText: brand });
   }
 );
 
@@ -2455,17 +2403,11 @@ var React44 = __toESM(require("react"));
 var React43 = __toESM(require("react"));
 
 // src/reports/automated-checks-report.styles.ts
-var styleSheet = `:root {\n  --black: #000;\n  --light-black: #161616;\n  --white: #fff;\n  --brand-blue: #004880;\n  --grey: #333;\n  --ada-brand-color: var(--brand-blue);\n  --primary-text: rgb(0 0 0 / 90%);\n  --secondary-text: rgb(0 0 0 / 70%);\n  --disabled-text: rgb(0 0 0 / 38%);\n  --communication-primary: #106ebe;\n  --communication-tint-40: #eff6fc;\n  --communication-tint-30: #deecf9;\n  --communication-tint-20: #c7e0f4;\n  --communication-tint-10: #2b88d8;\n  --communication-shade-20: #004578;\n  --neutral-0: var(--white);\n  --neutral-2: #f8f8f8;\n  --neutral-3: #f6f6f6;\n  --neutral-4: #f4f4f4;\n  --neutral-6: #f2f2f2;\n  --neutral-6-5: #f1f1f1;\n  --neutral-8: #ebebeb;\n  --neutral-10: #dedede;\n  --neutral-20: #c8c8c8;\n  --neutral-30: #a6a6a6;\n  --neutral-55: #6e6e6e;\n  --neutral-60: #666;\n  --neutral-70: #3c3c3c;\n  --neutral-80: var(--grey);\n  --neutral-100: var(--black);\n  --neutral-alpha-2: rgb(0 0 0 / 2%);\n  --neutral-alpha-4: rgb(0 0 0 / 4%);\n  --neutral-alpha-6: rgb(0 0 0 / 6%);\n  --neutral-alpha-8: rgb(0 0 0 / 8%);\n  --neutral-alpha-10: rgb(0 0 0 / 10%);\n  --neutral-alpha-20: rgb(0 0 0 / 20%);\n  --neutral-alpha-30: rgb(0 0 0 / 30%);\n  --neutral-alpha-60: rgb(0 0 0 / 60%);\n  --neutral-alpha-70: rgb(0 0 0 / 70%);\n  --neutral-alpha-80: rgb(0 0 0 / 80%);\n  --neutral-alpha-90: rgb(0 0 0 / 90%);\n  --positive-outcome: #228722;\n  --negative-outcome: #e81123;\n  --neutral-outcome: var(--neutral-60);\n  --box-shadow-108: rgb(0 0 0 / 10.8%);\n  --box-shadow-132: rgb(0 0 0 / 13.2%);\n  --box-shadow-27: rgb(0 0 0 / 27%);\n  --screenshot-image-outline: #8b8b8b;\n  --card-border: transparent;\n  --card-footer-border: var(--neutral-10);\n  --header-bar-title-color: var(--neutral-0);\n  --help-links-section-background: var(--neutral-4);\n  --help-links-section-border: var(--neutral-4);\n  --index-circle-background: var(--communication-primary);\n  --link-hover: var(--communication-shade-20);\n  --link: var(--communication-primary);\n  --menu-border: var(--neutral-3);\n  --menu-item-background-active: var(--neutral-alpha-8);\n  --menu-item-background-hover: var(--neutral-alpha-4);\n  --left-nav-icon: var(--neutral-55);\n  --pill-background: var(--neutral-alpha-8);\n  --pill: var(--primary-text);\n  --spinner-text: var(--communication-primary);\n  --nav-link-hover: var(--neutral-alpha-8);\n  --nav-link-selected: var(--communication-tint-20);\n  --nav-link-expanded: var(--communication-tint-40);\n  --insights-button-hover: #0179d4;\n  --report-footer-text: #222;\n  --landmark-contentinfo: #00a88c;\n  --landmark-main: #cb2e6d;\n  --landmark-complementary: #6b9d1a;\n  --landmark-banner: #d08311;\n  --landmark-region: #2560e0;\n  --landmark-navigation: #9b38e6;\n  --landmark-search: #d363d8;\n  --landmark-form: #0298c7;\n}\n:root .high-contrast-theme {\n  --ada-brand-color: var(--white);\n  --secondary-text: var(--white);\n  --primary-text: var(--white);\n  --disabled-text: #c285ff;\n  --communication-tint-40: #38a9ff;\n  --communication-tint-30: var(--communication-tint-10);\n  --neutral-0: var(--light-black);\n  --neutral-2: var(--light-black);\n  --neutral-3: var(--light-black);\n  --neutral-4: var(--light-black);\n  --neutral-6: var(--light-black);\n  --neutral-6-5: var(--light-black);\n  --neutral-8: var(--white);\n  --neutral-10: var(--light-black);\n  --neutral-20: var(--white);\n  --neutral-30: var(--white);\n  --neutral-55: var(--white);\n  --neutral-60: var(--white);\n  --neutral-70: var(--white);\n  --neutral-80: var(--white);\n  --neutral-100: var(--white);\n  --neutral-alpha-8: var(--white);\n  --neutral-alpha-90: var(--white);\n  --positive-outcome: #4ac94a;\n  --negative-outcome: #fc7ab1;\n  --neutral-outcome: var(--neutral-0);\n  --card-border: var(--white);\n  --card-footer-border: var(--white);\n  --header-bar-title-color: var(--brand-blue);\n  --help-links-section-background: transparent;\n  --help-links-section-border: var(--white);\n  --index-circle-background: var(--communication-tint-40);\n  --link-hover: #ff0;\n  --link: #ff0;\n  --menu-border: var(--grey);\n  --menu-item-background-active: var(--communication-tint-40);\n  --menu-item-background-hover: var(--grey);\n  --left-nav-icon: var(--black);\n  --pill-background: var(--white);\n  --pill: var(--black);\n  --screenshot-image-outline: var(--white);\n  --spinner-text: var(--communication-tint-40);\n  --nav-link-hover: #2a2a2a;\n  --nav-link-selected: var(--communication-tint-40);\n  --nav-link-expanded: transparent;\n}\n\n.ms-Fabric.is-focusVisible .ms-Nav-group .ms-nav-linkButton:focus::after {\n  border: 1px solid var(--neutral-100);\n}\n@media screen and (forced-colors: active) {\n  .ms-Fabric.is-focusVisible .ms-Nav-group .ms-nav-linkButton:focus::after {\n    border: 1px dashed windowtext !important;\n  }\n}\n\nbutton::after {\n  content: \"\";\n  position: absolute;\n}\n\n.ms-fontColor-neutralPrimary,\n.ms-fontColor-neutralPrimary--hover:hover {\n  color: var(--neutral-100) !important;\n}\n\n.ms-Fabric {\n  color: var(--neutral-100);\n}\n\n.insights-link {\n  color: var(--link) !important;\n  text-decoration: none;\n}\n@media screen and (forced-colors: active) {\n  .insights-link {\n    forced-color-adjust: unset;\n  }\n}\n.insights-link:hover {\n  color: var(--link-hover) !important;\n  text-decoration: underline;\n}\n\n.high-contrast-theme .insights-link:hover {\n  text-decoration: underline;\n}\n.high-contrast-theme .is-selected .status-icon {\n  color: var(--black) !important;\n}\n\n.insights-code {\n  font-family: menlo, consolas, courier new, monospace;\n}\n\n.ms-Spinner .ms-Spinner-circle {\n  border-top-color: var(--spinner-text);\n}\n.ms-Spinner .ms-Spinner-label {\n  color: var(--spinner-text);\n}\n\n@media screen and (forced-colors: active) {\n  .ms-ContextualMenu button:hover .ms-ContextualMenu-itemText,\n  .ms-ContextualMenu button:hover .ms-ContextualMenu-linkText {\n    color: highlight;\n  }\n}\n\n.guidance-tags span {\n  font-size: 12px;\n  font-weight: normal;\n  padding-top: 2px;\n  padding-right: 12px;\n  padding-bottom: 2px;\n  padding-left: 12px;\n  color: var(--pill);\n  background-color: var(--pill-background);\n  border-radius: 120px;\n}\n\n.hidden-highlight-button {\n  opacity: 0;\n  margin: 0;\n  padding: 0;\n  border: none;\n}\n\n.instance-details-card {\n  border-radius: 4px;\n  border: 1px solid var(--card-border);\n  outline-style: \"border-style\";\n  box-shadow: 0 0.6px 1.8px var(--box-shadow-108), 0 3.2px 7.2px var(--box-shadow-132);\n  margin-bottom: 16px;\n  width: -moz-available;\n  width: -webkit-fill-available;\n  width: stretch;\n}\n\n.instance-details-card-container.selected {\n  outline: 5px solid var(--communication-tint-10);\n}\n\n.instance-details-card.selected {\n  border: 1px solid transparent;\n}\n\n.instance-details-card.focused,\n.instance-details-card:focus {\n  outline: 2px solid var(--primary-text);\n  outline-offset: 2px;\n}\n\n.instance-details-card.selected.focused,\n.instance-details-card.selected:focus {\n  outline-offset: 8px;\n}\n\n.instance-details-card.interactive {\n  cursor: pointer;\n}\n\n.instance-details-card.interactive:hover {\n  box-shadow: 0 8px 10px var(--box-shadow-108), 0 8px 10px var(--box-shadow-132);\n}\n\n.report-instance-table {\n  background: var(--neutral-0);\n  display: table;\n  table-layout: fixed;\n  width: -moz-available;\n  width: -webkit-fill-available;\n  width: stretch;\n  border-radius: inherit;\n  border-collapse: collapse;\n  overflow-wrap: break-word;\n  word-break: break-word;\n}\n.report-instance-table .row {\n  display: flex;\n  flex-wrap: wrap;\n  padding-top: 2px;\n  padding-bottom: 14px;\n  padding-left: 0;\n  padding-right: 20px;\n  border-bottom: 0.5px solid var(--neutral-10);\n}\n.report-instance-table .row > * {\n  margin-top: 12px;\n  margin-bottom: 0;\n  margin-left: 20px;\n  margin-right: 0;\n  padding: 0;\n}\n.report-instance-table .row:last-child {\n  border-bottom: none;\n}\n.report-instance-table .row-label {\n  flex-basis: 90px;\n  flex-shrink: 1;\n  flex-grow: 0;\n  font-size: 14px;\n  line-height: 20px;\n  font-weight: 600;\n  color: var(--primary-text);\n  text-align: left;\n}\n.report-instance-table .row-content {\n  flex-basis: 200px;\n  flex-shrink: 1;\n  flex-grow: 1;\n  color: var(--secondary-text);\n  font-size: 14px;\n  line-height: 20px;\n  align-items: flex-end;\n  display: flex;\n}\n\n.outcome-summary-bar {\n  display: flex;\n  flex-grow: 0;\n  flex-shrink: 0;\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-items: center;\n  margin-top: 16px;\n  margin-bottom: 0;\n  line-height: 24px;\n  font-size: 17px;\n  font-weight: 600;\n  white-space: pre-wrap;\n}\n.outcome-summary-bar .block,\n.outcome-summary-bar .incomplete,\n.outcome-summary-bar .inapplicable,\n.outcome-summary-bar .unscannable,\n.outcome-summary-bar .pass,\n.outcome-summary-bar .fail {\n  font-family: 'Segoe UI Web (West European)','Segoe UI','-apple-system',BlinkMacSystemFont,Roboto,'Helvetica Neue',Helvetica,Ubuntu,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';\n  line-height: 20px;\n  font-size: 16px;\n  color: var(--neutral-0);\n  padding-top: 8px;\n  padding-right: 8px;\n  padding-bottom: 10px;\n  padding-left: 10px;\n  height: 16px;\n  display: flex;\n  align-items: center;\n  margin-right: 4px;\n}\n.outcome-summary-bar .count {\n  font-weight: 600;\n}\n.outcome-summary-bar .fail {\n  background-color: var(--negative-outcome);\n}\n.outcome-summary-bar .fail .check-container {\n  position: relative;\n  width: 16px;\n  height: 16px;\n  display: inline-block;\n  border-radius: 50%;\n  border: 0 solid var(--neutral-0);\n}\n.outcome-summary-bar .fail .check-container svg circle {\n  fill: var(--negative-outcome);\n}\n.outcome-summary-bar .fail .check-container {\n  bottom: -1px;\n  margin-right: 8px;\n}\n.outcome-summary-bar .pass {\n  background-color: var(--positive-outcome);\n}\n.outcome-summary-bar .pass .check-container {\n  position: relative;\n  width: 16px;\n  height: 16px;\n  display: inline-block;\n  border-radius: 50%;\n  border: 0 solid var(--neutral-0);\n}\n.outcome-summary-bar .pass .check-container svg circle {\n  fill: var(--positive-outcome);\n}\n.outcome-summary-bar .pass .check-container {\n  bottom: -1px;\n  margin-right: 8px;\n  margin-left: 4px;\n}\n.outcome-summary-bar .inapplicable,\n.outcome-summary-bar .unscannable {\n  background-color: var(--neutral-outcome);\n}\n.outcome-summary-bar .inapplicable .check-container,\n.outcome-summary-bar .unscannable .check-container {\n  position: relative;\n  width: 16px;\n  height: 16px;\n  display: inline-block;\n  border-radius: 50%;\n  border: 0 solid var(--neutral-0);\n}\n.outcome-summary-bar .inapplicable .check-container,\n.outcome-summary-bar .unscannable .check-container {\n  bottom: -1px;\n  margin-right: 8px;\n  margin-left: 4px;\n}\n.outcome-summary-bar .incomplete {\n  background-color: var(--neutral-outcome);\n  color: var(--white);\n  border: 2px var(--neutral-60) solid;\n  height: 12px;\n}\n.outcome-summary-bar .incomplete .check-container {\n  position: relative;\n  width: 8px;\n  height: 8px;\n  display: inline-block;\n  border-radius: 50%;\n  border: 3px solid var(--neutral-0);\n}\n.outcome-summary-bar .incomplete .check-container {\n  margin-right: 6px;\n  border-color: var(--white);\n}\n.outcome-summary-bar .summary-bar-left-edge {\n  border-top-left-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\n.outcome-summary-bar .summary-bar-right-edge {\n  border-top-right-radius: 2px;\n  border-bottom-right-radius: 2px;\n  margin-right: 0;\n}\n.outcome-summary-bar .label {\n  font-weight: normal;\n}\n\n.screen-reader-only {\n  position: absolute;\n  left: -10000px;\n  top: auto;\n  height: 1px;\n  overflow: hidden;\n  clip-path: inset(100% 100% 100% 100%);\n}\n\n.check-container svg {\n  width: 100%;\n  height: 100%;\n}\n\n.outcome-chip {\n  height: 16px;\n  color: var(--primary-text);\n  border-radius: 0 8px 8px 0;\n  margin-right: 4px;\n  margin-bottom: -3px;\n  margin-left: 4px;\n  display: inline-flex;\n  align-items: center;\n}\n.outcome-chip .icon {\n  border-radius: 50%;\n  width: 16px;\n  height: 16px;\n}\n.outcome-chip .count {\n  font-family: 'Segoe UI Web (West European)','Segoe UI','-apple-system',BlinkMacSystemFont,Roboto,'Helvetica Neue',Helvetica,Ubuntu,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';\n  line-height: 13px;\n  font-size: 11px;\n  border-radius: 0 8px 8px 0;\n  padding-right: 6px;\n  padding-left: 10px;\n  font-weight: 700;\n  margin-left: -8px;\n  height: 13px;\n}\n@media screen and (forced-colors: active) {\n  .outcome-chip .count {\n    forced-color-adjust: none;\n    border-color: canvastext !important;\n    color: canvastext;\n  }\n}\n.outcome-chip.outcome-chip-pass .check-container {\n  position: relative;\n  width: 16px;\n  height: 16px;\n  display: inline-block;\n  border-radius: 50%;\n  border: 0 solid var(--neutral-0);\n}\n.outcome-chip.outcome-chip-pass .check-container svg circle {\n  fill: var(--positive-outcome);\n}\n.outcome-chip.outcome-chip-pass .check-container {\n  background-color: var(--positive-outcome);\n}\n.outcome-chip.outcome-chip-pass .count {\n  background-color: transparent;\n  border: 1.5px solid var(--positive-outcome);\n}\n.outcome-chip.outcome-chip-incomplete .check-container, .outcome-chip.outcome-chip-review .check-container {\n  position: relative;\n  width: 14px;\n  height: 14px;\n  display: inline-block;\n  border-radius: 50%;\n  border: 1px solid var(--neutral-0);\n}\n.outcome-chip.outcome-chip-incomplete .check-container, .outcome-chip.outcome-chip-review .check-container {\n  background-color: var(--neutral-60);\n}\n.outcome-chip.outcome-chip-incomplete .count, .outcome-chip.outcome-chip-review .count {\n  background-color: transparent;\n  border: 1.5px solid var(--neutral-60);\n}\n.outcome-chip.outcome-chip-fail .check-container {\n  position: relative;\n  width: 16px;\n  height: 16px;\n  display: inline-block;\n  border-radius: 50%;\n  border: 0 solid var(--neutral-0);\n}\n.outcome-chip.outcome-chip-fail .check-container svg circle {\n  fill: var(--negative-outcome);\n}\n.outcome-chip.outcome-chip-fail .check-container {\n  background-color: var(--negative-outcome);\n}\n.outcome-chip.outcome-chip-fail .count {\n  background-color: transparent;\n  border: 1.5px solid var(--negative-outcome);\n}\n.outcome-chip.outcome-chip-inapplicable .check-container, .outcome-chip.outcome-chip-unscannable .check-container {\n  position: relative;\n  width: 16px;\n  height: 16px;\n  display: inline-block;\n  border-radius: 50%;\n  border: 0 solid var(--neutral-0);\n}\n.outcome-chip.outcome-chip-inapplicable .check-container, .outcome-chip.outcome-chip-unscannable .check-container {\n  background-color: var(--neutral-outcome);\n}\n.outcome-chip.outcome-chip-inapplicable .count, .outcome-chip.outcome-chip-unscannable .count {\n  background-color: transparent;\n  border: 1.5px solid var(--neutral-outcome);\n}\n\n.outcome-icon-set .outcome-icon {\n  margin-left: 4px;\n  border-radius: 50%;\n}\n.outcome-icon-set .outcome-icon-pass .check-container {\n  position: relative;\n  width: 14px;\n  height: 14px;\n  display: inline-block;\n  border-radius: 50%;\n  border: 0 solid var(--neutral-0);\n}\n.outcome-icon-set .outcome-icon-pass .check-container svg circle {\n  fill: var(--positive-outcome);\n}\n.outcome-icon-set .outcome-icon-incomplete .check-container {\n  position: relative;\n  width: 12px;\n  height: 12px;\n  display: inline-block;\n  border-radius: 50%;\n  border: 1px solid var(--neutral-0);\n}\n.outcome-icon-set .outcome-icon-incomplete .check-container {\n  border-color: var(--neutral-60);\n}\n.outcome-icon-set .outcome-icon-fail .check-container {\n  position: relative;\n  width: 14px;\n  height: 14px;\n  display: inline-block;\n  border-radius: 50%;\n  border: 0 solid var(--neutral-0);\n}\n.outcome-icon-set .outcome-icon-fail .check-container svg circle {\n  fill: var(--negative-outcome);\n}\n\nbody {\n  font-size: 14px;\n  margin: auto;\n  background-color: var(--neutral-2);\n  color: black;\n  font-family: 'Segoe UI Web (West European)','Segoe UI','-apple-system',BlinkMacSystemFont,Roboto,'Helvetica Neue',Helvetica,Ubuntu,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';\n}\n\n.outer-container {\n  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);\n}\n.outer-container .content-container {\n  max-width: 960px;\n  margin-right: auto;\n  margin-left: auto;\n  margin-top: 24px;\n}\n.outer-container .content-container h2 {\n  margin: 0;\n  font-size: 17px;\n  line-height: 24px;\n}\n@media only screen and (max-width: 1000px) {\n  .outer-container .content-container {\n    margin-top: 24px;\n    margin-right: 16px;\n    margin-left: 16px;\n  }\n}\n\n.scan-details-section {\n  box-shadow: 0 0.3px 0.9px rgba(0, 0, 0, 0.108), 0 1.6px 3.6px rgba(0, 0, 0, 0.132);\n  border-radius: 4px;\n  background-color: var(--neutral-0);\n  padding: 20px;\n  margin-bottom: 22px;\n}\n.scan-details-section .details-section-list {\n  list-style: none;\n  font-size: 14px;\n  line-height: 16px;\n  padding-left: 0;\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n  flex-direction: column;\n}\n.scan-details-section h3 {\n  margin: 0;\n  font-size: 17px;\n  line-height: 24px;\n}\n.scan-details-section li {\n  display: inline-block;\n  padding-top: 12px;\n}\n.scan-details-section li .icon {\n  padding-right: 12px;\n  position: relative;\n  top: 3px;\n}\n.scan-details-section .text {\n  word-break: break-all;\n}\n.scan-details-section .description-text {\n  white-space: pre-wrap;\n}\n.scan-details-section .screen-reader-only {\n  position: absolute;\n  left: -10000px;\n  top: auto;\n  height: 1px;\n  overflow: hidden;\n  clip-path: inset(100% 100% 100% 100%);\n}\n\n.report-footer-container {\n  max-width: 960px;\n  margin-right: auto;\n  margin-left: auto;\n  margin-bottom: 68px;\n  margin-top: 24px;\n}\n.report-footer-container .report-footer {\n  line-height: 20px;\n  color: var(--report-footer-text);\n}\n@media only screen and (max-width: 1000px) {\n  .report-footer-container {\n    margin-right: 16px;\n    margin-left: 16px;\n  }\n}\n\n.report-header-command-bar {\n  height: 40px;\n  width: 100%;\n  display: flex;\n  justify-content: end;\n  min-height: fit-content;\n  align-items: center;\n  background-color: var(--neutral-0);\n  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);\n}\n.report-header-command-bar .target-page {\n  white-space: nowrap;\n  margin-left: 16px;\n  display: flex;\n  color: var(--primary-text);\n  font-family: 'Segoe UI Web (West European)','Segoe UI','-apple-system',BlinkMacSystemFont,Roboto,'Helvetica Neue',Helvetica,Ubuntu,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';\n  font-size: 14px;\n  line-height: 20px;\n  font-weight: normal;\n  min-width: 0;\n}\n.report-header-command-bar .target-page a {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.report-congrats-message {\n  word-break: break-word;\n  overflow-wrap: break-word;\n}\n\n.report-congrats-head {\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--primary-text);\n  padding-top: 10px;\n  padding-right: 0;\n  padding-bottom: 10px;\n  padding-left: 0;\n}\n\n.report-congrats-info {\n  font-size: 14px;\n  color: var(--secondary-text);\n  padding-top: 10px;\n  padding-right: 0;\n  padding-bottom: 10px;\n  padding-left: 0;\n}\n\n.sleeping-ada {\n  height: 100px;\n}\n\n.title-section {\n  margin-top: 56px;\n}\n.title-section h1 {\n  font-weight: 600;\n  margin-bottom: 24px;\n  font-size: 21px;\n  line-height: 32px;\n  letter-spacing: -0.02em;\n}\n\n.results-container {\n  margin-top: 56px;\n}\n.results-container .title-container :is(h1, h2, h3, h4, h5, h6) {\n  font-weight: unset;\n  margin-block: 0;\n  margin-inline: 0;\n}\n\n@media screen and (max-width: 640px) {\n  .outcome-past-tense {\n    display: none;\n  }\n}\n.collapsible-container .collapsible-control[aria-expanded=true]::before, .collapsible-container .collapsible-control[aria-expanded=false]::before {\n  display: inline-block;\n  border-right: 1px solid var(--secondary-text);\n  border-bottom: 1px solid var(--secondary-text);\n  min-width: 7px;\n  width: 7px;\n  height: 7px;\n  content: \"\";\n  transform-origin: 50% 50%;\n  transition: transform 0.1s linear 0s;\n}\n\n.summary-section {\n  box-shadow: 0 0.3px 0.9px rgba(0, 0, 0, 0.108), 0 1.6px 3.6px rgba(0, 0, 0, 0.132);\n  border-radius: 4px;\n  background-color: var(--neutral-0);\n  padding: 20px;\n  margin-bottom: 24px;\n}\n\n.result-section {\n  padding-bottom: 24px;\n}\n.result-section .title-container .collapsible-control::before {\n  position: relative;\n  bottom: 2px;\n  margin-right: 14px;\n}\n.result-section .collapsible-content {\n  margin-left: 16px;\n}\n\n.collapsible-container .collapsible-control {\n  font-family: \"Segoe UI Web (West European)\", \"Segoe UI\", -apple-system, BlinkMacSystemFont, Roboto, \"Helvetica Neue\", Helvetica, Ubuntu, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  background-color: transparent;\n  cursor: pointer;\n  border: none;\n  display: flex;\n  align-items: baseline;\n  width: 100%;\n}\n.collapsible-container .collapsible-control:hover {\n  background-color: var(--neutral-alpha-4);\n}\n.collapsible-container:not(.collapsible-rule-details-group) .collapsible-control {\n  padding-left: 2px;\n  padding-right: 16px;\n  position: relative;\n}\n.collapsible-container .collapsible-control[aria-expanded=false]::before {\n  transform: rotate(-45deg);\n}\n.collapsible-container .collapsible-control[aria-expanded=true]::before {\n  transform: rotate(45deg);\n}\n.collapsible-container .collapsible-content[aria-hidden=true] {\n  display: none;\n}\n\nul.instance-details-list {\n  list-style-type: none;\n  padding-inline-start: unset;\n  margin-block-start: unset;\n  margin-block-end: unset;\n}\nul.instance-details-list li {\n  margin-bottom: 16px;\n}\nul.instance-details-list li:last-child {\n  margin-bottom: unset;\n}`;
+var styleSheet = `:root {\n  --black: #000;\n  --light-black: #161616;\n  --white: #fff;\n  --brand-blue: #004880;\n  --grey: #333;\n  --ada-brand-color: var(--brand-blue);\n  --primary-text: rgb(0 0 0 / 90%);\n  --secondary-text: rgb(0 0 0 / 70%);\n  --disabled-text: rgb(0 0 0 / 38%);\n  --communication-primary: #106ebe;\n  --communication-tint-40: #eff6fc;\n  --communication-tint-30: #deecf9;\n  --communication-tint-20: #c7e0f4;\n  --communication-tint-10: #2b88d8;\n  --communication-shade-20: #004578;\n  --neutral-0: var(--white);\n  --neutral-2: #f8f8f8;\n  --neutral-3: #f6f6f6;\n  --neutral-4: #f4f4f4;\n  --neutral-6: #f2f2f2;\n  --neutral-6-5: #f1f1f1;\n  --neutral-8: #ebebeb;\n  --neutral-10: #dedede;\n  --neutral-20: #c8c8c8;\n  --neutral-30: #a6a6a6;\n  --neutral-55: #6e6e6e;\n  --neutral-60: #666;\n  --neutral-70: #3c3c3c;\n  --neutral-80: var(--grey);\n  --neutral-100: var(--black);\n  --neutral-alpha-2: rgb(0 0 0 / 2%);\n  --neutral-alpha-4: rgb(0 0 0 / 4%);\n  --neutral-alpha-6: rgb(0 0 0 / 6%);\n  --neutral-alpha-8: rgb(0 0 0 / 8%);\n  --neutral-alpha-10: rgb(0 0 0 / 10%);\n  --neutral-alpha-20: rgb(0 0 0 / 20%);\n  --neutral-alpha-30: rgb(0 0 0 / 30%);\n  --neutral-alpha-60: rgb(0 0 0 / 60%);\n  --neutral-alpha-70: rgb(0 0 0 / 70%);\n  --neutral-alpha-80: rgb(0 0 0 / 80%);\n  --neutral-alpha-90: rgb(0 0 0 / 90%);\n  --positive-outcome: #228722;\n  --negative-outcome: #e81123;\n  --neutral-outcome: var(--neutral-60);\n  --box-shadow-108: rgb(0 0 0 / 10.8%);\n  --box-shadow-132: rgb(0 0 0 / 13.2%);\n  --box-shadow-27: rgb(0 0 0 / 27%);\n  --screenshot-image-outline: #8b8b8b;\n  --card-border: transparent;\n  --card-footer-border: var(--neutral-10);\n  --header-bar-title-color: var(--neutral-0);\n  --help-links-section-background: var(--neutral-4);\n  --help-links-section-border: var(--neutral-4);\n  --index-circle-background: var(--communication-primary);\n  --link-hover: var(--communication-shade-20);\n  --link: var(--communication-primary);\n  --menu-border: var(--neutral-3);\n  --menu-item-background-active: var(--neutral-alpha-8);\n  --menu-item-background-hover: var(--neutral-alpha-4);\n  --left-nav-icon: var(--neutral-55);\n  --pill-background: var(--neutral-alpha-8);\n  --pill: var(--primary-text);\n  --spinner-text: var(--communication-primary);\n  --nav-link-hover: var(--neutral-alpha-8);\n  --nav-link-selected: var(--communication-tint-20);\n  --nav-link-expanded: var(--communication-tint-40);\n  --insights-button-hover: #0179d4;\n  --report-footer-text: #222;\n  --landmark-contentinfo: #00a88c;\n  --landmark-main: #cb2e6d;\n  --landmark-complementary: #6b9d1a;\n  --landmark-banner: #d08311;\n  --landmark-region: #2560e0;\n  --landmark-navigation: #9b38e6;\n  --landmark-search: #d363d8;\n  --landmark-form: #0298c7;\n}\n:root .high-contrast-theme {\n  --ada-brand-color: var(--white);\n  --secondary-text: var(--white);\n  --primary-text: var(--white);\n  --disabled-text: #c285ff;\n  --communication-tint-40: #38a9ff;\n  --communication-tint-30: var(--communication-tint-10);\n  --neutral-0: var(--light-black);\n  --neutral-2: var(--light-black);\n  --neutral-3: var(--light-black);\n  --neutral-4: var(--light-black);\n  --neutral-6: var(--light-black);\n  --neutral-6-5: var(--light-black);\n  --neutral-8: var(--white);\n  --neutral-10: var(--light-black);\n  --neutral-20: var(--white);\n  --neutral-30: var(--white);\n  --neutral-55: var(--white);\n  --neutral-60: var(--white);\n  --neutral-70: var(--white);\n  --neutral-80: var(--white);\n  --neutral-100: var(--white);\n  --neutral-alpha-8: var(--white);\n  --neutral-alpha-90: var(--white);\n  --positive-outcome: #4ac94a;\n  --negative-outcome: #fc7ab1;\n  --neutral-outcome: var(--neutral-0);\n  --card-border: var(--white);\n  --card-footer-border: var(--white);\n  --header-bar-title-color: var(--brand-blue);\n  --help-links-section-background: transparent;\n  --help-links-section-border: var(--white);\n  --index-circle-background: var(--communication-tint-40);\n  --link-hover: #ff0;\n  --link: #ff0;\n  --menu-border: var(--grey);\n  --menu-item-background-active: var(--communication-tint-40);\n  --menu-item-background-hover: var(--grey);\n  --left-nav-icon: var(--black);\n  --pill-background: var(--white);\n  --pill: var(--black);\n  --screenshot-image-outline: var(--white);\n  --spinner-text: var(--communication-tint-40);\n  --nav-link-hover: #2a2a2a;\n  --nav-link-selected: var(--communication-tint-40);\n  --nav-link-expanded: transparent;\n}\n\n.ms-Fabric.is-focusVisible .ms-Nav-group .ms-nav-linkButton:focus::after {\n  border: 1px solid var(--neutral-100);\n}\n@media screen and (forced-colors: active) {\n  .ms-Fabric.is-focusVisible .ms-Nav-group .ms-nav-linkButton:focus::after {\n    border: 1px dashed windowtext !important;\n  }\n}\n\nbutton::after {\n  content: \"\";\n  position: absolute;\n}\n\n.ms-fontColor-neutralPrimary,\n.ms-fontColor-neutralPrimary--hover:hover {\n  color: var(--neutral-100) !important;\n}\n\n.ms-Fabric {\n  color: var(--neutral-100);\n}\n\n.insights-link {\n  color: var(--link) !important;\n  text-decoration: none;\n}\n@media screen and (forced-colors: active) {\n  .insights-link {\n    forced-color-adjust: unset;\n  }\n}\n.insights-link:hover {\n  color: var(--link-hover) !important;\n  text-decoration: underline;\n}\n\n.high-contrast-theme .insights-link:hover {\n  text-decoration: underline;\n}\n.high-contrast-theme .is-selected .status-icon {\n  color: var(--black) !important;\n}\n\n.insights-code {\n  font-family: menlo, consolas, courier new, monospace;\n}\n\n.ms-Spinner .ms-Spinner-circle {\n  border-top-color: var(--spinner-text);\n}\n.ms-Spinner .ms-Spinner-label {\n  color: var(--spinner-text);\n}\n\n@media screen and (forced-colors: active) {\n  .ms-ContextualMenu button:hover .ms-ContextualMenu-itemText,\n  .ms-ContextualMenu button:hover .ms-ContextualMenu-linkText {\n    color: highlight;\n  }\n}\n\n.guidance-tags span {\n  font-size: 12px;\n  font-weight: normal;\n  padding-top: 2px;\n  padding-right: 12px;\n  padding-bottom: 2px;\n  padding-left: 12px;\n  color: var(--pill);\n  background-color: var(--pill-background);\n  border-radius: 120px;\n}\n\n.hidden-highlight-button {\n  opacity: 0;\n  margin: 0;\n  padding: 0;\n  border: none;\n}\n\n.instance-details-card {\n  border-radius: 4px;\n  border: 1px solid var(--card-border);\n  outline-style: \"border-style\";\n  box-shadow: 0 0.6px 1.8px var(--box-shadow-108), 0 3.2px 7.2px var(--box-shadow-132);\n  margin-bottom: 16px;\n  width: -moz-available;\n  width: -webkit-fill-available;\n  width: stretch;\n}\n\n.instance-details-card-container.selected {\n  outline: 5px solid var(--communication-tint-10);\n}\n\n.instance-details-card.selected {\n  border: 1px solid transparent;\n}\n\n.instance-details-card.focused,\n.instance-details-card:focus {\n  outline: 2px solid var(--primary-text);\n  outline-offset: 2px;\n}\n\n.instance-details-card.selected.focused,\n.instance-details-card.selected:focus {\n  outline-offset: 8px;\n}\n\n.instance-details-card.interactive {\n  cursor: pointer;\n}\n\n.instance-details-card.interactive:hover {\n  box-shadow: 0 8px 10px var(--box-shadow-108), 0 8px 10px var(--box-shadow-132);\n}\n\n.report-instance-table {\n  background: var(--neutral-0);\n  display: table;\n  table-layout: fixed;\n  width: -moz-available;\n  width: -webkit-fill-available;\n  width: stretch;\n  border-radius: inherit;\n  border-collapse: collapse;\n  overflow-wrap: break-word;\n  word-break: break-word;\n}\n.report-instance-table .row {\n  display: flex;\n  flex-wrap: wrap;\n  padding-top: 2px;\n  padding-bottom: 14px;\n  padding-left: 0;\n  padding-right: 20px;\n  border-bottom: 0.5px solid var(--neutral-10);\n}\n.report-instance-table .row > * {\n  margin-top: 12px;\n  margin-bottom: 0;\n  margin-left: 20px;\n  margin-right: 0;\n  padding: 0;\n}\n.report-instance-table .row:last-child {\n  border-bottom: none;\n}\n.report-instance-table .row-label {\n  flex-basis: 90px;\n  flex-shrink: 1;\n  flex-grow: 0;\n  font-size: 14px;\n  line-height: 20px;\n  font-weight: 600;\n  color: var(--primary-text);\n  text-align: left;\n}\n.report-instance-table .row-content {\n  flex-basis: 200px;\n  flex-shrink: 1;\n  flex-grow: 1;\n  color: var(--secondary-text);\n  font-size: 14px;\n  line-height: 20px;\n  align-items: flex-end;\n  display: flex;\n}\n\n.outcome-summary-bar {\n  display: flex;\n  flex-grow: 0;\n  flex-shrink: 0;\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-items: center;\n  margin-top: 16px;\n  margin-bottom: 0;\n  line-height: 24px;\n  font-size: 17px;\n  font-weight: 600;\n  white-space: pre-wrap;\n}\n.outcome-summary-bar .block,\n.outcome-summary-bar .incomplete,\n.outcome-summary-bar .inapplicable,\n.outcome-summary-bar .unscannable,\n.outcome-summary-bar .pass,\n.outcome-summary-bar .fail {\n  font-family: 'Segoe UI Web (West European)','Segoe UI','-apple-system',BlinkMacSystemFont,Roboto,'Helvetica Neue',Helvetica,Ubuntu,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';\n  line-height: 20px;\n  font-size: 16px;\n  color: var(--neutral-0);\n  padding-top: 8px;\n  padding-right: 8px;\n  padding-bottom: 10px;\n  padding-left: 10px;\n  height: 16px;\n  display: flex;\n  align-items: center;\n  margin-right: 4px;\n}\n.outcome-summary-bar .count {\n  font-weight: 600;\n}\n.outcome-summary-bar .fail {\n  background-color: var(--negative-outcome);\n}\n.outcome-summary-bar .fail .check-container {\n  position: relative;\n  width: 16px;\n  height: 16px;\n  display: inline-block;\n  border-radius: 50%;\n  border: 0 solid var(--neutral-0);\n}\n.outcome-summary-bar .fail .check-container svg circle {\n  fill: var(--negative-outcome);\n}\n.outcome-summary-bar .fail .check-container {\n  bottom: -1px;\n  margin-right: 8px;\n}\n.outcome-summary-bar .pass {\n  background-color: var(--positive-outcome);\n}\n.outcome-summary-bar .pass .check-container {\n  position: relative;\n  width: 16px;\n  height: 16px;\n  display: inline-block;\n  border-radius: 50%;\n  border: 0 solid var(--neutral-0);\n}\n.outcome-summary-bar .pass .check-container svg circle {\n  fill: var(--positive-outcome);\n}\n.outcome-summary-bar .pass .check-container {\n  bottom: -1px;\n  margin-right: 8px;\n  margin-left: 4px;\n}\n.outcome-summary-bar .inapplicable,\n.outcome-summary-bar .unscannable {\n  background-color: var(--neutral-outcome);\n}\n.outcome-summary-bar .inapplicable .check-container,\n.outcome-summary-bar .unscannable .check-container {\n  position: relative;\n  width: 16px;\n  height: 16px;\n  display: inline-block;\n  border-radius: 50%;\n  border: 0 solid var(--neutral-0);\n}\n.outcome-summary-bar .inapplicable .check-container,\n.outcome-summary-bar .unscannable .check-container {\n  bottom: -1px;\n  margin-right: 8px;\n  margin-left: 4px;\n}\n.outcome-summary-bar .incomplete {\n  background-color: var(--neutral-outcome);\n  color: var(--white);\n  border: 2px var(--neutral-60) solid;\n  height: 12px;\n}\n.outcome-summary-bar .incomplete .check-container {\n  position: relative;\n  width: 8px;\n  height: 8px;\n  display: inline-block;\n  border-radius: 50%;\n  border: 3px solid var(--neutral-0);\n}\n.outcome-summary-bar .incomplete .check-container {\n  margin-right: 6px;\n  border-color: var(--white);\n}\n.outcome-summary-bar .summary-bar-left-edge {\n  border-top-left-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\n.outcome-summary-bar .summary-bar-right-edge {\n  border-top-right-radius: 2px;\n  border-bottom-right-radius: 2px;\n  margin-right: 0;\n}\n.outcome-summary-bar .label {\n  font-weight: normal;\n}\n\n.screen-reader-only {\n  position: absolute;\n  left: -10000px;\n  top: auto;\n  height: 1px;\n  overflow: hidden;\n  clip-path: inset(100% 100% 100% 100%);\n}\n\n.check-container svg {\n  width: 100%;\n  height: 100%;\n}\n\n.outcome-chip {\n  height: 16px;\n  color: var(--primary-text);\n  border-radius: 0 8px 8px 0;\n  margin-right: 4px;\n  margin-bottom: -3px;\n  margin-left: 4px;\n  display: inline-flex;\n  align-items: center;\n}\n.outcome-chip .icon {\n  border-radius: 50%;\n  width: 16px;\n  height: 16px;\n}\n.outcome-chip .count {\n  font-family: 'Segoe UI Web (West European)','Segoe UI','-apple-system',BlinkMacSystemFont,Roboto,'Helvetica Neue',Helvetica,Ubuntu,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';\n  line-height: 13px;\n  font-size: 11px;\n  border-radius: 0 8px 8px 0;\n  padding-right: 6px;\n  padding-left: 10px;\n  font-weight: 700;\n  margin-left: -8px;\n  height: 13px;\n}\n@media screen and (forced-colors: active) {\n  .outcome-chip .count {\n    forced-color-adjust: none;\n    border-color: canvastext !important;\n    color: canvastext;\n  }\n}\n.outcome-chip.outcome-chip-pass .check-container {\n  position: relative;\n  width: 16px;\n  height: 16px;\n  display: inline-block;\n  border-radius: 50%;\n  border: 0 solid var(--neutral-0);\n}\n.outcome-chip.outcome-chip-pass .check-container svg circle {\n  fill: var(--positive-outcome);\n}\n.outcome-chip.outcome-chip-pass .check-container {\n  background-color: var(--positive-outcome);\n}\n.outcome-chip.outcome-chip-pass .count {\n  background-color: transparent;\n  border: 1.5px solid var(--positive-outcome);\n  width: max-content;\n}\n.outcome-chip.outcome-chip-incomplete .check-container, .outcome-chip.outcome-chip-review .check-container {\n  position: relative;\n  width: 14px;\n  height: 14px;\n  display: inline-block;\n  border-radius: 50%;\n  border: 1px solid var(--neutral-0);\n}\n.outcome-chip.outcome-chip-incomplete .check-container, .outcome-chip.outcome-chip-review .check-container {\n  background-color: var(--neutral-60);\n}\n.outcome-chip.outcome-chip-incomplete .count, .outcome-chip.outcome-chip-review .count {\n  background-color: transparent;\n  border: 1.5px solid var(--neutral-60);\n  width: max-content;\n}\n.outcome-chip.outcome-chip-fail .check-container {\n  position: relative;\n  width: 16px;\n  height: 16px;\n  display: inline-block;\n  border-radius: 50%;\n  border: 0 solid var(--neutral-0);\n}\n.outcome-chip.outcome-chip-fail .check-container svg circle {\n  fill: var(--negative-outcome);\n}\n.outcome-chip.outcome-chip-fail .check-container {\n  background-color: var(--negative-outcome);\n}\n.outcome-chip.outcome-chip-fail .count {\n  background-color: transparent;\n  border: 1.5px solid var(--negative-outcome);\n  width: max-content;\n}\n.outcome-chip.outcome-chip-inapplicable .check-container, .outcome-chip.outcome-chip-unscannable .check-container {\n  position: relative;\n  width: 16px;\n  height: 16px;\n  display: inline-block;\n  border-radius: 50%;\n  border: 0 solid var(--neutral-0);\n}\n.outcome-chip.outcome-chip-inapplicable .check-container, .outcome-chip.outcome-chip-unscannable .check-container {\n  background-color: var(--neutral-outcome);\n}\n.outcome-chip.outcome-chip-inapplicable .count, .outcome-chip.outcome-chip-unscannable .count {\n  background-color: transparent;\n  border: 1.5px solid var(--neutral-outcome);\n  width: max-content;\n}\n\n.outcome-icon-set .outcome-icon {\n  margin-left: 4px;\n  border-radius: 50%;\n}\n.outcome-icon-set .outcome-icon-pass .check-container {\n  position: relative;\n  width: 14px;\n  height: 14px;\n  display: inline-block;\n  border-radius: 50%;\n  border: 0 solid var(--neutral-0);\n}\n.outcome-icon-set .outcome-icon-pass .check-container svg circle {\n  fill: var(--positive-outcome);\n}\n.outcome-icon-set .outcome-icon-incomplete .check-container {\n  position: relative;\n  width: 12px;\n  height: 12px;\n  display: inline-block;\n  border-radius: 50%;\n  border: 1px solid var(--neutral-0);\n}\n.outcome-icon-set .outcome-icon-incomplete .check-container {\n  border-color: var(--neutral-60);\n}\n.outcome-icon-set .outcome-icon-fail .check-container {\n  position: relative;\n  width: 14px;\n  height: 14px;\n  display: inline-block;\n  border-radius: 50%;\n  border: 0 solid var(--neutral-0);\n}\n.outcome-icon-set .outcome-icon-fail .check-container svg circle {\n  fill: var(--negative-outcome);\n}\n\nbody {\n  font-size: 14px;\n  margin: auto;\n  background-color: var(--neutral-2);\n  color: black;\n  font-family: 'Segoe UI Web (West European)','Segoe UI','-apple-system',BlinkMacSystemFont,Roboto,'Helvetica Neue',Helvetica,Ubuntu,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';\n}\n\n.outer-container {\n  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);\n}\n.outer-container .content-container {\n  max-width: 960px;\n  margin-right: auto;\n  margin-left: auto;\n  margin-top: 24px;\n}\n.outer-container .content-container h2 {\n  margin: 0;\n  font-size: 17px;\n  line-height: 24px;\n}\n@media only screen and (max-width: 1000px) {\n  .outer-container .content-container {\n    margin-top: 24px;\n    margin-right: 16px;\n    margin-left: 16px;\n  }\n}\n\n.scan-details-section {\n  box-shadow: 0 0.3px 0.9px rgba(0, 0, 0, 0.108), 0 1.6px 3.6px rgba(0, 0, 0, 0.132);\n  border-radius: 4px;\n  background-color: var(--neutral-0);\n  padding: 20px;\n  margin-bottom: 22px;\n}\n.scan-details-section .details-section-list {\n  list-style: none;\n  font-size: 14px;\n  line-height: 16px;\n  padding-left: 0;\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n  flex-direction: column;\n}\n.scan-details-section h3 {\n  margin: 0;\n  font-size: 17px;\n  line-height: 24px;\n}\n.scan-details-section li {\n  display: inline-block;\n  padding-top: 12px;\n}\n.scan-details-section li .icon {\n  padding-right: 12px;\n  position: relative;\n  top: 3px;\n}\n.scan-details-section .text {\n  word-break: break-all;\n}\n.scan-details-section .description-text {\n  white-space: pre-wrap;\n}\n.scan-details-section .screen-reader-only {\n  position: absolute;\n  left: -10000px;\n  top: auto;\n  height: 1px;\n  overflow: hidden;\n  clip-path: inset(100% 100% 100% 100%);\n}\n\n.report-footer-container {\n  max-width: 960px;\n  margin-right: auto;\n  margin-left: auto;\n  margin-bottom: 68px;\n  margin-top: 24px;\n}\n.report-footer-container .report-footer {\n  line-height: 20px;\n  color: var(--report-footer-text);\n}\n@media only screen and (max-width: 1000px) {\n  .report-footer-container {\n    margin-right: 16px;\n    margin-left: 16px;\n  }\n}\n\n.report-header-command-bar {\n  height: 40px;\n  width: 100%;\n  display: flex;\n  justify-content: end;\n  min-height: fit-content;\n  align-items: center;\n  background-color: var(--neutral-0);\n  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);\n}\n.report-header-command-bar .target-page {\n  white-space: nowrap;\n  margin-left: 16px;\n  display: flex;\n  color: var(--primary-text);\n  font-family: 'Segoe UI Web (West European)','Segoe UI','-apple-system',BlinkMacSystemFont,Roboto,'Helvetica Neue',Helvetica,Ubuntu,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';\n  font-size: 14px;\n  line-height: 20px;\n  font-weight: normal;\n  min-width: 0;\n}\n.report-header-command-bar .target-page a {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.report-congrats-message {\n  word-break: break-word;\n  overflow-wrap: break-word;\n}\n\n.report-congrats-head {\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--primary-text);\n  padding-top: 10px;\n  padding-right: 0;\n  padding-bottom: 10px;\n  padding-left: 0;\n}\n\n.report-congrats-info {\n  font-size: 14px;\n  color: var(--secondary-text);\n  padding-top: 10px;\n  padding-right: 0;\n  padding-bottom: 10px;\n  padding-left: 0;\n}\n\n.sleeping-ada {\n  height: 100px;\n}\n\n.title-section {\n  margin-top: 56px;\n}\n.title-section h1 {\n  font-weight: 600;\n  margin-bottom: 24px;\n  font-size: 21px;\n  line-height: 32px;\n  letter-spacing: -0.02em;\n}\n\n.results-container {\n  margin-top: 56px;\n}\n.results-container .title-container :is(h1, h2, h3, h4, h5, h6) {\n  font-weight: unset;\n  margin-block: 0;\n  margin-inline: 0;\n}\n\n@media screen and (max-width: 640px) {\n  .outcome-past-tense {\n    display: none;\n  }\n}\n.collapsible-container .collapsible-control[aria-expanded=true]::before, .collapsible-container .collapsible-control[aria-expanded=false]::before {\n  display: inline-block;\n  border-right: 1px solid var(--secondary-text);\n  border-bottom: 1px solid var(--secondary-text);\n  min-width: 7px;\n  width: 7px;\n  height: 7px;\n  content: \"\";\n  transform-origin: 50% 50%;\n  transition: transform 0.1s linear 0s;\n}\n\n.summary-section {\n  box-shadow: 0 0.3px 0.9px rgba(0, 0, 0, 0.108), 0 1.6px 3.6px rgba(0, 0, 0, 0.132);\n  border-radius: 4px;\n  background-color: var(--neutral-0);\n  padding: 20px;\n  margin-bottom: 24px;\n}\n\n.result-section {\n  padding-bottom: 24px;\n}\n.result-section .title-container .collapsible-control::before {\n  position: relative;\n  bottom: 2px;\n  margin-right: 14px;\n}\n.result-section .collapsible-content {\n  margin-left: 16px;\n}\n\n.collapsible-container .collapsible-control {\n  font-family: \"Segoe UI Web (West European)\", \"Segoe UI\", -apple-system, BlinkMacSystemFont, Roboto, \"Helvetica Neue\", Helvetica, Ubuntu, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  background-color: transparent;\n  cursor: pointer;\n  border: none;\n  display: flex;\n  align-items: baseline;\n  width: 100%;\n}\n.collapsible-container .collapsible-control:hover {\n  background-color: var(--neutral-alpha-4);\n}\n.collapsible-container:not(.collapsible-rule-details-group) .collapsible-control {\n  padding-left: 2px;\n  padding-right: 16px;\n  position: relative;\n}\n.collapsible-container .collapsible-control[aria-expanded=false]::before {\n  transform: rotate(-45deg);\n}\n.collapsible-container .collapsible-control[aria-expanded=true]::before {\n  transform: rotate(45deg);\n}\n.collapsible-container .collapsible-content[aria-hidden=true] {\n  display: none;\n}\n\nul.instance-details-list {\n  list-style-type: none;\n  padding-inline-start: unset;\n  margin-block-start: unset;\n  margin-block-end: unset;\n}\nul.instance-details-list li {\n  margin-bottom: 16px;\n}\nul.instance-details-list li:last-child {\n  margin-bottom: unset;\n}`;
 
 // src/reports/components/head.tsx
 var Head = NamedFC("Head", (props) => {
-  return /* @__PURE__ */ React43.createElement("head", null, /* @__PURE__ */ React43.createElement("meta", {
-    charSet: "UTF-8"
-  }), /* @__PURE__ */ React43.createElement("title", null, props.titlePreface, " ", props.title), /* @__PURE__ */ React43.createElement("style", {
-    dangerouslySetInnerHTML: { __html: styleSheet }
-  }), /* @__PURE__ */ React43.createElement("style", {
-    dangerouslySetInnerHTML: { __html: props.bundledStyles.styleSheet }
-  }));
+  return /* @__PURE__ */ React43.createElement("head", null, /* @__PURE__ */ React43.createElement("meta", { charSet: "UTF-8" }), /* @__PURE__ */ React43.createElement("title", null, props.titlePreface, " ", props.title), /* @__PURE__ */ React43.createElement("style", { dangerouslySetInnerHTML: { __html: styleSheet } }), /* @__PURE__ */ React43.createElement("style", { dangerouslySetInnerHTML: { __html: props.bundledStyles.styleSheet } }));
 });
 
 // src/reports/bundled-reporter-styles.ts
@@ -2477,11 +2419,14 @@ var styleSheet2 = `/* css-modules:src/common/components/heading-element-for-leve
 
 // src/reports/components/reporter-automated-check-head.tsx
 var ReporterHead = NamedFC("ReporterHead", () => {
-  return /* @__PURE__ */ React44.createElement(Head, {
-    titlePreface: brand,
-    bundledStyles: bundled_reporter_styles_exports,
-    title: "automated checks result"
-  });
+  return /* @__PURE__ */ React44.createElement(
+    Head,
+    {
+      titlePreface: brand,
+      bundledStyles: bundled_reporter_styles_exports,
+      title: "automated checks result"
+    }
+  );
 });
 
 // src/reports/package/footer-text-for-service.tsx
@@ -2489,11 +2434,15 @@ var React46 = __toESM(require("react"));
 
 // src/reports/components/report-sections/tool-link.tsx
 var React45 = __toESM(require("react"));
-var ToolLink = NamedFC("ToolLink", () => /* @__PURE__ */ React45.createElement(NewTabLink, {
-  className: "tool-name-link",
-  href: "http://aka.ms/AccessibilityInsights",
-  title: `Get more information and download ${toolName}`
-}, "http://aka.ms/AccessibilityInsights"));
+var ToolLink = NamedFC("ToolLink", () => /* @__PURE__ */ React45.createElement(
+  NewTabLink,
+  {
+    className: "tool-name-link",
+    href: "http://aka.ms/AccessibilityInsights",
+    title: `Get more information and download ${toolName}`
+  },
+  "http://aka.ms/AccessibilityInsights"
+));
 
 // src/reports/package/footer-text-for-service.tsx
 var FooterTextForService = NamedFC("FooterTextForService", ({ scanMetadata }) => {
@@ -2504,9 +2453,7 @@ var FooterTextForService = NamedFC("FooterTextForService", ({ scanMetadata }) =>
 // src/reports/components/report-sections/automated-checks-title-section.tsx
 var React47 = __toESM(require("react"));
 var AutomatedChecksTitleSection = NamedFC("AutomatedChecksTitleSection", () => {
-  return /* @__PURE__ */ React47.createElement("div", {
-    className: "title-section"
-  }, /* @__PURE__ */ React47.createElement("h1", null, "Automated checks results"));
+  return /* @__PURE__ */ React47.createElement("div", { className: "title-section" }, /* @__PURE__ */ React47.createElement("h1", null, "Automated checks results"));
 });
 
 // src/reports/components/report-sections/body-section.tsx
@@ -2518,11 +2465,7 @@ var BodySection = NamedFC("BodySection", ({ children }) => {
 // src/reports/components/report-sections/content-container.tsx
 var React49 = __toESM(require("react"));
 var ContentContainer = NamedFC("ContentSection", ({ children }) => {
-  return /* @__PURE__ */ React49.createElement("main", {
-    className: "outer-container"
-  }, /* @__PURE__ */ React49.createElement("div", {
-    className: "content-container"
-  }, children));
+  return /* @__PURE__ */ React49.createElement("main", { className: "outer-container" }, /* @__PURE__ */ React49.createElement("div", { className: "content-container" }, children));
 });
 
 // src/reports/components/report-sections/details-section.tsx
@@ -2534,52 +2477,53 @@ var import_utilities6 = require("@fluentui/utilities");
 // src/common/icons/comment-icon.tsx
 var React50 = __toESM(require("react"));
 var d = "M16 11.2891V0.289062H-7.62939e-06V11.2891H1.99999V15L5.71093 11.2891H16ZM1 1.28906H15L15 10.2891H5.28906L3 12.5781V10.2891H1V1.28906ZM9.99999 6.28906H8.99999V4.28906H11V6.28906C11 6.42969 10.974 6.55859 10.9219 6.67969C10.8698 6.80078 10.7982 6.90625 10.707 6.99609C10.6159 7.08594 10.5104 7.16016 10.3906 7.21094C10.2708 7.26172 10.1406 7.28906 9.99999 7.28906V6.28906ZM4.99999 6.28906H5.99999V7.28906C6.14062 7.28906 6.27083 7.26172 6.39062 7.21094C6.51041 7.16016 6.61588 7.08594 6.70702 6.99609C6.79817 6.90625 6.86978 6.80078 6.92187 6.67969C6.97395 6.55859 6.99999 6.42969 6.99999 6.28906V4.28906H4.99999V6.28906Z";
-var CommentIcon = NamedFC("CommentIcon", () => /* @__PURE__ */ React50.createElement("svg", {
-  width: "17",
-  height: "16",
-  viewBox: "0 0 16 15",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg",
-  role: "img",
-  "aria-hidden": "true"
-}, /* @__PURE__ */ React50.createElement("path", {
-  fillRule: "evenodd",
-  clipRule: "evenodd",
-  d,
-  fill: "#737373"
-})));
+var CommentIcon = NamedFC("CommentIcon", () => /* @__PURE__ */ React50.createElement(
+  "svg",
+  {
+    width: "17",
+    height: "16",
+    viewBox: "0 0 16 15",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    "aria-hidden": "true"
+  },
+  /* @__PURE__ */ React50.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d, fill: "#737373" })
+));
 
 // src/common/icons/date-icon.tsx
 var React51 = __toESM(require("react"));
 var d2 = "M8.82353 16C8.09697 16 7.39677 15.9062 6.72294 15.7188C6.05497 15.5312 5.42802 15.2676 4.84208 14.9277C4.26201 14.582 3.73173 14.1719 3.25126 13.6973C2.77665 13.2168 2.3665 12.6865 2.02079 12.1064C1.68095 11.5205 1.41728 10.8936 1.22978 10.2256C1.04228 9.55176 0.948529 8.85156 0.948529 8.125C0.948529 7.39844 1.04228 6.70117 1.22978 6.0332C1.41728 5.35937 1.68095 4.73242 2.02079 4.15234C2.3665 3.56641 2.77665 3.03613 3.25126 2.56152C3.73173 2.08105 4.26201 1.6709 4.84208 1.33105C5.42802 0.985352 6.05497 0.71875 6.72294 0.53125C7.39677 0.34375 8.09697 0.25 8.82353 0.25C9.55009 0.25 10.2474 0.34375 10.9153 0.53125C11.5892 0.71875 12.2161 0.985352 12.7962 1.33105C13.3821 1.6709 13.9124 2.08105 14.387 2.56152C14.8675 3.03613 15.2776 3.56641 15.6175 4.15234C15.9632 4.73242 16.2298 5.35937 16.4173 6.0332C16.6048 6.70117 16.6985 7.39844 16.6985 8.125C16.6985 8.85156 16.6048 9.55176 16.4173 10.2256C16.2298 10.8936 15.9632 11.5205 15.6175 12.1064C15.2776 12.6865 14.8675 13.2168 14.387 13.6973C13.9124 14.1719 13.3821 14.582 12.7962 14.9277C12.2161 15.2676 11.5892 15.5312 10.9153 15.7188C10.2474 15.9062 9.55009 16 8.82353 16ZM8.82353 1.375C7.89189 1.375 7.01591 1.55371 6.1956 1.91113C5.38115 2.2627 4.6663 2.74609 4.05107 3.36133C3.44169 3.9707 2.95829 4.68555 2.60087 5.50586C2.24931 6.32031 2.07353 7.19336 2.07353 8.125C2.07353 9.05664 2.24931 9.93262 2.60087 10.7529C2.95829 11.5674 3.44169 12.2822 4.05107 12.8975C4.6663 13.5068 5.38115 13.9902 6.1956 14.3477C7.01591 14.6992 7.89189 14.875 8.82353 14.875C9.75517 14.875 10.6282 14.6992 11.4427 14.3477C12.263 13.9902 12.9778 13.5068 13.5872 12.8975C14.2024 12.2822 14.6858 11.5674 15.0374 10.7529C15.3948 9.93262 15.5735 9.05664 15.5735 8.125C15.5735 7.19336 15.3948 6.32031 15.0374 5.50586C14.6858 4.68555 14.2024 3.9707 13.5872 3.36133C12.9778 2.74609 12.263 2.2627 11.4427 1.91113C10.6282 1.55371 9.75517 1.375 8.82353 1.375ZM8.82353 8.125V3.625H7.69853V9.25H12.1985V8.125H8.82353Z";
-var DateIcon = NamedFC("DateIcon", () => /* @__PURE__ */ React51.createElement("svg", {
-  width: "17",
-  height: "16",
-  viewBox: "0 0 17 16",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg",
-  role: "img",
-  "aria-hidden": "true"
-}, /* @__PURE__ */ React51.createElement("path", {
-  d: d2,
-  fill: "#737373"
-})));
+var DateIcon = NamedFC("DateIcon", () => /* @__PURE__ */ React51.createElement(
+  "svg",
+  {
+    width: "17",
+    height: "16",
+    viewBox: "0 0 17 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    "aria-hidden": "true"
+  },
+  /* @__PURE__ */ React51.createElement("path", { d: d2, fill: "#737373" })
+));
 
 // src/common/icons/url-icon.tsx
 var React52 = __toESM(require("react"));
 var d3 = "M8.82353 0C9.5579 0 10.2662 0.0963542 10.9485 0.289062C11.6308 0.476562 12.2688 0.744792 12.8626 1.09375C13.4563 1.4375 13.9954 1.85417 14.4798 2.34375C14.9694 2.82812 15.386 3.36719 15.7298 3.96094C16.0787 4.55469 16.347 5.19271 16.5345 5.875C16.7272 6.55729 16.8235 7.26562 16.8235 8C16.8235 8.73438 16.7272 9.44271 16.5345 10.125C16.347 10.8073 16.0787 11.4453 15.7298 12.0391C15.386 12.6328 14.9694 13.1745 14.4798 13.6641C13.9954 14.1484 13.4563 14.5651 12.8626 14.9141C12.2688 15.2578 11.6308 15.526 10.9485 15.7188C10.2662 15.9062 9.5579 16 8.82353 16C8.08915 16 7.38082 15.9062 6.69853 15.7188C6.01624 15.526 5.37822 15.2578 4.78447 14.9141C4.19072 14.5651 3.64905 14.1484 3.15947 13.6641C2.67509 13.1745 2.25843 12.6328 1.90947 12.0391C1.56572 11.4453 1.29749 10.8099 1.10478 10.1328C0.917279 9.45052 0.823529 8.73958 0.823529 8C0.823529 7.26562 0.917279 6.55729 1.10478 5.875C1.29749 5.19271 1.56572 4.55469 1.90947 3.96094C2.25843 3.36719 2.67509 2.82812 3.15947 2.34375C3.64905 1.85417 4.19072 1.4375 4.78447 1.09375C5.37822 0.744792 6.01363 0.476562 6.69072 0.289062C7.37301 0.0963542 8.08395 0 8.82353 0ZM15.1438 5C14.9459 4.57812 14.7063 4.18229 14.4251 3.8125C14.1438 3.4375 13.8313 3.09635 13.4876 2.78906C13.1438 2.48177 12.7714 2.20833 12.3704 1.96875C11.9694 1.72917 11.5501 1.53385 11.1126 1.38281C11.3001 1.64323 11.4694 1.91927 11.6204 2.21094C11.7714 2.5026 11.9043 2.80469 12.0188 3.11719C12.1386 3.42448 12.2402 3.73698 12.3235 4.05469C12.4069 4.3724 12.4798 4.6875 12.5423 5H15.1438ZM15.8235 8C15.8235 7.30729 15.7272 6.64062 15.5345 6H12.6985C12.7402 6.33333 12.7714 6.66667 12.7923 7C12.8131 7.32812 12.8235 7.66146 12.8235 8C12.8235 8.33854 12.8131 8.67448 12.7923 9.00781C12.7714 9.33594 12.7402 9.66667 12.6985 10H15.5345C15.7272 9.35938 15.8235 8.69271 15.8235 8ZM8.82353 15C9.07874 15 9.31572 14.9297 9.53447 14.7891C9.75843 14.6484 9.96415 14.4635 10.1517 14.2344C10.3392 14.0052 10.5058 13.7474 10.6517 13.4609C10.8027 13.1693 10.9355 12.875 11.0501 12.5781C11.1647 12.2812 11.261 11.9948 11.3392 11.7188C11.4173 11.4427 11.4772 11.2031 11.5188 11H6.12822C6.16988 11.2031 6.22978 11.4427 6.3079 11.7188C6.38603 11.9948 6.48238 12.2812 6.59697 12.5781C6.71155 12.875 6.84176 13.1693 6.98759 13.4609C7.13863 13.7474 7.3079 14.0052 7.4954 14.2344C7.6829 14.4635 7.88603 14.6484 8.10478 14.7891C8.32874 14.9297 8.56832 15 8.82353 15ZM11.6907 10C11.7324 9.66667 11.7636 9.33594 11.7845 9.00781C11.8105 8.67448 11.8235 8.33854 11.8235 8C11.8235 7.66146 11.8105 7.32812 11.7845 7C11.7636 6.66667 11.7324 6.33333 11.6907 6H5.95634C5.91468 6.33333 5.88082 6.66667 5.85478 7C5.83395 7.32812 5.82353 7.66146 5.82353 8C5.82353 8.33854 5.83395 8.67448 5.85478 9.00781C5.88082 9.33594 5.91468 9.66667 5.95634 10H11.6907ZM1.82353 8C1.82353 8.69271 1.91988 9.35938 2.11259 10H4.94853C4.90686 9.66667 4.87561 9.33594 4.85478 9.00781C4.83395 8.67448 4.82353 8.33854 4.82353 8C4.82353 7.66146 4.83395 7.32812 4.85478 7C4.87561 6.66667 4.90686 6.33333 4.94853 6H2.11259C1.91988 6.64062 1.82353 7.30729 1.82353 8ZM8.82353 1C8.56832 1 8.32874 1.07031 8.10478 1.21094C7.88603 1.35156 7.6829 1.53646 7.4954 1.76562C7.3079 1.99479 7.13863 2.25521 6.98759 2.54688C6.84176 2.83333 6.71155 3.125 6.59697 3.42188C6.48238 3.71875 6.38603 4.00521 6.3079 4.28125C6.22978 4.55729 6.16988 4.79688 6.12822 5H11.5188C11.4772 4.79688 11.4173 4.55729 11.3392 4.28125C11.261 4.00521 11.1647 3.71875 11.0501 3.42188C10.9355 3.125 10.8027 2.83333 10.6517 2.54688C10.5058 2.25521 10.3392 1.99479 10.1517 1.76562C9.96415 1.53646 9.75843 1.35156 9.53447 1.21094C9.31572 1.07031 9.07874 1 8.82353 1ZM6.53447 1.38281C6.09697 1.53385 5.6777 1.72917 5.27665 1.96875C4.87561 2.20833 4.50322 2.48177 4.15947 2.78906C3.81572 3.09635 3.50322 3.4375 3.22197 3.8125C2.94072 4.18229 2.70113 4.57812 2.50322 5H5.10478C5.16728 4.6875 5.2402 4.3724 5.32353 4.05469C5.40686 3.73698 5.50582 3.42448 5.6204 3.11719C5.7402 2.80469 5.87561 2.5026 6.02665 2.21094C6.1777 1.91927 6.34697 1.64323 6.53447 1.38281ZM2.50322 11C2.70113 11.4219 2.94072 11.8203 3.22197 12.1953C3.50322 12.5651 3.81572 12.9036 4.15947 13.2109C4.50322 13.5182 4.87561 13.7917 5.27665 14.0312C5.6777 14.2708 6.09697 14.4661 6.53447 14.6172C6.34697 14.3568 6.1777 14.0807 6.02665 13.7891C5.87561 13.4974 5.7402 13.1979 5.6204 12.8906C5.50582 12.5781 5.40686 12.263 5.32353 11.9453C5.2402 11.6276 5.16728 11.3125 5.10478 11H2.50322ZM11.1126 14.6172C11.5501 14.4661 11.9694 14.2708 12.3704 14.0312C12.7714 13.7917 13.1438 13.5182 13.4876 13.2109C13.8313 12.9036 14.1438 12.5651 14.4251 12.1953C14.7063 11.8203 14.9459 11.4219 15.1438 11H12.5423C12.4798 11.3125 12.4069 11.6276 12.3235 11.9453C12.2402 12.263 12.1386 12.5781 12.0188 12.8906C11.9043 13.1979 11.7714 13.4974 11.6204 13.7891C11.4694 14.0807 11.3001 14.3568 11.1126 14.6172Z";
-var UrlIcon = NamedFC("UrlIcon", () => /* @__PURE__ */ React52.createElement("svg", {
-  width: "17",
-  height: "16",
-  viewBox: "0 0 17 16",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg",
-  role: "img",
-  "aria-hidden": "true"
-}, /* @__PURE__ */ React52.createElement("path", {
-  d: d3,
-  fill: "#737373"
-})));
+var UrlIcon = NamedFC("UrlIcon", () => /* @__PURE__ */ React52.createElement(
+  "svg",
+  {
+    width: "17",
+    height: "16",
+    viewBox: "0 0 17 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    "aria-hidden": "true"
+  },
+  /* @__PURE__ */ React52.createElement("path", { d: d3, fill: "#737373" })
+));
 
 // src/reports/components/report-sections/make-details-section-fc.tsx
 var import_lodash10 = require("lodash");
@@ -2587,21 +2531,11 @@ var React53 = __toESM(require("react"));
 function makeDetailsSectionFC(getDisplayedScanTargetInfo) {
   return NamedFC("DetailsSection", (props) => {
     const { scanMetadata, description, toUtcString } = props;
-    const createListItem = (icon, label, content, contentClassName) => /* @__PURE__ */ React53.createElement("li", null, /* @__PURE__ */ React53.createElement("span", {
-      className: "icon"
-    }, icon), /* @__PURE__ */ React53.createElement("span", {
-      className: "screen-reader-only"
-    }, label), /* @__PURE__ */ React53.createElement("span", {
-      className: (0, import_utilities6.css)("text", contentClassName)
-    }, content));
+    const createListItem = (icon, label, content, contentClassName) => /* @__PURE__ */ React53.createElement("li", null, /* @__PURE__ */ React53.createElement("span", { className: "icon" }, icon), /* @__PURE__ */ React53.createElement("span", { className: "screen-reader-only" }, label), /* @__PURE__ */ React53.createElement("span", { className: (0, import_utilities6.css)("text", contentClassName) }, content));
     const scanDateUTC = toUtcString(scanMetadata.timespan.scanComplete);
     const showCommentRow = !(0, import_lodash10.isEmpty)(description);
     const displayedScanTargetInfo = getDisplayedScanTargetInfo(scanMetadata);
-    return /* @__PURE__ */ React53.createElement("div", {
-      className: "scan-details-section"
-    }, /* @__PURE__ */ React53.createElement("h2", null, "Scan details"), /* @__PURE__ */ React53.createElement("ul", {
-      className: "details-section-list"
-    }, createListItem(
+    return /* @__PURE__ */ React53.createElement("div", { className: "scan-details-section" }, /* @__PURE__ */ React53.createElement("h2", null, "Scan details"), /* @__PURE__ */ React53.createElement("ul", { className: "details-section-list" }, createListItem(
       /* @__PURE__ */ React53.createElement(UrlIcon, null),
       displayedScanTargetInfo.label,
       displayedScanTargetInfo.content
@@ -2618,10 +2552,14 @@ function makeDetailsSectionFC(getDisplayedScanTargetInfo) {
 function getUrlItemInfo(scanMetadata) {
   return {
     label: "target page url:",
-    content: /* @__PURE__ */ React54.createElement(NewTabLinkWithConfirmationDialog, {
-      href: scanMetadata.targetAppInfo.url,
-      title: scanMetadata.targetAppInfo.name
-    }, scanMetadata.targetAppInfo.url)
+    content: /* @__PURE__ */ React54.createElement(
+      NewTabLinkWithConfirmationDialog,
+      {
+        href: scanMetadata.targetAppInfo.url,
+        title: scanMetadata.targetAppInfo.name
+      },
+      scanMetadata.targetAppInfo.url
+    )
   };
 }
 var DetailsSection = makeDetailsSectionFC(getUrlItemInfo);
@@ -2646,24 +2584,21 @@ var FullRuleHeader = NamedFC("FullRuleHeader", (props) => {
     if (outcomeType !== "fail") {
       return null;
     }
-    return /* @__PURE__ */ React55.createElement("span", {
-      "aria-hidden": "true"
-    }, /* @__PURE__ */ React55.createElement(OutcomeChip, {
-      count: cardResult.nodes.length,
-      outcomeType
-    }));
+    return /* @__PURE__ */ React55.createElement("span", { "aria-hidden": "true" }, /* @__PURE__ */ React55.createElement(OutcomeChip, { count: cardResult.nodes.length, outcomeType }));
   };
   const renderRuleLink = () => {
     const ruleId = cardResult.id;
     const ruleUrl = cardResult.url;
-    const displayedRule = ruleUrl ? /* @__PURE__ */ React55.createElement(NewTabLink, {
-      href: ruleUrl,
-      "aria-label": `rule ${ruleId}`,
-      "aria-describedby": ariaDescribedBy
-    }, ruleId) : /* @__PURE__ */ React55.createElement(React55.Fragment, null, ruleId);
-    return /* @__PURE__ */ React55.createElement("span", {
-      className: "rule-details-id"
-    }, displayedRule);
+    const displayedRule = ruleUrl ? /* @__PURE__ */ React55.createElement(
+      NewTabLink,
+      {
+        href: ruleUrl,
+        "aria-label": `rule ${ruleId}`,
+        "aria-describedby": ariaDescribedBy
+      },
+      ruleId
+    ) : /* @__PURE__ */ React55.createElement(React55.Fragment, null, ruleId);
+    return /* @__PURE__ */ React55.createElement("span", { className: "rule-details-id" }, displayedRule);
   };
   const renderGuidanceLinks = () => {
     var _a;
@@ -2671,40 +2606,30 @@ var FullRuleHeader = NamedFC("FullRuleHeader", (props) => {
     if ((0, import_lodash11.isEmpty)(links)) {
       return null;
     }
-    return /* @__PURE__ */ React55.createElement(React55.Fragment, null, "(", /* @__PURE__ */ React55.createElement(GuidanceLinks, {
-      links,
-      LinkComponent: deps.LinkComponent
-    }), ")");
+    return /* @__PURE__ */ React55.createElement(React55.Fragment, null, "(", /* @__PURE__ */ React55.createElement(GuidanceLinks, { links, LinkComponent: deps.LinkComponent }), ")");
   };
   const renderDescription = () => {
-    return /* @__PURE__ */ React55.createElement("span", {
-      className: "rule-details-description",
-      id: ariaDescribedBy
-    }, cardResult.description);
+    return /* @__PURE__ */ React55.createElement("span", { className: "rule-details-description", id: ariaDescribedBy }, cardResult.description);
   };
   const renderGuidanceTags = () => {
-    return /* @__PURE__ */ React55.createElement(GuidanceTags, {
-      deps,
-      links: cardResult.guidance
-    });
+    return /* @__PURE__ */ React55.createElement(GuidanceTags, { deps, links: cardResult.guidance });
   };
-  return /* @__PURE__ */ React55.createElement(React55.Fragment, null, /* @__PURE__ */ React55.createElement("div", {
-    className: "rule-detail"
-  }, /* @__PURE__ */ React55.createElement("div", null, renderCountBadge(), " ", renderRuleLink(), ": ", renderDescription(), renderGuidanceLinks(), renderGuidanceTags())));
+  return /* @__PURE__ */ React55.createElement(React55.Fragment, null, /* @__PURE__ */ React55.createElement("div", { className: "rule-detail" }, /* @__PURE__ */ React55.createElement("div", null, renderCountBadge(), " ", renderRuleLink(), ": ", renderDescription(), renderGuidanceLinks(), renderGuidanceTags())));
 });
 
 // src/reports/components/report-sections/rules-only.tsx
 var RulesOnly = NamedFC(
   "RulesOnly",
   ({ outcomeType, deps, cardRuleResults: cardResults }) => {
-    return /* @__PURE__ */ React56.createElement("div", {
-      className: rules_with_instances_default.ruleDetailsGroup
-    }, cardResults.map((cardRuleResult) => /* @__PURE__ */ React56.createElement(FullRuleHeader, {
-      deps,
-      key: cardRuleResult.id,
-      cardRuleResult,
-      outcomeType
-    })));
+    return /* @__PURE__ */ React56.createElement("div", { className: rules_with_instances_default.ruleDetailsGroup }, cardResults.map((cardRuleResult) => /* @__PURE__ */ React56.createElement(
+      FullRuleHeader,
+      {
+        deps,
+        key: cardRuleResult.id,
+        cardRuleResult,
+        outcomeType
+      }
+    )));
   }
 );
 
@@ -2715,13 +2640,8 @@ var CollapsibleResultSection = NamedFC(
     const { containerClassName, containerId, deps, cardSelectionMessageCreator, testKey } = props;
     const CollapsibleContent = deps.collapsibleControl({
       id: containerId,
-      header: /* @__PURE__ */ React57.createElement(ResultSectionTitle, {
-        ...props,
-        titleSize: "title"
-      }),
-      content: /* @__PURE__ */ React57.createElement(RulesOnly, {
-        ...props
-      }),
+      header: /* @__PURE__ */ React57.createElement(ResultSectionTitle, { ...props, titleSize: "title" }),
+      content: /* @__PURE__ */ React57.createElement(RulesOnly, { ...props }),
       headingLevel: props.headingLevel,
       deps: null,
       testKey,
@@ -2729,9 +2649,7 @@ var CollapsibleResultSection = NamedFC(
         cardSelectionMessageCreator == null ? void 0 : cardSelectionMessageCreator.toggleRuleExpandCollapse(containerId, event);
       }
     });
-    return /* @__PURE__ */ React57.createElement("div", {
-      className: containerClassName
-    }, CollapsibleContent);
+    return /* @__PURE__ */ React57.createElement("div", { className: containerClassName }, CollapsibleContent);
   }
 );
 
@@ -2740,17 +2658,20 @@ var NotApplicableChecksSection = NamedFC(
   "NotApplicableChecksSection",
   ({ deps, cardsViewData, cardSelectionMessageCreator, sectionHeadingLevel }) => {
     const cardRuleResults = cardsViewData.cards.inapplicable;
-    return /* @__PURE__ */ React58.createElement(CollapsibleResultSection, {
-      deps,
-      title: "Not applicable checks",
-      cardRuleResults,
-      containerClassName: "result-section",
-      outcomeType: "inapplicable",
-      badgeCount: cardRuleResults.length,
-      containerId: "not-applicable-checks-section",
-      cardSelectionMessageCreator,
-      headingLevel: sectionHeadingLevel
-    });
+    return /* @__PURE__ */ React58.createElement(
+      CollapsibleResultSection,
+      {
+        deps,
+        title: "Not applicable checks",
+        cardRuleResults,
+        containerClassName: "result-section",
+        outcomeType: "inapplicable",
+        badgeCount: cardRuleResults.length,
+        containerId: "not-applicable-checks-section",
+        cardSelectionMessageCreator,
+        headingLevel: sectionHeadingLevel
+      }
+    );
   }
 );
 
@@ -2761,30 +2682,28 @@ var PassedChecksSection = NamedFC(
   ({ deps, cardsViewData, cardSelectionMessageCreator, testKey, sectionHeadingLevel }) => {
     var _a;
     const cardRuleResults = ((_a = cardsViewData == null ? void 0 : cardsViewData.cards) == null ? void 0 : _a.pass) ?? [];
-    return /* @__PURE__ */ React59.createElement(CollapsibleResultSection, {
-      deps,
-      title: "Passed checks",
-      cardRuleResults,
-      containerClassName: "result-section",
-      outcomeType: "pass",
-      badgeCount: cardRuleResults.length,
-      containerId: "passed-checks-section",
-      cardSelectionMessageCreator,
-      testKey,
-      headingLevel: sectionHeadingLevel
-    });
+    return /* @__PURE__ */ React59.createElement(
+      CollapsibleResultSection,
+      {
+        deps,
+        title: "Passed checks",
+        cardRuleResults,
+        containerClassName: "result-section",
+        outcomeType: "pass",
+        badgeCount: cardRuleResults.length,
+        containerId: "passed-checks-section",
+        cardSelectionMessageCreator,
+        testKey,
+        headingLevel: sectionHeadingLevel
+      }
+    );
   }
 );
 
 // src/reports/components/report-sections/report-footer.tsx
 var React60 = __toESM(require("react"));
 var ReportFooter = NamedFC("ReportFooter", ({ children }) => {
-  return /* @__PURE__ */ React60.createElement("div", {
-    className: "report-footer-container"
-  }, /* @__PURE__ */ React60.createElement("div", {
-    className: "report-footer",
-    role: "contentinfo"
-  }, children));
+  return /* @__PURE__ */ React60.createElement("div", { className: "report-footer-container" }, /* @__PURE__ */ React60.createElement("div", { className: "report-footer", role: "contentinfo" }, children));
 });
 
 // src/reports/components/report-sections/results-container.tsx
@@ -2792,11 +2711,7 @@ var React61 = __toESM(require("react"));
 var ResultsContainer = NamedFC(
   "ResultsContainer",
   ({ children, getCollapsibleScript }) => {
-    return /* @__PURE__ */ React61.createElement(React61.Fragment, null, /* @__PURE__ */ React61.createElement("div", {
-      className: "results-container"
-    }, children), /* @__PURE__ */ React61.createElement("script", {
-      dangerouslySetInnerHTML: { __html: getCollapsibleScript() }
-    }));
+    return /* @__PURE__ */ React61.createElement(React61.Fragment, null, /* @__PURE__ */ React61.createElement("div", { className: "results-container" }, children), /* @__PURE__ */ React61.createElement("script", { dangerouslySetInnerHTML: { __html: getCollapsibleScript() } }));
   }
 );
 
@@ -2831,27 +2746,24 @@ var OutcomeSummaryBar = NamedFC("OutcomeSummaryBar", (props) => {
       return null;
     }
     const outcomePastTense = outcomeTypeSemantics[outcomeType].pastTense;
-    return /* @__PURE__ */ React62.createElement("span", {
-      className: "label"
-    }, ` ${outcomePastTense}`);
+    return /* @__PURE__ */ React62.createElement("span", { className: "label" }, ` ${outcomePastTense}`);
   };
-  return /* @__PURE__ */ React62.createElement("div", {
-    className: "outcome-summary-bar",
-    "aria-label": getLabel(),
-    role: "img",
-    "data-automation-id": outcomeSummaryBarAutomationId
-  }, props.allOutcomeTypes.map((outcomeType, index) => {
-    const { iconStyleInverted, countSuffix } = props;
-    const iconMap = iconStyleInverted === true ? outcomeIconMapInverted : outcomeIconMap;
-    const outcomeIcon = iconMap[outcomeType];
-    const count = props.outcomeStats[outcomeType];
-    return /* @__PURE__ */ React62.createElement("div", {
-      key: outcomeType,
-      style: { flexGrow: count }
-    }, /* @__PURE__ */ React62.createElement("span", {
-      className: getClassNames(outcomeType, index)
-    }, outcomeIcon, count, countSuffix, getTextLabel(outcomeType)));
-  }));
+  return /* @__PURE__ */ React62.createElement(
+    "div",
+    {
+      className: "outcome-summary-bar",
+      "aria-label": getLabel(),
+      role: "img",
+      "data-automation-id": outcomeSummaryBarAutomationId
+    },
+    props.allOutcomeTypes.map((outcomeType, index) => {
+      const { iconStyleInverted, countSuffix } = props;
+      const iconMap = iconStyleInverted === true ? outcomeIconMapInverted : outcomeIconMap;
+      const outcomeIcon = iconMap[outcomeType];
+      const count = props.outcomeStats[outcomeType];
+      return /* @__PURE__ */ React62.createElement("div", { key: outcomeType, style: { flexGrow: count } }, /* @__PURE__ */ React62.createElement("span", { className: getClassNames(outcomeType, index) }, outcomeIcon, count, countSuffix, getTextLabel(outcomeType)));
+    })
+  );
 });
 
 // src/reports/components/report-sections/summary-section.tsx
@@ -2864,32 +2776,29 @@ var BaseSummarySection = NamedFC("BaseSummarySection", (props) => {
     pass: cards.pass.length,
     inapplicable: cards.inapplicable.length,
     incomplete: 0,
+    // never used
     review: 0
+    // never used
   };
-  return /* @__PURE__ */ React63.createElement("div", {
-    className: "summary-section"
-  }, /* @__PURE__ */ React63.createElement("h2", null, "Summary"), /* @__PURE__ */ React63.createElement(OutcomeSummaryBar, {
-    outcomeStats: countSummary,
-    iconStyleInverted: true,
-    allOutcomeTypes: props.outcomeTypesShown
-  }));
+  return /* @__PURE__ */ React63.createElement("div", { className: "summary-section" }, /* @__PURE__ */ React63.createElement("h2", null, "Summary"), /* @__PURE__ */ React63.createElement(
+    OutcomeSummaryBar,
+    {
+      outcomeStats: countSummary,
+      iconStyleInverted: true,
+      allOutcomeTypes: props.outcomeTypesShown
+    }
+  ));
 });
 var AllOutcomesSummarySection = NamedFC(
   "AllOutcomesSummarySection",
   (props) => {
-    return /* @__PURE__ */ React63.createElement(BaseSummarySection, {
-      ...props,
-      outcomeTypesShown: ["fail", "pass", "inapplicable"]
-    });
+    return /* @__PURE__ */ React63.createElement(BaseSummarySection, { ...props, outcomeTypesShown: ["fail", "pass", "inapplicable"] });
   }
 );
 var PassFailSummarySection = NamedFC(
   "PassFailSummarySection",
   (props) => {
-    return /* @__PURE__ */ React63.createElement(BaseSummarySection, {
-      ...props,
-      outcomeTypesShown: ["fail", "pass"]
-    });
+    return /* @__PURE__ */ React63.createElement(BaseSummarySection, { ...props, outcomeTypesShown: ["fail", "pass"] });
   }
 );
 
@@ -2954,18 +2863,9 @@ var CombinedReportResultSectionTitle = NamedFC(
     const singularMessageSubject = props.outcomeType === "review" ? "instance to review" : "failure";
     const pluralMessageSubject = props.outcomeType === "review" ? "instances to review" : "failures";
     const alertTerm = props.outcomeCount !== 1 ? `${pluralMessageSubject} were` : `${singularMessageSubject} was`;
-    const alertingFailuresCount = /* @__PURE__ */ React64.createElement("span", {
-      role: "alert"
-    }, props.outcomeCount, " ", alertTerm, " detected.");
-    const titleWithInstance = /* @__PURE__ */ React64.createElement("span", {
-      className: combined_report_result_section_title_default.heading,
-      "aria-hidden": "true"
-    }, props.title, " (", props.outcomeCount, ")");
-    return /* @__PURE__ */ React64.createElement("span", {
-      className: combined_report_result_section_title_default.combinedReportResultSectionTitle
-    }, /* @__PURE__ */ React64.createElement("span", {
-      className: "screen-reader-only"
-    }, props.title, " ", props.shouldAlertFailuresCount ? alertingFailuresCount : props.outcomeCount), titleWithInstance);
+    const alertingFailuresCount = /* @__PURE__ */ React64.createElement("span", { role: "alert" }, props.outcomeCount, " ", alertTerm, " detected.");
+    const titleWithInstance = /* @__PURE__ */ React64.createElement("span", { className: combined_report_result_section_title_default.heading, "aria-hidden": "true" }, props.title, " (", props.outcomeCount, ")");
+    return /* @__PURE__ */ React64.createElement("span", { className: combined_report_result_section_title_default.combinedReportResultSectionTitle }, /* @__PURE__ */ React64.createElement("span", { className: "screen-reader-only" }, props.title, " ", props.shouldAlertFailuresCount ? alertingFailuresCount : props.outcomeCount), titleWithInstance);
   }
 );
 
@@ -2979,30 +2879,34 @@ var CombinedReportFailedSection = NamedFC(
     const sectionId = "combined-report-failed-section";
     const CollapsibleContent = deps.collapsibleControl({
       id: sectionId,
-      header: /* @__PURE__ */ React65.createElement(CombinedReportResultSectionTitle, {
-        outcomeCount: ruleCount,
-        outcomeType: "fail",
-        title: "Failed rules"
-      }),
-      content: /* @__PURE__ */ React65.createElement(ResultSectionContent, {
-        deps,
-        outcomeType: "fail",
-        targetAppInfo: scanMetadata.targetAppInfo,
-        results: cardsViewData.cards.fail,
-        visualHelperEnabled: cardsViewData.visualHelperEnabled,
-        allCardsCollapsed: cardsViewData.allCardsCollapsed,
-        userConfigurationStoreData: null,
-        outcomeCounter: OutcomeCounter.countByIdentifierUrls,
-        headingLevel: 4
-      }),
+      header: /* @__PURE__ */ React65.createElement(
+        CombinedReportResultSectionTitle,
+        {
+          outcomeCount: ruleCount,
+          outcomeType: "fail",
+          title: "Failed rules"
+        }
+      ),
+      content: /* @__PURE__ */ React65.createElement(
+        ResultSectionContent,
+        {
+          deps,
+          outcomeType: "fail",
+          targetAppInfo: scanMetadata.targetAppInfo,
+          results: cardsViewData.cards.fail,
+          visualHelperEnabled: cardsViewData.visualHelperEnabled,
+          allCardsCollapsed: cardsViewData.allCardsCollapsed,
+          userConfigurationStoreData: null,
+          outcomeCounter: OutcomeCounter.countByIdentifierUrls,
+          headingLevel: 4
+        }
+      ),
       onExpandToggle: () => {
       },
       headingLevel: 3,
       deps: {}
     });
-    return /* @__PURE__ */ React65.createElement("div", {
-      className: "result-section"
-    }, CollapsibleContent);
+    return /* @__PURE__ */ React65.createElement("div", { className: "result-section" }, CollapsibleContent);
   }
 );
 
@@ -3016,26 +2920,30 @@ var makeCombinedReportRulesOnlySection = (options) => NamedFC(
     const sectionId = `${outcomeType}-checks-section`;
     const CollapsibleContent = deps.collapsibleControl({
       id: sectionId,
-      header: /* @__PURE__ */ React66.createElement(CombinedReportResultSectionTitle, {
-        outcomeCount: cardRuleResults.length,
-        outcomeType,
-        title: title2,
-        titleSize: "title"
-      }),
-      content: /* @__PURE__ */ React66.createElement(RulesOnly, {
-        deps,
-        cardRuleResults,
-        outcomeType
-      }),
+      header: /* @__PURE__ */ React66.createElement(
+        CombinedReportResultSectionTitle,
+        {
+          outcomeCount: cardRuleResults.length,
+          outcomeType,
+          title: title2,
+          titleSize: "title"
+        }
+      ),
+      content: /* @__PURE__ */ React66.createElement(
+        RulesOnly,
+        {
+          deps,
+          cardRuleResults,
+          outcomeType
+        }
+      ),
       onExpandToggle: (event) => {
         cardSelectionMessageCreator == null ? void 0 : cardSelectionMessageCreator.toggleRuleExpandCollapse(sectionId, event);
       },
       headingLevel: 3,
       deps: null
     });
-    return /* @__PURE__ */ React66.createElement("div", {
-      className: "result-section"
-    }, CollapsibleContent);
+    return /* @__PURE__ */ React66.createElement("div", { className: "result-section" }, CollapsibleContent);
   }
 );
 var CombinedReportPassedSection = makeCombinedReportRulesOnlySection({
@@ -3069,9 +2977,7 @@ var UrlsSummarySection = NamedFC("UrlsSummarySection", (props) => {
   } = props;
   const getTotalUrls = () => {
     const totalUrls = urlsPassedCount + urlsFailedCount + urlsNotScannedCount;
-    return /* @__PURE__ */ React67.createElement(React67.Fragment, null, /* @__PURE__ */ React67.createElement("h2", null, "URLs"), /* @__PURE__ */ React67.createElement("span", {
-      className: urls_summary_section_default.totalUrls
-    }, totalUrls), " total URLs scanned");
+    return /* @__PURE__ */ React67.createElement(React67.Fragment, null, /* @__PURE__ */ React67.createElement("h2", null, "URLs"), /* @__PURE__ */ React67.createElement("span", { className: urls_summary_section_default.totalUrls }, totalUrls), " total URLs scanned");
   };
   const getSummaryBar = () => {
     const countSummary = {
@@ -3079,26 +2985,20 @@ var UrlsSummarySection = NamedFC("UrlsSummarySection", (props) => {
       unscannable: urlsNotScannedCount,
       pass: urlsPassedCount
     };
-    return /* @__PURE__ */ React67.createElement(OutcomeSummaryBar, {
-      outcomeStats: countSummary,
-      iconStyleInverted: true,
-      allOutcomeTypes: allUrlOutcomeTypes,
-      textLabel: true
-    });
+    return /* @__PURE__ */ React67.createElement(
+      OutcomeSummaryBar,
+      {
+        outcomeStats: countSummary,
+        iconStyleInverted: true,
+        allOutcomeTypes: allUrlOutcomeTypes,
+        textLabel: true
+      }
+    );
   };
   const getFailedInstances = () => {
-    return /* @__PURE__ */ React67.createElement("div", {
-      className: urls_summary_section_default.failureInstances
-    }, /* @__PURE__ */ React67.createElement("h2", null, "Failure Instances"), /* @__PURE__ */ React67.createElement("span", {
-      className: urls_summary_section_default.failureOutcomeChip
-    }, /* @__PURE__ */ React67.createElement(OutcomeChip, {
-      count: failureInstancesCount,
-      outcomeType: "fail"
-    }), /* @__PURE__ */ React67.createElement("span", null, "Failure instances were detected")));
+    return /* @__PURE__ */ React67.createElement("div", { className: urls_summary_section_default.failureInstances }, /* @__PURE__ */ React67.createElement("h2", null, "Failure Instances"), /* @__PURE__ */ React67.createElement("span", { className: urls_summary_section_default.failureOutcomeChip }, /* @__PURE__ */ React67.createElement(OutcomeChip, { count: failureInstancesCount, outcomeType: "fail" }), /* @__PURE__ */ React67.createElement("span", null, "Failure instances were detected")));
   };
-  return /* @__PURE__ */ React67.createElement("div", {
-    className: urls_summary_section_default.urlsSummarySection
-  }, getTotalUrls(), getSummaryBar(), getFailedInstances());
+  return /* @__PURE__ */ React67.createElement("div", { className: urls_summary_section_default.urlsSummarySection }, getTotalUrls(), getSummaryBar(), getFailedInstances());
 });
 
 // src/reports/components/report-sections/combined-report-summary-section.tsx
@@ -3119,9 +3019,7 @@ var CombinedReportSummarySection = NamedFC(
       notScannedUrlsCount: urlResultCounts.unscannableUrls,
       failureInstancesCount: failedInstances
     };
-    return /* @__PURE__ */ React68.createElement(UrlsSummarySection, {
-      ...urlsSummarySectionProps
-    });
+    return /* @__PURE__ */ React68.createElement(UrlsSummarySection, { ...urlsSummarySectionProps });
   }
 );
 
@@ -3135,13 +3033,7 @@ var rules_results_container_default = { "rulesResultsContainer": "rules-results-
 var RulesResultsContainer = NamedFC(
   "RulesResultsContainer",
   ({ children, getCollapsibleScript }) => {
-    return /* @__PURE__ */ React69.createElement(React69.Fragment, null, /* @__PURE__ */ React69.createElement("div", {
-      className: rules_results_container_default.rulesResultsContainer
-    }, /* @__PURE__ */ React69.createElement("div", {
-      className: rules_results_container_default.resultsHeading
-    }, /* @__PURE__ */ React69.createElement("h2", null, "Rules")), children), /* @__PURE__ */ React69.createElement("script", {
-      dangerouslySetInnerHTML: { __html: getCollapsibleScript() }
-    }));
+    return /* @__PURE__ */ React69.createElement(React69.Fragment, null, /* @__PURE__ */ React69.createElement("div", { className: rules_results_container_default.rulesResultsContainer }, /* @__PURE__ */ React69.createElement("div", { className: rules_results_container_default.resultsHeading }, /* @__PURE__ */ React69.createElement("h2", null, "Rules")), children), /* @__PURE__ */ React69.createElement("script", { dangerouslySetInnerHTML: { __html: getCollapsibleScript() } }));
   }
 );
 
@@ -3158,31 +3050,19 @@ var SummaryReportDetailsSection = NamedFC(
   (props) => {
     const { scanMetadata, toUtcString, secondsToTimeString } = props;
     const scanTimespan = scanMetadata.timespan;
-    const createListItem = (label, content, icon, className) => icon ? /* @__PURE__ */ React70.createElement("li", {
-      key: label,
-      className
-    }, /* @__PURE__ */ React70.createElement("span", {
-      className: summary_report_details_section_default.icon
-    }, icon), /* @__PURE__ */ React70.createElement("span", {
-      className: summary_report_details_section_default.label
-    }, `${label} `), /* @__PURE__ */ React70.createElement("span", {
-      className: summary_report_details_section_default.text
-    }, content)) : /* @__PURE__ */ React70.createElement("li", {
-      key: label,
-      className
-    }, /* @__PURE__ */ React70.createElement("span", {
-      className: (0, import_react6.css)(summary_report_details_section_default.noIcon, summary_report_details_section_default.label)
-    }, `${label} `), /* @__PURE__ */ React70.createElement("span", {
-      className: summary_report_details_section_default.text
-    }, content));
+    const createListItem = (label, content, icon, className) => icon ? /* @__PURE__ */ React70.createElement("li", { key: label, className }, /* @__PURE__ */ React70.createElement("span", { className: summary_report_details_section_default.icon }, icon), /* @__PURE__ */ React70.createElement("span", { className: summary_report_details_section_default.label }, `${label} `), /* @__PURE__ */ React70.createElement("span", { className: summary_report_details_section_default.text }, content)) : /* @__PURE__ */ React70.createElement("li", { key: label, className }, /* @__PURE__ */ React70.createElement("span", { className: (0, import_react6.css)(summary_report_details_section_default.noIcon, summary_report_details_section_default.label) }, `${label} `), /* @__PURE__ */ React70.createElement("span", { className: summary_report_details_section_default.text }, content));
     const listItems = [];
     listItems.push(
       createListItem(
         "Target site",
-        /* @__PURE__ */ React70.createElement(NewTabLinkWithConfirmationDialog, {
-          href: scanMetadata.targetAppInfo.url,
-          title: scanMetadata.targetAppInfo.name
-        }, scanMetadata.targetAppInfo.url),
+        /* @__PURE__ */ React70.createElement(
+          NewTabLinkWithConfirmationDialog,
+          {
+            href: scanMetadata.targetAppInfo.url,
+            title: scanMetadata.targetAppInfo.name
+          },
+          scanMetadata.targetAppInfo.url
+        ),
         /* @__PURE__ */ React70.createElement(UrlIcon, null),
         summary_report_details_section_default.targetSite
       )
@@ -3197,32 +3077,20 @@ var SummaryReportDetailsSection = NamedFC(
       const duration = secondsToTimeString(scanTimespan.durationSeconds);
       listItems.push(createListItem("Duration", duration));
     }
-    return /* @__PURE__ */ React70.createElement("div", {
-      className: summary_report_details_section_default.crawlDetailsSection
-    }, /* @__PURE__ */ React70.createElement("h2", null, "Scan details"), /* @__PURE__ */ React70.createElement("ul", {
-      className: summary_report_details_section_default.crawlDetailsSectionList
-    }, listItems));
+    return /* @__PURE__ */ React70.createElement("div", { className: summary_report_details_section_default.crawlDetailsSection }, /* @__PURE__ */ React70.createElement("h2", null, "Scan details"), /* @__PURE__ */ React70.createElement("ul", { className: summary_report_details_section_default.crawlDetailsSectionList }, listItems));
   }
 );
 
 // src/reports/components/report-sections/summary-report-header-section.tsx
 var React71 = __toESM(require("react"));
 var SummaryReportHeaderSection = NamedFC("SummaryReportHeaderSection", () => {
-  return /* @__PURE__ */ React71.createElement("header", null, /* @__PURE__ */ React71.createElement(HeaderBar, {
-    headerText: brand
-  }));
+  return /* @__PURE__ */ React71.createElement("header", null, /* @__PURE__ */ React71.createElement(HeaderBar, { headerText: brand }));
 });
 
 // src/reports/components/summary-report-head.tsx
 var React72 = __toESM(require("react"));
 var SummaryReportHead = NamedFC("SummaryReportHead", () => {
-  return /* @__PURE__ */ React72.createElement("head", null, /* @__PURE__ */ React72.createElement("meta", {
-    charSet: "UTF-8"
-  }), /* @__PURE__ */ React72.createElement("title", null, brand, " automated checks result"), /* @__PURE__ */ React72.createElement("style", {
-    dangerouslySetInnerHTML: { __html: styleSheet }
-  }), /* @__PURE__ */ React72.createElement("style", {
-    dangerouslySetInnerHTML: { __html: styleSheet2 }
-  }));
+  return /* @__PURE__ */ React72.createElement("head", null, /* @__PURE__ */ React72.createElement("meta", { charSet: "UTF-8" }), /* @__PURE__ */ React72.createElement("title", null, brand, " automated checks result"), /* @__PURE__ */ React72.createElement("style", { dangerouslySetInnerHTML: { __html: styleSheet } }), /* @__PURE__ */ React72.createElement("style", { dangerouslySetInnerHTML: { __html: styleSheet2 } }));
 });
 
 // src/reports/components/report-sections/combined-report-section-factory.ts
@@ -3259,17 +3127,12 @@ var CollapsibleUrlResultSection = NamedFC(
     const { containerId, deps, content } = props;
     const CollapsibleContent = deps.collapsibleControl({
       id: containerId,
-      header: /* @__PURE__ */ React73.createElement(ResultSectionTitle, {
-        ...props,
-        titleSize: "heading"
-      }),
+      header: /* @__PURE__ */ React73.createElement(ResultSectionTitle, { ...props, titleSize: "heading" }),
       content,
       headingLevel: 3,
       deps: null
     });
-    return /* @__PURE__ */ React73.createElement("div", {
-      className: collapsible_url_result_section_default.urlResultSection
-    }, CollapsibleContent);
+    return /* @__PURE__ */ React73.createElement("div", { className: collapsible_url_result_section_default.urlResultSection }, CollapsibleContent);
   }
 );
 
@@ -3296,10 +3159,7 @@ var SummaryResultsTable = NamedFC(
     };
     const getTableHeaders = () => {
       return /* @__PURE__ */ React74.createElement("tr", null, columns.map((column, index) => {
-        return /* @__PURE__ */ React74.createElement("th", {
-          key: index,
-          id: getHeaderId(index)
-        }, column.header);
+        return /* @__PURE__ */ React74.createElement("th", { key: index, id: getHeaderId(index) }, column.header);
       }));
     };
     const getCellClassName = (colIndex) => {
@@ -3307,23 +3167,22 @@ var SummaryResultsTable = NamedFC(
       return cellClassNames[contentType];
     };
     const getRow = (row, rowIndex) => {
-      return /* @__PURE__ */ React74.createElement("tr", {
-        key: rowIndex
-      }, row.map((item, colIndex) => {
-        return /* @__PURE__ */ React74.createElement("td", {
-          key: colIndex,
-          headers: getHeaderId(colIndex),
-          className: getCellClassName(colIndex)
-        }, item);
+      return /* @__PURE__ */ React74.createElement("tr", { key: rowIndex }, row.map((item, colIndex) => {
+        return /* @__PURE__ */ React74.createElement(
+          "td",
+          {
+            key: colIndex,
+            headers: getHeaderId(colIndex),
+            className: getCellClassName(colIndex)
+          },
+          item
+        );
       }));
     };
     const getTableRows = () => {
       return rows.map(getRow);
     };
-    return /* @__PURE__ */ React74.createElement("table", {
-      className: summary_results_table_default.summaryResultsTable,
-      id: id2
-    }, /* @__PURE__ */ React74.createElement("thead", null, getTableHeaders()), /* @__PURE__ */ React74.createElement("tbody", null, getTableRows()));
+    return /* @__PURE__ */ React74.createElement("table", { className: summary_results_table_default.summaryResultsTable, id: id2 }, /* @__PURE__ */ React74.createElement("thead", null, getTableHeaders()), /* @__PURE__ */ React74.createElement("tbody", null, getTableRows()));
   }
 );
 
@@ -3341,20 +3200,11 @@ var UrlScanResultsTable = NamedFC(
     ];
     const rows = results.map((result) => {
       const { url, reportLocation } = result;
-      const urlLink = /* @__PURE__ */ React75.createElement(NewTabLink, {
-        href: url
-      }, url);
-      const reportLink = /* @__PURE__ */ React75.createElement(NewTabLink, {
-        href: reportLocation,
-        "aria-label": `Report for ${url}`
-      }, "Report");
+      const urlLink = /* @__PURE__ */ React75.createElement(NewTabLink, { href: url }, url);
+      const reportLink = /* @__PURE__ */ React75.createElement(NewTabLink, { href: reportLocation, "aria-label": `Report for ${url}` }, "Report");
       return [`${result.numFailures}`, urlLink, reportLink];
     });
-    return /* @__PURE__ */ React75.createElement(SummaryResultsTable, {
-      columns,
-      rows,
-      id: props.id
-    });
+    return /* @__PURE__ */ React75.createElement(SummaryResultsTable, { columns, rows, id: props.id });
   }
 );
 
@@ -3362,18 +3212,18 @@ var UrlScanResultsTable = NamedFC(
 var FailedUrlsSection = NamedFC(
   "FailedUrlsSection",
   ({ results, deps }) => {
-    const table = /* @__PURE__ */ React76.createElement(UrlScanResultsTable, {
-      results: results.failed,
-      id: "failed-urls-table"
-    });
-    return /* @__PURE__ */ React76.createElement(CollapsibleUrlResultSection, {
-      deps,
-      title: "Failed URLs",
-      outcomeType: "fail",
-      badgeCount: results.failed.length,
-      containerId: "failed-urls-section",
-      content: table
-    });
+    const table = /* @__PURE__ */ React76.createElement(UrlScanResultsTable, { results: results.failed, id: "failed-urls-table" });
+    return /* @__PURE__ */ React76.createElement(
+      CollapsibleUrlResultSection,
+      {
+        deps,
+        title: "Failed URLs",
+        outcomeType: "fail",
+        badgeCount: results.failed.length,
+        containerId: "failed-urls-section",
+        content: table
+      }
+    );
   }
 );
 
@@ -3391,37 +3241,29 @@ var UrlErrorsTable = NamedFC("UrlErrorsTable", (props) => {
   ];
   const rows = errors.map((scanError) => {
     const { errorDescription, errorType, url, errorLogLocation } = scanError;
-    const urlLink = /* @__PURE__ */ React77.createElement(NewTabLink, {
-      href: url
-    }, url);
-    const errorLogLink = /* @__PURE__ */ React77.createElement(NewTabLink, {
-      href: errorLogLocation
-    }, errorDescription);
+    const urlLink = /* @__PURE__ */ React77.createElement(NewTabLink, { href: url }, url);
+    const errorLogLink = /* @__PURE__ */ React77.createElement(NewTabLink, { href: errorLogLocation }, errorDescription);
     return [errorType, urlLink, errorLogLink];
   });
-  return /* @__PURE__ */ React77.createElement(SummaryResultsTable, {
-    columns,
-    rows,
-    id: props.id
-  });
+  return /* @__PURE__ */ React77.createElement(SummaryResultsTable, { columns, rows, id: props.id });
 });
 
 // src/reports/components/report-sections/not-scanned-urls-section.tsx
 var NotScannedUrlsSection = NamedFC(
   "NotScannedUrlsSection",
   ({ results, deps }) => {
-    const table = /* @__PURE__ */ React78.createElement(UrlErrorsTable, {
-      errors: results.unscannable,
-      id: "not-scanned-urls-table"
-    });
-    return /* @__PURE__ */ React78.createElement(CollapsibleUrlResultSection, {
-      deps,
-      title: "Not scanned URLs",
-      outcomeType: "unscannable",
-      badgeCount: results.unscannable.length,
-      containerId: "not-scanned-urls-section",
-      content: table
-    });
+    const table = /* @__PURE__ */ React78.createElement(UrlErrorsTable, { errors: results.unscannable, id: "not-scanned-urls-table" });
+    return /* @__PURE__ */ React78.createElement(
+      CollapsibleUrlResultSection,
+      {
+        deps,
+        title: "Not scanned URLs",
+        outcomeType: "unscannable",
+        badgeCount: results.unscannable.length,
+        containerId: "not-scanned-urls-section",
+        content: table
+      }
+    );
   }
 );
 
@@ -3430,18 +3272,18 @@ var React79 = __toESM(require("react"));
 var PassedUrlsSection = NamedFC(
   "PassedUrlsSection",
   ({ results, deps }) => {
-    const table = /* @__PURE__ */ React79.createElement(UrlScanResultsTable, {
-      results: results.passed,
-      id: "passed-urls-table"
-    });
-    return /* @__PURE__ */ React79.createElement(CollapsibleUrlResultSection, {
-      deps,
-      title: "Passed URLs",
-      outcomeType: "pass",
-      badgeCount: results.passed.length,
-      containerId: "passed-urls-section",
-      content: table
-    });
+    const table = /* @__PURE__ */ React79.createElement(UrlScanResultsTable, { results: results.passed, id: "passed-urls-table" });
+    return /* @__PURE__ */ React79.createElement(
+      CollapsibleUrlResultSection,
+      {
+        deps,
+        title: "Passed URLs",
+        outcomeType: "pass",
+        badgeCount: results.passed.length,
+        containerId: "passed-urls-section",
+        content: table
+      }
+    );
   }
 );
 
@@ -3455,13 +3297,7 @@ var results_by_url_container_default = { "urlResultsContainer": "url-results-con
 var ResultsByUrlContainer = NamedFC(
   "ResultsContainer",
   ({ children, getCollapsibleScript }) => {
-    return /* @__PURE__ */ React80.createElement(React80.Fragment, null, /* @__PURE__ */ React80.createElement("div", {
-      className: results_by_url_container_default.urlResultsContainer
-    }, /* @__PURE__ */ React80.createElement("div", {
-      className: results_by_url_container_default.resultsHeading
-    }, /* @__PURE__ */ React80.createElement("h2", null, "Results by URL")), children), /* @__PURE__ */ React80.createElement("script", {
-      dangerouslySetInnerHTML: { __html: getCollapsibleScript() }
-    }));
+    return /* @__PURE__ */ React80.createElement(React80.Fragment, null, /* @__PURE__ */ React80.createElement("div", { className: results_by_url_container_default.urlResultsContainer }, /* @__PURE__ */ React80.createElement("div", { className: results_by_url_container_default.resultsHeading }, /* @__PURE__ */ React80.createElement("h2", null, "Results by URL")), children), /* @__PURE__ */ React80.createElement("script", { dangerouslySetInnerHTML: { __html: getCollapsibleScript() } }));
   }
 );
 
@@ -3481,9 +3317,7 @@ var SummaryReportSummarySection = NamedFC(
       notScannedUrlsCount: results.unscannable.length,
       failureInstancesCount: failedInstances
     };
-    return /* @__PURE__ */ React81.createElement(UrlsSummarySection, {
-      ...urlsSummarySectionProps
-    });
+    return /* @__PURE__ */ React81.createElement(UrlsSummarySection, { ...urlsSummarySectionProps });
   }
 );
 
@@ -3505,6 +3339,28 @@ var SummaryReportSectionFactory = {
   resultSectionsOrder: ["failed", "notApplicable", "passed"]
 };
 
+// src/common/store-data-to-scan-node-result-converter.ts
+var import_applicationinsights_core_js = require("@microsoft/applicationinsights-core-js");
+var import_lodash13 = require("lodash");
+function convertUnifiedStoreDataToScanNodeResults(unifiedScanResultStoreData) {
+  const { rules, results } = unifiedScanResultStoreData;
+  if ((0, import_applicationinsights_core_js.isNullOrUndefined)(unifiedScanResultStoreData) || (0, import_applicationinsights_core_js.isNullOrUndefined)(results)) {
+    return null;
+  }
+  const transformedResults = results.map((unifiedResult) => {
+    const rule = rules ? (0, import_lodash13.find)(rules, (unifiedRule) => unifiedRule.id === unifiedResult.ruleId) : { id: unifiedResult.ruleId };
+    if (rule == null) {
+      throw new Error(`Got result with unknown ruleId ${unifiedResult.ruleId}`);
+    }
+    const result = {
+      ...unifiedResult,
+      rule
+    };
+    return result;
+  });
+  return transformedResults;
+}
+
 // src/reports/package/axe-results-report.ts
 var AxeResultsReport = class {
   constructor(deps, parameters, toolInfo) {
@@ -3532,7 +3388,8 @@ var AxeResultsReport = class {
       visualHelperEnabled: false,
       resultsHighlightStatus: {}
     };
-    const cardsViewModel = getCards(unifiedRules, unifiedResults, cardSelectionViewData);
+    const scanNodeResults = convertUnifiedStoreDataToScanNodeResults({ rules: unifiedRules, results: unifiedResults });
+    const cardsViewModel = getCards(scanNodeResults, cardSelectionViewData, unifiedRules);
     const targetAppInfo = {
       name: pageTitle,
       url: results.url
@@ -3589,7 +3446,7 @@ var CombinedResultsReport = class {
 };
 
 // src/reports/package/combined-results-to-cards-model-converter.ts
-var import_lodash13 = require("lodash");
+var import_lodash14 = require("lodash");
 var CombinedResultsToCardsModelConverter = class {
   constructor(mapAxeTagsToGuidanceLinks2, cardSelectionViewData, uuidGenerator, helpUrlGetter, getFixResolution2, extractRelatedSelectors2) {
     this.mapAxeTagsToGuidanceLinks = mapAxeTagsToGuidanceLinks2;
@@ -3615,7 +3472,7 @@ var CombinedResultsToCardsModelConverter = class {
       };
     };
     this.getCardRuleResults = (rules) => {
-      if ((0, import_lodash13.isNil)(rules)) {
+      if ((0, import_lodash14.isNil)(rules)) {
         return [];
       }
       return rules.map((rule) => this.getCardRuleResult(rule));
@@ -3627,7 +3484,7 @@ var CombinedResultsToCardsModelConverter = class {
         url: this.helpUrlGetter.getHelpUrl(rule.ruleId, rule.ruleUrl),
         isExpanded: false,
         guidance: this.mapAxeTagsToGuidanceLinks(rule.ruleId, rule.tags),
-        nodes: (0, import_lodash13.isNil)(nodes) ? [] : nodes
+        nodes: (0, import_lodash14.isNil)(nodes) ? [] : nodes
       };
     };
     this.getFailuresGroupedByRule = (groupedFailures) => {
@@ -3766,9 +3623,7 @@ var ReportHtmlGenerator = class {
       sectionFactory: this.sectionFactory,
       ...detailsProps
     };
-    const bodyElement = /* @__PURE__ */ React82.createElement(ReportBody, {
-      ...props
-    });
+    const bodyElement = /* @__PURE__ */ React82.createElement(ReportBody, { ...props });
     const bodyMarkup = this.reactStaticRenderer.renderToStaticMarkup(bodyElement);
     return '<!DOCTYPE html><html lang="en">' + headMarkup + bodyMarkup + "</html>";
   }
@@ -3801,9 +3656,7 @@ var SummaryReportHtmlGenerator = class {
       sectionFactory: this.sectionFactory,
       ...detailsProps
     };
-    const bodyElement = /* @__PURE__ */ React83.createElement(ReportBody, {
-      ...props
-    });
+    const bodyElement = /* @__PURE__ */ React83.createElement(ReportBody, { ...props });
     const bodyMarkup = this.reactStaticRenderer.renderToStaticMarkup(bodyElement);
     return '<!DOCTYPE html><html lang="en">' + headMarkup + bodyMarkup + "</html>";
   }
@@ -3920,6 +3773,7 @@ var accessibleNamesConfiguration = {
   ],
   rule: {
     id: accessibleNamesCheckId,
+    //this list of roles and elements was derived from the ARIA 1.2 documentation (Section 5.2.8.4: Roles supporting name from author or content): https://www.w3.org/TR/wai-aria-1.2/#namefromauthor
     selector: "[role=alert], [role=alertdialog], [role=application], [role=article], article, [role=banner], [role=blockquote], blockquote, [role=button], button, [role=cell], [role=checkbox], [role=columnheader], [role=combobox], [role=command], [role=complementary], [role=composite], [role=contentinfo], [role=definition], [role=dialog], [role=directory],[role=document], [role=feed], [role=figure], figure, [role=form], form,[role=grid], table, [role=gridcell], td, [role=group], fieldset, [role=heading], h1,h2, h3, h4, h5, h6, [role=img],img,[role=input], [role=landmark], [role=link], a, link, [role=list], [role=listbox], [role=listitem],li, ol, ul, [role=log], [role=main], [role=marquee],[role=math], [role=meter], meter,[role=menu], [role=menubar], [role=menuitem], [role=menuitemcheckbox], [role=menuitemradio], [role=navigation], nav, [role=note], [role=option], option, [role=progressbar], [role=radio], [role=radiogroup], [role=range], [role=region], [role=row], tr, [role=rowgroup], [role=rowheader], th, [role=scrollbar], [role=searchbox], [role=search], [role=select], select, [role=sectionhead],section, [role=separator], hr, [role=slider], [role=status], [role=spinbutton, [role=switch], [role=tab], [role=table], [role=tablelist], [role=tabpanel], [role=term], td, [role=textbox], textarea, th, [role=time], time, [role=timer], [role=toolbar], [role=tooltip], [role=tree], [role=treegrid], [role=treeitem], input,[role=input],[role=window]",
     enabled: false,
     any: [accessibleNamesCheckId],
@@ -4605,6 +4459,7 @@ var textContrastConfiguration = {
 };
 function evaluateTextContrast(node, options, virtualNode, context) {
   const checkResult = getEvaluateFromCheck("color-contrast").call(
+    // tslint:disable-next-line:no-invalid-this
     this,
     node,
     options,
@@ -5051,6 +4906,7 @@ var guidelineMetadata = {
     link: "https://www.w3.org/WAI/WCAG21/Understanding/images-of-text.html",
     guidanceTags: []
   },
+  // wcag146: intentionally omitted, AAA
   "WCAG 1.4.10": {
     number: "1.4.10",
     axeTag: "wcag1410",
@@ -5132,6 +4988,8 @@ var guidelineMetadata = {
     link: "https://www.w3.org/WAI/WCAG21/Understanding/pause-stop-hide",
     guidanceTags: []
   },
+  // wcag223: intentionally omitted, AAA
+  // wcag224: intentionally omitted, AAA
   "WCAG 2.3.1": {
     number: "2.3.1",
     axeTag: "wcag231",
@@ -5204,6 +5062,8 @@ var guidelineMetadata = {
     link: "https://www.w3.org/WAI/WCAG21/Understanding/focus-visible.html",
     guidanceTags: []
   },
+  // wcag248: intentionally omitted, AAA
+  // wcag249: intentionally omitted, AAA
   "WCAG 2.5.1": {
     number: "2.5.1",
     axeTag: "wcag251",
@@ -5303,6 +5163,7 @@ var guidelineMetadata = {
     link: "https://www.w3.org/WAI/WCAG21/Understanding/consistent-identification",
     guidanceTags: []
   },
+  // wcag325: intentionally omitted, AAA
   "WCAG 3.3.1": {
     number: "3.3.1",
     axeTag: "wcag331",
@@ -5490,7 +5351,7 @@ var link = {
 };
 
 // src/scanner/map-axe-tags-to-guidance-links.ts
-var import_lodash14 = require("lodash");
+var import_lodash15 = require("lodash");
 var BestPractice = {
   text: "",
   href: "",
@@ -5501,7 +5362,7 @@ var bestPracticeToGuidanceTagOverrideMapping = {
   "presentation-role-conflict": ["wcag131"]
 };
 function addGuidanceTagOverrides(resultId, currentTags) {
-  return (0, import_lodash14.concat)(currentTags ?? [], bestPracticeToGuidanceTagOverrideMapping[resultId] ?? []);
+  return (0, import_lodash15.concat)(currentTags ?? [], bestPracticeToGuidanceTagOverrideMapping[resultId] ?? []);
 }
 function mapAxeTagToGuidanceLink(axeTag) {
   if (axeTag === "best-practice") {
@@ -5517,7 +5378,7 @@ function mapAxeTagsToGuidanceLinks(resultId, axeTags) {
   const normalizedTags = addGuidanceTagOverrides(resultId, axeTags);
   const unsortedMaybeLinks = normalizedTags.map(mapAxeTagToGuidanceLink);
   const unsortedLinks = unsortedMaybeLinks.filter(isNotNull);
-  const sortedLinks = (0, import_lodash14.sortBy)(unsortedLinks, (link2) => link2.text);
+  const sortedLinks = (0, import_lodash15.sortBy)(unsortedLinks, (link2) => link2.text);
   return sortedLinks;
 }
 function isNotNull(maybeInstance) {
@@ -5630,26 +5491,32 @@ var FixInstructionProcessor = class {
   constructor() {
     this.colorValueMatcher = `(#[0-9a-f]{6})`;
     this.foregroundColorText = "foreground color: ";
+    // the following warnings can be disabled because the values are actually constant strings and the string template is used merely for ease of reading
+    // eslint-disable-next-line security/detect-non-literal-regexp
     this.foregroundRegExp = new RegExp(
       `${this.foregroundColorText}${this.colorValueMatcher}`,
       "i"
     );
     this.backgroundColorText = "background color: ";
+    // eslint-disable-next-line security/detect-non-literal-regexp
     this.backgroundRegExp = new RegExp(
       `${this.backgroundColorText}${this.colorValueMatcher}`,
       "i"
     );
     this.foregroundRecommendedColorText = "Use foreground color: ";
+    // eslint-disable-next-line security/detect-non-literal-regexp
     this.foregroundRecommendedRegExp = new RegExp(
       `${this.foregroundRecommendedColorText}${this.colorValueMatcher}`,
       "i"
     );
     this.backgroundRecommendedColorText = "Use background color: ";
+    // eslint-disable-next-line security/detect-non-literal-regexp
     this.backgroundRecommendedRegExp = new RegExp(
       `${this.backgroundRecommendedColorText}${this.colorValueMatcher}`,
       "i"
     );
     this.contrastRatioText = "Expected contrast ratio of ";
+    // eslint-disable-next-line security/detect-non-literal-regexp
     this.contrastRatioRegExp = new RegExp(`${this.contrastRatioText}`, "i");
     this.originalMiddleSentence = " and the original foreground color: ";
   }
@@ -5659,6 +5526,10 @@ var FixInstructionProcessor = class {
   processAsNoop(fixInstruction) {
     return /* @__PURE__ */ React84.createElement(React84.Fragment, null, fixInstruction);
   }
+  // We perform this replacement because what axe-core exposes as a "relatedNodes" property
+  // is presented in our cards views as a "Related paths" row. This only comes up in practice
+  // with the aria-required-children rule and is likely to be obsoleted with the resolution of
+  // https://github.com/dequelabs/axe-core/issues/3842
   tryProcessAsRelatedNodesReference(input) {
     if (!input.endsWith(" (see related nodes)")) {
       return null;
@@ -5781,12 +5652,7 @@ var FixInstructionProcessor = class {
     return this.addRecommendationsToResults(results, recommendations);
   }
   addRecommendationsToResults(results, recommendations) {
-    return /* @__PURE__ */ React84.createElement(React84.Fragment, null, results, /* @__PURE__ */ React84.createElement("ul", {
-      key: "recommendations-list",
-      "data-automation-id": recommendationsAutomationId
-    }, recommendations.map((rec, idx) => /* @__PURE__ */ React84.createElement("li", {
-      key: `recommendation-${idx}`
-    }, rec))));
+    return /* @__PURE__ */ React84.createElement(React84.Fragment, null, results, /* @__PURE__ */ React84.createElement("ul", { key: "recommendations-list", "data-automation-id": recommendationsAutomationId }, recommendations.map((rec, idx) => /* @__PURE__ */ React84.createElement("li", { key: `recommendation-${idx}` }, rec))));
   }
   getInstructionWithBoxes(matches6, fixInstruction) {
     let insertionIndex = 0;
@@ -5795,32 +5661,27 @@ var FixInstructionProcessor = class {
     matches6.forEach((match) => {
       const endIndex = match.splitIndex - match.colorHexValue.length;
       const substring = fixInstruction.substring(insertionIndex, endIndex);
-      result.push(/* @__PURE__ */ React84.createElement("span", {
-        key: `instruction-split-${keyIndex++}`
-      }, substring));
+      result.push(/* @__PURE__ */ React84.createElement("span", { key: `instruction-split-${keyIndex++}` }, substring));
       result.push(this.createColorBox(match.colorHexValue, keyIndex++));
       insertionIndex = endIndex;
     });
     const coda = fixInstruction.substr(insertionIndex);
-    result.push(/* @__PURE__ */ React84.createElement("span", {
-      key: `instruction-split-${keyIndex++}`
-    }, coda));
+    result.push(/* @__PURE__ */ React84.createElement("span", { key: `instruction-split-${keyIndex++}` }, coda));
     return result;
   }
   getInstructionWithAndWithoutBoxes(matches6, fixInstruction) {
-    return /* @__PURE__ */ React84.createElement(React84.Fragment, null, /* @__PURE__ */ React84.createElement("span", {
-      "aria-hidden": "true"
-    }, this.getInstructionWithBoxes(matches6, fixInstruction)), /* @__PURE__ */ React84.createElement("span", {
-      className: fix_instruction_color_box_default.screenReaderOnly
-    }, fixInstruction));
+    return /* @__PURE__ */ React84.createElement(React84.Fragment, null, /* @__PURE__ */ React84.createElement("span", { "aria-hidden": "true" }, this.getInstructionWithBoxes(matches6, fixInstruction)), /* @__PURE__ */ React84.createElement("span", { className: fix_instruction_color_box_default.screenReaderOnly }, fixInstruction));
   }
   createColorBox(colorHexValue, keyIndex) {
-    return /* @__PURE__ */ React84.createElement("span", {
-      "aria-hidden": true,
-      key: `instruction-split-${keyIndex}`,
-      className: fix_instruction_color_box_default.fixInstructionColorBox,
-      style: { backgroundColor: colorHexValue }
-    });
+    return /* @__PURE__ */ React84.createElement(
+      "span",
+      {
+        "aria-hidden": true,
+        key: `instruction-split-${keyIndex}`,
+        className: fix_instruction_color_box_default.fixInstructionColorBox,
+        style: { backgroundColor: colorHexValue }
+      }
+    );
   }
 };
 
@@ -5835,7 +5696,7 @@ var DateProvider = class {
     }
   }
   static getCurrentDate() {
-    return new Date();
+    return /* @__PURE__ */ new Date();
   }
   static getUTCStringFromDate(date) {
     const utcDateTime = import_luxon.DateTime.fromJSDate(date, { zone: "utc" });
@@ -5942,14 +5803,14 @@ function initializeFabricIcons() {
 }
 
 // src/common/get-guidance-tags-from-guidance-links.ts
-var import_lodash15 = require("lodash");
+var import_lodash16 = require("lodash");
 var GetGuidanceTagsFromGuidanceLinks = (links) => {
-  if ((0, import_lodash15.isArray)(links) === false) {
+  if (!links || (0, import_lodash16.isArray)(links) === false) {
     return [];
   }
   const tags = [];
   links.forEach((link2) => {
-    if ((0, import_lodash15.isObject)(link2) === false || (0, import_lodash15.isArray)(link2.tags) === false) {
+    if ((0, import_lodash16.isObject)(link2) === false || (0, import_lodash16.isArray)(link2.tags) === false) {
       return;
     }
     link2.tags.forEach((tag) => {