@elementor/editor-audits 4.4.0-1075 → 4.4.0-1076

package/dist/index.mjs

@@ -13,10 +13,10 @@ import { __ as __22 } from "@wordpress/i18n";
 import { createFloatingPanel } from "@elementor/editor-floating-panels";
 
 // src/components/audit-panel.tsx
-import * as React22 from "react";
+import * as React23 from "react";
 import { getCurrentDocumentId as getCurrentDocumentId2 } from "@elementor/editor-elements";
 import { FloatingPanelBody, FloatingPanelFooter, FloatingPanelHeader } from "@elementor/editor-floating-panels";
-import { Box as Box19, Button as Button4, Typography as Typography15 } from "@elementor/ui";
+import { Box as Box19, Button as Button5, Typography as Typography15 } from "@elementor/ui";
 import { __ as __21 } from "@wordpress/i18n";
 
 // src/hooks/use-audit-report.ts
@@ -723,13 +723,13 @@ function WelcomePage() {
 }
 
 // src/components/report-shell.tsx
-import * as React21 from "react";
+import * as React22 from "react";
 import { useState as useState4 } from "react";
 import { Box as Box18, Divider as Divider2, Tab, Tabs } from "@elementor/ui";
 import { __ as __20 } from "@wordpress/i18n";
 
 // src/components/pages/all-audits-page.tsx
-import * as React11 from "react";
+import * as React12 from "react";
 import { Box as Box8 } from "@elementor/ui";
 import { __ as __12 } from "@wordpress/i18n";
 
@@ -782,7 +782,7 @@ function SubpageHeader({ title, onBack, backLabel, icon }) {
 }
 
 // src/components/violation-row.tsx
-import * as React10 from "react";
+import * as React11 from "react";
 import { useState as useState3 } from "react";
 import { getElementIcon, getElementTitle } from "@elementor/editor-elements";
 import { AlertCircleIcon as AlertCircleIcon2, BulbIcon, CheckIcon, ChevronDownIcon as ChevronDownIcon2, EyeIcon, HelpIcon } from "@elementor/icons";
@@ -899,13 +899,25 @@ function SeverityIcon({ severity }) {
   return /* @__PURE__ */ React8.createElement(Icon, { fontSize: "small", color });
 }
 
-// src/components/violation-icons.tsx
+// src/components/violation-cta-button.tsx
 import * as React9 from "react";
