@elementor/editor-audits 4.3.0-1036

package/dist/index.mjs

@@ -0,0 +1,2801 @@
+// src/init.ts
+import { registerFloatingPanel } from "@elementor/editor-floating-panels";
+import { __registerSlice as registerSlice } from "@elementor/store";
+
+// src/editor-app-bar.tsx
+import { utilitiesMenu } from "@elementor/editor-app-bar";
+
+// src/hooks/use-audit-toggle-props.ts
+import { ShieldCheckIcon as ShieldCheckIcon2 } from "@elementor/icons";
+import { __ as __22 } from "@wordpress/i18n";
+
+// src/editor-panel.tsx
+import { createFloatingPanel } from "@elementor/editor-floating-panels";
+
+// src/components/audit-panel.tsx
+import * as React22 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 { __ as __21 } from "@wordpress/i18n";
+
+// src/hooks/use-audit-report.ts
+import { useEffect } from "react";
+import { getCurrentDocumentId } from "@elementor/editor-elements";
+import { __useDispatch as useDispatch, __useSelector as useSelector } from "@elementor/store";
+
+// src/runner.ts
+import { getElements } from "@elementor/editor-elements";
+
+// src/api/page-context-client.ts
+import { httpService } from "@elementor/http-client";
+
+// src/utils/window-config.ts
+function getWindowConfig() {
+  const config = window.elementorAudits;
+  if (!config) {
+    return { restNamespace: "elementor/v1", nonce: "" };
+  }
+  return config;
+}
+
+// src/api/page-context-client.ts
+async function fetchPageContext(documentId, attachmentIds) {
+  const { restNamespace, nonce } = getWindowConfig();
+  const url = `${restNamespace}/audits/page-context`;
+  const response = await httpService().get(url, {
+    params: {
+      document_id: documentId,
+      attachment_ids: attachmentIds
+    },
+    headers: { "X-WP-Nonce": nonce }
+  });
+  return response.data;
+}
+
+// src/registry.ts
+var registry = /* @__PURE__ */ new Map();
+function registerAudit(audit21) {
+  registry.set(audit21.id, audit21);
+}
+function getRegisteredAudits() {
+  return Array.from(registry.values());
+}
+
+// src/constants.ts
+import { __ } from "@wordpress/i18n";
+var AUDIT_PANEL_ID = "audit-panel";
+var REPORT_STORAGE_KEY_PREFIX = "elementor/audits/report";
+var CREATE_WIDGET_EVENT = "elementor/editor/create-widget";
+var ANGIE_FIX_ENTRY_POINT = "audit_violation";
+var FEEDBACK_EXPERIMENT_NAME = "in_editor_feedback";
+var FEEDBACK_ENTRY_POINT = "audit_panel";
+var FEEDBACK_CLICKED_EVENT = "audit_feedback_clicked";
+var FEEDBACK_SENT_EVENT = "audit_feedback_sent";
+var FEEDBACK_CANCELLED_EVENT = "audit_feedback_cancelled";
+var FEEDBACK_CLOSED_EVENT = "audit_feedback_closed";
+var ALL_CATEGORIES = [
+  "best-practices",
+  "seo",
+  "accessibility",
+  "performance",
+  "compliance"
+];
+var CATEGORY_LABELS = {
+  "best-practices": __("Best Practices", "elementor"),
+  seo: __("SEO", "elementor"),
+  accessibility: __("Accessibility", "elementor"),
+  performance: __("Performance", "elementor"),
+  compliance: __("Compliance", "elementor")
+};
+
+// src/utils/audit-status-summary.ts
+import { __ as __2 } from "@wordpress/i18n";
+
+// src/utils/sort-failed-audits.ts
+var SEVERITY_SORTING_RANK = {
+  error: 0,
+  warning: 1,
+  info: 2
+};
+function sortFailedAuditResults(results) {
+  return [...results].sort((a, b) => {
+    const rankDiff = SEVERITY_SORTING_RANK[a.audit.severity] - SEVERITY_SORTING_RANK[b.audit.severity];
+    if (rankDiff !== 0) {
+      return rankDiff;
+    }
+    return a.audit.title.localeCompare(b.audit.title);
+  });
+}
+
+// src/utils/audit-status-summary.ts
+function partitionAuditResults(report, options = {}) {
+  const { category, sortFailed = true } = options;
+  const failed = [];
+  const passed = [];
+  const skipped = [];
+  let totalViolations = 0;
+  for (const run of report.auditResults) {
+    if (category && !run.audit.categories.includes(category)) {
+      continue;
+    }
+    switch (run.result.status) {
+      case "fail":
+        failed.push({ ...run, result: run.result });
+        totalViolations += run.result.violations.length;
+        break;
+      case "pass":
+        passed.push({ ...run, result: run.result });
+        break;
+      case "skipped":
+        skipped.push({ ...run, result: run.result });
+        break;
+    }
+  }
+  return {
+    failed: sortFailed ? sortFailedAuditResults(failed) : failed,
+    passed,
+    skipped,
+    totalViolations
+  };
+}
+function auditStatusDisplayCounts(report) {
+  let pass = 0;
+  let skipped = 0;
+  let totalViolations = 0;
+  for (const { result } of report.auditResults) {
+    switch (result.status) {
+      case "fail":
+        totalViolations += result.violations.length;
+        break;
+      case "pass":
+        pass++;
+        break;
+      case "skipped":
+        skipped++;
+        break;
+    }
+  }
+  return {
+    fail: totalViolations,
+    pass,
+    skipped
+  };
+}
+function auditStatusColor(status) {
+  switch (status) {
+    case "fail":
+      return "error";
+    case "pass":
+      return "success";
+    case "skipped":
+      return "default";
+  }
+}
+function auditStatusLabel(status) {
+  switch (status) {
+    case "fail":
+      return __2("Failed audits", "elementor");
+    case "pass":
+      return __2("Passed audits", "elementor");
+    case "skipped":
+      return __2("Skipped audits", "elementor");
+  }
+}
+function getPopulatedCategories(categoryTotals, categories) {
+  return categories.filter((category) => categoryTotals[category].total > 0);
+}
+
+// src/utils/compute-report.ts
+function computeReport(documentId, results) {
+  const accumulators = Object.fromEntries(
+    ALL_CATEGORIES.map((c) => [c, { totalWeight: 0, passedWeight: 0, total: 0, failed: 0 }])
+  );
+  for (const { audit: audit21, result } of results) {
+    if (result.status === "skipped") {
+      continue;
+    }
+    for (const category of audit21.categories) {
+      const acc = accumulators[category];
+      acc.total++;
+      acc.totalWeight += audit21.weight;
+      if (result.status === "pass") {
+        acc.passedWeight += audit21.weight;
+      } else {
+        acc.failed++;
+      }
+    }
+  }
+  const categories = Object.fromEntries(
+    ALL_CATEGORIES.map((c) => {
+      const acc = accumulators[c];
+      const score = acc.totalWeight === 0 ? 0 : Math.round(acc.passedWeight / acc.totalWeight * 100);
+      return [c, { score, failed: acc.failed, total: acc.total }];
+    })
+  );
+  const populated = getPopulatedCategories(categories, ALL_CATEGORIES);
+  const overall = populated.length === 0 ? 0 : Math.round(populated.reduce((sum, c) => sum + categories[c].score, 0) / populated.length);
+  return {
+    documentId,
+    runAt: Date.now(),
+    overall,
+    categories,
+    auditResults: results
+  };
+}
+
+// src/utils/walk.ts
+function walkElements(tree, visit) {
+  const parents = [];
+  recurse(tree, parents, visit);
+}
+function recurse(nodes, parents, visit) {
+  for (const node of nodes) {
+    visit(node, parents);
+    parents.push(node);
+    recurse(node.elements, parents, visit);
+    parents.pop();
+  }
+}
+
+// src/utils/image-like-sources.ts
+var IMAGE_LIKE_WIDGETS = /* @__PURE__ */ new Set(["image", "image-box", "image-carousel", "gallery", "image-gallery"]);
+function hasPageImages(tree) {
+  let found = false;
+  walkImageLikeSources(tree, ({ media }) => {
+    if (media.id || media.url) {
+      found = true;
+    }
+  });
+  return found;
+}
+function walkImageLikeSources(tree, visit) {
+  walkElements(tree, (node) => {
+    if (node.elType !== "widget") {
+      return;
+    }
+    if (!IMAGE_LIKE_WIDGETS.has(node.widgetType ?? "")) {
+      return;
+    }
+    for (const media of collectMediaFromNode(node)) {
+      visit({ node, media });
+    }
+  });
+}
+function collectMediaFromNode(node) {
+  const sources = [];
+  const image = node.settings.image;
+  if (image?.id || image?.url) {
+    sources.push(image);
+  }
+  const gallery = node.settings.carousel ?? node.settings.gallery ?? node.settings.wp_gallery;
+  if (Array.isArray(gallery)) {
+    for (const item of gallery) {
+      if (item?.id || item?.url) {
+        sources.push(item);
+      }
+    }
+  }
+  return sources;
+}
+
+// src/utils/page-attachments.ts
+function extractAttachmentIds(tree) {
+  const ids = /* @__PURE__ */ new Set();
+  walkImageLikeSources(tree, ({ media }) => {
+    if (media.id) {
+      ids.add(media.id);
+    }
+  });
+  return Array.from(ids).sort((a, b) => a - b);
+}
+
+// src/utils/read-kit-snapshot.ts
+function hasNonEmptyGlobalValue(item) {
+  return item.value.length > 0;
+}
+async function readKitSnapshot(kitId) {
+  const [colorsFromApi, fontsFromApi] = await Promise.all([
+    readGlobalsFromApi("globals/colors", mapApiColor, hasNonEmptyGlobalValue),
+    readGlobalsFromApi("globals/typography", mapApiTypography, hasNonEmptyGlobalValue)
+  ]);
+  const documentSettings = colorsFromApi.length === 0 || fontsFromApi.length === 0 ? getKitDocumentSettings(kitId) : null;
+  const colors = colorsFromApi.length > 0 ? colorsFromApi : readColorsFromKitDocumentSettings(documentSettings);
+  const fonts = fontsFromApi.length > 0 ? fontsFromApi : readFontsFromKitDocumentSettings(documentSettings);
+  return { id: kitId, globals: { colors, fonts } };
+}
+async function readGlobalsFromApi(command, mapItem, hasValue) {
+  const $e = window.$e;
+  if (!$e?.data?.get) {
+    return [];
+  }
+  try {
+    const result = await $e.data.get(command);
+    const data = result?.data ?? {};
+    return Object.values(data).map((item) => mapItem(item)).filter(hasValue);
+  } catch {
+    return [];
+  }
+}
+function mapApiColor(item) {
+  return {
+    id: item.id,
+    value: item.value ?? "",
+    title: item.title ?? item.id
+  };
+}
+function mapApiTypography(item) {
+  return {
+    id: item.id,
+    value: item.value?.typography_font_family ?? "",
+    title: item.title ?? item.id
+  };
+}
+function readColorsFromKitDocumentSettings(settings) {
+  if (!settings) {
+    return [];
+  }
+  const rows = [...settings.system_colors ?? [], ...settings.custom_colors ?? []];
+  return rows.map((row) => ({
+    id: row._id,
+    value: row.color,
+    title: row.title ?? row._id
+  })).filter(hasNonEmptyGlobalValue);
+}
+function readFontsFromKitDocumentSettings(settings) {
+  if (!settings) {
+    return [];
+  }
+  const rows = [...settings.system_typography ?? [], ...settings.custom_typography ?? []];
+  return rows.map((row) => ({
+    id: row._id,
+    value: row.typography_font_family ?? "",
+    title: row.title ?? row._id
+  })).filter(hasNonEmptyGlobalValue);
+}
+function getKitDocumentSettings(kitId) {
+  const document = window.elementor?.documents?.get?.(kitId);
+  return document?.config?.settings?.settings ?? null;
+}
+
+// src/utils/v1-snapshot.ts
+function buildSnapshotTree(elements) {
+  if (elements.length === 0) {
+    return [];
+  }
+  const root = elements[0];
+  const children = root.children ?? [];
+  return children.map(toSnapshot);
+}
+function toSnapshot(element) {
+  const model = element.model;
+  const settings = element.settings?.toJSON?.() ?? {};
+  return {
+    id: element.id,
+    elType: model.get("elType") ?? "",
+    widgetType: model.get("widgetType"),
+    settings,
+    elements: (element.children ?? []).map(toSnapshot)
+  };
+}
+
+// src/runner.ts
+async function runPageAudit(documentId) {
+  const tree = buildSnapshotTree(getElements());
+  const attachmentIds = extractAttachmentIds(tree);
+  const pageContext = await fetchPageContext(documentId, attachmentIds);
+  const elements = { documentId, tree };
+  const kit = await readKitSnapshot(pageContext.kit_id);
+  const ctx = { documentId, elements, pageContext, kit };
+  const registered = getRegisteredAudits();
+  const auditResults = await Promise.all(
+    registered.map(async (audit21) => {
+      const { evaluate: _evaluate, ...meta } = audit21;
+      try {
+        const result = await audit21.evaluate(ctx);
+        return { audit: meta, result };
+      } catch (error) {
+        const reason = error instanceof Error ? error.message : "unknown-error";
+        return { audit: meta, result: { status: "skipped", reason } };
+      }
+    })
+  );
+  return computeReport(documentId, auditResults);
+}
+
+// src/store/slice.ts
+import { __createSlice } from "@elementor/store";
+var initialState = { status: "idle", report: null, error: null };
+var slice = __createSlice({
+  name: "audits",
+  initialState,
+  reducers: {
+    runStarted(state) {
+      state.status = "loading";
+      state.error = null;
+    },
+    runSucceeded(state, action) {
+      state.status = "ready";
+      state.report = action.payload;
+    },
+    runFailed(state, action) {
+      state.status = "error";
+      state.error = action.payload;
+    },
+    reportRestored(state, action) {
+      state.status = "ready";
+      state.report = action.payload;
+      state.error = null;
+    },
+    reportCleared(state) {
+      state.status = "idle";
+      state.report = null;
+      state.error = null;
+    }
+  }
+});
+
+// src/store/selectors.ts
+function selectStatus(state) {
+  return state.audits.status;
+}
+function selectReport(state) {
+  return state.audits.report;
+}
+function selectError(state) {
+  return state.audits.error;
+}
+
+// src/utils/report-storage.ts
+import { getSessionStorageItem, setSessionStorageItem } from "@elementor/session";
+function getStorageKey(documentId) {
+  return `${REPORT_STORAGE_KEY_PREFIX}/${documentId}`;
+}
+function getPersistedReport(documentId) {
+  return getSessionStorageItem(getStorageKey(documentId)) ?? null;
+}
+function persistReport(documentId, report) {
+  setSessionStorageItem(getStorageKey(documentId), report);
+}
+
+// src/hooks/use-audit-report.ts
+function useAuditReport() {
+  const status = useSelector((state) => selectStatus(state));
+  const report = useSelector((state) => selectReport(state));
+  const error = useSelector((state) => selectError(state));
+  const dispatch = useDispatch();
+  const documentId = getCurrentDocumentId() ?? 0;
+  useEffect(() => {
+    if (!documentId || report?.documentId === documentId) {
+      return;
+    }
+    const persisted = getPersistedReport(documentId);
+    if (persisted) {
+      dispatch(slice.actions.reportRestored(persisted));
+    } else if (report) {
+      dispatch(slice.actions.reportCleared());
+    }
+  }, [documentId, report, dispatch]);
+  const run = async (documentIdToRun) => {
+    dispatch(slice.actions.runStarted());
+    try {
+      const nextReport = await runPageAudit(documentIdToRun);
+      dispatch(slice.actions.runSucceeded(nextReport));
+      persistReport(documentIdToRun, nextReport);
+    } catch (e) {
+      dispatch(slice.actions.runFailed(e instanceof Error ? e.message : "Unknown error"));
+    }
+  };
+  return { status, report, error, run };
+}
+
+// src/components/audit-feedback.tsx
+import * as React from "react";
+import { useState } from "react";
+import { notify } from "@elementor/editor-notifications";
+import { isExperimentActive } from "@elementor/editor-v1-adapters";
+import { useMixpanel } from "@elementor/events";
+import { httpService as httpService2 } from "@elementor/http-client";
+import { MessageLinesIcon } from "@elementor/icons";
+import {
+  Button,
+  Dialog,
+  DialogActions,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  IconButton,
+  Stack,
+  TextField,
+  Tooltip,
+  Typography
+} from "@elementor/ui";
+import { __ as __3 } from "@wordpress/i18n";
+var FEEDBACK_SUBJECT = "Page Audit Tool";
+var FEEDBACK_SUBJECT_LABEL = __3("Page Audit Tool", "elementor");
+var SUCCESS_NOTIFICATION_ID = "audit-feedback-success";
+var ERROR_NOTIFICATION_ID = "audit-feedback-error";
+var DIALOG_TITLE_ID = "audit-feedback-dialog-title";
+var DIALOG_DESCRIPTION_ID = "audit-feedback-dialog-description";
+var isUserConnected = () => Boolean(window.elementorCommon?.config?.library_connect?.is_connected || window.elementorPro?.config?.isActive);
+var notifySuccess = () => notify({
+  id: SUCCESS_NOTIFICATION_ID,
+  type: "success",
+  message: __3("Feedback sent. Thanks for helping us out.", "elementor")
+});
+var notifyError = () => notify({
+  id: ERROR_NOTIFICATION_ID,
+  type: "error",
+  message: __3("Something went wrong. Please try sending your feedback again.", "elementor")
+});
+function AuditFeedback() {
+  const [isOpen, setIsOpen] = useState(false);
+  const [feedbackText, setFeedbackText] = useState("");
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const { dispatchEvent: trackEvent = (...args) => void args } = useMixpanel();
+  if (!isExperimentActive(FEEDBACK_EXPERIMENT_NAME)) {
+    return null;
+  }
+  const connected = isUserConnected();
+  const connectUrl = window.elementor?.config?.user?.top_bar?.connect_url;
+  if (!connected && !connectUrl) {
+    return null;
+  }
+  const triggerLabel = __3("Give feedback", "elementor");
+  const handleOpen = () => {
+    if (!connected) {
+      window.open(connectUrl, "_blank", "noopener");
+      trackEvent(FEEDBACK_CLICKED_EVENT, { entry_point: FEEDBACK_ENTRY_POINT, connected: false });
+      return;
+    }
+    setIsOpen(true);
+    trackEvent(FEEDBACK_CLICKED_EVENT, { entry_point: FEEDBACK_ENTRY_POINT, connected: true });
+  };
+  const dismiss = (eventName) => {
+    setIsOpen(false);
+    setFeedbackText("");
+    trackEvent(eventName, { entry_point: FEEDBACK_ENTRY_POINT });
+  };
+  const handleCancel = () => dismiss(FEEDBACK_CANCELLED_EVENT);
+  const handleClose = () => dismiss(FEEDBACK_CLOSED_EVENT);
+  const handleSubmit = () => {
+    setIsSubmitting(true);
+    httpService2().post("elementor/v1/feedback/submit", {
+      subject: FEEDBACK_SUBJECT,
+      description: feedbackText.trim()
+    }).then((response) => {
+      if (!response.data.success) {
+        notifyError();
+        return;
+      }
+      setIsOpen(false);
+      setFeedbackText("");
+      notifySuccess();
+      trackEvent(FEEDBACK_SENT_EVENT, { entry_point: FEEDBACK_ENTRY_POINT });
+    }).catch(notifyError).finally(() => setIsSubmitting(false));
+  };
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Tooltip, { title: triggerLabel, placement: "top" }, /* @__PURE__ */ React.createElement(IconButton, { size: "small", "aria-label": triggerLabel, onClick: handleOpen }, /* @__PURE__ */ React.createElement(MessageLinesIcon, { fontSize: "small" }))), /* @__PURE__ */ React.createElement(
+    Dialog,
+    {
+      open: isOpen,
+      onClose: handleClose,
+      "aria-labelledby": DIALOG_TITLE_ID,
+      "aria-describedby": DIALOG_DESCRIPTION_ID,
+      PaperProps: { sx: { borderRadius: 1 } }
+    },
+    /* @__PURE__ */ React.createElement(DialogHeader, { logo: false, onClose: handleClose }, /* @__PURE__ */ React.createElement(DialogTitle, { id: DIALOG_TITLE_ID }, __3("Let us know what you think", "elementor"))),
+    /* @__PURE__ */ React.createElement(DialogContent, { dividers: true }, /* @__PURE__ */ React.createElement(Stack, { direction: "column", gap: 2 }, /* @__PURE__ */ React.createElement(TextField, { value: FEEDBACK_SUBJECT_LABEL, disabled: true, fullWidth: true, size: "small" }), /* @__PURE__ */ React.createElement(
+      TextField,
+      {
+        placeholder: __3(
+          "Tell us what you had in mind, what we can improve or fix to make this feature better.",
+          "elementor"
+        ),
+        fullWidth: true,
+        multiline: true,
+        rows: 4,
+        disabled: isSubmitting,
+        onChange: (event) => setFeedbackText(event.target.value),
+        value: feedbackText
+      }
+    ), /* @__PURE__ */ React.createElement(Typography, { id: DIALOG_DESCRIPTION_ID, variant: "caption", color: "text.secondary" }, __3(
+      "We appreciate your feedback! While we review all submissions, we can't guarantee that every suggestion will result in a change or update.",
+      "elementor"
+    )))),
+    /* @__PURE__ */ React.createElement(DialogActions, null, /* @__PURE__ */ React.createElement(Button, { variant: "text", color: "secondary", onClick: handleCancel }, __3("Cancel", "elementor")), /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        variant: "contained",
+        color: "primary",
+        disabled: isSubmitting || feedbackText.trim().length === 0,
+        onClick: handleSubmit
+      },
+      __3("Send", "elementor")
+    ))
+  ));
+}
+
+// src/components/pages/error-page.tsx
+import * as React2 from "react";
+import { Box, Button as Button2, Typography as Typography2 } from "@elementor/ui";
+import { __ as __4 } from "@wordpress/i18n";
+function ErrorPage({ message, onRetry }) {
+  return /* @__PURE__ */ React2.createElement(Box, { sx: { display: "flex", flexDirection: "column", alignItems: "center", gap: 1.5, p: 4 } }, /* @__PURE__ */ React2.createElement(Typography2, { variant: "body2", color: "error", textAlign: "center" }, message), /* @__PURE__ */ React2.createElement(Button2, { variant: "contained", size: "small", onClick: onRetry }, __4("Try again", "elementor")));
+}
+
+// src/components/pages/loading-page.tsx
+import * as React3 from "react";
+import { Box as Box2, CircularProgress, Typography as Typography3 } from "@elementor/ui";
+import { __ as __5 } from "@wordpress/i18n";
+function LoadingPage() {
+  return /* @__PURE__ */ React3.createElement(Box2, { sx: { display: "flex", flexDirection: "column", alignItems: "center", gap: 1.5, p: 4 } }, /* @__PURE__ */ React3.createElement(CircularProgress, { size: 32 }), /* @__PURE__ */ React3.createElement(Typography3, { variant: "body2" }, __5("Audit in progress.", "elementor")));
+}
+
+// src/components/pages/welcome-page.tsx
+import * as React4 from "react";
+import { Box as Box3, Typography as Typography4 } from "@elementor/ui";
+import { __ as __6 } from "@wordpress/i18n";
+var INFORMATION_IMAGE_PATH = "images/information.svg";
+function WelcomePage() {
+  const assetsUrl = window.elementorCommon?.config?.urls?.assets ?? "";
+  return /* @__PURE__ */ React4.createElement(
+    Box3,
+    {
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        gap: 1,
+        p: 3
+      }
+    },
+    /* @__PURE__ */ React4.createElement(
+      "img",
+      {
+        className: "elementor-nerd-box-icon",
+        src: `${assetsUrl}${INFORMATION_IMAGE_PATH}`,
+        loading: "lazy",
+        alt: __6("Elementor", "elementor")
+      }
+    ),
+    /* @__PURE__ */ React4.createElement(Typography4, { variant: "subtitle1", component: "h3", sx: { marginBlockStart: 2 } }, __6("Audit your page!", "elementor")),
+    /* @__PURE__ */ React4.createElement(Typography4, { variant: "caption", textAlign: "center" }, __6(
+      'Check SEO, accessibility, performance, and best practices. Click "Run page audit" to begin.',
+      "elementor"
+    ))
+  );
+}
+
+// src/components/report-shell.tsx
+import * as React21 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 { Box as Box8 } from "@elementor/ui";
+import { __ as __12 } from "@wordpress/i18n";
+
+// src/components/status-section.tsx
+import * as React5 from "react";
+import { useState as useState2 } from "react";
+import { ChevronDownIcon } from "@elementor/icons";
+import { Box as Box4, Chip, Collapse, IconButton as IconButton2 } from "@elementor/ui";
+import { __ as __7 } from "@wordpress/i18n";
+function StatusSection({ label, count, color = "default", defaultExpanded = false, children }) {
+  const [expanded, setExpanded] = useState2(defaultExpanded);
+  if (count === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ React5.createElement(Box4, { sx: { paddingBlock: 1 } }, /* @__PURE__ */ React5.createElement(
+    Box4,
+    {
+      sx: { display: "flex", alignItems: "center", gap: 0.5, cursor: "pointer" },
+      onClick: () => setExpanded((v) => !v)
+    },
+    /* @__PURE__ */ React5.createElement(
+      IconButton2,
+      {
+        size: "small",
+        "aria-label": expanded ? __7("Collapse", "elementor") : __7("Expand", "elementor")
+      },
+      /* @__PURE__ */ React5.createElement(
+        ChevronDownIcon,
+        {
+          fontSize: "small",
+          sx: {
+            transform: expanded ? "rotate(180deg)" : void 0,
+            transition: "transform .2s"
+          }
+        }
+      )
+    ),
+    /* @__PURE__ */ React5.createElement(Chip, { label: `${label} (${count})`, size: "small", color, variant: "standard" })
+  ), /* @__PURE__ */ React5.createElement(Collapse, { in: expanded }, /* @__PURE__ */ React5.createElement(Box4, { sx: { paddingInlineStart: 4.25, paddingBlock: 2 } }, children)));
+}
+
+// src/components/subpage-header.tsx
+import * as React6 from "react";
+import { ArrowLeftIcon } from "@elementor/icons";
+import { Box as Box5, IconButton as IconButton3, Rotate, Typography as Typography5, useTheme } from "@elementor/ui";
+import { __ as __8 } from "@wordpress/i18n";
+function SubpageHeader({ title, onBack, backLabel, icon }) {
+  const isRtl = "rtl" === useTheme().direction;
+  return /* @__PURE__ */ React6.createElement(Box5, { sx: { display: "flex", alignItems: "center", gap: 0.5, p: 1 } }, /* @__PURE__ */ React6.createElement(IconButton3, { size: "small", onClick: onBack, "aria-label": backLabel ?? __8("Back", "elementor") }, /* @__PURE__ */ React6.createElement(Rotate, { in: isRtl }, /* @__PURE__ */ React6.createElement(ArrowLeftIcon, { fontSize: "small" }))), icon, /* @__PURE__ */ React6.createElement(Typography5, { variant: "subtitle2", fontWeight: "bold" }, title));
+}
+
+// src/components/violation-row.tsx
+import * as React10 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";
+import { Alert, AlertTitle, Box as Box7, Collapse as Collapse2, IconButton as IconButton5, Tooltip as Tooltip3, Typography as Typography6 } from "@elementor/ui";
+import { __ as __11 } from "@wordpress/i18n";
+
+// src/hooks/focus-violation.ts
+import { getContainer, selectElement } from "@elementor/editor-elements";
+import { __privateOpenRoute as openRoute, __privateRunCommand as runCommand } from "@elementor/editor-v1-adapters";
+var SCROLL_TO_VIEW_DELAY_MS = 200;
+function focusViolation(violation) {
+  if (violation.elementId) {
+    const container = getContainer(violation.elementId);
+    if (container) {
+      selectElement(violation.elementId);
+      const domElement = container.view?.getDomElement?.();
+      if (domElement) {
+        window.elementor?.helpers?.scrollToView?.(domElement, SCROLL_TO_VIEW_DELAY_MS);
+      }
+    }
+    if (violation.targetHint === "element-settings") {
+      runCommand("panel/editor/open");
+    }
+    return;
+  }
+  if (violation.externalUrl) {
+    window.open(violation.externalUrl, "_blank");
+    return;
+  }
+  if (violation.targetHint === "page-settings") {
+    openRoute("panel/page-settings/settings");
+    return;
+  }
+  if (violation.targetHint === "site-settings") {
+    runCommand("panel/global/open");
+    return;
+  }
+  if (violation.targetHint === "site-identity-settings") {
+    void runCommand("panel/global/open").then(() => {
+      openRoute("panel/global/settings-site-identity");
+    });
+  }
+}
+
+// src/utils/build-angie-prompt.ts
+import { __ as __9, sprintf } from "@wordpress/i18n";
+function buildAngiePrompt(violationText) {
+  return sprintf(
+    /* translators: %s: audit violation description. */
+    __9("Help me fix: %s", "elementor"),
+    violationText
+  );
+}
+
+// src/utils/keyboard-click.ts
+function onKeyboardClick(callback) {
+  return (event) => {
+    if (event.key === "Enter" || event.key === " ") {
+      event.preventDefault();
+      callback();
+    }
+  };
+}
+
+// src/components/fix-violation-with-angie.tsx
+import * as React7 from "react";
+import { isAngieAvailable, sendPromptToAngie } from "@elementor/editor-mcp";
+import { AngieIcon } from "@elementor/icons";
+import { IconButton as IconButton4, Tooltip as Tooltip2 } from "@elementor/ui";
+import { __ as __10 } from "@wordpress/i18n";
+function FixViolationWithAngie({ prompt }) {
+  const label = __10("Fix with Angie", "elementor");
+  const href = `#angie-prompt=${encodeURIComponent(prompt)}`;
+  const handleClick = (event) => {
+    event.stopPropagation();
+    event.preventDefault();
+    if (isAngieAvailable()) {
+      sendPromptToAngie(prompt);
+      return;
+    }
+    window.dispatchEvent(
+      new CustomEvent(CREATE_WIDGET_EVENT, {
+        detail: {
+          entry_point: ANGIE_FIX_ENTRY_POINT,
+          prompt
+        }
+      })
+    );
+  };
+  return /* @__PURE__ */ React7.createElement(Tooltip2, { title: label }, /* @__PURE__ */ React7.createElement(
+    IconButton4,
+    {
+      className: "violation-hover-icon",
+      component: "a",
+      href,
+      size: "small",
+      "aria-label": label,
+      onClick: handleClick
+    },
+    /* @__PURE__ */ React7.createElement(AngieIcon, { fontSize: "tiny" })
+  ));
+}
+
+// src/components/severity-icons.tsx
+import * as React8 from "react";
+import { AlertCircleIcon, AlertTriangleFilledIcon, InfoCircleIcon } from "@elementor/icons";
+var SEVERITY_CONFIG = {
+  error: { Icon: AlertTriangleFilledIcon, color: "error" },
+  warning: { Icon: AlertCircleIcon, color: "warning" },
+  info: { Icon: InfoCircleIcon, color: "info" }
+};
+function SeverityIcon({ severity }) {
+  const { Icon, color } = SEVERITY_CONFIG[severity];
+  return /* @__PURE__ */ React8.createElement(Icon, { fontSize: "small", color });
+}
+
+// src/components/violation-icons.tsx
+import * as React9 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(
+      Box6,
+      {
+        component: "i",
+        className: widgetIcon,
+        "aria-hidden": true,
+        sx: { fontSize: "inherit", width: "1em", textAlign: "center" }
+      }
+    );
+  }
+  if (violation.targetHint === "page-settings") {
+    return /* @__PURE__ */ React9.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__ */ React9.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" })));
+}
+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__ */ React10.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(
+    Box7,
+    {
+      sx: {
+        alignItems: "center",
+        cursor: "pointer",
+        display: "flex",
+        flex: 1,
+        gap: 0.5,
+        minWidth: 0
+      },
+      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(
+    IconButton5,
+    {
+      size: "small",
+      "aria-label": expanded ? __11("Collapse", "elementor") : __11("Expand", "elementor"),
+      onClick: toggleExpanded
+    },
+    /* @__PURE__ */ React10.createElement(
+      ChevronDownIcon2,
+      {
+        fontSize: "small",
+        sx: {
+          transform: expanded ? "rotate(180deg)" : void 0,
+          transition: "transform .2s"
+        }
+      }
+    )
+  )), /* @__PURE__ */ React10.createElement(Collapse2, { in: expanded }, /* @__PURE__ */ React10.createElement(Box7, { sx: { display: "flex", flexDirection: "column", gap: 1, paddingBlock: 1 } }, /* @__PURE__ */ React10.createElement(
+    Alert,
+    {
+      severity: "secondary",
+      sx: { p: 1 },
+      icon: /* @__PURE__ */ React10.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(
+    Alert,
+    {
+      severity: "info",
+      sx: { p: 1 },
+      icon: /* @__PURE__ */ React10.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) => {
+    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(
+      Box7,
+      {
+        key: idx,
+        role: "button",
+        tabIndex: 0,
+        onClick: () => focusViolation(violation),
+        onKeyDown: onKeyboardClick(() => focusViolation(violation)),
+        sx: {
+          display: "flex",
+          alignItems: "center",
+          gap: 1,
+          paddingBlock: 0.5,
+          paddingInline: 2,
+          borderRadius: 1,
+          cursor: "pointer",
+          "& .violation-hover-icon": { opacity: 0, transition: "opacity .15s" },
+          "&:hover": { bgcolor: "action.hover" },
+          "&:hover .violation-hover-icon, &:focus-visible .violation-hover-icon": {
+            opacity: 1
+          }
+        }
+      },
+      /* @__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 })
+    );
+  }))));
+}
+
+// src/components/pages/all-audits-page.tsx
+function AllAuditsPage({ initialExpandedStatus, onBack, report }) {
+  const { failed, passed, skipped, totalViolations } = partitionAuditResults(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(
+    StatusSection,
+    {
+      label: auditStatusLabel("fail"),
+      count: totalViolations,
+      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(
+    StatusSection,
+    {
+      label: auditStatusLabel("pass"),
+      count: passed.length,
+      color: auditStatusColor("pass"),
+      defaultExpanded: expandPass
+    },
+    passed.map((r) => /* @__PURE__ */ React11.createElement(ViolationRow, { key: r.audit.id, audit: r.audit }))
+  ), /* @__PURE__ */ React11.createElement(
+    StatusSection,
+    {
+      label: auditStatusLabel("skipped"),
+      count: skipped.length,
+      color: auditStatusColor("skipped"),
+      defaultExpanded: expandSkipped
+    },
+    skipped.map((r) => /* @__PURE__ */ React11.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 { Box as Box9 } from "@elementor/ui";
+import { __ as __13 } from "@wordpress/i18n";
+
+// src/components/category-icons.ts
+import {
+  ElementorAccessibilityIcon,
+  FilterIcon,
+  HeartHandShakeIcon,
+  Settings2Icon,
+  ShieldHalfFilledIcon
+} from "@elementor/icons";
+var CATEGORY_ICONS = {
+  "best-practices": Settings2Icon,
+  seo: FilterIcon,
+  accessibility: ElementorAccessibilityIcon,
+  performance: ShieldHalfFilledIcon,
+  compliance: HeartHandShakeIcon
+};
+
+// src/components/pages/category-page.tsx
+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(
+    SubpageHeader,
+    {
+      title: CATEGORY_LABELS[category],
+      onBack,
+      backLabel: __13("Back to all issues", "elementor"),
+      icon: /* @__PURE__ */ React12.createElement(Icon, { fontSize: "small", color: "action" })
+    }
+  ), /* @__PURE__ */ React12.createElement(Box9, { sx: { p: 1 } }, /* @__PURE__ */ React12.createElement(
+    StatusSection,
+    {
+      label: __13("Failed audits", "elementor"),
+      count: totalViolations,
+      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 })))));
+}
+
+// src/components/pages/issues-page.tsx
+import * as React16 from "react";
+import { Box as Box13, Link, Typography as Typography10 } from "@elementor/ui";
+import { __ as __17 } from "@wordpress/i18n";
+
+// src/utils/severity-counts.ts
+import { __ as __14, sprintf as sprintf2 } from "@wordpress/i18n";
+var ALL_SEVERITIES = ["error", "warning", "info"];
+function countSeverities(report, category) {
+  const counts = { error: 0, warning: 0, info: 0 };
+  for (const { audit: audit21, result } of report.auditResults) {
+    if (result.status !== "fail") {
+      continue;
+    }
+    if (category && !audit21.categories.includes(category)) {
+      continue;
+    }
+    counts[audit21.severity] += result.violations.length;
+  }
+  return counts;
+}
+function severityPluralLabel(severity) {
+  switch (severity) {
+    case "error":
+      return __14("Errors", "elementor");
+    case "warning":
+      return __14("Warnings", "elementor");
+    case "info":
+      return __14("Info", "elementor");
+  }
+}
+function severityRemainingCountLabel(severity, count) {
+  switch (severity) {
+    case "error":
+      return sprintf2(
+        /* translators: %d: number of remaining error violations. */
+        __14("%d errors", "elementor"),
+        count
+      );
+    case "warning":
+      return sprintf2(
+        /* translators: %d: number of remaining warning violations. */
+        __14("%d warnings", "elementor"),
+        count
+      );
+    case "info":
+      return sprintf2(
+        /* translators: %d: number of remaining info violations. */
+        __14("%d info", "elementor"),
+        count
+      );
+  }
+}
+
+// src/components/issues-category-row.tsx
+import * as React13 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(
+    Box10,
+    {
+      role: "button",
+      tabIndex: 0,
+      onClick,
+      onKeyDown: onKeyboardClick(onClick),
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        gap: 1,
+        px: 2,
+        py: 1.5,
+        cursor: "pointer",
+        borderRadius: 1,
+        border: 1,
+        borderColor: "divider",
+        "&:hover": { bgcolor: "action.hover" },
+        outline: "none",
+        "&: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" }))
+  );
+}
+
+// src/components/promotions.tsx
+import * as React15 from "react";
+import { Box as Box12, Typography as Typography9 } from "@elementor/ui";
+import { __ as __16 } from "@wordpress/i18n";
+
+// src/register-promotions.ts
+import { ElementorCookieIcon, PhotoIcon, ShieldHalfFilledIcon as ShieldHalfFilledIcon2 } from "@elementor/icons";
+import { __ as __15, _n, sprintf as sprintf3 } from "@wordpress/i18n";
+function firstFailExternalUrl(run) {
+  return run.result.status === "fail" ? run.result.violations[0]?.externalUrl : void 0;
+}
+var PROMOTIONS = [
+  {
+    auditId: "audits/images-alt-text",
+    icon: PhotoIcon,
+    ctaLabel: __15("Fix with Ally", "elementor"),
+    formatSubtitle: (run) => {
+      if (run.result.status !== "fail") {
+        return null;
+      }
+      const count = run.result.metadata?.missingAltImageCount ?? 0;
+      if (count === 0) {
+        return null;
+      }
+      return sprintf3(
+        /* translators: %d: number of images missing alt text. */
+        _n("%d image", "%d images", count, "elementor"),
+        count
+      );
+    },
+    getCtaUrl: firstFailExternalUrl
+  },
+  {
+    auditId: "audits/cookie-policy",
+    icon: ElementorCookieIcon,
+    ctaLabel: __15("Fix with Cookiez", "elementor"),
+    formatSubtitle: (run) => run.result.status === "fail" ? __15("Generate cookie policy", "elementor") : null,
+    getCtaUrl: firstFailExternalUrl
+  },
+  {
+    auditId: "audits/images-too-large",
+    icon: ShieldHalfFilledIcon2,
+    ctaLabel: __15("Optimize all", "elementor"),
+    formatSubtitle: (run) => {
+      if (run.result.status !== "fail") {
+        return null;
+      }
+      const count = run.result.metadata?.oversizedImageCount ?? 0;
+      if (count === 0) {
+        return null;
+      }
+      return sprintf3(
+        /* translators: %d: number of oversized images. */
+        _n("%d image", "%d images", count, "elementor"),
+        count
+      );
+    },
+    getCtaUrl: firstFailExternalUrl
+  }
+];
+
+// src/utils/find-audit-run.ts
+function findAuditRun(report, auditId) {
+  return report.auditResults.find((run) => run.audit.id === auditId);
+}
+
+// src/components/promotion-card.tsx
+import * as React14 from "react";
+import { Box as Box11, Button as Button3, Typography as Typography8 } from "@elementor/ui";
+function PromotionCard({ ctaDisabled, ctaLabel, icon: Icon, onCtaClick, subtitle, title }) {
+  return /* @__PURE__ */ React14.createElement(
+    Box11,
+    {
+      sx: {
+        alignItems: "center",
+        border: 1,
+        borderColor: "divider",
+        borderRadius: 1,
+        display: "flex",
+        gap: 1,
+        px: 2,
+        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)
+  );
+}
+
+// src/components/promotions.tsx
+function Promotions({ report }) {
+  const cards = PROMOTIONS.flatMap((config) => {
+    const run = findAuditRun(report, config.auditId);
+    if (!run || run.result.status !== "fail") {
+      return [];
+    }
+    const subtitle = config.formatSubtitle(run);
+    if (!subtitle) {
+      return [];
+    }
+    const ctaUrl = config.getCtaUrl(run);
+    return [
+      {
+        config,
+        ctaUrl,
+        key: config.auditId,
+        run,
+        subtitle
+      }
+    ];
+  });
+  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(
+    PromotionCard,
+    {
+      key,
+      icon: config.icon,
+      title: run.audit.title,
+      subtitle,
+      ctaLabel: config.ctaLabel,
+      ctaDisabled: !ctaUrl,
+      onCtaClick: () => {
+        if (ctaUrl) {
+          window.open(ctaUrl, "_blank");
+        }
+      }
+    }
+  ))));
+}
+
+// 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(
+    Link,
+    {
+      component: "button",
+      underline: "none",
+      color: "inherit",
+      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(
+    IssuesCategoryRow,
+    {
+      key: category,
+      category,
+      label: CATEGORY_LABELS[category],
+      counts: countSeverities(report, category),
+      onClick: () => onCategoryClick(category)
+    }
+  ))), /* @__PURE__ */ React16.createElement(Promotions, { report }));
+}
+
+// src/components/pages/overview-page.tsx
+import * as React20 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";
+
+// src/utils/score-thresholds.ts
+import { __ as __18 } from "@wordpress/i18n";
+var GOOD_THRESHOLD = 90;
+var OK_THRESHOLD = 50;
+function getScoreTier(score) {
+  if (score >= GOOD_THRESHOLD) {
+    return { color: "success", label: __18("Good", "elementor") };
+  }
+  if (score >= OK_THRESHOLD) {
+    return { color: "warning", label: __18("Needs work", "elementor") };
+  }
+  return { color: "error", label: __18("At risk", "elementor") };
+}
+
+// src/components/count-summary-circle.tsx
+import * as React17 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;
+function chipBorderColor(theme, color) {
+  if (color === "default" || !color) {
+    return theme.palette.text.secondary;
+  }
+  return theme.palette[color].main;
+}
+function CountSummaryCircle({ ariaLabel, color, count, label, onClick }) {
+  return /* @__PURE__ */ React17.createElement(
+    Box14,
+    {
+      "aria-label": ariaLabel,
+      component: "button",
+      onClick,
+      type: "button",
+      sx: {
+        alignItems: "center",
+        background: "none",
+        border: "none",
+        cursor: "pointer",
+        display: "flex",
+        flex: 1,
+        flexDirection: "column",
+        gap: 0.5,
+        padding: 0
+      }
+    },
+    /* @__PURE__ */ React17.createElement(
+      Chip2,
+      {
+        color,
+        label: count,
+        size: "small",
+        variant: "standard",
+        sx: (theme) => ({
+          border: `${COUNT_SUMMARY_BORDER_WIDTH}px solid ${chipBorderColor(theme, color)}`,
+          borderRadius: "50%",
+          height: COUNT_SUMMARY_CIRCLE_SIZE,
+          maxWidth: COUNT_SUMMARY_CIRCLE_SIZE,
+          width: COUNT_SUMMARY_CIRCLE_SIZE,
+          "& .MuiChip-label": {
+            fontSize: theme.typography.body2.fontSize,
+            fontWeight: 700,
+            lineHeight: 1,
+            padding: 0
+          }
+        })
+      }
+    ),
+    /* @__PURE__ */ React17.createElement(Typography11, { color: "text.secondary", sx: { textAlign: "center" }, variant: "caption" }, label)
+  );
+}
+
+// src/components/score-bar.tsx
+import * as React18 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(
+    Box15,
+    {
+      role: onClick ? "button" : void 0,
+      tabIndex: onClick ? 0 : void 0,
+      onClick,
+      onKeyDown: onClick ? onKeyboardClick(onClick) : void 0,
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        gap: 1,
+        cursor: onClick ? "pointer" : "default",
+        outline: "none",
+        "&:focus-visible": { outline: "2px solid", outlineColor: "primary.main", borderRadius: 1 },
+        py: 0.5
+      }
+    },
+    /* @__PURE__ */ React18.createElement(Typography12, { variant: "body2", sx: { minWidth: 96 } }, label),
+    /* @__PURE__ */ React18.createElement(
+      LinearProgress,
+      {
+        variant: "determinate",
+        value: score,
+        color: getScoreTier(score).color,
+        sx: { flex: 1, height: 6, borderRadius: 4, bgcolor: "action.disabledBackground" }
+      }
+    ),
+    /* @__PURE__ */ React18.createElement(
+      Typography12,
+      {
+        variant: "body2",
+        color: "text.primary",
+        sx: { minWidth: 24, textAlign: "right", fontWeight: 900 }
+      },
+      score
+    ),
+    onClick && /* @__PURE__ */ React18.createElement(Rotate3, { in: isRtl }, /* @__PURE__ */ React18.createElement(ChevronRightIcon2, { fontSize: "small", color: "action" }))
+  );
+}
+
+// src/components/score-circle.tsx
+import * as React19 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(
+    Box16,
+    {
+      role: "progressbar",
+      "aria-valuenow": score,
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      sx: { position: "relative", display: "inline-flex" }
+    },
+    /* @__PURE__ */ React19.createElement(
+      CircularProgress2,
+      {
+        variant: "determinate",
+        value: 100,
+        size: SCORE_CIRCLE_SIZE,
+        thickness: SCORE_CIRCLE_THICKNESS,
+        sx: { color: "action.disabledBackground" }
+      }
+    ),
+    /* @__PURE__ */ React19.createElement(
+      CircularProgress2,
+      {
+        variant: "determinate",
+        value: score,
+        size: SCORE_CIRCLE_SIZE,
+        thickness: SCORE_CIRCLE_THICKNESS,
+        color: progressColor,
+        sx: { position: "absolute", left: 0 }
+      }
+    ),
+    /* @__PURE__ */ React19.createElement(
+      Box16,
+      {
+        sx: {
+          position: "absolute",
+          inset: 0,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center"
+        }
+      },
+      /* @__PURE__ */ React19.createElement(
+        Typography13,
+        {
+          variant: "h4",
+          component: "span",
+          color: "text.primary",
+          sx: { fontWeight: 700, lineHeight: 1 }
+        },
+        score
+      )
+    )
+  );
+}
+
+// src/components/pages/overview-page.tsx
+var STATUS_ARIA_LABELS = {
+  pass: (count) => sprintf4(
+    /* translators: %d: number of passed audits. */
+    __19("%d passed audits, view all", "elementor"),
+    count
+  ),
+  fail: (count) => sprintf4(
+    /* translators: %d: number of failed audit violations. */
+    __19("%d failed audits, view all", "elementor"),
+    count
+  ),
+  skipped: (count) => sprintf4(
+    /* translators: %d: number of skipped audits. */
+    __19("%d skipped audits, view all", "elementor"),
+    count
+  )
+};
+var STATUS_GROUPS = ["fail", "pass", "skipped"];
+function OverviewPage({ onCategoryClick, onStatusClick, report }) {
+  const populatedCategories = getPopulatedCategories(report.categories, ALL_CATEGORIES);
+  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(
+    Chip3,
+    {
+      label: overallScore.label,
+      color: overallScore.color,
+      variant: "standard",
+      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(
+    ScoreBar,
+    {
+      key: category,
+      label: CATEGORY_LABELS[category],
+      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(
+    CountSummaryCircle,
+    {
+      key: status,
+      ariaLabel: STATUS_ARIA_LABELS[status](statusCounts[status]),
+      color: auditStatusColor(status),
+      count: statusCounts[status],
+      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(
+    Box17,
+    {
+      component: "ul",
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        gap: 1,
+        listStyle: "none",
+        m: 0,
+        p: 0
+      }
+    },
+    ALL_SEVERITIES.map((severity) => {
+      const count = severityCounts[severity];
+      return /* @__PURE__ */ React20.createElement(
+        Box17,
+        {
+          "aria-label": severityRemainingCountLabel(severity, count),
+          component: "li",
+          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))
+      );
+    })
+  ));
+}
+
+// src/components/report-shell.tsx
+function activeTab(page) {
+  if (page === "overview") {
+    return "overview";
+  }
+  if (page === "issues") {
+    return "issues";
+  }
+  return page.backTo;
+}
+function isAllAuditsPage(page) {
+  return typeof page === "object" && "page" in page && page.page === "all-audits";
+}
+function isCategoryPage(page) {
+  return typeof page === "object" && "category" in page;
+}
+function ReportShell({ report }) {
+  const [activePage, setActivePage] = useState4("overview");
+  const currentTab = activeTab(activePage);
+  const handleTabChange = (_, value) => {
+    setActivePage(value);
+  };
+  const openCategory = (category, backTo) => {
+    setActivePage({ category, backTo });
+  };
+  const openAllAudits = (expand, backTo = "issues") => {
+    setActivePage({ page: "all-audits", expand, backTo });
+  };
+  const backFromSubPage = () => {
+    if (isAllAuditsPage(activePage) || isCategoryPage(activePage)) {
+      setActivePage(activePage.backTo);
+    }
+  };
+  return /* @__PURE__ */ React21.createElement(Box18, null, /* @__PURE__ */ React21.createElement(
+    Tabs,
+    {
+      "aria-label": __20("Audit navigation", "elementor"),
+      value: currentTab,
+      onChange: handleTabChange,
+      textColor: "secondary",
+      indicatorColor: "secondary",
+      size: "small",
+      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(
+    OverviewPage,
+    {
+      report,
+      onCategoryClick: (category) => openCategory(category, "overview"),
+      onStatusClick: (status) => openAllAudits(status, "overview")
+    }
+  ), activePage === "issues" && /* @__PURE__ */ React21.createElement(
+    IssuesPage,
+    {
+      report,
+      onCategoryClick: (category) => openCategory(category, "issues"),
+      onAllAuditsClick: () => openAllAudits()
+    }
+  ), isAllAuditsPage(activePage) && /* @__PURE__ */ React21.createElement(
+    AllAuditsPage,
+    {
+      report,
+      initialExpandedStatus: activePage.expand,
+      onBack: backFromSubPage
+    }
+  ), isCategoryPage(activePage) && /* @__PURE__ */ React21.createElement(CategoryPage, { category: activePage.category, report, onBack: backFromSubPage }));
+}
+
+// src/components/audit-panel.tsx
+function AuditPanel() {
+  const { status, report, error, run } = useAuditReport();
+  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(
+    FloatingPanelHeader,
+    {
+      panelId: "audit-panel",
+      title: __21("Page Audit", "elementor"),
+      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,
+    {
+      variant: "contained",
+      size: "small",
+      onClick: onRun,
+      disabled: status === "loading" || currentDocumentId === 0
+    },
+    lastScanLabel ? __21("Re-scan", "elementor") : __21("Run page audit", "elementor")
+  )));
+}
+
+// src/editor-panel.tsx
+var auditPanel = createFloatingPanel({
+  id: AUDIT_PANEL_ID,
+  title: "Audit",
+  icon: () => null,
+  component: AuditPanel,
+  isDraggable: true,
+  isResizable: true,
+  defaults: {
+    width: 360,
+    height: 600,
+    minWidth: 280,
+    minHeight: 400
+  }
+});
+
+// src/hooks/use-audit-toggle-props.ts
+function useAuditToggleProps() {
+  const { isOpen } = auditPanel.useFloatingPanelStatus();
+  const { toggle } = auditPanel.useFloatingPanelActions();
+  return {
+    title: __22("Audit Page", "elementor"),
+    icon: ShieldCheckIcon2,
+    selected: isOpen,
+    onClick: () => toggle()
+  };
+}
+
+// src/editor-app-bar.tsx
+var AUDIT_TOGGLE_PRIORITY = 24;
+function registerAppBarAuditsToggle() {
+  utilitiesMenu.registerToggleAction({
+    id: "toggle-audit-panel",
+    priority: AUDIT_TOGGLE_PRIORITY,
+    useProps: useAuditToggleProps
+  });
+}
+
+// src/audits/accessibility-policy.ts
+import { __ as __23 } from "@wordpress/i18n";
+var audit = {
+  id: "audits/accessibility-policy",
+  title: __23("Accessibility policy", "elementor"),
+  description: __23(
+    "An accessibility policy demonstrates your commitment to digital inclusion and may be legally required in some regions.",
+    "elementor"
+  ),
+  fixHint: __23("Install the Ally plugin to add an accessibility policy to your website.", "elementor"),
+  categories: ["compliance"],
+  severity: "info",
+  weight: 1,
+  evaluate: (ctx) => {
+    if (ctx.pageContext.ally_plugin_active) {
+      return { status: "pass" };
+    }
+    return {
+      status: "fail",
+      violations: [
+        {
+          auditId: audit.id,
+          label: __23("Ally plugin is not installed or active.", "elementor"),
+          externalUrl: ctx.pageContext.ally_plugin_url
+        }
+      ]
+    };
+  }
+};
+
+// src/audits/cookie-policy.ts
+import { __ as __24 } from "@wordpress/i18n";
+var audit2 = {
+  id: "audits/cookie-policy",
+  title: __24("Cookie policy", "elementor"),
+  description: __24(
+    "A cookie policy is required by privacy regulations such as GDPR (EU) or CCPA (US) to inform visitors about tracking and data collection.",
+    "elementor"
+  ),
+  fixHint: __24("Install the Cookiez plugin to add a cookie policy to your website.", "elementor"),
+  categories: ["compliance"],
+  severity: "info",
+  weight: 1,
+  evaluate: (ctx) => {
+    if (ctx.pageContext.cookiez_plugin_active) {
+      return { status: "pass" };
+    }
+    return {
+      status: "fail",
+      violations: [
+        {
+          auditId: audit2.id,
+          label: __24("Cookiez plugin is not installed or active.", "elementor"),
+          externalUrl: ctx.pageContext.cookiez_plugin_url
+        }
+      ]
+    };
+  }
+};
+
+// src/audits/deep-nesting.ts
+import { __ as __25 } from "@wordpress/i18n";
+var MAX_NESTING_DEPTH = 6;
+var audit3 = {
+  id: "audits/deep-nesting",
+  title: __25("Deep container nesting", "elementor"),
+  description: __25(
+    "Container nesting exceeds the recommended depth. Deep DOM trees hurt rendering performance and readability.",
+    "elementor"
+  ),
+  fixHint: __25("Flatten the layout by removing unnecessary wrapper containers.", "elementor"),
+  categories: ["performance", "best-practices"],
+  severity: "warning",
+  weight: 5,
+  evaluate: (ctx) => {
+    if (ctx.elements.tree.length === 0) {
+      return { status: "skipped", reason: __25("No elements", "elementor") };
+    }
+    const violations = [];
+    walkElements(ctx.elements.tree, (node, parents) => {
+      if (node.elType !== "container") {
+        return;
+      }
+      const depth = parents.length + 1;
+      if (depth > MAX_NESTING_DEPTH) {
+        violations.push({
+          auditId: audit3.id,
+          elementId: node.id,
+          targetHint: "element-settings",
+          label: __25("Container nesting is too deep.", "elementor")
+        });
+      }
+    });
+    return violations.length === 0 ? { status: "pass" } : { status: "fail", violations };
+  }
+};
+
+// src/audits/default-design-system.ts
+import { __ as __26 } from "@wordpress/i18n";
+var audit4 = {
+  id: "audits/default-design-system",
+  title: __26("Default website kit", "elementor"),
+  description: __26(
+    "Your website is using the default design system colors and fonts. Custom branding makes the website feel uniquely yours.",
+    "elementor"
+  ),
+  fixHint: __26("Open Site Settings and customize your kit (colors, fonts, layout).", "elementor"),
+  categories: ["best-practices"],
+  severity: "info",
+  weight: 1,
+  evaluate: (ctx) => {
+    if (!ctx.pageContext.kit_is_default_unchanged) {
+      return { status: "pass" };
+    }
+    return {
+      status: "fail",
+      violations: [
+        {
+          auditId: audit4.id,
+          label: __26("Kit appears unchanged from default.", "elementor"),
+          targetHint: "site-settings"
+        }
+      ]
+    };
+  }
+};
+
+// src/audits/deprecated-widgets.ts
+import { getWidgetsCache } from "@elementor/editor-elements";
+import { __ as __27 } from "@wordpress/i18n";
+var DEPRECATION_CONTROL_NAME = "deprecation_message";
+var audit5 = {
+  id: "audits/deprecated-widgets",
+  title: __27("Deprecated widgets", "elementor"),
+  description: __27(
+    "Deprecated widgets should not be used. For better capabilities use the recommended replacement.",
+    "elementor"
+  ),
+  fixHint: __27("Replace each deprecated widget with the recommended new widget shown in its panel.", "elementor"),
+  categories: ["best-practices", "performance"],
+  severity: "warning",
+  weight: 7,
+  evaluate: (ctx) => {
+    const widgetsCache = getWidgetsCache();
+    if (!widgetsCache) {
+      return { status: "skipped", reason: "widgets-cache-unavailable" };
+    }
+    const violations = [];
+    walkElements(ctx.elements.tree, (node) => {
+      if (node.elType !== "widget") {
+        return;
+      }
+      const config = widgetsCache[node.widgetType ?? ""];
+      if (!config?.controls) {
+        return;
+      }
+      const controls = config.controls;
+      const deprecationControl = controls[DEPRECATION_CONTROL_NAME];
+      if (!deprecationControl || typeof deprecationControl !== "object") {
+        return;
+      }
+      violations.push({
+        auditId: audit5.id,
+        elementId: node.id,
+        targetHint: "element-settings",
+        label: __27("Using deprecated widget.", "elementor")
+      });
+    });
+    return violations.length === 0 ? { status: "pass" } : { status: "fail", violations };
+  }
+};
+
+// src/audits/heading-structure.ts
+import { __ as __28 } from "@wordpress/i18n";
+var HEADING_LEVELS = ["h1", "h2", "h3", "h4", "h5", "h6"];
+var HEADING_CONTROLS_REGISTRY = {
+  // Core
+  heading: [{ control: "header_size", requiresNonEmpty: "title" }],
+  "e-heading": [{ control: "tag", requiresNonEmpty: "title" }],
+  "icon-box": [{ control: "title_size", requiresNonEmpty: "title_text" }],
+  "image-box": [{ control: "title_size", requiresNonEmpty: "title_text" }],
+  counter: [{ control: "title_tag", requiresNonEmpty: "title" }],
+  progress: [{ control: "title_tag", when: { title_display: "yes" }, requiresNonEmpty: "title" }],
+  accordion: [{ control: "title_html_tag", repeat: { items: "tabs", textField: "tab_title" } }],
+  toggle: [{ control: "title_html_tag", repeat: { items: "tabs", textField: "tab_title" } }],
+  divider: [{ control: "html_tag", when: { look: "line_text" }, requiresNonEmpty: "text" }],
+  "nested-accordion": [{ control: "title_tag", repeat: { items: "items", textField: "item_title" } }],
+  "link-in-bio": [
+    { control: "bio_heading_tag", requiresNonEmpty: "bio_heading" },
+    { control: "bio_title_tag", requiresNonEmpty: "bio_title" },
+    { control: "bio_about_tag", requiresNonEmpty: "bio_about" }
+  ],
+  // Pro — static / repeater
+  "animated-headline": [
+    {
+      control: "tag",
+      requiresAnyNonEmpty: ["before_text", "highlighted_text", "rotating_text", "after_text"]
+    }
+  ],
+  "author-box": [{ control: "author_name_tag", requiresNonEmpty: "author_name" }],
+  "call-to-action": [
+    { control: "title_tag", requiresNonEmpty: "title" },
+    { control: "description_tag", requiresNonEmpty: "description" }
+  ],
+  "flip-box": [
+    { control: "title_tag", requiresNonEmpty: "title_text_a" },
+    { control: "description_tag", requiresNonEmpty: "description_text_a" },
+    { control: "title_tag", requiresNonEmpty: "title_text_b" },
+    { control: "description_tag", requiresNonEmpty: "description_text_b" }
+  ],
+  "price-list": [
+    { control: "title_tag", repeat: { items: "price_list", textField: "title" } },
+    { control: "description_tag", repeat: { items: "price_list", textField: "item_description" } }
+  ],
+  "price-table": [{ control: "heading_tag", requiresNonEmpty: "heading" }],
+  slides: [
+    { control: "slides_title_tag", repeat: { items: "slides", textField: "heading" } },
+    { control: "slides_description_tag", repeat: { items: "slides", textField: "description" } }
+  ],
+  "table-of-contents": [{ control: "html_tag", requiresNonEmpty: "title" }],
+  "video-playlist": [
+    { control: "playlist_title_tag", requiresNonEmpty: "playlist_title" },
+    {
+      control: "section_html_tag",
+      repeat: { items: "tabs", tagSource: "item", itemWhen: { type: "section" }, textField: "title" }
+    },
+    {
+      control: "video_html_tag",
+      repeat: {
+        items: "tabs",
+        tagSource: "item",
+        itemWhen: { type: ["youtube", "vimeo", "hosted"] },
+        textField: "title"
+      }
+    }
+  ],
+  sitemap: [{ control: "sitemap_title_tag", repeat: { items: "sitemap_items", textField: "sitemap_title" } }],
+  "loop-grid": [
+    {
+      control: "nothing_found_message_html_tag",
+      when: { enable_nothing_found_message: "yes" },
+      requiresNonEmpty: "nothing_found_message_text"
+    }
+  ],
+  search: [
+    {
+      control: "nothing_found_message_html_tag",
+      when: { enable_nothing_found_message: "yes" },
+      requiresNonEmpty: "nothing_found_message_text"
+    }
+  ],
+  // Pro — theme / Woo
+  posts: [{ control: "title_tag", when: { show_title: "yes" } }],
+  "archive-posts": [{ control: "title_tag", when: { show_title: "yes" } }],
+  portfolio: [{ control: "title_tag", when: { show_title: "yes" } }],
+  "theme-post-title": [{ control: "header_size" }],
+  "theme-page-title": [{ control: "header_size" }],
+  "theme-archive-title": [{ control: "header_size" }],
+  "theme-site-title": [{ control: "header_size" }],
+  "woocommerce-product-title": [{ control: "header_size" }]
+};
+function isNonEmptyString(value) {
+  return typeof value === "string" && value.trim() !== "";
+}
+function matchesWhen(settings, when) {
+  if (!when) {
+    return true;
+  }
+  return Object.entries(when).every(([key, expected]) => {
+    const actual = settings[key];
+    if (Array.isArray(expected)) {
+      return expected.includes(String(actual));
+    }
+    return String(actual) === expected;
+  });
+}
+function hasRequiredText(settings, key) {
+  if (!key) {
+    return true;
+  }
+  return isNonEmptyString(settings[key]);
+}
+function hasAnyRequiredText(settings, keys) {
+  if (!keys?.length) {
+    return true;
+  }
+  return keys.some((key) => isNonEmptyString(settings[key]));
+}
+function parseHeadingLevel(raw) {
+  if (typeof raw !== "string") {
+    return null;
+  }
+  const idx = HEADING_LEVELS.indexOf(raw.toLowerCase());
+  return idx >= 0 ? idx + 1 : null;
+}
+function getRepeaterRows(settings, key) {
+  const rows = settings[key];
+  return Array.isArray(rows) ? rows : [];
+}
+function pushHeading(headings, elementId, raw) {
+  const level = parseHeadingLevel(raw);
+  if (level !== null) {
+    headings.push({ elementId, level });
+  }
+}
+function extractHeadingsFromWidget(elementId, widgetType, settings) {
+  const descriptors = HEADING_CONTROLS_REGISTRY[widgetType];
+  if (!descriptors) {
+    return [];
+  }
+  const headings = [];
+  for (const descriptor of descriptors) {
+    if (!matchesWhen(settings, descriptor.when)) {
+      continue;
+    }
+    if (!hasRequiredText(settings, descriptor.requiresNonEmpty)) {
+      continue;
+    }
+    if (!hasAnyRequiredText(settings, descriptor.requiresAnyNonEmpty)) {
+      continue;
+    }
+    if (descriptor.repeat) {
+      const { items, textField, itemWhen, tagSource = "widget" } = descriptor.repeat;
+      for (const row of getRepeaterRows(settings, items)) {
+        if (!matchesWhen(row, itemWhen)) {
+          continue;
+        }
+        if (textField && !hasRequiredText(row, textField)) {
+          continue;
+        }
+        const raw = tagSource === "item" ? row[descriptor.control] : settings[descriptor.control];
+        pushHeading(headings, elementId, raw);
+      }
+    } else {
+      pushHeading(headings, elementId, settings[descriptor.control]);
+    }
+  }
+  return headings;
+}
+function extractPageHeadings(tree) {
+  const headings = [];
+  walkElements(tree, (node) => {
+    if (node.elType !== "widget" || !node.widgetType) {
+      return;
+    }
+    headings.push(...extractHeadingsFromWidget(node.id, node.widgetType, node.settings));
+  });
+  return headings;
+}
+var audit6 = {
+  id: "audits/heading-structure",
+  title: __28("Heading structure", "elementor"),
+  description: __28("Pages should have exactly one H1 and a non-skipping heading order.", "elementor"),
+  fixHint: __28("Ensure your page has one H1 and that heading levels do not skip (no H2 \u2192 H4).", "elementor"),
+  categories: ["seo", "accessibility"],
+  severity: "error",
+  weight: 10,
+  evaluate: (ctx) => {
+    if (ctx.elements.tree.length === 0) {
+      return { status: "skipped", reason: __28("No elements", "elementor") };
+    }
+    const headings = extractPageHeadings(ctx.elements.tree);
+    const violations = [];
+    if (headings.length === 0) {
+      violations.push({
+        auditId: audit6.id,
+        label: __28("No headings found on the page.", "elementor")
+      });
+    } else {
+      const h1Count = headings.filter((h) => h.level === 1).length;
+      if (h1Count === 0) {
+        violations.push({ auditId: audit6.id, label: __28("No H1 on the page.", "elementor") });
+      }
+      if (h1Count > 1) {
+        headings.filter((h) => h.level === 1).slice(1).forEach(
+          (h) => violations.push({
+            auditId: audit6.id,
+            elementId: h.elementId,
+            targetHint: "element-settings",
+            label: __28("More than one H1 on the page.", "elementor")
+          })
+        );
+      }
+      for (let i = 1; i < headings.length; i++) {
+        if (headings[i].level - headings[i - 1].level > 1) {
+          violations.push({
+            auditId: audit6.id,
+            elementId: headings[i].elementId,
+            targetHint: "element-settings",
+            label: __28("Heading level skipped.", "elementor")
+          });
+        }
+      }
+    }
+    return violations.length === 0 ? { status: "pass" } : { status: "fail", violations };
+  }
+};
+
+// src/audits/hidden-elements.ts
+import { __ as __29 } from "@wordpress/i18n";
+function isHiddenOnAllDevices(settings) {
+  return Boolean(settings.hide_desktop) && Boolean(settings.hide_tablet) && Boolean(settings.hide_mobile);
+}
+var audit7 = {
+  id: "audits/hidden-elements",
+  title: __29("Hidden elements", "elementor"),
+  description: __29(
+    "Elements hidden on all devices simultaneously are effectively dead code in the page tree.",
+    "elementor"
+  ),
+  fixHint: __29("Remove the element or make it visible on at least one device breakpoint.", "elementor"),
+  categories: ["best-practices", "performance"],
+  severity: "info",
+  weight: 3,
+  evaluate: (ctx) => {
+    if (ctx.elements.tree.length === 0) {
+      return { status: "skipped", reason: __29("No elements", "elementor") };
+    }
+    const violations = [];
+    walkElements(ctx.elements.tree, (node) => {
+      if (isHiddenOnAllDevices(node.settings)) {
+        violations.push({
+          auditId: audit7.id,
+          elementId: node.id,
+          targetHint: "element-settings",
+          label: __29("Element is hidden on all devices.", "elementor")
+        });
+      }
+    });
+    return violations.length === 0 ? { status: "pass" } : { status: "fail", violations };
+  }
+};
+
+// src/audits/images-alt-text.ts
+import { __ as __30 } from "@wordpress/i18n";
+
+// src/utils/image-alt.ts
+function hasMeaningfulAlt(media, pageContext) {
+  if (!media.id && !media.url) {
+    return true;
+  }
+  if (media.id) {
+    const alt = pageContext.image_sizes[media.id]?.alt ?? "";
+    return alt.trim().length > 0;
+  }
+  return (media.alt ?? "").trim().length > 0;
+}
+function isImageSourcePresent(media) {
+  return Boolean(media.id || media.url);
+}
+
+// src/audits/images-alt-text.ts
+var audit8 = {
+  id: "audits/images-alt-text",
+  title: __30("Images alt text", "elementor"),
+  description: __30("Every image needs a meaningful alt attribute for screen readers and image-search.", "elementor"),
+  fixHint: __30("Open the image's settings and add an Alt Text describing the image.", "elementor"),
+  categories: ["seo", "accessibility"],
+  severity: "error",
+  weight: 10,
+  evaluate: (ctx) => {
+    if (!hasPageImages(ctx.elements.tree)) {
+      return { status: "skipped", reason: __30("No images", "elementor") };
+    }
+    const violations = [];
+    const failedWidgetIds = /* @__PURE__ */ new Set();
+    let missingAltImageCount = 0;
+    walkImageLikeSources(ctx.elements.tree, ({ node, media }) => {
+      if (!isImageSourcePresent(media) || hasMeaningfulAlt(media, ctx.pageContext)) {
+        return;
+      }
+      missingAltImageCount++;
+      if (!failedWidgetIds.has(node.id)) {
+        failedWidgetIds.add(node.id);
+        violations.push({
+          auditId: audit8.id,
+          elementId: node.id,
+          targetHint: "element-settings",
+          label: __30("Image is missing alt text.", "elementor"),
+          externalUrl: ctx.pageContext.ally_plugin_url
+        });
+      }
+    });
+    return violations.length === 0 ? { status: "pass" } : { status: "fail", violations, metadata: { missingAltImageCount } };
+  }
+};
+
+// src/audits/images-too-large.ts
+import { __ as __31, sprintf as sprintf5 } from "@wordpress/i18n";
+var SIZE_THRESHOLD_BYTES = 500 * 1024;
+var BYTES_PER_KB = 1024;
+var audit9 = {
+  id: "audits/images-too-large",
+  title: __31("Oversized images", "elementor"),
+  description: __31("Large image files slow down the page.", "elementor"),
+  fixHint: __31("Replace the image with a smaller version or enable image optimization.", "elementor"),
+  categories: ["performance"],
+  severity: "warning",
+  weight: 7,
+  evaluate: (ctx) => {
+    if (!hasPageImages(ctx.elements.tree)) {
+      return { status: "skipped", reason: __31("No images", "elementor") };
+    }
+    const widgetMaxKb = /* @__PURE__ */ new Map();
+    let oversizedImageCount = 0;
+    walkImageLikeSources(ctx.elements.tree, ({ node, media }) => {
+      const id = media.id;
+      if (!id) {
+        return;
+      }
+      const size = ctx.pageContext.image_sizes[id];
+      if (!size || size.filesize_bytes <= SIZE_THRESHOLD_BYTES) {
+        return;
+      }
+      oversizedImageCount++;
+      const kb = Math.round(size.filesize_bytes / BYTES_PER_KB);
+      const currentMax = widgetMaxKb.get(node.id) ?? 0;
+      widgetMaxKb.set(node.id, Math.max(currentMax, kb));
+    });
+    const violations = Array.from(widgetMaxKb.entries()).map(([elementId, kb]) => ({
+      auditId: audit9.id,
+      elementId,
+      targetHint: "element-settings",
+      label: sprintf5(
+        /* translators: %d is the image file size in kilobytes. */
+        __31("Image is %d KB (over 500 KB).", "elementor"),
+        kb
+      ),
+      externalUrl: ctx.pageContext.image_optimization_plugin_url
+    }));
+    return violations.length === 0 ? { status: "pass" } : { status: "fail", violations, metadata: { oversizedImageCount } };
+  }
+};
+
+// src/audits/nested-boxed-containers.ts
+import { __ as __32 } from "@wordpress/i18n";
+function isBoxed(settings) {
+  return settings.content_width === "boxed";
+}
+var audit10 = {
+  id: "audits/nested-boxed-containers",
+  title: __32("Boxed container nested inside a boxed parent", "elementor"),
+  description: __32("An inner container does not need to be boxed when its parent already is.", "elementor"),
+  fixHint: __32("Change the inner container's content width to Full Width.", "elementor"),
+  categories: ["best-practices", "performance"],
+  severity: "info",
+  weight: 5,
+  evaluate: (ctx) => {
+    if (ctx.elements.tree.length === 0) {
+      return { status: "skipped", reason: __32("No elements", "elementor") };
+    }
+    const violations = [];
+    walkElements(ctx.elements.tree, (node, parents) => {
+      if (node.elType !== "container" || !isBoxed(node.settings)) {
+        return;
+      }
+      const nearestContainerAncestor = [...parents].reverse().find((p) => p.elType === "container");
+      if (nearestContainerAncestor && isBoxed(nearestContainerAncestor.settings)) {
+        violations.push({
+          auditId: audit10.id,
+          elementId: node.id,
+          targetHint: "element-settings",
+          label: __32("Nested boxed container.", "elementor")
+        });
+      }
+    });
+    return violations.length === 0 ? { status: "pass" } : { status: "fail", violations };
+  }
+};
+
+// src/audits/page-excerpt.ts
+import { __ as __33 } from "@wordpress/i18n";
+var audit11 = {
+  id: "audits/page-excerpt",
+  title: __33("Page excerpt", "elementor"),
+  description: __33("A descriptive excerpt helps search engines and previews summarize the page.", "elementor"),
+  fixHint: __33("Open Page Settings and write a short excerpt.", "elementor"),
+  categories: ["seo"],
+  severity: "warning",
+  weight: 5,
+  evaluate: (ctx) => {
+    if (ctx.pageContext.post_excerpt) {
+      return { status: "pass" };
+    }
+    return {
+      status: "fail",
+      violations: [
+        {
+          auditId: audit11.id,
+          label: __33("Page has no excerpt.", "elementor"),
+          targetHint: "page-settings",
+          angieFix: true
+        }
+      ]
+    };
+  }
+};
+
+// src/audits/page-featured-image.ts
+import { __ as __34 } from "@wordpress/i18n";
+var audit12 = {
+  id: "audits/page-featured-image",
+  title: __34("Page featured image", "elementor"),
+  description: __34("Featured images are used by social shares and many themes for hero visuals.", "elementor"),
+  fixHint: __34("Open Page Settings and set a featured image.", "elementor"),
+  categories: ["seo"],
+  severity: "info",
+  weight: 5,
+  evaluate: (ctx) => {
+    if (ctx.pageContext.featured_image_id) {
+      return { status: "pass" };
+    }
+    return {
+      status: "fail",
+      violations: [
+        {
+          auditId: audit12.id,
+          label: __34("No featured image set.", "elementor"),
+          targetHint: "page-settings"
+        }
+      ]
+    };
+  }
+};
+
+// src/audits/page-title.ts
+import { __ as __35 } from "@wordpress/i18n";
+var MAX_TITLE_LENGTH = 60;
+var audit13 = {
+  id: "audits/page-title",
+  title: __35("Page title", "elementor"),
+  description: __35("Pages need a clear title for SEO and screen-reader navigation.", "elementor"),
+  fixHint: __35("Open Page Settings and add a title.", "elementor"),
+  categories: ["seo"],
+  severity: "error",
+  weight: 10,
+  evaluate: (ctx) => {
+    const title = ctx.pageContext.post_title;
+    if (!title) {
+      return {
+        status: "fail",
+        violations: [
+          {
+            auditId: audit13.id,
+            label: __35("Page has no title.", "elementor"),
+            targetHint: "page-settings",
+            angieFix: true
+          }
+        ]
+      };
+    }
+    if (title.length > MAX_TITLE_LENGTH) {
+      return {
+        status: "fail",
+        violations: [
+          {
+            auditId: audit13.id,
+            label: __35("Page title is too long.", "elementor"),
+            targetHint: "page-settings",
+            angieFix: true
+          }
+        ]
+      };
+    }
+    return { status: "pass" };
+  }
+};
+
+// src/audits/prefer-global-colors.ts
+import { __ as __36, sprintf as sprintf6 } from "@wordpress/i18n";
+
+// src/utils/collect-hardcoded-colors.ts
+var RESERVED_SETTING_KEYS = /* @__PURE__ */ new Set(["__globals__", "__dynamic__"]);
+var REPEATER_ROW_ID_KEY = "_id";
+var HEX_COLOR_PATTERN = /^#[0-9a-f]{3,8}$/i;
+var RGB_COLOR_PATTERN = /^rgba?\(/i;
+function isGlobalColorReference(value) {
+  return value.startsWith("globals/");
+}
+function isHardcodedColorCandidate(value) {
+  const trimmed = value.trim();
+  return HEX_COLOR_PATTERN.test(trimmed) || RGB_COLOR_PATTERN.test(trimmed);
+}
+function formatPath(prefix, key) {
+  return prefix ? `${prefix}.${key}` : key;
+}
+function formatArrayPath(prefix, index) {
+  return `${prefix}[${index}]`;
+}
+function collectHardcodedColors(settings, pathPrefix = "") {
+  const linkedGlobals = settings.__globals__ ?? {};
+  const results = [];
+  for (const [key, value] of Object.entries(settings)) {
+    if (RESERVED_SETTING_KEYS.has(key) || key === REPEATER_ROW_ID_KEY) {
+      continue;
+    }
+    if (linkedGlobals[key]) {
+      continue;
+    }
+    if (typeof value === "string") {
+      if (!isGlobalColorReference(value) && isHardcodedColorCandidate(value)) {
+        results.push({ path: formatPath(pathPrefix, key), value });
+      }
+      continue;
+    }
+    if (Array.isArray(value)) {
+      const arrayPath = formatPath(pathPrefix, key);
+      value.forEach((item, index) => {
+        if (item && typeof item === "object" && !Array.isArray(item)) {
+          results.push(
+            ...collectHardcodedColors(
+              item,
+              formatArrayPath(arrayPath, index)
+            )
+          );
+        }
+      });
+      continue;
+    }
+    if (value && typeof value === "object") {
+      results.push(
+        ...collectHardcodedColors(value, formatPath(pathPrefix, key))
+      );
+    }
+  }
+  return results;
+}
+
+// src/utils/match-global-by-value.ts
+function findMatchingGlobalByValue(value, globals) {
+  const trimmed = value.trim();
+  return globals.find((global) => global.value === trimmed) ?? null;
+}
+
+// src/audits/prefer-global-colors.ts
+var audit14 = {
+  id: "audits/prefer-global-colors",
+  title: __36("Prefer global colors", "elementor"),
+  description: __36("Global colors make the design consistent and easy to update site-wide.", "elementor"),
+  fixHint: __36("Replace the hard-coded value with the matching global color.", "elementor"),
+  categories: ["best-practices"],
+  severity: "info",
+  weight: 3,
+  evaluate: (ctx) => {
+    if (ctx.elements.tree.length === 0) {
+      return { status: "skipped", reason: __36("No elements", "elementor") };
+    }
+    if (ctx.kit.globals.colors.length === 0) {
+      return { status: "skipped", reason: __36("No global colors", "elementor") };
+    }
+    const violations = [];
+    walkElements(ctx.elements.tree, (node) => {
+      for (const { value } of collectHardcodedColors(node.settings)) {
+        const global = findMatchingGlobalByValue(value, ctx.kit.globals.colors);
+        if (!global) {
+          continue;
+        }
+        violations.push({
+          auditId: audit14.id,
+          elementId: node.id,
+          targetHint: "element-settings",
+          angieFix: true,
+          label: sprintf6(
+            /* translators: 1: hard-coded color value, 2: global color title. */
+            __36('replace "%1$s" with "%2$s" global color', "elementor"),
+            value,
+            global.title
+          )
+        });
+      }
+    });
+    return violations.length === 0 ? { status: "pass" } : { status: "fail", violations };
+  }
+};
+
+// src/audits/prefer-global-fonts.ts
+import { __ as __37, sprintf as sprintf7 } from "@wordpress/i18n";
+
+// src/utils/collect-hardcoded-fonts.ts
+var RESERVED_SETTING_KEYS2 = /* @__PURE__ */ new Set(["__globals__", "__dynamic__"]);
+var REPEATER_ROW_ID_KEY2 = "_id";
+var FONT_FAMILY_KEY_PATTERN = /font_family/;
+function isGlobalFontReference(value) {
+  return value.startsWith("globals/");
+}
+function isHardcodedFontCandidate(key, value) {
+  return FONT_FAMILY_KEY_PATTERN.test(key) && value.trim().length > 0;
+}
+function formatPath2(prefix, key) {
+  return prefix ? `${prefix}.${key}` : key;
+}
+function formatArrayPath2(prefix, index) {
+  return `${prefix}[${index}]`;
+}
+function collectHardcodedFonts(settings, pathPrefix = "") {
+  const linkedGlobals = settings.__globals__ ?? {};
+  const results = [];
+  for (const [key, value] of Object.entries(settings)) {
+    if (RESERVED_SETTING_KEYS2.has(key) || key === REPEATER_ROW_ID_KEY2) {
+      continue;
+    }
+    if (linkedGlobals[key]) {
+      continue;
+    }
+    if (typeof value === "string") {
+      if (!isGlobalFontReference(value) && isHardcodedFontCandidate(key, value)) {
+        results.push({ path: formatPath2(pathPrefix, key), value });
+      }
+      continue;
+    }
+    if (Array.isArray(value)) {
+      const arrayPath = formatPath2(pathPrefix, key);
+      value.forEach((item, index) => {
+        if (item && typeof item === "object" && !Array.isArray(item)) {
+          results.push(
+            ...collectHardcodedFonts(
+              item,
+              formatArrayPath2(arrayPath, index)
+            )
+          );
+        }
+      });
+      continue;
+    }
+    if (value && typeof value === "object") {
+      results.push(
+        ...collectHardcodedFonts(value, formatPath2(pathPrefix, key))
+      );
+    }
+  }
+  return results;
+}
+
+// src/audits/prefer-global-fonts.ts
+var audit15 = {
+  id: "audits/prefer-global-fonts",
+  title: __37("Prefer global fonts", "elementor"),
+  description: __37("Global fonts make the design consistent and easy to update site-wide.", "elementor"),
+  fixHint: __37("Replace the hard-coded value with the matching global font.", "elementor"),
+  categories: ["best-practices", "performance"],
+  severity: "info",
+  weight: 3,
+  evaluate: (ctx) => {
+    if (ctx.elements.tree.length === 0) {
+      return { status: "skipped", reason: __37("No elements", "elementor") };
+    }
+    if (ctx.kit.globals.fonts.length === 0) {
+      return { status: "skipped", reason: __37("No global fonts", "elementor") };
+    }
+    const violations = [];
+    walkElements(ctx.elements.tree, (node) => {
+      for (const { value } of collectHardcodedFonts(node.settings)) {
+        const global = findMatchingGlobalByValue(value, ctx.kit.globals.fonts);
+        if (!global) {
+          continue;
+        }
+        violations.push({
+          auditId: audit15.id,
+          elementId: node.id,
+          targetHint: "element-settings",
+          label: sprintf7(
+            /* translators: %s: global font title. */
+            __37('replace hardcoded typography with "%s" global font', "elementor"),
+            global.title
+          )
+        });
+      }
+    });
+    return violations.length === 0 ? { status: "pass" } : { status: "fail", violations };
+  }
+};
+
+// src/audits/privacy-policy.ts
+import { __ as __38 } from "@wordpress/i18n";
+var audit16 = {
+  id: "audits/privacy-policy",
+  title: __38("Privacy policy", "elementor"),
+  description: __38(
+    "A privacy policy page is required by privacy regulations such as GDPR (EU) and CCPA (US).",
+    "elementor"
+  ),
+  fixHint: __38(
+    "Go to Settings > Privacy in the WordPress admin and assign a published privacy policy page.",
+    "elementor"
+  ),
+  categories: ["compliance"],
+  severity: "info",
+  weight: 1,
+  evaluate: (ctx) => {
+    if (ctx.pageContext.privacy_policy_url) {
+      return { status: "pass" };
+    }
+    return {
+      status: "fail",
+      violations: [
+        {
+          auditId: audit16.id,
+          label: __38("No privacy policy page is set.", "elementor"),
+          externalUrl: ctx.pageContext.privacy_settings_url
+        }
+      ]
+    };
+  }
+};
+
+// src/audits/robots-noindex.ts
+import { __ as __39 } from "@wordpress/i18n";
+var audit17 = {
+  id: "audits/robots-noindex",
+  title: __39("Search engine visibility", "elementor"),
+  description: __39(
+    "When search engine visibility is checked in WordPress Settings -> Reading -> Search Engine Visibility, search engines are discouraged from indexing the website.",
+    "elementor"
+  ),
+  fixHint: __39(
+    'Go to Settings \u2192 Reading in the WordPress admin and uncheck "Discourage search engines from indexing this site" when the website should be indexed.',
+    "elementor"
+  ),
+  categories: ["seo"],
+  severity: "error",
+  weight: 7,
+  evaluate: (ctx) => {
+    if (!ctx.pageContext.is_noindex) {
+      return { status: "pass" };
+    }
+    return {
+      status: "fail",
+      violations: [
+        {
+          auditId: audit17.id,
+          label: __39("Search engines are discouraged from indexing this website.", "elementor"),
+          externalUrl: ctx.pageContext.reading_settings_url
+        }
+      ]
+    };
+  }
+};
+
+// src/audits/sections-and-columns.ts
+import { __ as __40 } from "@wordpress/i18n";
+var audit18 = {
+  id: "audits/sections-and-columns",
+  title: __40("Sections and columns", "elementor"),
+  description: __40(
+    "Sections and columns are legacy elements. Containers render fewer DOM nodes and are more flexible.",
+    "elementor"
+  ),
+  fixHint: __40("Use the Container Converter to replace each section/column with a container.", "elementor"),
+  categories: ["best-practices", "performance"],
+  severity: "warning",
+  weight: 7,
+  evaluate: (ctx) => {
+    if (ctx.elements.tree.length === 0) {
+      return { status: "skipped", reason: __40("No elements", "elementor") };
+    }
+    const violations = [];
+    walkElements(ctx.elements.tree, (node) => {
+      if (node.elType === "section" || node.elType === "column") {
+        violations.push({
+          auditId: audit18.id,
+          elementId: node.id,
+          label: node.elType === "section" ? __40("Section element", "elementor") : __40("Column element", "elementor")
+        });
+      }
+    });
+    return violations.length === 0 ? { status: "pass" } : { status: "fail", violations };
+  }
+};
+
+// src/audits/site-identity.ts
+import { __ as __41 } from "@wordpress/i18n";
+var audit19 = {
+  id: "audits/site-identity",
+  title: __41("Site identity", "elementor"),
+  description: __41(
+    "Site name, description, logo, and favicon establish your brand and appear in search results and browser tabs.",
+    "elementor"
+  ),
+  fixHint: __41("Open Site Settings \u2192 Site Identity and complete all the missing fields.", "elementor"),
+  categories: ["best-practices", "seo"],
+  severity: "info",
+  weight: 7,
+  evaluate: (ctx) => {
+    const { site_identity: identity } = ctx.pageContext;
+    const violations = [];
+    if (!identity.site_name_set) {
+      violations.push({
+        auditId: audit19.id,
+        label: __41("Site name is missing or still uses the default.", "elementor"),
+        targetHint: "site-identity-settings"
+      });
+    }
+    if (!identity.site_description_set) {
+      violations.push({
+        auditId: audit19.id,
+        label: __41("Site description is missing or still uses the default.", "elementor"),
+        targetHint: "site-identity-settings",
+        angieFix: true
+      });
+    }
+    if (!identity.site_logo_set) {
+      violations.push({
+        auditId: audit19.id,
+        label: __41("Site logo is not set.", "elementor"),
+        targetHint: "site-identity-settings"
+      });
+    }
+    if (!identity.site_favicon_set) {
+      violations.push({
+        auditId: audit19.id,
+        label: __41("Site favicon is not set.", "elementor"),
+        targetHint: "site-identity-settings"
+      });
+    }
+    if (violations.length === 0) {
+      return { status: "pass" };
+    }
+    return {
+      status: "fail",
+      violations
+    };
+  }
+};
+
+// src/audits/too-many-widgets.ts
+import { __ as __42 } from "@wordpress/i18n";
+var WIDGET_COUNT_THRESHOLD = 100;
+var audit20 = {
+  id: "audits/too-many-widgets",
+  title: __42("Too many widgets", "elementor"),
+  description: __42("Excessive DOM size caused by too many widgets degrades rendering performance.", "elementor"),
+  fixHint: __42("Reduce the number of widgets on the page by removing or combining elements.", "elementor"),
+  categories: ["best-practices", "performance"],
+  severity: "warning",
+  weight: 5,
+  evaluate: (ctx) => {
+    if (ctx.elements.tree.length === 0) {
+      return { status: "skipped", reason: __42("No elements", "elementor") };
+    }
+    let widgetCount = 0;
+    walkElements(ctx.elements.tree, (node) => {
+      if (node.elType === "widget") {
+        widgetCount++;
+      }
+    });
+    if (widgetCount <= WIDGET_COUNT_THRESHOLD) {
+      return { status: "pass" };
+    }
+    return {
+      status: "fail",
+      violations: [
+        {
+          auditId: audit20.id,
+          label: __42("Page has too many widgets.", "elementor")
+        }
+      ]
+    };
+  }
+};
+
+// src/register-audits.ts
+var AUDITS = [
+  audit13,
+  audit11,
+  audit12,
+  audit7,
+  audit5,
+  audit20,
+  audit18,
+  audit3,
+  audit10,
+  audit4,
+  audit19,
+  audit14,
+  audit15,
+  audit6,
+  audit8,
+  audit9,
+  audit17,
+  audit16,
+  audit,
+  audit2
+];
+function registerAllAudits() {
+  for (const audit21 of AUDITS) {
+    registerAudit(audit21);
+  }
+}
+
+// src/init.ts
+function init() {
+  registerSlice(slice);
+  registerAllAudits();
+  registerFloatingPanel(auditPanel.panel);
+  registerAppBarAuditsToggle();
+}
+export {
+  init,
+  registerAudit,
+  runPageAudit
+};
+//# sourceMappingURL=index.mjs.map