@elementor/editor-audits 4.3.0-1036

package/dist/index.js

@@ -0,0 +1,2822 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  init: () => init,
+  registerAudit: () => registerAudit,
+  runPageAudit: () => runPageAudit
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/init.ts
+var import_editor_floating_panels3 = require("@elementor/editor-floating-panels");
+var import_store4 = require("@elementor/store");
+
+// src/editor-app-bar.tsx
+var import_editor_app_bar = require("@elementor/editor-app-bar");
+
+// src/hooks/use-audit-toggle-props.ts
+var import_icons12 = require("@elementor/icons");
+var import_i18n22 = require("@wordpress/i18n");
+
+// src/editor-panel.tsx
+var import_editor_floating_panels2 = require("@elementor/editor-floating-panels");
+
+// src/components/audit-panel.tsx
+var React22 = __toESM(require("react"));
+var import_editor_elements5 = require("@elementor/editor-elements");
+var import_editor_floating_panels = require("@elementor/editor-floating-panels");
+var import_ui21 = require("@elementor/ui");
+var import_i18n21 = require("@wordpress/i18n");
+
+// src/hooks/use-audit-report.ts
+var import_react = require("react");
+var import_editor_elements2 = require("@elementor/editor-elements");
+var import_store2 = require("@elementor/store");
+
+// src/runner.ts
+var import_editor_elements = require("@elementor/editor-elements");
+
+// src/api/page-context-client.ts
+var import_http_client = require("@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 (0, import_http_client.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
+var import_i18n = require("@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": (0, import_i18n.__)("Best Practices", "elementor"),
+  seo: (0, import_i18n.__)("SEO", "elementor"),
+  accessibility: (0, import_i18n.__)("Accessibility", "elementor"),
+  performance: (0, import_i18n.__)("Performance", "elementor"),
+  compliance: (0, import_i18n.__)("Compliance", "elementor")
+};
+
+// src/utils/audit-status-summary.ts
+var import_i18n2 = require("@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 (0, import_i18n2.__)("Failed audits", "elementor");
+    case "pass":
+      return (0, import_i18n2.__)("Passed audits", "elementor");
+    case "skipped":
+      return (0, import_i18n2.__)("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((0, import_editor_elements.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
+var import_store = require("@elementor/store");
+var initialState = { status: "idle", report: null, error: null };
+var slice = (0, import_store.__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
+var import_session = require("@elementor/session");
+function getStorageKey(documentId) {
+  return `${REPORT_STORAGE_KEY_PREFIX}/${documentId}`;
+}
+function getPersistedReport(documentId) {
+  return (0, import_session.getSessionStorageItem)(getStorageKey(documentId)) ?? null;
+}
+function persistReport(documentId, report) {
+  (0, import_session.setSessionStorageItem)(getStorageKey(documentId), report);
+}
+
+// src/hooks/use-audit-report.ts
+function useAuditReport() {
+  const status = (0, import_store2.__useSelector)((state) => selectStatus(state));
+  const report = (0, import_store2.__useSelector)((state) => selectReport(state));
+  const error = (0, import_store2.__useSelector)((state) => selectError(state));
+  const dispatch = (0, import_store2.__useDispatch)();
+  const documentId = (0, import_editor_elements2.getCurrentDocumentId)() ?? 0;
+  (0, import_react.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
+var React = __toESM(require("react"));
+var import_react2 = require("react");
+var import_editor_notifications = require("@elementor/editor-notifications");
+var import_editor_v1_adapters = require("@elementor/editor-v1-adapters");
+var import_events = require("@elementor/events");
+var import_http_client2 = require("@elementor/http-client");
+var import_icons = require("@elementor/icons");
+var import_ui = require("@elementor/ui");
+var import_i18n3 = require("@wordpress/i18n");
+var FEEDBACK_SUBJECT = "Page Audit Tool";
+var FEEDBACK_SUBJECT_LABEL = (0, import_i18n3.__)("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 = () => (0, import_editor_notifications.notify)({
+  id: SUCCESS_NOTIFICATION_ID,
+  type: "success",
+  message: (0, import_i18n3.__)("Feedback sent. Thanks for helping us out.", "elementor")
+});
+var notifyError = () => (0, import_editor_notifications.notify)({
+  id: ERROR_NOTIFICATION_ID,
+  type: "error",
+  message: (0, import_i18n3.__)("Something went wrong. Please try sending your feedback again.", "elementor")
+});
+function AuditFeedback() {
+  const [isOpen, setIsOpen] = (0, import_react2.useState)(false);
+  const [feedbackText, setFeedbackText] = (0, import_react2.useState)("");
+  const [isSubmitting, setIsSubmitting] = (0, import_react2.useState)(false);
+  const { dispatchEvent: trackEvent = (...args) => void args } = (0, import_events.useMixpanel)();
+  if (!(0, import_editor_v1_adapters.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 = (0, import_i18n3.__)("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);
+    (0, import_http_client2.httpService)().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(import_ui.Tooltip, { title: triggerLabel, placement: "top" }, /* @__PURE__ */ React.createElement(import_ui.IconButton, { size: "small", "aria-label": triggerLabel, onClick: handleOpen }, /* @__PURE__ */ React.createElement(import_icons.MessageLinesIcon, { fontSize: "small" }))), /* @__PURE__ */ React.createElement(
+    import_ui.Dialog,
+    {
+      open: isOpen,
+      onClose: handleClose,
+      "aria-labelledby": DIALOG_TITLE_ID,
+      "aria-describedby": DIALOG_DESCRIPTION_ID,
+      PaperProps: { sx: { borderRadius: 1 } }
+    },
+    /* @__PURE__ */ React.createElement(import_ui.DialogHeader, { logo: false, onClose: handleClose }, /* @__PURE__ */ React.createElement(import_ui.DialogTitle, { id: DIALOG_TITLE_ID }, (0, import_i18n3.__)("Let us know what you think", "elementor"))),
+    /* @__PURE__ */ React.createElement(import_ui.DialogContent, { dividers: true }, /* @__PURE__ */ React.createElement(import_ui.Stack, { direction: "column", gap: 2 }, /* @__PURE__ */ React.createElement(import_ui.TextField, { value: FEEDBACK_SUBJECT_LABEL, disabled: true, fullWidth: true, size: "small" }), /* @__PURE__ */ React.createElement(
+      import_ui.TextField,
+      {
+        placeholder: (0, import_i18n3.__)(
+          "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(import_ui.Typography, { id: DIALOG_DESCRIPTION_ID, variant: "caption", color: "text.secondary" }, (0, import_i18n3.__)(
+      "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(import_ui.DialogActions, null, /* @__PURE__ */ React.createElement(import_ui.Button, { variant: "text", color: "secondary", onClick: handleCancel }, (0, import_i18n3.__)("Cancel", "elementor")), /* @__PURE__ */ React.createElement(
+      import_ui.Button,
+      {
+        variant: "contained",
+        color: "primary",
+        disabled: isSubmitting || feedbackText.trim().length === 0,
+        onClick: handleSubmit
+      },
+      (0, import_i18n3.__)("Send", "elementor")
+    ))
+  ));
+}
+
+// src/components/pages/error-page.tsx
+var React2 = __toESM(require("react"));
+var import_ui2 = require("@elementor/ui");
+var import_i18n4 = require("@wordpress/i18n");
+function ErrorPage({ message, onRetry }) {
+  return /* @__PURE__ */ React2.createElement(import_ui2.Box, { sx: { display: "flex", flexDirection: "column", alignItems: "center", gap: 1.5, p: 4 } }, /* @__PURE__ */ React2.createElement(import_ui2.Typography, { variant: "body2", color: "error", textAlign: "center" }, message), /* @__PURE__ */ React2.createElement(import_ui2.Button, { variant: "contained", size: "small", onClick: onRetry }, (0, import_i18n4.__)("Try again", "elementor")));
+}
+
+// src/components/pages/loading-page.tsx
+var React3 = __toESM(require("react"));
+var import_ui3 = require("@elementor/ui");
+var import_i18n5 = require("@wordpress/i18n");
+function LoadingPage() {
+  return /* @__PURE__ */ React3.createElement(import_ui3.Box, { sx: { display: "flex", flexDirection: "column", alignItems: "center", gap: 1.5, p: 4 } }, /* @__PURE__ */ React3.createElement(import_ui3.CircularProgress, { size: 32 }), /* @__PURE__ */ React3.createElement(import_ui3.Typography, { variant: "body2" }, (0, import_i18n5.__)("Audit in progress.", "elementor")));
+}
+
+// src/components/pages/welcome-page.tsx
+var React4 = __toESM(require("react"));
+var import_ui4 = require("@elementor/ui");
+var import_i18n6 = require("@wordpress/i18n");
+var INFORMATION_IMAGE_PATH = "images/information.svg";
+function WelcomePage() {
+  const assetsUrl = window.elementorCommon?.config?.urls?.assets ?? "";
+  return /* @__PURE__ */ React4.createElement(
+    import_ui4.Box,
+    {
+      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: (0, import_i18n6.__)("Elementor", "elementor")
+      }
+    ),
+    /* @__PURE__ */ React4.createElement(import_ui4.Typography, { variant: "subtitle1", component: "h3", sx: { marginBlockStart: 2 } }, (0, import_i18n6.__)("Audit your page!", "elementor")),
+    /* @__PURE__ */ React4.createElement(import_ui4.Typography, { variant: "caption", textAlign: "center" }, (0, import_i18n6.__)(
+      'Check SEO, accessibility, performance, and best practices. Click "Run page audit" to begin.',
+      "elementor"
+    ))
+  );
+}
+
+// src/components/report-shell.tsx
+var React21 = __toESM(require("react"));
+var import_react5 = require("react");
+var import_ui20 = require("@elementor/ui");
+var import_i18n20 = require("@wordpress/i18n");
+
+// src/components/pages/all-audits-page.tsx
+var React11 = __toESM(require("react"));
+var import_ui10 = require("@elementor/ui");
+var import_i18n12 = require("@wordpress/i18n");
+
+// src/components/status-section.tsx
+var React5 = __toESM(require("react"));
+var import_react3 = require("react");
+var import_icons2 = require("@elementor/icons");
+var import_ui5 = require("@elementor/ui");
+var import_i18n7 = require("@wordpress/i18n");
+function StatusSection({ label, count, color = "default", defaultExpanded = false, children }) {
+  const [expanded, setExpanded] = (0, import_react3.useState)(defaultExpanded);
+  if (count === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ React5.createElement(import_ui5.Box, { sx: { paddingBlock: 1 } }, /* @__PURE__ */ React5.createElement(
+    import_ui5.Box,
+    {
+      sx: { display: "flex", alignItems: "center", gap: 0.5, cursor: "pointer" },
+      onClick: () => setExpanded((v) => !v)
+    },
+    /* @__PURE__ */ React5.createElement(
+      import_ui5.IconButton,
+      {
+        size: "small",
+        "aria-label": expanded ? (0, import_i18n7.__)("Collapse", "elementor") : (0, import_i18n7.__)("Expand", "elementor")
+      },
+      /* @__PURE__ */ React5.createElement(
+        import_icons2.ChevronDownIcon,
+        {
+          fontSize: "small",
+          sx: {
+            transform: expanded ? "rotate(180deg)" : void 0,
+            transition: "transform .2s"
+          }
+        }
+      )
+    ),
+    /* @__PURE__ */ React5.createElement(import_ui5.Chip, { label: `${label} (${count})`, size: "small", color, variant: "standard" })
+  ), /* @__PURE__ */ React5.createElement(import_ui5.Collapse, { in: expanded }, /* @__PURE__ */ React5.createElement(import_ui5.Box, { sx: { paddingInlineStart: 4.25, paddingBlock: 2 } }, children)));
+}
+
+// src/components/subpage-header.tsx
+var React6 = __toESM(require("react"));
+var import_icons3 = require("@elementor/icons");
+var import_ui6 = require("@elementor/ui");
+var import_i18n8 = require("@wordpress/i18n");
+function SubpageHeader({ title, onBack, backLabel, icon }) {
+  const isRtl = "rtl" === (0, import_ui6.useTheme)().direction;
+  return /* @__PURE__ */ React6.createElement(import_ui6.Box, { sx: { display: "flex", alignItems: "center", gap: 0.5, p: 1 } }, /* @__PURE__ */ React6.createElement(import_ui6.IconButton, { size: "small", onClick: onBack, "aria-label": backLabel ?? (0, import_i18n8.__)("Back", "elementor") }, /* @__PURE__ */ React6.createElement(import_ui6.Rotate, { in: isRtl }, /* @__PURE__ */ React6.createElement(import_icons3.ArrowLeftIcon, { fontSize: "small" }))), icon, /* @__PURE__ */ React6.createElement(import_ui6.Typography, { variant: "subtitle2", fontWeight: "bold" }, title));
+}
+
+// src/components/violation-row.tsx
+var React10 = __toESM(require("react"));
+var import_react4 = require("react");
+var import_editor_elements4 = require("@elementor/editor-elements");
+var import_icons7 = require("@elementor/icons");
+var import_ui9 = require("@elementor/ui");
+var import_i18n11 = require("@wordpress/i18n");
+
+// src/hooks/focus-violation.ts
+var import_editor_elements3 = require("@elementor/editor-elements");
+var import_editor_v1_adapters2 = require("@elementor/editor-v1-adapters");
+var SCROLL_TO_VIEW_DELAY_MS = 200;
+function focusViolation(violation) {
+  if (violation.elementId) {
+    const container = (0, import_editor_elements3.getContainer)(violation.elementId);
+    if (container) {
+      (0, import_editor_elements3.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") {
+      (0, import_editor_v1_adapters2.__privateRunCommand)("panel/editor/open");
+    }
+    return;
+  }
+  if (violation.externalUrl) {
+    window.open(violation.externalUrl, "_blank");
+    return;
+  }
+  if (violation.targetHint === "page-settings") {
+    (0, import_editor_v1_adapters2.__privateOpenRoute)("panel/page-settings/settings");
+    return;
+  }
+  if (violation.targetHint === "site-settings") {
+    (0, import_editor_v1_adapters2.__privateRunCommand)("panel/global/open");
+    return;
+  }
+  if (violation.targetHint === "site-identity-settings") {
+    void (0, import_editor_v1_adapters2.__privateRunCommand)("panel/global/open").then(() => {
+      (0, import_editor_v1_adapters2.__privateOpenRoute)("panel/global/settings-site-identity");
+    });
+  }
+}
+
+// src/utils/build-angie-prompt.ts
+var import_i18n9 = require("@wordpress/i18n");
+function buildAngiePrompt(violationText) {
+  return (0, import_i18n9.sprintf)(
+    /* translators: %s: audit violation description. */
+    (0, import_i18n9.__)("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
+var React7 = __toESM(require("react"));
+var import_editor_mcp = require("@elementor/editor-mcp");
+var import_icons4 = require("@elementor/icons");
+var import_ui7 = require("@elementor/ui");
+var import_i18n10 = require("@wordpress/i18n");
+function FixViolationWithAngie({ prompt }) {
+  const label = (0, import_i18n10.__)("Fix with Angie", "elementor");
+  const href = `#angie-prompt=${encodeURIComponent(prompt)}`;
+  const handleClick = (event) => {
+    event.stopPropagation();
+    event.preventDefault();
+    if ((0, import_editor_mcp.isAngieAvailable)()) {
+      (0, import_editor_mcp.sendPromptToAngie)(prompt);
+      return;
+    }
+    window.dispatchEvent(
+      new CustomEvent(CREATE_WIDGET_EVENT, {
+        detail: {
+          entry_point: ANGIE_FIX_ENTRY_POINT,
+          prompt
+        }
+      })
+    );
+  };
+  return /* @__PURE__ */ React7.createElement(import_ui7.Tooltip, { title: label }, /* @__PURE__ */ React7.createElement(
+    import_ui7.IconButton,
+    {
+      className: "violation-hover-icon",
+      component: "a",
+      href,
+      size: "small",
+      "aria-label": label,
+      onClick: handleClick
+    },
+    /* @__PURE__ */ React7.createElement(import_icons4.AngieIcon, { fontSize: "tiny" })
+  ));
+}
+
+// src/components/severity-icons.tsx
+var React8 = __toESM(require("react"));
+var import_icons5 = require("@elementor/icons");
+var SEVERITY_CONFIG = {
+  error: { Icon: import_icons5.AlertTriangleFilledIcon, color: "error" },
+  warning: { Icon: import_icons5.AlertCircleIcon, color: "warning" },
+  info: { Icon: import_icons5.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
+var React9 = __toESM(require("react"));
+var import_icons6 = require("@elementor/icons");
+var import_ui8 = require("@elementor/ui");
+function ViolationIcon({ violation, widgetIcon }) {
+  if (widgetIcon) {
+    return /* @__PURE__ */ React9.createElement(
+      import_ui8.Box,
+      {
+        component: "i",
+        className: widgetIcon,
+        "aria-hidden": true,
+        sx: { fontSize: "inherit", width: "1em", textAlign: "center" }
+      }
+    );
+  }
+  if (violation.targetHint === "page-settings") {
+    return /* @__PURE__ */ React9.createElement(import_icons6.FileSettingsIcon, { fontSize: "inherit", "aria-hidden": true });
+  }
+  if (violation.targetHint === "site-settings" || violation.targetHint === "site-identity-settings") {
+    return /* @__PURE__ */ React9.createElement(import_icons6.SettingsIcon, { fontSize: "inherit", "aria-hidden": true });
+  }
+  return /* @__PURE__ */ React9.createElement(import_icons6.ShieldCheckIcon, { fontSize: "inherit", "aria-hidden": true });
+}
+
+// src/components/violation-row.tsx
+function SkipReasonTooltip({ reason }) {
+  return /* @__PURE__ */ React10.createElement(import_ui9.Tooltip, { title: reason, placement: "top" }, /* @__PURE__ */ React10.createElement(import_ui9.Box, { "aria-label": reason, component: "span", sx: { display: "inline-flex", alignItems: "center" } }, /* @__PURE__ */ React10.createElement(import_icons7.HelpIcon, { fontSize: "small", color: "action" })));
+}
+function StatusIndicator({ audit: audit21, violations }) {
+  if (violations) {
+    return /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement(import_ui9.Typography, { variant: "caption", color: "text.secondary", fontWeight: "bold" }, violations.length), /* @__PURE__ */ React10.createElement(SeverityIcon, { severity: audit21.severity }));
+  }
+  return /* @__PURE__ */ React10.createElement(import_icons7.CheckIcon, { fontSize: "small", color: "success" });
+}
+function ViolationRow({ audit: audit21, skipReason, violations }) {
+  const [expanded, setExpanded] = (0, import_react4.useState)(false);
+  const toggleExpanded = () => setExpanded((value) => !value);
+  return /* @__PURE__ */ React10.createElement(import_ui9.Box, { sx: { borderBottom: 1, borderColor: "divider", paddingBlock: 0.5 } }, /* @__PURE__ */ React10.createElement(import_ui9.Box, { sx: { display: "flex", alignItems: "center", gap: 0.5 } }, /* @__PURE__ */ React10.createElement(
+    import_ui9.Box,
+    {
+      sx: {
+        alignItems: "center",
+        cursor: "pointer",
+        display: "flex",
+        flex: 1,
+        gap: 0.5,
+        minWidth: 0
+      },
+      onClick: toggleExpanded
+    },
+    /* @__PURE__ */ React10.createElement(import_ui9.Typography, { 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(
+    import_ui9.IconButton,
+    {
+      size: "small",
+      "aria-label": expanded ? (0, import_i18n11.__)("Collapse", "elementor") : (0, import_i18n11.__)("Expand", "elementor"),
+      onClick: toggleExpanded
+    },
+    /* @__PURE__ */ React10.createElement(
+      import_icons7.ChevronDownIcon,
+      {
+        fontSize: "small",
+        sx: {
+          transform: expanded ? "rotate(180deg)" : void 0,
+          transition: "transform .2s"
+        }
+      }
+    )
+  )), /* @__PURE__ */ React10.createElement(import_ui9.Collapse, { in: expanded }, /* @__PURE__ */ React10.createElement(import_ui9.Box, { sx: { display: "flex", flexDirection: "column", gap: 1, paddingBlock: 1 } }, /* @__PURE__ */ React10.createElement(
+    import_ui9.Alert,
+    {
+      severity: "secondary",
+      sx: { p: 1 },
+      icon: /* @__PURE__ */ React10.createElement(import_icons7.AlertCircleIcon, { fontSize: "small", color: "secondary", "aria-hidden": true })
+    },
+    /* @__PURE__ */ React10.createElement(import_ui9.AlertTitle, null, /* @__PURE__ */ React10.createElement(import_ui9.Typography, { variant: "caption", component: "p", color: "text.primary", fontWeight: "bold" }, (0, import_i18n11.__)("What's the issue", "elementor"))),
+    /* @__PURE__ */ React10.createElement(import_ui9.Typography, { variant: "caption", component: "p", color: "text.secondary" }, audit21.description)
+  ), /* @__PURE__ */ React10.createElement(
+    import_ui9.Alert,
+    {
+      severity: "info",
+      sx: { p: 1 },
+      icon: /* @__PURE__ */ React10.createElement(import_icons7.BulbIcon, { fontSize: "small", color: "info", "aria-hidden": true })
+    },
+    /* @__PURE__ */ React10.createElement(import_ui9.AlertTitle, null, /* @__PURE__ */ React10.createElement(import_ui9.Typography, { variant: "caption", component: "p", color: "text.primary", fontWeight: "bold" }, (0, import_i18n11.__)("How to resolve", "elementor"))),
+    /* @__PURE__ */ React10.createElement(import_ui9.Typography, { variant: "caption", component: "p", color: "text.secondary" }, audit21.fixHint)
+  )), violations && violations.length > 0 && /* @__PURE__ */ React10.createElement(import_ui9.Box, { role: "list", sx: { paddingBlockEnd: 1, paddingInlineStart: 2 } }, violations.map((violation, idx) => {
+    const widgetIcon = violation.elementId ? (0, import_editor_elements4.getElementIcon)(violation.elementId) : null;
+    const elementTitle = violation.elementId ? (0, import_editor_elements4.getElementTitle)(violation.elementId) : null;
+    const rowLabel = elementTitle ? `${elementTitle} - ${violation.label}` : violation.label;
+    return /* @__PURE__ */ React10.createElement(
+      import_ui9.Box,
+      {
+        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(import_ui9.Box, { sx: { flex: 1 } }, /* @__PURE__ */ React10.createElement(import_ui9.Typography, { variant: "caption" }, rowLabel), violation.detail && /* @__PURE__ */ React10.createElement(import_ui9.Typography, { variant: "caption", color: "text.secondary" }, violation.detail)),
+      violation.angieFix && /* @__PURE__ */ React10.createElement(FixViolationWithAngie, { prompt: buildAngiePrompt(rowLabel) }),
+      /* @__PURE__ */ React10.createElement(import_icons7.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(import_ui10.Box, { key: initialExpandedStatus ?? "default" }, /* @__PURE__ */ React11.createElement(SubpageHeader, { title: (0, import_i18n12.__)("All audits", "elementor"), onBack }), /* @__PURE__ */ React11.createElement(import_ui10.Box, { 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
+var React12 = __toESM(require("react"));
+var import_ui11 = require("@elementor/ui");
+var import_i18n13 = require("@wordpress/i18n");
+
+// src/components/category-icons.ts
+var import_icons8 = require("@elementor/icons");
+var CATEGORY_ICONS = {
+  "best-practices": import_icons8.Settings2Icon,
+  seo: import_icons8.FilterIcon,
+  accessibility: import_icons8.ElementorAccessibilityIcon,
+  performance: import_icons8.ShieldHalfFilledIcon,
+  compliance: import_icons8.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: (0, import_i18n13.__)("Back to all issues", "elementor"),
+      icon: /* @__PURE__ */ React12.createElement(Icon, { fontSize: "small", color: "action" })
+    }
+  ), /* @__PURE__ */ React12.createElement(import_ui11.Box, { sx: { p: 1 } }, /* @__PURE__ */ React12.createElement(
+    StatusSection,
+    {
+      label: (0, import_i18n13.__)("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: (0, import_i18n13.__)("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
+var React16 = __toESM(require("react"));
+var import_ui15 = require("@elementor/ui");
+var import_i18n17 = require("@wordpress/i18n");
+
+// src/utils/severity-counts.ts
+var import_i18n14 = require("@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 (0, import_i18n14.__)("Errors", "elementor");
+    case "warning":
+      return (0, import_i18n14.__)("Warnings", "elementor");
+    case "info":
+      return (0, import_i18n14.__)("Info", "elementor");
+  }
+}
+function severityRemainingCountLabel(severity, count) {
+  switch (severity) {
+    case "error":
+      return (0, import_i18n14.sprintf)(
+        /* translators: %d: number of remaining error violations. */
+        (0, import_i18n14.__)("%d errors", "elementor"),
+        count
+      );
+    case "warning":
+      return (0, import_i18n14.sprintf)(
+        /* translators: %d: number of remaining warning violations. */
+        (0, import_i18n14.__)("%d warnings", "elementor"),
+        count
+      );
+    case "info":
+      return (0, import_i18n14.sprintf)(
+        /* translators: %d: number of remaining info violations. */
+        (0, import_i18n14.__)("%d info", "elementor"),
+        count
+      );
+  }
+}
+
+// src/components/issues-category-row.tsx
+var React13 = __toESM(require("react"));
+var import_icons9 = require("@elementor/icons");
+var import_ui12 = require("@elementor/ui");
+function IssuesCategoryRow({ category, label, counts, onClick }) {
+  const isRtl = "rtl" === (0, import_ui12.useTheme)().direction;
+  const Icon = CATEGORY_ICONS[category];
+  return /* @__PURE__ */ React13.createElement(
+    import_ui12.Box,
+    {
+      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(import_ui12.Typography, { variant: "body2", fontWeight: "bold", sx: { flex: 1 } }, label),
+    /* @__PURE__ */ React13.createElement(import_ui12.Box, { sx: { display: "flex", alignItems: "center", gap: 0.5 } }, ALL_SEVERITIES.filter((s) => counts[s] > 0).map((severity) => /* @__PURE__ */ React13.createElement(import_ui12.Box, { key: severity, sx: { display: "flex", alignItems: "center", gap: 0.25 } }, /* @__PURE__ */ React13.createElement(SeverityIcon, { severity }), /* @__PURE__ */ React13.createElement(import_ui12.Typography, { variant: "caption", color: "text.primary", fontWeight: "bold" }, counts[severity])))),
+    /* @__PURE__ */ React13.createElement(import_ui12.Rotate, { in: isRtl }, /* @__PURE__ */ React13.createElement(import_icons9.ChevronRightIcon, { fontSize: "small", color: "action" }))
+  );
+}
+
+// src/components/promotions.tsx
+var React15 = __toESM(require("react"));
+var import_ui14 = require("@elementor/ui");
+var import_i18n16 = require("@wordpress/i18n");
+
+// src/register-promotions.ts
+var import_icons10 = require("@elementor/icons");
+var import_i18n15 = require("@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: import_icons10.PhotoIcon,
+    ctaLabel: (0, import_i18n15.__)("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 (0, import_i18n15.sprintf)(
+        /* translators: %d: number of images missing alt text. */
+        (0, import_i18n15._n)("%d image", "%d images", count, "elementor"),
+        count
+      );
+    },
+    getCtaUrl: firstFailExternalUrl
+  },
+  {
+    auditId: "audits/cookie-policy",
+    icon: import_icons10.ElementorCookieIcon,
+    ctaLabel: (0, import_i18n15.__)("Fix with Cookiez", "elementor"),
+    formatSubtitle: (run) => run.result.status === "fail" ? (0, import_i18n15.__)("Generate cookie policy", "elementor") : null,
+    getCtaUrl: firstFailExternalUrl
+  },
+  {
+    auditId: "audits/images-too-large",
+    icon: import_icons10.ShieldHalfFilledIcon,
+    ctaLabel: (0, import_i18n15.__)("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 (0, import_i18n15.sprintf)(
+        /* translators: %d: number of oversized images. */
+        (0, import_i18n15._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
+var React14 = __toESM(require("react"));
+var import_ui13 = require("@elementor/ui");
+function PromotionCard({ ctaDisabled, ctaLabel, icon: Icon, onCtaClick, subtitle, title }) {
+  return /* @__PURE__ */ React14.createElement(
+    import_ui13.Box,
+    {
+      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(import_ui13.Box, { sx: { display: "flex", flex: 1, flexDirection: "column", gap: 0.25, minWidth: 0 } }, /* @__PURE__ */ React14.createElement(import_ui13.Typography, { variant: "body2", fontWeight: "bold" }, title), /* @__PURE__ */ React14.createElement(import_ui13.Typography, { variant: "caption", color: "text.secondary" }, subtitle)),
+    /* @__PURE__ */ React14.createElement(import_ui13.Button, { 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(import_ui14.Typography, { variant: "subtitle1", fontWeight: "bold" }, (0, import_i18n16.__)("Quick wins", "elementor")), /* @__PURE__ */ React15.createElement(import_ui14.Box, { 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(import_ui15.Box, { sx: { display: "flex", flexDirection: "column", gap: 4, p: 2 } }, /* @__PURE__ */ React16.createElement(
+    import_ui15.Link,
+    {
+      component: "button",
+      underline: "none",
+      color: "inherit",
+      onClick: onAllAuditsClick,
+      sx: { textAlign: "start" }
+    },
+    /* @__PURE__ */ React16.createElement(import_ui15.Typography, { variant: "subtitle1", component: "h2" }, (0, import_i18n17.__)("All issues", "elementor"))
+  ), /* @__PURE__ */ React16.createElement(import_ui15.Box, { 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
+var React20 = __toESM(require("react"));
+var import_ui19 = require("@elementor/ui");
+var import_i18n19 = require("@wordpress/i18n");
+
+// src/utils/score-thresholds.ts
+var import_i18n18 = require("@wordpress/i18n");
+var GOOD_THRESHOLD = 90;
+var OK_THRESHOLD = 50;
+function getScoreTier(score) {
+  if (score >= GOOD_THRESHOLD) {
+    return { color: "success", label: (0, import_i18n18.__)("Good", "elementor") };
+  }
+  if (score >= OK_THRESHOLD) {
+    return { color: "warning", label: (0, import_i18n18.__)("Needs work", "elementor") };
+  }
+  return { color: "error", label: (0, import_i18n18.__)("At risk", "elementor") };
+}
+
+// src/components/count-summary-circle.tsx
+var React17 = __toESM(require("react"));
+var import_ui16 = require("@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(
+    import_ui16.Box,
+    {
+      "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(
+      import_ui16.Chip,
+      {
+        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(import_ui16.Typography, { color: "text.secondary", sx: { textAlign: "center" }, variant: "caption" }, label)
+  );
+}
+
+// src/components/score-bar.tsx
+var React18 = __toESM(require("react"));
+var import_icons11 = require("@elementor/icons");
+var import_ui17 = require("@elementor/ui");
+function ScoreBar({ label, score, onClick }) {
+  const isRtl = "rtl" === (0, import_ui17.useTheme)().direction;
+  return /* @__PURE__ */ React18.createElement(
+    import_ui17.Box,
+    {
+      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(import_ui17.Typography, { variant: "body2", sx: { minWidth: 96 } }, label),
+    /* @__PURE__ */ React18.createElement(
+      import_ui17.LinearProgress,
+      {
+        variant: "determinate",
+        value: score,
+        color: getScoreTier(score).color,
+        sx: { flex: 1, height: 6, borderRadius: 4, bgcolor: "action.disabledBackground" }
+      }
+    ),
+    /* @__PURE__ */ React18.createElement(
+      import_ui17.Typography,
+      {
+        variant: "body2",
+        color: "text.primary",
+        sx: { minWidth: 24, textAlign: "right", fontWeight: 900 }
+      },
+      score
+    ),
+    onClick && /* @__PURE__ */ React18.createElement(import_ui17.Rotate, { in: isRtl }, /* @__PURE__ */ React18.createElement(import_icons11.ChevronRightIcon, { fontSize: "small", color: "action" }))
+  );
+}
+
+// src/components/score-circle.tsx
+var React19 = __toESM(require("react"));
+var import_ui18 = require("@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(
+    import_ui18.Box,
+    {
+      role: "progressbar",
+      "aria-valuenow": score,
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      sx: { position: "relative", display: "inline-flex" }
+    },
+    /* @__PURE__ */ React19.createElement(
+      import_ui18.CircularProgress,
+      {
+        variant: "determinate",
+        value: 100,
+        size: SCORE_CIRCLE_SIZE,
+        thickness: SCORE_CIRCLE_THICKNESS,
+        sx: { color: "action.disabledBackground" }
+      }
+    ),
+    /* @__PURE__ */ React19.createElement(
+      import_ui18.CircularProgress,
+      {
+        variant: "determinate",
+        value: score,
+        size: SCORE_CIRCLE_SIZE,
+        thickness: SCORE_CIRCLE_THICKNESS,
+        color: progressColor,
+        sx: { position: "absolute", left: 0 }
+      }
+    ),
+    /* @__PURE__ */ React19.createElement(
+      import_ui18.Box,
+      {
+        sx: {
+          position: "absolute",
+          inset: 0,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center"
+        }
+      },
+      /* @__PURE__ */ React19.createElement(
+        import_ui18.Typography,
+        {
+          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) => (0, import_i18n19.sprintf)(
+    /* translators: %d: number of passed audits. */
+    (0, import_i18n19.__)("%d passed audits, view all", "elementor"),
+    count
+  ),
+  fail: (count) => (0, import_i18n19.sprintf)(
+    /* translators: %d: number of failed audit violations. */
+    (0, import_i18n19.__)("%d failed audits, view all", "elementor"),
+    count
+  ),
+  skipped: (count) => (0, import_i18n19.sprintf)(
+    /* translators: %d: number of skipped audits. */
+    (0, import_i18n19.__)("%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(import_ui19.Box, { sx: { display: "flex", flexDirection: "column", gap: 4, p: 2 } }, /* @__PURE__ */ React20.createElement(import_ui19.Box, { sx: { display: "flex", alignItems: "center", gap: 2 } }, /* @__PURE__ */ React20.createElement(ScoreCircle, { color: overallScore.color, score: report.overall }), /* @__PURE__ */ React20.createElement(import_ui19.Box, { sx: { display: "flex", flexDirection: "column", gap: 0.5 } }, /* @__PURE__ */ React20.createElement(
+    import_ui19.Chip,
+    {
+      label: overallScore.label,
+      color: overallScore.color,
+      variant: "standard",
+      size: "small",
+      sx: { fontWeight: 600, alignSelf: "flex-start" }
+    }
+  ), /* @__PURE__ */ React20.createElement(import_ui19.Typography, { variant: "body2", color: "text.secondary" }, (0, import_i18n19.__)("Overall score", "elementor")))), /* @__PURE__ */ React20.createElement(import_ui19.Box, { 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(import_ui19.Divider, null), /* @__PURE__ */ React20.createElement(import_ui19.Typography, { variant: "subtitle1", fontWeight: "bold" }, (0, import_i18n19.__)("Audit statuses", "elementor")), /* @__PURE__ */ React20.createElement(import_ui19.Box, { 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(import_ui19.Divider, null), /* @__PURE__ */ React20.createElement(import_ui19.Typography, { variant: "subtitle1", fontWeight: "bold" }, (0, import_i18n19.__)("Remaining issues", "elementor")), /* @__PURE__ */ React20.createElement(
+    import_ui19.Box,
+    {
+      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(
+        import_ui19.Box,
+        {
+          "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(import_ui19.Typography, { variant: "body2", fontWeight: "bold" }, count),
+        /* @__PURE__ */ React20.createElement(import_ui19.Typography, { 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] = (0, import_react5.useState)("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(import_ui20.Box, null, /* @__PURE__ */ React21.createElement(
+    import_ui20.Tabs,
+    {
+      "aria-label": (0, import_i18n20.__)("Audit navigation", "elementor"),
+      value: currentTab,
+      onChange: handleTabChange,
+      textColor: "secondary",
+      indicatorColor: "secondary",
+      size: "small",
+      centered: true,
+      variant: "fullWidth"
+    },
+    /* @__PURE__ */ React21.createElement(import_ui20.Tab, { value: "overview", label: (0, import_i18n20.__)("Overview", "elementor") }),
+    /* @__PURE__ */ React21.createElement(import_ui20.Tab, { value: "issues", label: (0, import_i18n20.__)("Issues", "elementor") })
+  ), /* @__PURE__ */ React21.createElement(import_ui20.Divider, 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 = (0, import_editor_elements5.getCurrentDocumentId)() ?? 0;
+  const onRun = () => run(currentDocumentId);
+  const lastScanLabel = report ? new Date(report.runAt).toLocaleTimeString() : null;
+  return /* @__PURE__ */ React22.createElement(React22.Fragment, null, /* @__PURE__ */ React22.createElement(
+    import_editor_floating_panels.FloatingPanelHeader,
+    {
+      panelId: "audit-panel",
+      title: (0, import_i18n21.__)("Page Audit", "elementor"),
+      badge: (0, import_i18n21.__)("Beta", "elementor"),
+      titleVariant: "subtitle2"
+    }
+  ), /* @__PURE__ */ React22.createElement(import_editor_floating_panels.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(import_editor_floating_panels.FloatingPanelFooter, null, lastScanLabel ? /* @__PURE__ */ React22.createElement(import_ui21.Typography, { variant: "caption", sx: { flex: 1 } }, (0, import_i18n21.__)("Last scan:", "elementor"), " ", lastScanLabel) : /* @__PURE__ */ React22.createElement(import_ui21.Box, { sx: { flex: 1 } }), lastScanLabel && /* @__PURE__ */ React22.createElement(AuditFeedback, null), /* @__PURE__ */ React22.createElement(
+    import_ui21.Button,
+    {
+      variant: "contained",
+      size: "small",
+      onClick: onRun,
+      disabled: status === "loading" || currentDocumentId === 0
+    },
+    lastScanLabel ? (0, import_i18n21.__)("Re-scan", "elementor") : (0, import_i18n21.__)("Run page audit", "elementor")
+  )));
+}
+
+// src/editor-panel.tsx
+var auditPanel = (0, import_editor_floating_panels2.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: (0, import_i18n22.__)("Audit Page", "elementor"),
+    icon: import_icons12.ShieldCheckIcon,
+    selected: isOpen,
+    onClick: () => toggle()
+  };
+}
+
+// src/editor-app-bar.tsx
+var AUDIT_TOGGLE_PRIORITY = 24;
+function registerAppBarAuditsToggle() {
+  import_editor_app_bar.utilitiesMenu.registerToggleAction({
+    id: "toggle-audit-panel",
+    priority: AUDIT_TOGGLE_PRIORITY,
+    useProps: useAuditToggleProps
+  });
+}
+
+// src/audits/accessibility-policy.ts
+var import_i18n23 = require("@wordpress/i18n");
+var audit = {
+  id: "audits/accessibility-policy",
+  title: (0, import_i18n23.__)("Accessibility policy", "elementor"),
+  description: (0, import_i18n23.__)(
+    "An accessibility policy demonstrates your commitment to digital inclusion and may be legally required in some regions.",
+    "elementor"
+  ),
+  fixHint: (0, import_i18n23.__)("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: (0, import_i18n23.__)("Ally plugin is not installed or active.", "elementor"),
+          externalUrl: ctx.pageContext.ally_plugin_url
+        }
+      ]
+    };
+  }
+};
+
+// src/audits/cookie-policy.ts
+var import_i18n24 = require("@wordpress/i18n");
+var audit2 = {
+  id: "audits/cookie-policy",
+  title: (0, import_i18n24.__)("Cookie policy", "elementor"),
+  description: (0, import_i18n24.__)(
+    "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: (0, import_i18n24.__)("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: (0, import_i18n24.__)("Cookiez plugin is not installed or active.", "elementor"),
+          externalUrl: ctx.pageContext.cookiez_plugin_url
+        }
+      ]
+    };
+  }
+};
+
+// src/audits/deep-nesting.ts
+var import_i18n25 = require("@wordpress/i18n");
+var MAX_NESTING_DEPTH = 6;
+var audit3 = {
+  id: "audits/deep-nesting",
+  title: (0, import_i18n25.__)("Deep container nesting", "elementor"),
+  description: (0, import_i18n25.__)(
+    "Container nesting exceeds the recommended depth. Deep DOM trees hurt rendering performance and readability.",
+    "elementor"
+  ),
+  fixHint: (0, import_i18n25.__)("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: (0, import_i18n25.__)("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: (0, import_i18n25.__)("Container nesting is too deep.", "elementor")
+        });
+      }
+    });
+    return violations.length === 0 ? { status: "pass" } : { status: "fail", violations };
+  }
+};
+
+// src/audits/default-design-system.ts
+var import_i18n26 = require("@wordpress/i18n");
+var audit4 = {
+  id: "audits/default-design-system",
+  title: (0, import_i18n26.__)("Default website kit", "elementor"),
+  description: (0, import_i18n26.__)(
+    "Your website is using the default design system colors and fonts. Custom branding makes the website feel uniquely yours.",
+    "elementor"
+  ),
+  fixHint: (0, import_i18n26.__)("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: (0, import_i18n26.__)("Kit appears unchanged from default.", "elementor"),
+          targetHint: "site-settings"
+        }
+      ]
+    };
+  }
+};
+
+// src/audits/deprecated-widgets.ts
+var import_editor_elements6 = require("@elementor/editor-elements");
+var import_i18n27 = require("@wordpress/i18n");
+var DEPRECATION_CONTROL_NAME = "deprecation_message";
+var audit5 = {
+  id: "audits/deprecated-widgets",
+  title: (0, import_i18n27.__)("Deprecated widgets", "elementor"),
+  description: (0, import_i18n27.__)(
+    "Deprecated widgets should not be used. For better capabilities use the recommended replacement.",
+    "elementor"
+  ),
+  fixHint: (0, import_i18n27.__)("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 = (0, import_editor_elements6.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: (0, import_i18n27.__)("Using deprecated widget.", "elementor")
+      });
+    });
+    return violations.length === 0 ? { status: "pass" } : { status: "fail", violations };
+  }
+};
+
+// src/audits/heading-structure.ts
+var import_i18n28 = require("@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: (0, import_i18n28.__)("Heading structure", "elementor"),
+  description: (0, import_i18n28.__)("Pages should have exactly one H1 and a non-skipping heading order.", "elementor"),
+  fixHint: (0, import_i18n28.__)("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: (0, import_i18n28.__)("No elements", "elementor") };
+    }
+    const headings = extractPageHeadings(ctx.elements.tree);
+    const violations = [];
+    if (headings.length === 0) {
+      violations.push({
+        auditId: audit6.id,
+        label: (0, import_i18n28.__)("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: (0, import_i18n28.__)("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: (0, import_i18n28.__)("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: (0, import_i18n28.__)("Heading level skipped.", "elementor")
+          });
+        }
+      }
+    }
+    return violations.length === 0 ? { status: "pass" } : { status: "fail", violations };
+  }
+};
+
+// src/audits/hidden-elements.ts
+var import_i18n29 = require("@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: (0, import_i18n29.__)("Hidden elements", "elementor"),
+  description: (0, import_i18n29.__)(
+    "Elements hidden on all devices simultaneously are effectively dead code in the page tree.",
+    "elementor"
+  ),
+  fixHint: (0, import_i18n29.__)("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: (0, import_i18n29.__)("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: (0, import_i18n29.__)("Element is hidden on all devices.", "elementor")
+        });
+      }
+    });
+    return violations.length === 0 ? { status: "pass" } : { status: "fail", violations };
+  }
+};
+
+// src/audits/images-alt-text.ts
+var import_i18n30 = require("@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: (0, import_i18n30.__)("Images alt text", "elementor"),
+  description: (0, import_i18n30.__)("Every image needs a meaningful alt attribute for screen readers and image-search.", "elementor"),
+  fixHint: (0, import_i18n30.__)("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: (0, import_i18n30.__)("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: (0, import_i18n30.__)("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
+var import_i18n31 = require("@wordpress/i18n");
+var SIZE_THRESHOLD_BYTES = 500 * 1024;
+var BYTES_PER_KB = 1024;
+var audit9 = {
+  id: "audits/images-too-large",
+  title: (0, import_i18n31.__)("Oversized images", "elementor"),
+  description: (0, import_i18n31.__)("Large image files slow down the page.", "elementor"),
+  fixHint: (0, import_i18n31.__)("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: (0, import_i18n31.__)("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: (0, import_i18n31.sprintf)(
+        /* translators: %d is the image file size in kilobytes. */
+        (0, import_i18n31.__)("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
+var import_i18n32 = require("@wordpress/i18n");
+function isBoxed(settings) {
+  return settings.content_width === "boxed";
+}
+var audit10 = {
+  id: "audits/nested-boxed-containers",
+  title: (0, import_i18n32.__)("Boxed container nested inside a boxed parent", "elementor"),
+  description: (0, import_i18n32.__)("An inner container does not need to be boxed when its parent already is.", "elementor"),
+  fixHint: (0, import_i18n32.__)("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: (0, import_i18n32.__)("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: (0, import_i18n32.__)("Nested boxed container.", "elementor")
+        });
+      }
+    });
+    return violations.length === 0 ? { status: "pass" } : { status: "fail", violations };
+  }
+};
+
+// src/audits/page-excerpt.ts
+var import_i18n33 = require("@wordpress/i18n");
+var audit11 = {
+  id: "audits/page-excerpt",
+  title: (0, import_i18n33.__)("Page excerpt", "elementor"),
+  description: (0, import_i18n33.__)("A descriptive excerpt helps search engines and previews summarize the page.", "elementor"),
+  fixHint: (0, import_i18n33.__)("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: (0, import_i18n33.__)("Page has no excerpt.", "elementor"),
+          targetHint: "page-settings",
+          angieFix: true
+        }
+      ]
+    };
+  }
+};
+
+// src/audits/page-featured-image.ts
+var import_i18n34 = require("@wordpress/i18n");
+var audit12 = {
+  id: "audits/page-featured-image",
+  title: (0, import_i18n34.__)("Page featured image", "elementor"),
+  description: (0, import_i18n34.__)("Featured images are used by social shares and many themes for hero visuals.", "elementor"),
+  fixHint: (0, import_i18n34.__)("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: (0, import_i18n34.__)("No featured image set.", "elementor"),
+          targetHint: "page-settings"
+        }
+      ]
+    };
+  }
+};
+
+// src/audits/page-title.ts
+var import_i18n35 = require("@wordpress/i18n");
+var MAX_TITLE_LENGTH = 60;
+var audit13 = {
+  id: "audits/page-title",
+  title: (0, import_i18n35.__)("Page title", "elementor"),
+  description: (0, import_i18n35.__)("Pages need a clear title for SEO and screen-reader navigation.", "elementor"),
+  fixHint: (0, import_i18n35.__)("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: (0, import_i18n35.__)("Page has no title.", "elementor"),
+            targetHint: "page-settings",
+            angieFix: true
+          }
+        ]
+      };
+    }
+    if (title.length > MAX_TITLE_LENGTH) {
+      return {
+        status: "fail",
+        violations: [
+          {
+            auditId: audit13.id,
+            label: (0, import_i18n35.__)("Page title is too long.", "elementor"),
+            targetHint: "page-settings",
+            angieFix: true
+          }
+        ]
+      };
+    }
+    return { status: "pass" };
+  }
+};
+
+// src/audits/prefer-global-colors.ts
+var import_i18n36 = require("@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: (0, import_i18n36.__)("Prefer global colors", "elementor"),
+  description: (0, import_i18n36.__)("Global colors make the design consistent and easy to update site-wide.", "elementor"),
+  fixHint: (0, import_i18n36.__)("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: (0, import_i18n36.__)("No elements", "elementor") };
+    }
+    if (ctx.kit.globals.colors.length === 0) {
+      return { status: "skipped", reason: (0, import_i18n36.__)("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: (0, import_i18n36.sprintf)(
+            /* translators: 1: hard-coded color value, 2: global color title. */
+            (0, import_i18n36.__)('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
+var import_i18n37 = require("@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: (0, import_i18n37.__)("Prefer global fonts", "elementor"),
+  description: (0, import_i18n37.__)("Global fonts make the design consistent and easy to update site-wide.", "elementor"),
+  fixHint: (0, import_i18n37.__)("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: (0, import_i18n37.__)("No elements", "elementor") };
+    }
+    if (ctx.kit.globals.fonts.length === 0) {
+      return { status: "skipped", reason: (0, import_i18n37.__)("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: (0, import_i18n37.sprintf)(
+            /* translators: %s: global font title. */
+            (0, import_i18n37.__)('replace hardcoded typography with "%s" global font', "elementor"),
+            global.title
+          )
+        });
+      }
+    });
+    return violations.length === 0 ? { status: "pass" } : { status: "fail", violations };
+  }
+};
+
+// src/audits/privacy-policy.ts
+var import_i18n38 = require("@wordpress/i18n");
+var audit16 = {
+  id: "audits/privacy-policy",
+  title: (0, import_i18n38.__)("Privacy policy", "elementor"),
+  description: (0, import_i18n38.__)(
+    "A privacy policy page is required by privacy regulations such as GDPR (EU) and CCPA (US).",
+    "elementor"
+  ),
+  fixHint: (0, import_i18n38.__)(
+    "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: (0, import_i18n38.__)("No privacy policy page is set.", "elementor"),
+          externalUrl: ctx.pageContext.privacy_settings_url
+        }
+      ]
+    };
+  }
+};
+
+// src/audits/robots-noindex.ts
+var import_i18n39 = require("@wordpress/i18n");
+var audit17 = {
+  id: "audits/robots-noindex",
+  title: (0, import_i18n39.__)("Search engine visibility", "elementor"),
+  description: (0, import_i18n39.__)(
+    "When search engine visibility is checked in WordPress Settings -> Reading -> Search Engine Visibility, search engines are discouraged from indexing the website.",
+    "elementor"
+  ),
+  fixHint: (0, import_i18n39.__)(
+    '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: (0, import_i18n39.__)("Search engines are discouraged from indexing this website.", "elementor"),
+          externalUrl: ctx.pageContext.reading_settings_url
+        }
+      ]
+    };
+  }
+};
+
+// src/audits/sections-and-columns.ts
+var import_i18n40 = require("@wordpress/i18n");
+var audit18 = {
+  id: "audits/sections-and-columns",
+  title: (0, import_i18n40.__)("Sections and columns", "elementor"),
+  description: (0, import_i18n40.__)(
+    "Sections and columns are legacy elements. Containers render fewer DOM nodes and are more flexible.",
+    "elementor"
+  ),
+  fixHint: (0, import_i18n40.__)("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: (0, import_i18n40.__)("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" ? (0, import_i18n40.__)("Section element", "elementor") : (0, import_i18n40.__)("Column element", "elementor")
+        });
+      }
+    });
+    return violations.length === 0 ? { status: "pass" } : { status: "fail", violations };
+  }
+};
+
+// src/audits/site-identity.ts
+var import_i18n41 = require("@wordpress/i18n");
+var audit19 = {
+  id: "audits/site-identity",
+  title: (0, import_i18n41.__)("Site identity", "elementor"),
+  description: (0, import_i18n41.__)(
+    "Site name, description, logo, and favicon establish your brand and appear in search results and browser tabs.",
+    "elementor"
+  ),
+  fixHint: (0, import_i18n41.__)("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: (0, import_i18n41.__)("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: (0, import_i18n41.__)("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: (0, import_i18n41.__)("Site logo is not set.", "elementor"),
+        targetHint: "site-identity-settings"
+      });
+    }
+    if (!identity.site_favicon_set) {
+      violations.push({
+        auditId: audit19.id,
+        label: (0, import_i18n41.__)("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
+var import_i18n42 = require("@wordpress/i18n");
+var WIDGET_COUNT_THRESHOLD = 100;
+var audit20 = {
+  id: "audits/too-many-widgets",
+  title: (0, import_i18n42.__)("Too many widgets", "elementor"),
+  description: (0, import_i18n42.__)("Excessive DOM size caused by too many widgets degrades rendering performance.", "elementor"),
+  fixHint: (0, import_i18n42.__)("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: (0, import_i18n42.__)("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: (0, import_i18n42.__)("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() {
+  (0, import_store4.__registerSlice)(slice);
+  registerAllAudits();
+  (0, import_editor_floating_panels3.registerFloatingPanel)(auditPanel.panel);
+  registerAppBarAuditsToggle();
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  init,
+  registerAudit,
+  runPageAudit
+});
+//# sourceMappingURL=index.js.map