@pixelated-tech/components 3.5.12 → 3.5.14

package/dist/components/admin/site-health/site-health-on-site-seo.integration.js

@@ -24,7 +24,12 @@ const dataCollectors = {
     collectInternationalSEOData,
     collectFacetedNavigationData,
     collectBrowserCachingData,
-    collectGzipCompressionData
+    collectGzipCompressionData,
+    collectSchemaBlogPostingData,
+    collectSchemaFAQData,
+    collectSchemaLocalBusinessData,
+    collectSchemaServicesData,
+    collectSchemaWebsiteData
 };
 /**
  * Registry of scoring functions
@@ -38,7 +43,12 @@ const scorers = {
     calculateInternationalSEOData,
     calculateFacetedNavigationScore,
     calculateBrowserCachingScore,
-    calculateGzipCompressionScore
+    calculateGzipCompressionScore,
+    calculateSchemaBlogPostingScore,
+    calculateSchemaFAQScore,
+    calculateSchemaLocalBusinessScore,
+    calculateSchemaServicesScore,
+    calculateSchemaWebsiteScore
 };
 /**
  * Data collection functions
@@ -512,6 +522,124 @@ async function collectGzipCompressionData(url) {
         };
     }
 }
+/**
+ * Schema Detection Data Collectors
+ */
+function collectSchemaBlogPostingData(html) {
+    const hasBlogPostingSchema = /"@type"\s*:\s*"BlogPosting"/i.test(html) ||
+        /"@type":\s*"BlogPosting"/i.test(html) ||
+        /itemtype="https?:\/\/schema\.org\/BlogPosting"/i.test(html);
+    return {
+        present: hasBlogPostingSchema
+    };
+}
+function collectSchemaFAQData(html) {
+    const hasFAQSchema = /"@type"\s*:\s*"FAQPage"/i.test(html) ||
+        /"@type":\s*"FAQPage"/i.test(html) ||
+        /itemtype="https?:\/\/schema\.org\/FAQPage"/i.test(html);
+    return {
+        present: hasFAQSchema
+    };
+}
+function collectSchemaLocalBusinessData(html) {
+    const hasLocalBusinessSchema = /"@type"\s*:\s*"LocalBusiness"/i.test(html) ||
+        /"@type":\s*"LocalBusiness"/i.test(html) ||
+        /itemtype="https?:\/\/schema\.org\/LocalBusiness"/i.test(html);
+    return {
+        present: hasLocalBusinessSchema
+    };
+}
+function collectSchemaServicesData(html) {
+    const hasServicesSchema = /"@type"\s*:\s*"Service"/i.test(html) ||
+        /"@type":\s*"Service"/i.test(html) ||
+        /itemtype="https?:\/\/schema\.org\/Service"/i.test(html);
+    return {
+        present: hasServicesSchema
+    };
+}
+function collectSchemaWebsiteData(html) {
+    const hasWebsiteSchema = /"@type"\s*:\s*"WebSite"/i.test(html) ||
+        /"@type":\s*"WebSite"/i.test(html) ||
+        /itemtype="https?:\/\/schema\.org\/WebSite"/i.test(html);
+    return {
+        present: hasWebsiteSchema
+    };
+}
+/**
+ * Detect if a specific page is a blog page
+ */
+function detectBlogPage(html, url) {
+    // Check URL patterns for blog pages (most reliable)
+    const blogUrlPatterns = /\/(blog|news|articles|posts|journal)(\/|$)/i;
+    const hasBlogUrl = blogUrlPatterns.test(url);
+    // Check for blog schema on this page (very reliable)
+    const hasBlogPostingSchema = /"@type"\s*:\s*"BlogPosting"/i.test(html) ||
+        /"@type":\s*"BlogPosting"/i.test(html) ||
+        /itemtype="https?:\/\/schema\.org\/BlogPosting"/i.test(html);
+    // Check for blog-specific headings (h1 or h2)
+    const hasBlogHeading = /<(h1|h2)[^>]*>.*?\b(blog|news|articles|journal|posts)\b.*?<\/\1>/i.test(html);
+    // Check for article structure with a date that isn't just a copyright year
+    const hasArticle = /<article[^>]*>/i.test(html);
+    const hasSpecificDate = /<time[^>]*datetime=["']\d{4}-\d{2}-\d{2}/i.test(html) ||
+        /\b(January|February|March|April|May|June|July|August|September|October|November|December)\s+\d{1,2},?\s+\d{4}\b/i.test(html);
+    return hasBlogUrl || hasBlogPostingSchema || (hasArticle && hasSpecificDate) || (hasBlogHeading && hasArticle);
+}
+/**
+ * Detect if a specific page is an FAQ page
+ */
+function detectFAQPage(html, url) {
+    // Check URL patterns for FAQ pages
+    const faqUrlPatterns = /\/(faq|faqs|frequently-asked-questions)(\/|$)/i;
+    const hasFAQUrl = faqUrlPatterns.test(url);
+    // Check for FAQ schema on this page
+    const hasFAQSchema = /"@type"\s*:\s*"FAQPage"/i.test(html) ||
+        /"@type":\s*"FAQPage"/i.test(html) ||
+        /itemtype="https?:\/\/schema\.org\/FAQPage"/i.test(html);
+    // Check for FAQ-specific headings
+    const hasFAQHeading = /<(h1|h2)[^>]*>.*?\b(faq|faqs|frequently asked questions)\b.*?<\/\1>/i.test(html);
+    // Check for multiple question/answer structures (dt/dd or details/summary)
+    const dtCount = (html.match(/<dt[^>]*>/gi) || []).length;
+    const ddCount = (html.match(/<dd[^>]*>/gi) || []).length;
+    const detailsCount = (html.match(/<details[^>]*>/gi) || []).length;
+    const hasFAQStructure = (dtCount >= 3 && ddCount >= 3) || detailsCount >= 3;
+    return hasFAQUrl || hasFAQSchema || (hasFAQHeading && hasFAQStructure);
+}
+/**
+ * Detect if a specific page is a LocalBusiness page (usually homepage)
+ */
+function detectLocalBusinessPage(html, url) {
+    const urlObj = new URL(url);
+    const isHomepage = urlObj.pathname === '/' || urlObj.pathname === '';
+    // Check for LocalBusiness schema
+    const hasLocalBusinessSchema = /"@type"\s*:\s*"LocalBusiness"/i.test(html) ||
+        /"@type":\s*"LocalBusiness"/i.test(html) ||
+        /itemtype="https?:\/\/schema\.org\/LocalBusiness"/i.test(html);
+    return isHomepage || hasLocalBusinessSchema;
+}
+/**
+ * Detect if a specific page is a Service page
+ */
+function detectServicePage(html, url) {
+    const serviceUrlPatterns = /\/services\/|\/service\/|\/capabilities\/|\/what-we-do\//i;
+    const hasServiceUrl = serviceUrlPatterns.test(url);
+    // Check for Service schema
+    const hasServiceSchema = /"@type"\s*:\s*"Service"/i.test(html) ||
+        /"@type":\s*"Service"/i.test(html) ||
+        /itemtype="https?:\/\/schema\.org\/Service"/i.test(html);
+    return hasServiceUrl || hasServiceSchema;
+}
+/**
+ * Detect if a specific page is a WebSite page (usually homepage)
+ */
+function detectWebsitePage(html, url) {
+    const urlObj = new URL(url);
+    const isHomepage = urlObj.pathname === '/' || urlObj.pathname === '';
+    // Check for WebSite schema
+    const hasWebsiteSchema = /"@type"\s*:\s*"WebSite"/i.test(html) ||
+        /"@type":\s*"WebSite"/i.test(html) ||
+        /itemtype="https?:\/\/schema\.org\/WebSite"/i.test(html);
+    return isHomepage || hasWebsiteSchema;
+}
 /**
  * Gzip Compression Scorer
  */
@@ -544,6 +672,49 @@ function calculateGzipCompressionScore(data) {
         }
     };
 }