+import { Button as Button3 } from "@elementor/ui";
+function ViolationCtaButton({ ctaLabel, externalUrl }) {
+  const handleClick = (event) => {
+    event.stopPropagation();
+    event.preventDefault();
+    window.open(externalUrl, "_blank", "noopener");
+  };
+  return /* @__PURE__ */ React9.createElement(Button3, { variant: "outlined", color: "secondary", size: "small", onClick: handleClick }, ctaLabel);
+}
+
+// src/components/violation-icons.tsx
+import * as React10 from "react";
 import { FileSettingsIcon, SettingsIcon, ShieldCheckIcon } from "@elementor/icons";
 import { Box as Box6 } from "@elementor/ui";
 function ViolationIcon({ violation, widgetIcon }) {
   if (widgetIcon) {
-    return /* @__PURE__ */ React9.createElement(
+    return /* @__PURE__ */ React10.createElement(
       Box6,
       {
         component: "i",
@@ -916,28 +928,28 @@ function ViolationIcon({ violation, widgetIcon }) {
     );
   }
   if (violation.targetHint === "page-settings") {
-    return /* @__PURE__ */ React9.createElement(FileSettingsIcon, { fontSize: "inherit", "aria-hidden": true });
+    return /* @__PURE__ */ React10.createElement(FileSettingsIcon, { fontSize: "inherit", "aria-hidden": true });
   }
   if (violation.targetHint === "site-settings" || violation.targetHint === "site-identity-settings") {
-    return /* @__PURE__ */ React9.createElement(SettingsIcon, { fontSize: "inherit", "aria-hidden": true });
+    return /* @__PURE__ */ React10.createElement(SettingsIcon, { fontSize: "inherit", "aria-hidden": true });
   }
-  return /* @__PURE__ */ React9.createElement(ShieldCheckIcon, { fontSize: "inherit", "aria-hidden": true });
+  return /* @__PURE__ */ React10.createElement(ShieldCheckIcon, { fontSize: "inherit", "aria-hidden": true });
 }
 
 // src/components/violation-row.tsx
 function SkipReasonTooltip({ reason }) {
-  return /* @__PURE__ */ React10.createElement(Tooltip3, { title: reason, placement: "top" }, /* @__PURE__ */ React10.createElement(Box7, { "aria-label": reason, component: "span", sx: { display: "inline-flex", alignItems: "center" } }, /* @__PURE__ */ React10.createElement(HelpIcon, { fontSize: "small", color: "action" })));
+  return /* @__PURE__ */ React11.createElement(Tooltip3, { title: reason, placement: "top" }, /* @__PURE__ */ React11.createElement(Box7, { "aria-label": reason, component: "span", sx: { display: "inline-flex", alignItems: "center" } }, /* @__PURE__ */ React11.createElement(HelpIcon, { fontSize: "small", color: "action" })));
 }
 function StatusIndicator({ audit: audit21, violations }) {
   if (violations) {
-    return /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement(Typography6, { variant: "caption", color: "text.secondary", fontWeight: "bold" }, violations.length), /* @__PURE__ */ React10.createElement(SeverityIcon, { severity: audit21.severity }));
+    return /* @__PURE__ */ React11.createElement(React11.Fragment, null, /* @__PURE__ */ React11.createElement(Typography6, { variant: "caption", color: "text.secondary", fontWeight: "bold" }, violations.length), /* @__PURE__ */ React11.createElement(SeverityIcon, { severity: audit21.severity }));
   }
-  return /* @__PURE__ */ React10.createElement(CheckIcon, { fontSize: "small", color: "success" });
+  return /* @__PURE__ */ React11.createElement(CheckIcon, { fontSize: "small", color: "success" });
 }
 function ViolationRow({ audit: audit21, skipReason, violations }) {
   const [expanded, setExpanded] = useState3(false);
   const toggleExpanded = () => setExpanded((value) => !value);
-  return /* @__PURE__ */ React10.createElement(Box7, { sx: { borderBottom: 1, borderColor: "divider", paddingBlock: 0.5 } }, /* @__PURE__ */ React10.createElement(Box7, { sx: { display: "flex", alignItems: "center", gap: 0.5 } }, /* @__PURE__ */ React10.createElement(
+  return /* @__PURE__ */ React11.createElement(Box7, { sx: { borderBottom: 1, borderColor: "divider", paddingBlock: 0.5 } }, /* @__PURE__ */ React11.createElement(Box7, { sx: { display: "flex", alignItems: "center", gap: 0.5 } }, /* @__PURE__ */ React11.createElement(
     Box7,
     {
       sx: {
@@ -950,16 +962,16 @@ function ViolationRow({ audit: audit21, skipReason, violations }) {
       },
       onClick: toggleExpanded
     },
-    /* @__PURE__ */ React10.createElement(Typography6, { variant: "body2", sx: { flex: 1 } }, audit21.title),
-    !skipReason && /* @__PURE__ */ React10.createElement(StatusIndicator, { audit: audit21, violations })
-  ), skipReason && /* @__PURE__ */ React10.createElement(SkipReasonTooltip, { reason: skipReason }), /* @__PURE__ */ React10.createElement(
+    /* @__PURE__ */ React11.createElement(Typography6, { variant: "body2", sx: { flex: 1 } }, audit21.title),
+    !skipReason && /* @__PURE__ */ React11.createElement(StatusIndicator, { audit: audit21, violations })
+  ), skipReason && /* @__PURE__ */ React11.createElement(SkipReasonTooltip, { reason: skipReason }), /* @__PURE__ */ React11.createElement(
     IconButton5,
     {
       size: "small",
       "aria-label": expanded ? __11("Collapse", "elementor") : __11("Expand", "elementor"),
       onClick: toggleExpanded
     },
-    /* @__PURE__ */ React10.createElement(
+    /* @__PURE__ */ React11.createElement(
       ChevronDownIcon2,
       {
         fontSize: "small",
@@ -969,29 +981,29 @@ function ViolationRow({ audit: audit21, skipReason, violations }) {
         }
       }
     )
-  )), /* @__PURE__ */ React10.createElement(Collapse2, { in: expanded }, /* @__PURE__ */ React10.createElement(Box7, { sx: { display: "flex", flexDirection: "column", gap: 1, paddingBlock: 1 } }, /* @__PURE__ */ React10.createElement(
+  )), /* @__PURE__ */ React11.createElement(Collapse2, { in: expanded }, /* @__PURE__ */ React11.createElement(Box7, { sx: { display: "flex", flexDirection: "column", gap: 1, paddingBlock: 1 } }, /* @__PURE__ */ React11.createElement(
     Alert,
     {
       severity: "secondary",
       sx: { p: 1 },
-      icon: /* @__PURE__ */ React10.createElement(AlertCircleIcon2, { fontSize: "small", color: "secondary", "aria-hidden": true })
+      icon: /* @__PURE__ */ React11.createElement(AlertCircleIcon2, { fontSize: "small", color: "secondary", "aria-hidden": true })
     },
-    /* @__PURE__ */ React10.createElement(AlertTitle, null, /* @__PURE__ */ React10.createElement(Typography6, { variant: "caption", component: "p", color: "text.primary", fontWeight: "bold" }, __11("What's the issue", "elementor"))),
-    /* @__PURE__ */ React10.createElement(Typography6, { variant: "caption", component: "p", color: "text.secondary" }, audit21.description)
-  ), /* @__PURE__ */ React10.createElement(
+    /* @__PURE__ */ React11.createElement(AlertTitle, null, /* @__PURE__ */ React11.createElement(Typography6, { variant: "caption", component: "p", color: "text.primary", fontWeight: "bold" }, __11("What's the issue", "elementor"))),
+    /* @__PURE__ */ React11.createElement(Typography6, { variant: "caption", component: "p", color: "text.secondary" }, audit21.description)
+  ), /* @__PURE__ */ React11.createElement(
     Alert,
     {
       severity: "info",
       sx: { p: 1 },
-      icon: /* @__PURE__ */ React10.createElement(BulbIcon, { fontSize: "small", color: "info", "aria-hidden": true })
+      icon: /* @__PURE__ */ React11.createElement(BulbIcon, { fontSize: "small", color: "info", "aria-hidden": true })
     },
-    /* @__PURE__ */ React10.createElement(AlertTitle, null, /* @__PURE__ */ React10.createElement(Typography6, { variant: "caption", component: "p", color: "text.primary", fontWeight: "bold" }, __11("How to resolve", "elementor"))),
-    /* @__PURE__ */ React10.createElement(Typography6, { variant: "caption", component: "p", color: "text.secondary" }, audit21.fixHint)
-  )), violations && violations.length > 0 && /* @__PURE__ */ React10.createElement(Box7, { role: "list", sx: { paddingBlockEnd: 1, paddingInlineStart: 2 } }, violations.map((violation, idx) => {
+    /* @__PURE__ */ React11.createElement(AlertTitle, null, /* @__PURE__ */ React11.createElement(Typography6, { variant: "caption", component: "p", color: "text.primary", fontWeight: "bold" }, __11("How to resolve", "elementor"))),
+    /* @__PURE__ */ React11.createElement(Typography6, { variant: "caption", component: "p", color: "text.secondary" }, audit21.fixHint)
+  )), violations && violations.length > 0 && /* @__PURE__ */ React11.createElement(Box7, { role: "list", sx: { paddingBlockEnd: 1, paddingInlineStart: 2 } }, violations.map((violation, idx) => {
     const widgetIcon = violation.elementId ? getElementIcon(violation.elementId) : null;
     const elementTitle = violation.elementId ? getElementTitle(violation.elementId) : null;
     const rowLabel = elementTitle ? `${elementTitle} - ${violation.label}` : violation.label;
-    return /* @__PURE__ */ React10.createElement(
+    return /* @__PURE__ */ React11.createElement(
       Box7,
       {
         key: idx,
@@ -1014,10 +1026,23 @@ function ViolationRow({ audit: audit21, skipReason, violations }) {
           }
         }
       },
-      /* @__PURE__ */ React10.createElement(ViolationIcon, { violation, widgetIcon }),
-      /* @__PURE__ */ React10.createElement(Box7, { sx: { flex: 1 } }, /* @__PURE__ */ React10.createElement(Typography6, { variant: "caption" }, rowLabel), violation.detail && /* @__PURE__ */ React10.createElement(Typography6, { variant: "caption", color: "text.secondary" }, violation.detail)),
-      violation.angieFix && /* @__PURE__ */ React10.createElement(FixViolationWithAngie, { prompt: buildAngiePrompt(rowLabel) }),
-      /* @__PURE__ */ React10.createElement(EyeIcon, { className: "violation-hover-icon", fontSize: "tiny", "aria-hidden": true })
+      /* @__PURE__ */ React11.createElement(ViolationIcon, { violation, widgetIcon }),
+      /* @__PURE__ */ React11.createElement(Box7, { sx: { flex: 1 } }, /* @__PURE__ */ React11.createElement(Typography6, { variant: "caption" }, rowLabel), violation.detail && /* @__PURE__ */ React11.createElement(Typography6, { variant: "caption", color: "text.secondary" }, violation.detail)),
+      violation.angieFix && /* @__PURE__ */ React11.createElement(FixViolationWithAngie, { prompt: buildAngiePrompt(rowLabel) }),
+      violation.ctaLabel && violation.externalUrl ? /* @__PURE__ */ React11.createElement(
+        ViolationCtaButton,
+        {
+          ctaLabel: violation.ctaLabel,
+          externalUrl: violation.externalUrl
+        }
+      ) : /* @__PURE__ */ React11.createElement(
+        EyeIcon,
+        {
+          className: "violation-hover-icon",
+          fontSize: "tiny",
+          "aria-hidden": true
+        }
+      )
     );
   }))));
 }
@@ -1028,7 +1053,7 @@ function AllAuditsPage({ initialExpandedStatus, onBack, report }) {
   const expandFail = !initialExpandedStatus || initialExpandedStatus === "fail";
   const expandPass = initialExpandedStatus === "pass";
   const expandSkipped = initialExpandedStatus === "skipped";
-  return /* @__PURE__ */ React11.createElement(Box8, { key: initialExpandedStatus ?? "default" }, /* @__PURE__ */ React11.createElement(SubpageHeader, { title: __12("All audits", "elementor"), onBack }), /* @__PURE__ */ React11.createElement(Box8, { sx: { p: 1 } }, /* @__PURE__ */ React11.createElement(
+  return /* @__PURE__ */ React12.createElement(Box8, { key: initialExpandedStatus ?? "default" }, /* @__PURE__ */ React12.createElement(SubpageHeader, { title: __12("All audits", "elementor"), onBack }), /* @__PURE__ */ React12.createElement(Box8, { sx: { p: 1 } }, /* @__PURE__ */ React12.createElement(
     StatusSection,
     {
       label: auditStatusLabel("fail"),
@@ -1036,8 +1061,8 @@ function AllAuditsPage({ initialExpandedStatus, onBack, report }) {
       color: auditStatusColor("fail"),
       defaultExpanded: expandFail
     },
-    failed.map((r) => /* @__PURE__ */ React11.createElement(ViolationRow, { key: r.audit.id, audit: r.audit, violations: r.result.violations }))
-  ), /* @__PURE__ */ React11.createElement(
+    failed.map((r) => /* @__PURE__ */ React12.createElement(ViolationRow, { key: r.audit.id, audit: r.audit, violations: r.result.violations }))
+  ), /* @__PURE__ */ React12.createElement(
     StatusSection,
     {
       label: auditStatusLabel("pass"),
@@ -1045,8 +1070,8 @@ function AllAuditsPage({ initialExpandedStatus, onBack, report }) {
       color: auditStatusColor("pass"),
       defaultExpanded: expandPass
     },
-    passed.map((r) => /* @__PURE__ */ React11.createElement(ViolationRow, { key: r.audit.id, audit: r.audit }))
-  ), /* @__PURE__ */ React11.createElement(
+    passed.map((r) => /* @__PURE__ */ React12.createElement(ViolationRow, { key: r.audit.id, audit: r.audit }))
+  ), /* @__PURE__ */ React12.createElement(
     StatusSection,
     {
       label: auditStatusLabel("skipped"),
@@ -1054,12 +1079,12 @@ function AllAuditsPage({ initialExpandedStatus, onBack, report }) {
       color: auditStatusColor("skipped"),
       defaultExpanded: expandSkipped
     },
-    skipped.map((r) => /* @__PURE__ */ React11.createElement(ViolationRow, { key: r.audit.id, audit: r.audit, skipReason: r.result.reason }))
+    skipped.map((r) => /* @__PURE__ */ React12.createElement(ViolationRow, { key: r.audit.id, audit: r.audit, skipReason: r.result.reason }))
   )));
 }
 
 // src/components/pages/category-page.tsx
-import * as React12 from "react";
+import * as React13 from "react";
 import { Box as Box9 } from "@elementor/ui";
 import { __ as __13 } from "@wordpress/i18n";
 
@@ -1083,15 +1108,15 @@ var CATEGORY_ICONS = {
 function CategoryPage({ category, report, onBack }) {
   const Icon = CATEGORY_ICONS[category];
   const { failed, passed, totalViolations } = partitionAuditResults(report, { category });
-  return /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React13.createElement(React13.Fragment, null, /* @__PURE__ */ React13.createElement(
     SubpageHeader,
     {
       title: CATEGORY_LABELS[category],
       onBack,
       backLabel: __13("Back to all issues", "elementor"),
-      icon: /* @__PURE__ */ React12.createElement(Icon, { fontSize: "small", color: "action" })
+      icon: /* @__PURE__ */ React13.createElement(Icon, { fontSize: "small", color: "action" })
     }
-  ), /* @__PURE__ */ React12.createElement(Box9, { sx: { p: 1 } }, /* @__PURE__ */ React12.createElement(
+  ), /* @__PURE__ */ React13.createElement(Box9, { sx: { p: 1 } }, /* @__PURE__ */ React13.createElement(
     StatusSection,
     {
       label: __13("Failed audits", "elementor"),
@@ -1099,12 +1124,12 @@ function CategoryPage({ category, report, onBack }) {
       color: "error",
       defaultExpanded: true
     },
-    failed.map((r) => /* @__PURE__ */ React12.createElement(ViolationRow, { key: r.audit.id, audit: r.audit, violations: r.result.violations }))
-  ), /* @__PURE__ */ React12.createElement(StatusSection, { label: __13("Passed audits", "elementor"), count: passed.length, color: "success" }, passed.map((r) => /* @__PURE__ */ React12.createElement(ViolationRow, { key: r.audit.id, audit: r.audit })))));
+    failed.map((r) => /* @__PURE__ */ React13.createElement(ViolationRow, { key: r.audit.id, audit: r.audit, violations: r.result.violations }))
+  ), /* @__PURE__ */ React13.createElement(StatusSection, { label: __13("Passed audits", "elementor"), count: passed.length, color: "success" }, passed.map((r) => /* @__PURE__ */ React13.createElement(ViolationRow, { key: r.audit.id, audit: r.audit })))));
 }
 
 // src/components/pages/issues-page.tsx
-import * as React16 from "react";
+import * as React17 from "react";
 import { Box as Box13, Link, Typography as Typography10 } from "@elementor/ui";
 import { __ as __17 } from "@wordpress/i18n";
 
@@ -1158,13 +1183,13 @@ function severityRemainingCountLabel(severity, count) {
 }
 
 // src/components/issues-category-row.tsx
-import * as React13 from "react";
+import * as React14 from "react";
 import { ChevronRightIcon } from "@elementor/icons";
 import { Box as Box10, Rotate as Rotate2, Typography as Typography7, useTheme as useTheme2 } from "@elementor/ui";
 function IssuesCategoryRow({ category, label, counts, onClick }) {
   const isRtl = "rtl" === useTheme2().direction;
   const Icon = CATEGORY_ICONS[category];
-  return /* @__PURE__ */ React13.createElement(
+  return /* @__PURE__ */ React14.createElement(
     Box10,
     {
       role: "button",
@@ -1186,15 +1211,15 @@ function IssuesCategoryRow({ category, label, counts, onClick }) {
         "&:focus-visible": { outline: "2px solid", outlineColor: "primary.main" }
       }
     },
-    /* @__PURE__ */ React13.createElement(Icon, { fontSize: "small", color: "action" }),
-    /* @__PURE__ */ React13.createElement(Typography7, { variant: "body2", fontWeight: "bold", sx: { flex: 1 } }, label),
-    /* @__PURE__ */ React13.createElement(Box10, { sx: { display: "flex", alignItems: "center", gap: 0.5 } }, ALL_SEVERITIES.filter((s) => counts[s] > 0).map((severity) => /* @__PURE__ */ React13.createElement(Box10, { key: severity, sx: { display: "flex", alignItems: "center", gap: 0.25 } }, /* @__PURE__ */ React13.createElement(SeverityIcon, { severity }), /* @__PURE__ */ React13.createElement(Typography7, { variant: "caption", color: "text.primary", fontWeight: "bold" }, counts[severity])))),
-    /* @__PURE__ */ React13.createElement(Rotate2, { in: isRtl }, /* @__PURE__ */ React13.createElement(ChevronRightIcon, { fontSize: "small", color: "action" }))
+    /* @__PURE__ */ React14.createElement(Icon, { fontSize: "small", color: "action" }),
+    /* @__PURE__ */ React14.createElement(Typography7, { variant: "body2", fontWeight: "bold", sx: { flex: 1 } }, label),
+    /* @__PURE__ */ React14.createElement(Box10, { sx: { display: "flex", alignItems: "center", gap: 0.5 } }, ALL_SEVERITIES.filter((s) => counts[s] > 0).map((severity) => /* @__PURE__ */ React14.createElement(Box10, { key: severity, sx: { display: "flex", alignItems: "center", gap: 0.25 } }, /* @__PURE__ */ React14.createElement(SeverityIcon, { severity }), /* @__PURE__ */ React14.createElement(Typography7, { variant: "caption", color: "text.primary", fontWeight: "bold" }, counts[severity])))),
+    /* @__PURE__ */ React14.createElement(Rotate2, { in: isRtl }, /* @__PURE__ */ React14.createElement(ChevronRightIcon, { fontSize: "small", color: "action" }))
   );
 }
 
 // src/components/promotions.tsx
-import * as React15 from "react";
+import * as React16 from "react";
 import { Box as Box12, Typography as Typography9 } from "@elementor/ui";
 import { __ as __16 } from "@wordpress/i18n";
 
@@ -1260,10 +1285,10 @@ function findAuditRun(report, auditId) {
 }
 
 // src/components/promotion-card.tsx
-import * as React14 from "react";
-import { Box as Box11, Button as Button3, Typography as Typography8 } from "@elementor/ui";
+import * as React15 from "react";
+import { Box as Box11, Button as Button4, Typography as Typography8 } from "@elementor/ui";
 function PromotionCard({ ctaDisabled, ctaLabel, icon: Icon, onCtaClick, subtitle, title }) {
-  return /* @__PURE__ */ React14.createElement(
+  return /* @__PURE__ */ React15.createElement(
     Box11,
     {
       sx: {
@@ -1277,9 +1302,9 @@ function PromotionCard({ ctaDisabled, ctaLabel, icon: Icon, onCtaClick, subtitle
         py: 1.5
       }
     },
-    /* @__PURE__ */ React14.createElement(Icon, { fontSize: "small", color: "action" }),
-    /* @__PURE__ */ React14.createElement(Box11, { sx: { display: "flex", flex: 1, flexDirection: "column", gap: 0.25, minWidth: 0 } }, /* @__PURE__ */ React14.createElement(Typography8, { variant: "body2", fontWeight: "bold" }, title), /* @__PURE__ */ React14.createElement(Typography8, { variant: "caption", color: "text.secondary" }, subtitle)),
-    /* @__PURE__ */ React14.createElement(Button3, { variant: "outlined", color: "secondary", size: "small", disabled: ctaDisabled, onClick: onCtaClick }, ctaLabel)
+    /* @__PURE__ */ React15.createElement(Icon, { fontSize: "small", color: "action" }),
+    /* @__PURE__ */ React15.createElement(Box11, { sx: { display: "flex", flex: 1, flexDirection: "column", gap: 0.25, minWidth: 0 } }, /* @__PURE__ */ React15.createElement(Typography8, { variant: "body2", fontWeight: "bold" }, title), /* @__PURE__ */ React15.createElement(Typography8, { variant: "caption", color: "text.secondary" }, subtitle)),
+    /* @__PURE__ */ React15.createElement(Button4, { variant: "outlined", color: "secondary", size: "small", disabled: ctaDisabled, onClick: onCtaClick }, ctaLabel)
   );
 }
 
@@ -1308,7 +1333,7 @@ function Promotions({ report }) {
   if (cards.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement(Typography9, { variant: "subtitle1", fontWeight: "bold" }, __16("Quick wins", "elementor")), /* @__PURE__ */ React15.createElement(Box12, { sx: { display: "flex", flexDirection: "column", gap: 1 } }, cards.map(({ config, ctaUrl, key, run, subtitle }) => /* @__PURE__ */ React15.createElement(
+  return /* @__PURE__ */ React16.createElement(React16.Fragment, null, /* @__PURE__ */ React16.createElement(Typography9, { variant: "subtitle1", fontWeight: "bold" }, __16("Quick wins", "elementor")), /* @__PURE__ */ React16.createElement(Box12, { sx: { display: "flex", flexDirection: "column", gap: 1 } }, cards.map(({ config, ctaUrl, key, run, subtitle }) => /* @__PURE__ */ React16.createElement(
     PromotionCard,
     {
       key,
@@ -1329,7 +1354,7 @@ function Promotions({ report }) {
 // src/components/pages/issues-page.tsx
 function IssuesPage({ report, onCategoryClick, onAllAuditsClick }) {
   const populatedCategories = getPopulatedCategories(report.categories, ALL_CATEGORIES);
-  return /* @__PURE__ */ React16.createElement(Box13, { sx: { display: "flex", flexDirection: "column", gap: 4, p: 2 } }, /* @__PURE__ */ React16.createElement(
+  return /* @__PURE__ */ React17.createElement(Box13, { sx: { display: "flex", flexDirection: "column", gap: 4, p: 2 } }, /* @__PURE__ */ React17.createElement(
     Link,
     {
       component: "button",
@@ -1338,8 +1363,8 @@ function IssuesPage({ report, onCategoryClick, onAllAuditsClick }) {
       onClick: onAllAuditsClick,
       sx: { textAlign: "start" }
     },
-    /* @__PURE__ */ React16.createElement(Typography10, { variant: "subtitle1", component: "h2" }, __17("All issues", "elementor"))
-  ), /* @__PURE__ */ React16.createElement(Box13, { sx: { display: "flex", flexDirection: "column", gap: 1 } }, populatedCategories.map((category) => /* @__PURE__ */ React16.createElement(
+    /* @__PURE__ */ React17.createElement(Typography10, { variant: "subtitle1", component: "h2" }, __17("All issues", "elementor"))
+  ), /* @__PURE__ */ React17.createElement(Box13, { sx: { display: "flex", flexDirection: "column", gap: 1 } }, populatedCategories.map((category) => /* @__PURE__ */ React17.createElement(
     IssuesCategoryRow,
     {
       key: category,
@@ -1348,11 +1373,11 @@ function IssuesPage({ report, onCategoryClick, onAllAuditsClick }) {
       counts: countSeverities(report, category),
       onClick: () => onCategoryClick(category)
     }
-  ))), /* @__PURE__ */ React16.createElement(Promotions, { report }));
+  ))), /* @__PURE__ */ React17.createElement(Promotions, { report }));
 }
 
 // src/components/pages/overview-page.tsx
-import * as React20 from "react";
+import * as React21 from "react";
 import { Box as Box17, Chip as Chip3, Divider, Typography as Typography14 } from "@elementor/ui";
 import { __ as __19, sprintf as sprintf4 } from "@wordpress/i18n";
 
@@ -1371,7 +1396,7 @@ function getScoreTier(score) {
 }
 
 // src/components/count-summary-circle.tsx
-import * as React17 from "react";
+import * as React18 from "react";
 import { Box as Box14, Chip as Chip2, Typography as Typography11 } from "@elementor/ui";
 var COUNT_SUMMARY_CIRCLE_SIZE = 64;
 var COUNT_SUMMARY_BORDER_WIDTH = 4;
@@ -1382,7 +1407,7 @@ function chipBorderColor(theme, color) {
   return theme.palette[color].main;
 }
 function CountSummaryCircle({ ariaLabel, color, count, label, onClick }) {
-  return /* @__PURE__ */ React17.createElement(
+  return /* @__PURE__ */ React18.createElement(
     Box14,
     {
       "aria-label": ariaLabel,
@@ -1401,7 +1426,7 @@ function CountSummaryCircle({ ariaLabel, color, count, label, onClick }) {
         padding: 0
       }
     },
-    /* @__PURE__ */ React17.createElement(
+    /* @__PURE__ */ React18.createElement(
       Chip2,
       {
         color,
@@ -1423,17 +1448,17 @@ function CountSummaryCircle({ ariaLabel, color, count, label, onClick }) {
         })
       }
     ),
-    /* @__PURE__ */ React17.createElement(Typography11, { color: "text.secondary", sx: { textAlign: "center" }, variant: "caption" }, label)
+    /* @__PURE__ */ React18.createElement(Typography11, { color: "text.secondary", sx: { textAlign: "center" }, variant: "caption" }, label)
   );
 }
 
 // src/components/score-bar.tsx
-import * as React18 from "react";
+import * as React19 from "react";
 import { ChevronRightIcon as ChevronRightIcon2 } from "@elementor/icons";
 import { Box as Box15, LinearProgress, Rotate as Rotate3, Typography as Typography12, useTheme as useTheme3 } from "@elementor/ui";
 function ScoreBar({ label, score, onClick }) {
   const isRtl = "rtl" === useTheme3().direction;
-  return /* @__PURE__ */ React18.createElement(
+  return /* @__PURE__ */ React19.createElement(
     Box15,
     {
       role: onClick ? "button" : void 0,
@@ -1450,8 +1475,8 @@ function ScoreBar({ label, score, onClick }) {
         py: 0.5
       }
     },
-    /* @__PURE__ */ React18.createElement(Typography12, { variant: "body2", sx: { minWidth: 96 } }, label),
-    /* @__PURE__ */ React18.createElement(
+    /* @__PURE__ */ React19.createElement(Typography12, { variant: "body2", sx: { minWidth: 96 } }, label),
+    /* @__PURE__ */ React19.createElement(
       LinearProgress,
       {
         variant: "determinate",
@@ -1460,7 +1485,7 @@ function ScoreBar({ label, score, onClick }) {
         sx: { flex: 1, height: 6, borderRadius: 4, bgcolor: "action.disabledBackground" }
       }
     ),
-    /* @__PURE__ */ React18.createElement(
+    /* @__PURE__ */ React19.createElement(
       Typography12,
       {
         variant: "body2",
@@ -1469,18 +1494,18 @@ function ScoreBar({ label, score, onClick }) {
       },
       score
     ),
-    onClick && /* @__PURE__ */ React18.createElement(Rotate3, { in: isRtl }, /* @__PURE__ */ React18.createElement(ChevronRightIcon2, { fontSize: "small", color: "action" }))
+    onClick && /* @__PURE__ */ React19.createElement(Rotate3, { in: isRtl }, /* @__PURE__ */ React19.createElement(ChevronRightIcon2, { fontSize: "small", color: "action" }))
   );
 }
 
 // src/components/score-circle.tsx
-import * as React19 from "react";
+import * as React20 from "react";
 import { Box as Box16, CircularProgress as CircularProgress2, Typography as Typography13 } from "@elementor/ui";
 var SCORE_CIRCLE_SIZE = 88;
 var SCORE_CIRCLE_THICKNESS = 3;
 function ScoreCircle({ color, score }) {
   const progressColor = color ?? getScoreTier(score).color;
-  return /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React20.createElement(
     Box16,
     {
       role: "progressbar",
@@ -1489,7 +1514,7 @@ function ScoreCircle({ color, score }) {
       "aria-valuemax": 100,
       sx: { position: "relative", display: "inline-flex" }
     },
-    /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement(
       CircularProgress2,
       {
         variant: "determinate",
@@ -1499,7 +1524,7 @@ function ScoreCircle({ color, score }) {
         sx: { color: "action.disabledBackground" }
       }
     ),
-    /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement(
       CircularProgress2,
       {
         variant: "determinate",
@@ -1510,7 +1535,7 @@ function ScoreCircle({ color, score }) {
         sx: { position: "absolute", left: 0 }
       }
     ),
-    /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement(
       Box16,
       {
         sx: {
@@ -1521,7 +1546,7 @@ function ScoreCircle({ color, score }) {
           justifyContent: "center"
         }
       },
-      /* @__PURE__ */ React19.createElement(
+      /* @__PURE__ */ React20.createElement(
         Typography13,
         {
           variant: "h4",
@@ -1559,7 +1584,7 @@ function OverviewPage({ onCategoryClick, onStatusClick, report }) {
   const severityCounts = countSeverities(report);
   const statusCounts = auditStatusDisplayCounts(report);
   const overallScore = getScoreTier(report.overall);
-  return /* @__PURE__ */ React20.createElement(Box17, { sx: { display: "flex", flexDirection: "column", gap: 4, p: 2 } }, /* @__PURE__ */ React20.createElement(Box17, { sx: { display: "flex", alignItems: "center", gap: 2 } }, /* @__PURE__ */ React20.createElement(ScoreCircle, { color: overallScore.color, score: report.overall }), /* @__PURE__ */ React20.createElement(Box17, { sx: { display: "flex", flexDirection: "column", gap: 0.5 } }, /* @__PURE__ */ React20.createElement(
+  return /* @__PURE__ */ React21.createElement(Box17, { sx: { display: "flex", flexDirection: "column", gap: 4, p: 2 } }, /* @__PURE__ */ React21.createElement(Box17, { sx: { display: "flex", alignItems: "center", gap: 2 } }, /* @__PURE__ */ React21.createElement(ScoreCircle, { color: overallScore.color, score: report.overall }), /* @__PURE__ */ React21.createElement(Box17, { sx: { display: "flex", flexDirection: "column", gap: 0.5 } }, /* @__PURE__ */ React21.createElement(
     Chip3,
     {
       label: overallScore.label,
@@ -1568,7 +1593,7 @@ function OverviewPage({ onCategoryClick, onStatusClick, report }) {
       size: "small",
       sx: { fontWeight: 600, alignSelf: "flex-start" }
     }
-  ), /* @__PURE__ */ React20.createElement(Typography14, { variant: "body2", color: "text.secondary" }, __19("Overall score", "elementor")))), /* @__PURE__ */ React20.createElement(Box17, { sx: { display: "flex", flexDirection: "column", gap: 2 } }, populatedCategories.map((category) => /* @__PURE__ */ React20.createElement(
+  ), /* @__PURE__ */ React21.createElement(Typography14, { variant: "body2", color: "text.secondary" }, __19("Overall score", "elementor")))), /* @__PURE__ */ React21.createElement(Box17, { sx: { display: "flex", flexDirection: "column", gap: 2 } }, populatedCategories.map((category) => /* @__PURE__ */ React21.createElement(
     ScoreBar,
     {
       key: category,
@@ -1576,7 +1601,7 @@ function OverviewPage({ onCategoryClick, onStatusClick, report }) {
       score: report.categories[category].score,
       onClick: () => onCategoryClick(category)
     }
-  ))), /* @__PURE__ */ React20.createElement(Divider, null), /* @__PURE__ */ React20.createElement(Typography14, { variant: "subtitle1", fontWeight: "bold" }, __19("Audit statuses", "elementor")), /* @__PURE__ */ React20.createElement(Box17, { sx: { display: "flex", justifyContent: "space-around", gap: 2 } }, STATUS_GROUPS.map((status) => /* @__PURE__ */ React20.createElement(
+  ))), /* @__PURE__ */ React21.createElement(Divider, null), /* @__PURE__ */ React21.createElement(Typography14, { variant: "subtitle1", fontWeight: "bold" }, __19("Audit statuses", "elementor")), /* @__PURE__ */ React21.createElement(Box17, { sx: { display: "flex", justifyContent: "space-around", gap: 2 } }, STATUS_GROUPS.map((status) => /* @__PURE__ */ React21.createElement(
     CountSummaryCircle,
     {
       key: status,
@@ -1586,7 +1611,7 @@ function OverviewPage({ onCategoryClick, onStatusClick, report }) {
       label: auditStatusLabel(status),
       onClick: () => onStatusClick(status)
     }
-  ))), /* @__PURE__ */ React20.createElement(Divider, null), /* @__PURE__ */ React20.createElement(Typography14, { variant: "subtitle1", fontWeight: "bold" }, __19("Remaining issues", "elementor")), /* @__PURE__ */ React20.createElement(
+  ))), /* @__PURE__ */ React21.createElement(Divider, null), /* @__PURE__ */ React21.createElement(Typography14, { variant: "subtitle1", fontWeight: "bold" }, __19("Remaining issues", "elementor")), /* @__PURE__ */ React21.createElement(
     Box17,
     {
       component: "ul",
@@ -1601,7 +1626,7 @@ function OverviewPage({ onCategoryClick, onStatusClick, report }) {
     },
     ALL_SEVERITIES.map((severity) => {
       const count = severityCounts[severity];
-      return /* @__PURE__ */ React20.createElement(
+      return /* @__PURE__ */ React21.createElement(
         Box17,
         {
           "aria-label": severityRemainingCountLabel(severity, count),
@@ -1609,9 +1634,9 @@ function OverviewPage({ onCategoryClick, onStatusClick, report }) {
           key: severity,
           sx: { alignItems: "center", display: "flex", gap: 0.5 }
         },
-        /* @__PURE__ */ React20.createElement(SeverityIcon, { severity }),
-        /* @__PURE__ */ React20.createElement(Typography14, { variant: "body2", fontWeight: "bold" }, count),
-        /* @__PURE__ */ React20.createElement(Typography14, { variant: "body2" }, severityPluralLabel(severity))
+        /* @__PURE__ */ React21.createElement(SeverityIcon, { severity }),
+        /* @__PURE__ */ React21.createElement(Typography14, { variant: "body2", fontWeight: "bold" }, count),
+        /* @__PURE__ */ React21.createElement(Typography14, { variant: "body2" }, severityPluralLabel(severity))
       );
     })
   ));
@@ -1650,7 +1675,7 @@ function ReportShell({ report }) {
       setActivePage(activePage.backTo);
     }
   };
-  return /* @__PURE__ */ React21.createElement(Box18, null, /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React22.createElement(Box18, null, /* @__PURE__ */ React22.createElement(
     Tabs,
     {
       "aria-label": __20("Audit navigation", "elementor"),
@@ -1662,30 +1687,30 @@ function ReportShell({ report }) {
       centered: true,
       variant: "fullWidth"
     },
-    /* @__PURE__ */ React21.createElement(Tab, { value: "overview", label: __20("Overview", "elementor") }),
-    /* @__PURE__ */ React21.createElement(Tab, { value: "issues", label: __20("Issues", "elementor") })
-  ), /* @__PURE__ */ React21.createElement(Divider2, null), activePage === "overview" && /* @__PURE__ */ React21.createElement(
+    /* @__PURE__ */ React22.createElement(Tab, { value: "overview", label: __20("Overview", "elementor") }),
+    /* @__PURE__ */ React22.createElement(Tab, { value: "issues", label: __20("Issues", "elementor") })
+  ), /* @__PURE__ */ React22.createElement(Divider2, null), activePage === "overview" && /* @__PURE__ */ React22.createElement(
     OverviewPage,
     {
       report,
       onCategoryClick: (category) => openCategory(category, "overview"),
       onStatusClick: (status) => openAllAudits(status, "overview")
     }
-  ), activePage === "issues" && /* @__PURE__ */ React21.createElement(
+  ), activePage === "issues" && /* @__PURE__ */ React22.createElement(
     IssuesPage,
     {
       report,
       onCategoryClick: (category) => openCategory(category, "issues"),
       onAllAuditsClick: () => openAllAudits()
     }
-  ), isAllAuditsPage(activePage) && /* @__PURE__ */ React21.createElement(
+  ), isAllAuditsPage(activePage) && /* @__PURE__ */ React22.createElement(
     AllAuditsPage,
     {
       report,
       initialExpandedStatus: activePage.expand,
       onBack: backFromSubPage
     }
-  ), isCategoryPage(activePage) && /* @__PURE__ */ React21.createElement(CategoryPage, { category: activePage.category, report, onBack: backFromSubPage }));
+  ), isCategoryPage(activePage) && /* @__PURE__ */ React22.createElement(CategoryPage, { category: activePage.category, report, onBack: backFromSubPage }));
 }
 
 // src/components/audit-panel.tsx
@@ -1694,7 +1719,7 @@ function AuditPanel() {
   const currentDocumentId = getCurrentDocumentId2() ?? 0;
   const onRun = () => run(currentDocumentId);
   const lastScanLabel = report ? new Date(report.runAt).toLocaleTimeString() : null;
-  return /* @__PURE__ */ React22.createElement(React22.Fragment, null, /* @__PURE__ */ React22.createElement(
+  return /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement(
     FloatingPanelHeader,
     {
       panelId: "audit-panel",
@@ -1702,8 +1727,8 @@ function AuditPanel() {
       badge: __21("Beta", "elementor"),
       titleVariant: "subtitle2"
     }
-  ), /* @__PURE__ */ React22.createElement(FloatingPanelBody, null, status === "idle" && /* @__PURE__ */ React22.createElement(WelcomePage, null), status === "loading" && /* @__PURE__ */ React22.createElement(LoadingPage, null), status === "error" && /* @__PURE__ */ React22.createElement(ErrorPage, { message: error ?? "", onRetry: onRun }), status === "ready" && report && /* @__PURE__ */ React22.createElement(ReportShell, { report })), /* @__PURE__ */ React22.createElement(FloatingPanelFooter, null, lastScanLabel ? /* @__PURE__ */ React22.createElement(Typography15, { variant: "caption", sx: { flex: 1 } }, __21("Last scan:", "elementor"), " ", lastScanLabel) : /* @__PURE__ */ React22.createElement(Box19, { sx: { flex: 1 } }), lastScanLabel && /* @__PURE__ */ React22.createElement(AuditFeedback, null), /* @__PURE__ */ React22.createElement(
-    Button4,
+  ), /* @__PURE__ */ React23.createElement(FloatingPanelBody, null, status === "idle" && /* @__PURE__ */ React23.createElement(WelcomePage, null), status === "loading" && /* @__PURE__ */ React23.createElement(LoadingPage, null), status === "error" && /* @__PURE__ */ React23.createElement(ErrorPage, { message: error ?? "", onRetry: onRun }), status === "ready" && report && /* @__PURE__ */ React23.createElement(ReportShell, { report })), /* @__PURE__ */ React23.createElement(FloatingPanelFooter, null, lastScanLabel ? /* @__PURE__ */ React23.createElement(Typography15, { variant: "caption", sx: { flex: 1 } }, __21("Last scan:", "elementor"), " ", lastScanLabel) : /* @__PURE__ */ React23.createElement(Box19, { sx: { flex: 1 } }), lastScanLabel && /* @__PURE__ */ React23.createElement(AuditFeedback, null), /* @__PURE__ */ React23.createElement(
+    Button5,
     {
       variant: "contained",
       size: "small",
@@ -2650,7 +2675,8 @@ var audit16 = {
         {
           auditId: audit16.id,
           label: __38("No privacy policy page is set.", "elementor"),
-          externalUrl: ctx.pageContext.privacy_settings_url
+          externalUrl: ctx.pageContext.privacy_settings_url,
+          ctaLabel: __38("Create", "elementor")
         }
       ]
     };