+/**
+ * Schema Detection Scorers
+ */
+function calculateSchemaBlogPostingScore(data) {
+    const score = data.present ? 1 : 0;
+    const displayValue = data.present ? 'BlogPosting schema found' : 'BlogPosting schema not found';
+    return {
+        score,
+        displayValue
+    };
+}
+function calculateSchemaFAQScore(data) {
+    const score = data.present ? 1 : 0;
+    const displayValue = data.present ? 'FAQ schema found' : 'FAQ schema not found';
+    return {
+        score,
+        displayValue
+    };
+}
+function calculateSchemaLocalBusinessScore(data) {
+    const score = data.present ? 1 : 0;
+    const displayValue = data.present ? 'LocalBusiness schema found' : 'LocalBusiness schema not found';
+    return {
+        score,
+        displayValue
+    };
+}
+function calculateSchemaServicesScore(data) {
+    const score = data.present ? 1 : 0;
+    const displayValue = data.present ? 'Service schema found' : 'Service schema not found';
+    return {
+        score,
+        displayValue
+    };
+}
+function calculateSchemaWebsiteScore(data) {
+    const score = data.present ? 1 : 0;
+    const displayValue = data.present ? 'WebSite schema found' : 'WebSite schema not found';
+    return {
+        score,
+        displayValue
+    };
+}
 /**
  * Crawl the site to discover internal pages
  */
@@ -695,6 +866,12 @@ async function analyzeSinglePage(url) {
         const html = await page.content();
         // Don't close the page here - let it be reused or closed by caller
         // await page.close();
+        // Detect page types
+        const isBlogPage = detectBlogPage(html, url);
+        const isFAQPage = detectFAQPage(html, url);
+        const isLocalBusinessPage = detectLocalBusinessPage(html, url);
+        const isServicePage = detectServicePage(html, url);
+        const isWebsitePage = detectWebsitePage(html, url);
         const audits = [];
         // Process on-page metrics from configuration
         const config = seoMetricsConfig;
@@ -703,7 +880,27 @@ async function analyzeSinglePage(url) {
             let score = 0;
             let displayValue = '';
             let details = undefined;
-            // Use data collector and scorer if available
+            // Special handling for schema metrics - only check on relevant page types
+            if (metric.id === 'schema-blogposting') {
+                if (!isBlogPage)
+                    continue;
+            }
+            else if (metric.id === 'schema-faq') {
+                if (!isFAQPage)
+                    continue;
+            }
+            else if (metric.id === 'schema-localbusiness') {
+                if (!isLocalBusinessPage)
+                    continue;
+            }
+            else if (metric.id === 'schema-services') {
+                if (!isServicePage)
+                    continue;
+            }
+            else if (metric.id === 'schema-website') {
+                if (!isWebsitePage)
+                    continue;
+            }
             if (metric.dataCollector && metric.scorer) {
                 const collector = dataCollectors[metric.dataCollector];
                 const scorer = scorers[metric.scorer];
@@ -979,9 +1176,29 @@ export async function performOnSiteSEOAnalysis(baseUrl) {
         }
         // Analyze each page
         const pagesAnalyzed = [];
+        const schemaResults = {
+            'schema-blogposting': [],
+            'schema-faq': [],
+            'schema-localbusiness': [],
+            'schema-services': [],
+            'schema-website': []
+        };
         for (const pageUrl of pagesToAnalyze) {
             try {
                 const pageAnalysis = await analyzeSinglePage(pageUrl);
+                // Extract and remove schema audits from page-level audits to avoid duplication
+                const schemaIds = Object.keys(schemaResults);
+                pageAnalysis.audits = pageAnalysis.audits.filter(audit => {
+                    if (schemaIds.includes(audit.id)) {
+                        schemaResults[audit.id].push({
+                            url: pageAnalysis.url,
+                            title: pageAnalysis.title || '',
+                            score: audit.score || 0
+                        });
+                        return false; // Remove from page-level audits
+                    }
+                    return true;
+                });
                 pagesAnalyzed.push(pageAnalysis);
             }
             catch (error) {
@@ -990,6 +1207,61 @@ export async function performOnSiteSEOAnalysis(baseUrl) {
         }
         // Perform site-wide audits
         const onSiteAudits = await performSiteWideAudits(baseUrl);
+        // Handle Schema Metrics with specific aggregation logic
+        const schemaConfigs = [
+            { id: 'schema-blogposting', title: 'BlogPosting Schema', optional: true, failMsg: 'BlogPosting schema not found' },
+            { id: 'schema-faq', title: 'FAQ Schema', optional: false, failMsg: 'FAQ schema not found', emptyMsg: 'No FAQ pages detected - sites should have FAQ content' },
+            { id: 'schema-localbusiness', title: 'LocalBusiness Schema', optional: false, failMsg: 'LocalBusiness schema not found' },
+            { id: 'schema-services', title: 'Service Schema', optional: false, failMsg: 'Service schema not found' },
+            { id: 'schema-website', title: 'WebSite Schema', optional: false, failMsg: 'WebSite schema not found' }
+        ];
+        for (const config of schemaConfigs) {
+            const results = schemaResults[config.id];
+            if (results.length === 0) {
+                if (config.optional) {
+                    // Optional and none found -> N/A (white dot)
+                    onSiteAudits.push({
+                        id: config.id,
+                        title: config.title,
+                        score: null,
+                        scoreDisplayMode: 'binary',
+                        displayValue: `No ${config.title.split(' ')[0]} pages detected`,
+                        category: 'on-site'
+                    });
+                }
+                else {
+                    // Required but none found -> 0% (red dot)
+                    onSiteAudits.push({
+                        id: config.id,
+                        title: config.title,
+                        score: 0,
+                        scoreDisplayMode: 'binary',
+                        displayValue: config.emptyMsg || `No ${config.title.split(' ')[0]} pages detected`,
+                        category: 'on-site'
+                    });
+                }
+            }
+            else {
+                const passCount = results.filter(r => r.score === 1).length;
+                const totalCount = results.length;
+                const score = passCount / totalCount;
+                const failedPages = results.filter(r => r.score === 0).map(r => ({
+                    page: r.title || r.url,
+                    url: r.url,
+                    score: 0,
+                    displayValue: config.failMsg
+                }));
+                onSiteAudits.push({
+                    id: config.id,
+                    title: config.title,
+                    score: score,
+                    scoreDisplayMode: 'binary',
+                    displayValue: `${passCount}/${totalCount} pages pass`,
+                    category: 'on-site',
+                    details: score < 1 ? { items: failedPages } : undefined
+                });
+            }
+        }
         // Calculate overall score (simplified - average of all page scores)
         let totalScore = 0;
         let totalAudits = 0;

package/dist/components/admin/site-health/site-health-on-site-seo.js

@@ -2,7 +2,7 @@
 import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
 import { SiteHealthTemplate } from './site-health-template';
-import { getScoreIndicator } from './site-health-indicators';
+import { formatAuditItem, getAuditScoreIcon } from './site-health-utils';
 /**
  * Restructure audits by type with all pages and their individual results
  */
@@ -53,8 +53,8 @@ function restructureAuditsByType(pagesAnalyzed) {
             scoreDisplayMode: audit.scoreDisplayMode,
             displayValue: `${passCount}/${totalCount} pages pass`,
             category: audit.category,
-            details: allPageResults.length > 0 ? {
-                items: allPageResults
+            details: (overallScore !== null && overallScore < 1 && allPageResults.length > 0) ? {
+                items: allPageResults.filter(r => r.score !== 1) // Only show failed pages in details
             } : undefined
         };
         restructuredAudits.push(restructuredAudit);
@@ -104,12 +104,6 @@ export function SiteHealthOnSiteSEO({ siteName }) {
             }
             // Process data to aggregate audits by type across all pages
             const aggregatedOnPageAudits = restructureAuditsByType(data.pagesAnalyzed);
-            const getScoreColor = (score) => {
-                return getScoreIndicator(score).color;
-            };
-            const getAuditScoreIcon = (score) => {
-                return getScoreIndicator(score).icon;
-            };
             const formatPageIssue = (item) => {
                 // Handle page-specific results from restructured data
                 if (item.page && typeof item.page === 'string') {
@@ -153,55 +147,10 @@ export function SiteHealthOnSiteSEO({ siteName }) {
                 // Fallback to original formatting
                 return formatAuditItem(item);
             };
-            const formatAuditItem = (item) => {
-                // Handle specific SEO element formatting based on the user's list
-                // Title Tags
-                if (item.title && typeof item.title === 'string') {
-                    return `Title: "${item.title}" (${item.length || 'unknown'} chars)`;
-                }
-                // Meta tags
-                if (item.name && typeof item.name === 'string' && item.content) {
-                    return `${item.name}: ${String(item.content)}`;
-                }
-                // Headings
-                if (item.tag && typeof item.tag === 'string' && item.tag.match(/^h[1-6]$/i)) {
-                    return `${item.tag}: "${item.text || ''}"`;
-                }
-                // Links and URLs
-                if (item.url && typeof item.url === 'string') {
-                    if (item.issue && typeof item.issue === 'string') {
-                        return `${item.url} - ${item.issue}`;
-                    }
-                    return item.url;
-                }
-                // Images with alt tags
-                if (item.src && typeof item.src === 'string') {
-                    return `Image: ${item.src} ${item.alt ? '(has alt)' : '(missing alt)'}`;
-                }
-                // Robots.txt directives
-                if (item.directive && typeof item.directive === 'string') {
-                    return `${item.directive}: ${item.value || ''}`;
-                }
-                // Sitemap entries
-                if (item.loc && typeof item.loc === 'string') {
-                    return item.loc;
-                }
-                // Default formatting
-                return Object.entries(item)
-                    .map(([key, value]) => `${key}: ${String(value)}`)
-                    .join(', ');
-            };
-            return (_jsxs(_Fragment, { children: [_jsx("h4", { className: "health-site-name", children: data.site.replace('-', ' ') }), _jsxs("p", { className: "health-site-url", children: ["URL: ", data.url] }), data.overallScore !== null && (_jsx("div", { className: "health-score-container", children: _jsxs("div", { className: "health-score-item", children: [_jsx("div", { className: "health-score-label", children: "On-Site SEO Score" }), _jsxs("div", { className: "health-score-value", style: { color: getScoreColor(data.overallScore) }, children: [Math.round((data.overallScore || 0) * 100), "%"] }), _jsx("div", { className: "health-score-bar", children: _jsx("div", { className: "health-score-fill", style: {
-                                            width: `${(data.overallScore || 0) * 100}%`,
-                                            backgroundColor: getScoreColor(data.overallScore)
-                                        } }) })] }) })), aggregatedOnPageAudits.length > 0 && (_jsxs("div", { children: [_jsx("h5", { style: { fontSize: '1rem', fontWeight: '600', marginBottom: '1rem' }, children: "On-Page SEO Audits" }), _jsx("div", { className: "space-y-2", children: aggregatedOnPageAudits
-                                    .filter(audit => audit.scoreDisplayMode !== 'notApplicable')
-                                    .map((audit) => (_jsxs("div", { className: "health-audit-item", children: [_jsx("span", { className: "health-audit-icon", children: getAuditScoreIcon(audit.score) }), _jsxs("div", { className: "health-audit-content", children: [_jsxs("span", { className: "health-audit-title", children: ["(", Math.round((audit.score || 0) * 100), "%) ", audit.title] }), audit.displayValue && audit.score !== 1 && (_jsx("p", { className: "health-audit-description", children: audit.displayValue })), audit.details && audit.details.items && Array.isArray(audit.details.items) && audit.details.items.length > 0 && audit.score !== 1 && (_jsx("div", { className: "health-audit-details", children: _jsx("div", { style: { fontSize: '0.75rem', color: '#6b7280', marginTop: '0.25rem' }, children: audit.details.items
-                                                            .filter((item) => item.score !== 1)
-                                                            .map((item, idx) => (_jsx("div", { style: { marginBottom: '0.125rem' }, children: formatPageIssue(item) }, idx))) }) }))] })] }, audit.id))) })] })), data.onSiteAudits.length > 0 && (_jsxs("div", { style: { marginTop: data.pagesAnalyzed.length > 0 ? '2rem' : '0' }, children: [_jsx("h5", { style: { fontSize: '1rem', fontWeight: '600', marginBottom: '1rem' }, children: "On-Site SEO Audits" }), _jsx("div", { className: "space-y-2", children: data.onSiteAudits
+            return (_jsxs(_Fragment, { children: [data.onSiteAudits.length > 0 && (_jsxs("div", { style: { marginTop: data.pagesAnalyzed.length > 0 ? '2rem' : '0' }, children: [_jsx("h5", { style: { fontSize: '1rem', fontWeight: '600', marginBottom: '1rem' }, children: "On-Site SEO Audits" }), _jsx("div", { className: "health-audit-list", children: data.onSiteAudits
                                     .filter(audit => audit.scoreDisplayMode !== 'notApplicable')
                                     .sort((a, b) => (b.score || 0) - (a.score || 0))
-                                    .map((audit) => (_jsxs("div", { className: "health-audit-item", children: [_jsx("span", { className: "health-audit-icon", children: getAuditScoreIcon(audit.score) }), _jsxs("div", { className: "health-audit-content", children: [_jsxs("span", { className: "health-audit-title", children: ["(", Math.round((audit.score || 0) * 100), "%) ", audit.title] }), audit.displayValue && audit.score !== 1 && (_jsx("p", { className: "health-audit-description", children: audit.displayValue })), audit.details && audit.details.items && Array.isArray(audit.details.items) && audit.details.items.length > 0 && audit.score !== 1 && (_jsx("div", { className: "health-audit-details", children: _jsx("div", { style: { fontSize: '0.75rem', color: '#6b7280', marginTop: '0.25rem' }, children: audit.details.items
+                                    .map((audit) => (_jsxs("div", { className: "health-audit-item", children: [_jsx("span", { className: "health-audit-icon", children: getAuditScoreIcon(audit.score) }), _jsxs("div", { className: "health-audit-content", children: [_jsxs("span", { className: "health-audit-title", children: [audit.score === null ? '(N/A)' : `(${Math.round((audit.score || 0) * 100)}%)`, " ", audit.title] }), audit.displayValue && audit.score !== 1 && (_jsx("p", { className: "health-audit-description", children: audit.displayValue })), audit.details && audit.details.items && Array.isArray(audit.details.items) && audit.details.items.length > 0 && audit.score !== 1 && (_jsx("div", { className: "health-audit-details", children: _jsx("div", { style: { fontSize: '0.75rem', color: '#6b7280', marginTop: '0.25rem' }, children: audit.details.items
                                                             .filter((item) => item.score !== 1)
                                                             .map((item, idx) => (_jsx("div", { style: { marginBottom: '0.125rem' }, children: formatAuditItem(item) }, idx))) }) }))] })] }, audit.id))) })] })), _jsxs("p", { className: "health-timestamp", children: ["Last checked: ", new Date(data.timestamp).toLocaleString()] })] }));
         } }));

package/dist/components/admin/site-health/site-health-overview.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useCallback } from 'react';
 import PropTypes from 'prop-types';
 import { SiteHealthTemplate } from './site-health-template';
-import { getScoreIndicator } from './site-health-indicators';
+import { formatScore, getScoreColor } from './site-health-utils';
 SiteHealthOverview.propTypes = {
     siteName: PropTypes.string.isRequired,
 };
@@ -25,14 +25,6 @@ export function SiteHealthOverview({ siteName }) {
                 return (_jsxs("p", { style: { color: '#ef4444', fontSize: '0.875rem' }, children: ["Error: ", siteData.error] }));
             }
             // Helper functions
-            const getScoreColor = (score) => {
-                return getScoreIndicator(score).color;
-            };
-            const formatScore = (score) => {
-                if (score === null)
-                    return 'N/A';
-                return `${Math.round(score * 100)}%`;
-            };
             const getStatusColor = (status) => {
                 switch (status) {
                     case 'good': return '#10b981'; // green

package/dist/components/admin/site-health/site-health-performance.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useCallback } from 'react';
 import PropTypes from 'prop-types';
 import { SiteHealthTemplate } from './site-health-template';
-import { getScoreIndicator } from './site-health-indicators';
+import { formatAuditItem, getAuditScoreIcon, getScoreColor, formatScore } from './site-health-utils';
 SiteHealthPerformance.propTypes = {
     siteName: PropTypes.string.isRequired,
 };
@@ -24,166 +24,10 @@ export function SiteHealthPerformance({ siteName }) {
             if (siteData.status === 'error') {
                 return (_jsxs("p", { style: { color: '#ef4444', fontSize: '0.875rem' }, children: ["Error: ", siteData.error] }));
             }
-            const getAuditScoreIcon = (score) => {
-                return getScoreIndicator(score).icon;
-            };
-            const getScoreColor = (score) => {
-                return getScoreIndicator(score).color;
-            };
-            const formatScore = (score) => {
-                if (score === null)
-                    return 'N/A';
-                return `${Math.round(score * 100)}%`;
-            };
-            // Helper function to display audit item details
-            const formatAuditItem = (item, auditTitle) => {
-                // Handle URLs
-                if (item.url && typeof item.url === 'string') {
-                    return item.url;
-                }
-                // Handle sources (like JavaScript files)
-                if (item.source && typeof item.source === 'string') {
-                    return item.source;
-                }
-                // Handle text descriptions
-                if (item.text && typeof item.text === 'string') {
-                    return item.text;
-                }
-                // Handle entities (like "Google Tag Manager")
-                if (item.entity && typeof item.entity === 'string') {
-                    return item.entity;
-                }
-                // Handle nodes with selectors
-                if (item.node && typeof item.node === 'object' && 'selector' in item.node) {
-                    return `Element: ${item.node.selector}`;
-                }
-                // Handle nodes with snippets
-                if (item.node && typeof item.node === 'object' && 'snippet' in item.node) {
-                    const snippet = item.node.snippet;
-                    return `Element: ${snippet.length > 50 ? snippet.substring(0, 50) + '...' : snippet}`;
-                }
-                // Handle origins (like domains)
-                if (item.origin && typeof item.origin === 'string') {
-                    return item.origin;
-                }
-                // Handle labels
-                if (item.label && typeof item.label === 'string') {
-                    return item.label;
-                }
-                // Handle numeric values with units
-                if (item.value && typeof item.value === 'object' && 'type' in item.value && item.value.type === 'numeric') {
-                    const value = item.value;
-                    return `${value.value}${item.unit || ''}`;
-                }
-                // Handle statistics
-                if (item.statistic && typeof item.statistic === 'string' && item.value) {
-                    if (typeof item.value === 'object' && 'type' in item.value && item.value.type === 'numeric') {
-                        const value = item.value;
-                        return `${item.statistic}: ${value.value}`;
-                    }
-                    return item.statistic;
-                }
-                // Handle timing data with audit context
-                if (typeof item === 'number') {
-                    let context = '';
-                    if (auditTitle) {
-                        if (auditTitle.toLowerCase().includes('server') || auditTitle.toLowerCase().includes('backend')) {
-                            context = ' server response';
-                        }
-                        else if (auditTitle.toLowerCase().includes('network') || auditTitle.toLowerCase().includes('request')) {
-                            context = ' network request';
-                        }
-                        else if (auditTitle.toLowerCase().includes('render') || auditTitle.toLowerCase().includes('blocking')) {
-                            context = ' render blocking';
-                        }
-                        else if (auditTitle.toLowerCase().includes('javascript') || auditTitle.toLowerCase().includes('js')) {
-                            context = ' JavaScript';
-                        }
-                        else if (auditTitle.toLowerCase().includes('image') || auditTitle.toLowerCase().includes('media')) {
-                            context = ' media resource';
-                        }
-                    }
-                    return `${item.toFixed(2)}ms${context}`;
-                }
-                if (item.value && typeof item.value === 'number') {
-                    const unit = item.unit || 'ms';
-                    let context = '';
-                    if (auditTitle && unit === 'ms') {
-                        if (auditTitle.toLowerCase().includes('server')) {
-                            context = ' server time';
-                        }
-                        else if (auditTitle.toLowerCase().includes('network')) {
-                            context = ' network time';
-                        }
-                    }
-                    return `${item.value.toFixed(2)}${unit}${context}`;
-                }
-                // Handle timing data with more context
-                if (item.duration && typeof item.duration === 'number') {
-                    const duration = item.duration;
-                    let context = '';
-                    if (item.url && typeof item.url === 'string') {
-                        context = ` for ${item.url}`;
-                    }
-                    else if (item.source && typeof item.source === 'string') {
-                        context = ` for ${item.source}`;
-                    }
-                    else if (item.name && typeof item.name === 'string') {
-                        context = ` for ${item.name}`;
-                    }
-                    else if (item.path && typeof item.path === 'string') {
-                        context = ` for ${item.path}`;
-                    }
-                    else if (item.request && typeof item.request === 'string') {
-                        context = ` for ${item.request}`;
-                    }
-                    return `${duration.toFixed(2)}ms${context}`;
-                }
-                // Handle response times
-                if (item.responseTime && typeof item.responseTime === 'number') {
-                    const url = (item.url && typeof item.url === 'string') ? ` (${item.url})` : '';
-                    return `${item.responseTime.toFixed(2)}ms response time${url}`;
-                }
-                // Handle start/end times
-                if ((item.startTime || item.endTime) && typeof (item.startTime || item.endTime) === 'number') {
-                    const start = item.startTime && typeof item.startTime === 'number' ? item.startTime.toFixed(2) : '?';
-                    const end = item.endTime && typeof item.endTime === 'number' ? item.endTime.toFixed(2) : '?';
-                    const url = (item.url && typeof item.url === 'string') ? ` for ${item.url}` : '';
-                    return `${start}ms - ${end}ms${url}`;
-                }
-                // Handle transfer size with timing
-                if (item.transferSize && typeof item.transferSize === 'number' && item.duration && typeof item.duration === 'number') {
-                    const size = (item.transferSize / 1024).toFixed(1);
-                    const time = item.duration.toFixed(2);
-                    const url = (item.url && typeof item.url === 'string') ? ` (${item.url})` : '';
-                    return `${size} KB in ${time}ms${url}`;
-                }
-                // Handle main thread time
-                if (item.mainThreadTime && typeof item.mainThreadTime === 'number') {
-                    return `${item.mainThreadTime.toFixed(1)}ms`;
-                }
-                // For other objects, try to find a meaningful display
-                if (item.group && typeof item.group === 'string') {
-                    return item.group;
-                }
-                if (item.type && typeof item.type === 'string') {
-                    return item.type;
-                }
-                // If we can't find anything meaningful, provide a generic description
-                // This handles raw timing data that might be from various performance metrics
-                if (typeof item === 'number') {
-                    return `${item.toFixed(2)}ms`;
-                }
-                if (item.value && typeof item.value === 'number') {
-                    const unit = item.unit || 'ms';
-                    return `${item.value.toFixed(2)}${unit}`;
-                }
-                return 'Performance metric data available';
-            };
             return (_jsxs(_Fragment, { children: [_jsx("h4", { className: "health-site-name", children: siteData.site.replace('-', ' ') }), _jsxs("p", { className: "health-site-url", children: ["URL: ", siteData.url] }), _jsx("div", { style: { marginBottom: '1.5rem' }, children: _jsxs("div", { className: "health-score-item", style: { width: '100%' }, children: [_jsx("div", { className: "health-score-label", children: "Performance Score" }), _jsx("div", { className: "health-score-value", style: { color: getScoreColor(siteData.scores.performance) }, children: formatScore(siteData.scores.performance) }), _jsx("div", { className: "health-score-bar", children: _jsx("div", { className: "health-score-fill", style: {
                                             width: siteData.scores.performance !== null ? `${siteData.scores.performance * 100}%` : '0%',
                                             backgroundColor: siteData.scores.performance !== null ? getScoreColor(siteData.scores.performance) : '#6b7280'
-                                        } }) })] }) }), ((siteData.categories.performance?.audits?.length > 0) || (siteData.categories.pwa?.audits?.length > 0)) && (_jsxs("div", { children: [_jsx("h5", { style: { fontSize: '1rem', fontWeight: '600', marginBottom: '1rem' }, children: "Performance Opportunities" }), _jsx("div", { className: "space-y-2", children: [
+                                        } }) })] }) }), ((siteData.categories.performance?.audits?.length > 0) || (siteData.categories.pwa?.audits?.length > 0)) && (_jsxs("div", { children: [_jsx("h5", { style: { fontSize: '1rem', fontWeight: '600', marginBottom: '1rem' }, children: "Performance Opportunities" }), _jsx("div", { className: "health-audit-list", children: [
                                     ...(siteData.categories.performance?.audits || []),
                                     ...(siteData.categories.pwa?.audits || [])
                                 ]