npm - @pixelated-tech/components - Versions diffs - 3.5.12 → 3.5.13 - Mend

@pixelated-tech/components 3.5.12 → 3.5.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (23) hide show

package/dist/components/admin/site-health/seo-metrics.config.json CHANGED Viewed

@@ -148,16 +148,6 @@
           "scoreLogic": "present",
           "displayTemplate": "{{count}} manifest link(s) found"
         },
-        "schema-markup": {
-          "id": "schema-markup",
-          "title": "Schema Markup",
-          "description": "Checks for structured data markup",
-          "scoreDisplayMode": "binary",
-          "pattern": "(<script[^>]*type=[\"']application/ld\\+json[\"'][^>]*>[^<]*</script>)|(<[^>]*itemtype=[\"'][^\"']*[\"'][^>]*>)",
-          "countLogic": "count",
-          "scoreLogic": "present",
-          "displayTemplate": "{{count}} schema markup element(s) found"
-        },
         "twitter-cards": {
           "id": "twitter-cards",
           "title": "Twitter Cards",
@@ -239,15 +229,45 @@
           "scoreLogic": "present",
           "displayTemplate": "{{count}} pagination link(s) found"
         },
-        "local-seo-elements": {
-          "id": "local-seo-elements",
-          "title": "Local SEO Elements",
-          "description": "Checks for local business schema markup",
+        "schema-blogposting": {
+          "id": "schema-blogposting",
+          "title": "BlogPosting Schema",
+          "description": "Checks for BlogPosting structured data markup",
           "scoreDisplayMode": "binary",
-          "pattern": "(<script[^>]*type=[\"']application/ld\\+json[\"'][^>]*>[^<]*\"@type\"[^<]*\"LocalBusiness\"[^<]*</script>)|(<[^>]*itemtype=[\"'][^\"']*LocalBusiness[^\"']*[\"'][^>]*>)",
-          "countLogic": "count",
-          "scoreLogic": "present",
-          "displayTemplate": "{{count}} local business schema element(s) found"
+          "dataCollector": "collectSchemaBlogPostingData",
+          "scorer": "calculateSchemaBlogPostingScore"
+        },
+        "schema-faq": {
+          "id": "schema-faq",
+          "title": "FAQ Schema",
+          "description": "Checks for FAQPage structured data markup",
+          "scoreDisplayMode": "binary",
+          "dataCollector": "collectSchemaFAQData",
+          "scorer": "calculateSchemaFAQScore"
+        },
+        "schema-localbusiness": {
+          "id": "schema-localbusiness",
+          "title": "LocalBusiness Schema",
+          "description": "Checks for LocalBusiness structured data markup",
+          "scoreDisplayMode": "binary",
+          "dataCollector": "collectSchemaLocalBusinessData",
+          "scorer": "calculateSchemaLocalBusinessScore"
+        },
+        "schema-services": {
+          "id": "schema-services",
+          "title": "Service Schema",
+          "description": "Checks for Service structured data markup",
+          "scoreDisplayMode": "binary",
+          "dataCollector": "collectSchemaServicesData",
+          "scorer": "calculateSchemaServicesScore"
+        },
+        "schema-website": {
+          "id": "schema-website",
+          "title": "WebSite Schema",
+          "description": "Checks for WebSite structured data markup",
+          "scoreDisplayMode": "binary",
+          "dataCollector": "collectSchemaWebsiteData",
+          "scorer": "calculateSchemaWebsiteScore"
         },
         "amp-validation": {
           "id": "amp-validation",

package/dist/components/admin/site-health/site-health-accessibility.js CHANGED Viewed

@@ -119,7 +119,7 @@ export function SiteHealthAccessibility({ siteName }) {
             return (_jsxs(_Fragment, { children: [_jsx("h4", { className: "health-site-name", children: siteData.site.replace('-', ' ') }), _jsxs("p", { className: "health-site-url", children: ["URL: ", siteData.url] }), siteData.scores.accessibility !== null && (_jsx("div", { className: "health-score-container", children: _jsxs("div", { className: "health-score-item", children: [_jsx("div", { className: "health-score-label", children: "Accessibility Score" }), _jsxs("div", { className: "health-score-value", style: { color: getScoreColor(siteData.scores.accessibility) }, children: [Math.round((siteData.scores.accessibility || 0) * 100), "%"] }), _jsx("div", { className: "health-score-bar", children: _jsx("div", { className: "health-score-fill", style: {
                                             width: `${(siteData.scores.accessibility || 0) * 100}%`,
                                             backgroundColor: getScoreColor(siteData.scores.accessibility)
-                                        } }) })] }) })), siteData.categories.accessibility && siteData.categories.accessibility.audits.length > 0 && (_jsxs("div", { children: [_jsx("h5", { style: { fontSize: '1rem', fontWeight: '600', marginBottom: '1rem' }, children: "Accessibility Issues & Recommendations" }), _jsx("div", { className: "space-y-2", children: siteData.categories.accessibility.audits
+                                        } }) })] }) })), siteData.categories.accessibility && siteData.categories.accessibility.audits.length > 0 && (_jsxs("div", { children: [_jsx("h5", { style: { fontSize: '1rem', fontWeight: '600', marginBottom: '1rem' }, children: "Accessibility Issues & Recommendations" }), _jsx("div", { className: "health-audit-list", children: siteData.categories.accessibility.audits
                                     .filter((audit) => audit.scoreDisplayMode !== 'notApplicable')
                                     .sort((a, b) => {
                                     // Prioritize specific important accessibility audits

package/dist/components/admin/site-health/site-health-axe-core.js CHANGED Viewed

@@ -43,13 +43,13 @@ export function SiteHealthAxeCore({ siteName }) {
                 return (_jsxs("p", { style: { color: '#ef4444', fontSize: '0.875rem' }, children: ["Error: ", siteData.error] }));
             }
             const { result, summary } = siteData;
-            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", { className: "health-score-container", children: _jsxs("div", { className: "health-score-item", children: [_jsx("div", { className: "health-score-label", children: "Accessibility Summary" }), _jsxs("div", { className: "health-score-grid", children: [_jsxs("div", { className: "health-stat-item", children: [_jsx("span", { className: "health-stat-label", children: "Violations : " }), _jsx("span", { className: "health-stat-value", style: { color: summary.violations > 0 ? '#ef4444' : '#10b981' }, children: summary.violations })] }), _jsxs("div", { className: "health-stat-item", children: [_jsx("span", { className: "health-stat-label", children: "Passes : " }), _jsx("span", { className: "health-stat-value", style: { color: '#10b981' }, children: summary.passes })] }), _jsxs("div", { className: "health-stat-item", children: [_jsx("span", { className: "health-stat-label", children: "Incomplete : " }), _jsx("span", { className: "health-stat-value", style: { color: '#f59e0b' }, children: summary.incomplete })] })] })] }) }), summary.violations > 0 && (_jsx("div", { className: "health-score-container", children: _jsxs("div", { className: "health-score-item", children: [_jsx("div", { className: "health-score-label", children: "Violation Impact Levels" }), _jsxs("div", { className: "health-score-grid", children: [_jsxs("div", { className: "health-stat-item", children: [_jsx("span", { className: "health-stat-label", children: "Critical : " }), _jsx("span", { className: "health-stat-value", style: { color: getImpactColor('critical') }, children: summary.critical })] }), _jsxs("div", { className: "health-stat-item", children: [_jsx("span", { className: "health-stat-label", children: "Serious : " }), _jsx("span", { className: "health-stat-value", style: { color: getImpactColor('serious') }, children: summary.serious })] }), _jsxs("div", { className: "health-stat-item", children: [_jsx("span", { className: "health-stat-label", children: "Moderate : " }), _jsx("span", { className: "health-stat-value", style: { color: getImpactColor('moderate') }, children: summary.moderate })] }), _jsxs("div", { className: "health-stat-item", children: [_jsx("span", { className: "health-stat-label", children: "Minor : " }), _jsx("span", { className: "health-stat-value", style: { color: getImpactColor('minor') }, children: summary.minor })] })] })] }) })), result.violations.length > 0 && (_jsxs("div", { children: [_jsx("h5", { style: { fontSize: '1rem', fontWeight: '600', marginBottom: '1rem' }, children: "Accessibility Violations" }), _jsx("div", { className: "space-y-2", children: result.violations
+            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", { className: "health-score-container", children: _jsxs("div", { className: "health-score-item", children: [_jsx("div", { className: "health-score-label", children: "Accessibility Summary" }), _jsxs("div", { className: "health-score-grid", children: [_jsxs("div", { className: "health-stat-item", children: [_jsx("span", { className: "health-stat-label", children: "Violations : " }), _jsx("span", { className: "health-stat-value", style: { color: summary.violations > 0 ? '#ef4444' : '#10b981' }, children: summary.violations })] }), _jsxs("div", { className: "health-stat-item", children: [_jsx("span", { className: "health-stat-label", children: "Passes : " }), _jsx("span", { className: "health-stat-value", style: { color: '#10b981' }, children: summary.passes })] }), _jsxs("div", { className: "health-stat-item", children: [_jsx("span", { className: "health-stat-label", children: "Incomplete : " }), _jsx("span", { className: "health-stat-value", style: { color: '#f59e0b' }, children: summary.incomplete })] })] })] }) }), summary.violations > 0 && (_jsx("div", { className: "health-score-container", children: _jsxs("div", { className: "health-score-item", children: [_jsx("div", { className: "health-score-label", children: "Violation Impact Levels" }), _jsxs("div", { className: "health-score-grid", children: [_jsxs("div", { className: "health-stat-item", children: [_jsx("span", { className: "health-stat-label", children: "Critical : " }), _jsx("span", { className: "health-stat-value", style: { color: getImpactColor('critical') }, children: summary.critical })] }), _jsxs("div", { className: "health-stat-item", children: [_jsx("span", { className: "health-stat-label", children: "Serious : " }), _jsx("span", { className: "health-stat-value", style: { color: getImpactColor('serious') }, children: summary.serious })] }), _jsxs("div", { className: "health-stat-item", children: [_jsx("span", { className: "health-stat-label", children: "Moderate : " }), _jsx("span", { className: "health-stat-value", style: { color: getImpactColor('moderate') }, children: summary.moderate })] }), _jsxs("div", { className: "health-stat-item", children: [_jsx("span", { className: "health-stat-label", children: "Minor : " }), _jsx("span", { className: "health-stat-value", style: { color: getImpactColor('minor') }, children: summary.minor })] })] })] }) })), result.violations.length > 0 && (_jsxs("div", { children: [_jsx("h5", { style: { fontSize: '1rem', fontWeight: '600', marginBottom: '1rem' }, children: "Accessibility Violations" }), _jsx("div", { className: "health-audit-list", children: result.violations
                                     .sort((a, b) => {
                                     const impactOrder = { critical: 4, serious: 3, moderate: 2, minor: 1 };
                                     return impactOrder[b.impact] - impactOrder[a.impact];
                                 })
                                     .slice(0, 20)
-                                    .map((violation) => (_jsxs("div", { className: "health-audit-item", children: [_jsx("span", { className: "health-audit-icon", children: getImpactIcon(violation.impact) }), _jsxs("div", { className: "health-audit-content", children: [_jsxs("span", { className: "health-audit-title", children: [violation.help, " (", violation.impact, ")"] }), _jsx("p", { className: "health-audit-description", children: violation.description }), violation.nodes && violation.nodes.length > 0 && (_jsx("div", { className: "health-audit-details", children: _jsxs("div", { style: { fontSize: '0.75rem', color: '#6b7280', marginTop: '0.25rem' }, children: ["Affected elements (", violation.nodes.length, "):", violation.nodes.map((node, idx) => (_jsx("div", { style: { marginBottom: '0.125rem' }, children: formatNodeInfo(node) }, idx)))] }) })), _jsx("div", { style: { fontSize: '0.75rem', color: '#6b7280', marginTop: '0.25rem' }, children: _jsx("a", { href: violation.helpUrl, target: "_blank", rel: "noopener noreferrer", style: { color: '#3b82f6', textDecoration: 'underline' }, children: "Learn more about this rule" }) })] })] }, violation.id))) })] })), result.passes.length > 0 && result.violations.length === 0 && (_jsxs("div", { children: [_jsxs("h5", { style: { fontSize: '1rem', fontWeight: '600', marginBottom: '1rem', color: '#10b981' }, children: [getPassingIndicator().icon, " All Accessibility Checks Passed"] }), _jsxs("p", { style: { color: '#6b7280', fontSize: '0.875rem' }, children: [result.passes.length, " accessibility rules were successfully validated."] })] })), result.incomplete.length > 0 && (_jsxs("div", { style: { marginTop: '15px' }, children: [_jsxs("h5", { style: { fontSize: '1rem', fontWeight: '600', marginBottom: '1rem', color: '#f59e0b' }, children: ["Incomplete Tests (", result.incomplete.length, ")"] }), _jsx("div", { className: "space-y-2", children: result.incomplete
+                                    .map((violation) => (_jsxs("div", { className: "health-audit-item", children: [_jsx("span", { className: "health-audit-icon", children: getImpactIcon(violation.impact) }), _jsxs("div", { className: "health-audit-content", children: [_jsxs("span", { className: "health-audit-title", children: [violation.help, " (", violation.impact, ")"] }), _jsx("p", { className: "health-audit-description", children: violation.description }), violation.nodes && violation.nodes.length > 0 && (_jsx("div", { className: "health-audit-details", children: _jsxs("div", { style: { fontSize: '0.75rem', color: '#6b7280', marginTop: '0.25rem' }, children: ["Affected elements (", violation.nodes.length, "):", violation.nodes.map((node, idx) => (_jsx("div", { style: { marginBottom: '0.125rem' }, children: formatNodeInfo(node) }, idx)))] }) })), _jsx("div", { style: { fontSize: '0.75rem', color: '#6b7280', marginTop: '0.25rem' }, children: _jsx("a", { href: violation.helpUrl, target: "_blank", rel: "noopener noreferrer", style: { color: '#3b82f6', textDecoration: 'underline' }, children: "Learn more about this rule" }) })] })] }, violation.id))) })] })), result.passes.length > 0 && result.violations.length === 0 && (_jsxs("div", { children: [_jsxs("h5", { style: { fontSize: '1rem', fontWeight: '600', marginBottom: '1rem', color: '#10b981' }, children: [getPassingIndicator().icon, " All Accessibility Checks Passed"] }), _jsxs("p", { style: { color: '#6b7280', fontSize: '0.875rem' }, children: [result.passes.length, " accessibility rules were successfully validated."] })] })), result.incomplete.length > 0 && (_jsxs("div", { style: { marginTop: '15px' }, children: [_jsxs("h5", { style: { fontSize: '1rem', fontWeight: '600', marginBottom: '1rem', color: '#f59e0b' }, children: ["Incomplete Tests (", result.incomplete.length, ")"] }), _jsx("div", { className: "health-audit-list", children: result.incomplete
                                     .sort((a, b) => a.id.localeCompare(b.id))
                                     .slice(0, 10)
                                     .map((incomplete) => (_jsxs("div", { className: "health-audit-item", children: [_jsx("span", { className: "health-audit-icon", children: getIncompleteIndicator().icon }), _jsxs("div", { className: "health-audit-content", children: [_jsx("span", { className: "health-audit-title", children: incomplete.help }), _jsx("p", { className: "health-audit-description", children: incomplete.description }), incomplete.nodes && incomplete.nodes.length > 0 && (_jsx("div", { className: "health-audit-details", children: _jsxs("div", { style: { fontSize: '0.75rem', color: '#6b7280', marginTop: '0.25rem' }, children: ["Elements tested (", incomplete.nodes.length, "):", incomplete.nodes.slice(0, 3).map((node, idx) => (_jsx("div", { style: { marginBottom: '0.125rem' }, children: formatNodeInfo(node) }, idx))), incomplete.nodes.length > 3 && (_jsxs("div", { style: { marginTop: '0.25rem', fontStyle: 'italic' }, children: ["... and ", incomplete.nodes.length - 3, " more elements"] }))] }) })), _jsx("div", { style: { fontSize: '0.75rem', color: '#6b7280', marginTop: '0.25rem' }, children: _jsx("a", { href: incomplete.helpUrl, target: "_blank", rel: "noopener noreferrer", style: { color: '#3b82f6', textDecoration: 'underline' }, children: "Learn more about this rule" }) })] })] }, incomplete.id))) })] })), _jsxs("div", { className: "health-timestamp", children: [_jsxs("div", { children: ["Tested with axe-core ", result.testEngine?.version || 'unknown'] }), _jsxs("div", { children: ["Last checked: ", new Date(siteData.timestamp).toLocaleString()] })] })] }));

package/dist/components/admin/site-health/site-health-cloudwatch.js CHANGED Viewed

@@ -32,12 +32,12 @@ export function SiteHealthCloudwatch({ siteName, startDate, endDate }) {
     };
     return (_jsx(SiteHealthTemplate, { siteName: siteName, title: "CloudWatch Uptime", columnSpan: 2, fetchData: fetchCloudwatchData, children: (data) => {
             if (!data || data.length === 0) {
-                return (_jsx("div", { className: "flex items-center justify-center h-64", children: _jsx("div", { className: "text-gray-500", children: "No uptime data available. Route53 health checks may not be configured to send metrics to CloudWatch." }) }));
+                return (_jsx("div", { className: "health-visualization-placeholder", children: _jsx("div", { className: "health-text-secondary", children: "No uptime data available. Route53 health checks may not be configured to send metrics to CloudWatch." }) }));
             }
             // Check if all data points have zero checks (no actual data)
             const hasActualData = data.some((point) => point.totalChecks > 0);
             if (!hasActualData) {
-                return (_jsx("div", { className: "flex items-center justify-center h-64", children: _jsxs("div", { className: "text-gray-500", children: ["Health check exists but has no metric data in CloudWatch for the selected period.", _jsx("br", {}), "Route53 health checks must be configured to send metrics to CloudWatch for historical data."] }) }));
+                return (_jsx("div", { className: "health-visualization-placeholder", children: _jsxs("div", { className: "health-text-secondary", children: ["Health check exists but has no metric data in CloudWatch for the selected period.", _jsx("br", {}), "Route53 health checks must be configured to send metrics to CloudWatch for historical data."] }) }));
             }
             return (_jsx("div", { children: _jsx("div", { style: { width: '100%', height: '400px', border: '1px solid #ddd' }, children: _jsx(ResponsiveContainer, { width: "100%", height: "100%", children: _jsxs(ComposedChart, { data: data, margin: { top: 40, right: 30, left: 20, bottom: 5 }, children: [_jsx("text", { x: "50%", y: 20, textAnchor: "middle", fontSize: "16", fontWeight: "bold", fill: "#374151", children: "CloudWatch Health Check Availability Over Time" }), _jsx(CartesianGrid, { strokeDasharray: "3 3" }), _jsx(XAxis, { dataKey: "date", tick: { fontSize: 12 }, angle: -45, textAnchor: "end", height: 60 }), _jsx(YAxis, { tick: { fontSize: 12 }, label: { value: 'Check Count', angle: -90, position: 'insideLeft' } }), _jsx(Tooltip, { formatter: (value, name) => [
                                         value?.toLocaleString() || '0',

package/dist/components/admin/site-health/site-health-dependency-vulnerabilities.js CHANGED Viewed

@@ -37,6 +37,6 @@ export function SiteHealthDependencyVulnerabilities({ siteName }) {
                                                     data.status === 'Moderate Risk' ? '#f59e0b' :
                                                         data.status === 'High Risk' ? '#ef4444' :
                                                             data.status === 'Critical' ? '#ef4444' : '#6b7280'
-                                        } }) })] }) }), _jsxs("div", { className: "health-audit-item", children: [_jsx("span", { className: "health-audit-icon", style: { color: '#10b981' }, children: "\u2713" }), _jsx("div", { className: "health-audit-content", children: _jsxs("span", { className: "health-audit-title", children: ["Dependencies: ", data.totalDependencies || data.dependencies || 0] }) })] }), data.vulnerabilities && data.vulnerabilities.length > 0 && (_jsxs("div", { children: [_jsxs("h5", { style: { fontSize: '1rem', fontWeight: '600', marginBottom: '1rem' }, children: ["Vulnerabilities (", data.summary.total, ")"] }), _jsx("div", { className: "space-y-2", children: data.vulnerabilities.map((vuln, index) => (_jsx("div", { className: `health-vulnerability-item health-vulnerability-${vuln.severity}`, children: _jsxs("div", { className: "health-vulnerability-header", children: [_jsx("span", { className: "health-vulnerability-severity", children: vuln.severity }), _jsxs("div", { children: [_jsx("span", { className: "health-vulnerability-name", children: vuln.name }), vuln.title && (_jsx("p", { className: "health-vulnerability-details", children: vuln.title })), _jsxs("div", { className: "health-vulnerability-meta", children: [_jsxs("span", { className: "health-vulnerability-range", children: ["Range: ", vuln.range] }), vuln.fixAvailable && (_jsx("span", { className: "health-vulnerability-fix", children: "\u2713 Fix available" }))] }), vuln.url && (_jsx("a", { href: vuln.url, target: "_blank", rel: "noopener noreferrer", className: "health-vulnerability-link", children: "View details \u2192" }))] })] }) }, index))) })] })), (!data.vulnerabilities || data.vulnerabilities.length === 0) && data.status === 'Secure' && (_jsxs("div", { className: "health-audit-item", children: [_jsx("span", { className: "health-audit-icon", style: { color: '#10b981' }, children: "\u2713" }), _jsx("div", { className: "health-audit-content", children: _jsx("span", { className: "health-audit-title", children: "No vulnerabilities found" }) })] })), _jsxs("p", { className: "health-timestamp", children: ["Last checked: ", new Date(data.timestamp).toLocaleString()] })] }));
+                                        } }) })] }) }), _jsxs("div", { className: "health-audit-item", children: [_jsx("span", { className: "health-audit-icon", style: { color: '#10b981' }, children: "\u2713" }), _jsx("div", { className: "health-audit-content", children: _jsxs("span", { className: "health-audit-title", children: ["Dependencies: ", data.totalDependencies || data.dependencies || 0] }) })] }), data.vulnerabilities && data.vulnerabilities.length > 0 && (_jsxs("div", { children: [_jsxs("h5", { style: { fontSize: '1rem', fontWeight: '600', marginBottom: '1rem' }, children: ["Vulnerabilities (", data.summary.total, ")"] }), _jsx("div", { className: "health-audit-list", children: data.vulnerabilities.map((vuln, index) => (_jsx("div", { className: `health-vulnerability-item health-vulnerability-${vuln.severity}`, children: _jsxs("div", { className: "health-vulnerability-header", children: [_jsx("span", { className: "health-vulnerability-severity", children: vuln.severity }), _jsxs("div", { children: [_jsx("span", { className: "health-vulnerability-name", children: vuln.name }), vuln.title && (_jsx("p", { className: "health-vulnerability-details", children: vuln.title })), _jsxs("div", { className: "health-vulnerability-meta", children: [_jsxs("span", { className: "health-vulnerability-range", children: ["Range: ", vuln.range] }), vuln.fixAvailable && (_jsx("span", { className: "health-vulnerability-fix", children: "\u2713 Fix available" }))] }), vuln.url && (_jsx("a", { href: vuln.url, target: "_blank", rel: "noopener noreferrer", className: "health-vulnerability-link", children: "View details \u2192" }))] })] }) }, index))) })] })), (!data.vulnerabilities || data.vulnerabilities.length === 0) && data.status === 'Secure' && (_jsxs("div", { className: "health-audit-item", children: [_jsx("span", { className: "health-audit-icon", style: { color: '#10b981' }, children: "\u2713" }), _jsx("div", { className: "health-audit-content", children: _jsx("span", { className: "health-audit-title", children: "No vulnerabilities found" }) })] })), _jsxs("p", { className: "health-timestamp", children: ["Last checked: ", new Date(data.timestamp).toLocaleString()] })] }));
         } }));
 }

package/dist/components/admin/site-health/site-health-github.js CHANGED Viewed

@@ -32,9 +32,9 @@ export function SiteHealthGit({ siteName, startDate, endDate }) {
             // Prepare table data
             const tableData = (data.commits || []).map((commit) => ({
                 Date: new Date(commit.date).toLocaleDateString(),
-                Message: _jsx("span", { className: "max-w-xs truncate inline-block", title: commit.message, children: commit.message }),
-                Version: commit.version ? (_jsx("span", { className: "px-2 py-1 text-xs bg-green-100 text-green-800 rounded", children: commit.version.split('~')[0] })) : (_jsx("span", { className: "text-gray-400", children: "-" }))
+                Message: _jsx("span", { className: "health-truncate-text", title: commit.message, children: commit.message }),
+                Version: commit.version ? (_jsx("span", { className: "health-version-tag", children: commit.version.split('~')[0] })) : (_jsx("span", { className: "health-text-muted", children: "-" }))
             }));
-            return (_jsxs(_Fragment, { children: [_jsx("h4", { className: "health-site-name", children: siteName.replace('-', ' ') }), _jsx("div", { className: "space-y-4", children: tableData.length === 0 ? (_jsx("p", { className: "text-gray-500 text-center py-4", children: "No recent commits found" })) : (_jsx(Table, { id: "git-table", data: tableData, altRowColor: "#DDD" })) }), _jsxs("p", { className: "health-timestamp", children: ["Last checked: ", new Date(data.timestamp).toLocaleString()] })] }));
+            return (_jsxs(_Fragment, { children: [_jsx("h4", { className: "health-site-name", children: siteName.replace('-', ' ') }), _jsx("div", { className: "health-section-list", children: tableData.length === 0 ? (_jsx("p", { className: "health-empty-state", children: "No recent commits found" })) : (_jsx(Table, { id: "git-table", data: tableData, altRowColor: "#DDD" })) }), _jsxs("p", { className: "health-timestamp", children: ["Last checked: ", new Date(data.timestamp).toLocaleString()] })] }));
         } }));
 }

package/dist/components/admin/site-health/site-health-google-analytics.js CHANGED Viewed

@@ -36,7 +36,7 @@ export function SiteHealthGoogleAnalytics({ siteName, startDate, endDate }) {
     };
     return (_jsx(SiteHealthTemplate, { siteName: siteName, title: "Google Analytics", columnSpan: 2, fetchData: fetchAnalyticsData, children: (data) => {
             if (!data || data.length === 0) {
-                return (_jsx("div", { className: "flex items-center justify-center h-64", children: _jsx("div", { className: "text-gray-500", children: "No data available for the selected date range" }) }));
+                return (_jsx("div", { className: "health-visualization-placeholder", children: _jsx("div", { className: "health-text-secondary", children: "No data available for the selected date range" }) }));
             }
             return (_jsx("div", { children: _jsx("div", { style: { width: '100%', height: '400px', border: '1px solid #ddd' }, children: _jsx(ResponsiveContainer, { width: "100%", height: "100%", children: _jsxs(ComposedChart, { data: data, margin: { top: 40, right: 30, left: 20, bottom: 5 }, children: [_jsx("text", { x: "50%", y: 20, textAnchor: "middle", fontSize: "16", fontWeight: "bold", fill: "#374151", children: "Page Views (Current vs Previous Period)" }), _jsx(CartesianGrid, { strokeDasharray: "3 3" }), _jsx(XAxis, { dataKey: "date", tick: { fontSize: 12 }, angle: -45, textAnchor: "end", height: 60 }), _jsx(YAxis, { tick: { fontSize: 12 } }), _jsx(Tooltip, { formatter: (value, name) => [
                                         value?.toLocaleString() || '0',

package/dist/components/admin/site-health/site-health-google-search-console.js CHANGED Viewed

@@ -36,7 +36,7 @@ export function SiteHealthGoogleSearchConsole({ siteName, startDate, endDate })
     };
     return (_jsx(SiteHealthTemplate, { siteName: siteName, title: "Google Search Console", columnSpan: 2, fetchData: fetchSearchConsoleData, children: (data) => {
             if (!data || data.length === 0) {
-                return (_jsx("div", { className: "flex items-center justify-center h-64", children: _jsx("div", { className: "text-gray-500", children: "No indexing data available for the selected date range" }) }));
+                return (_jsx("div", { className: "health-visualization-placeholder", children: _jsx("div", { className: "health-text-secondary", children: "No indexing data available for the selected date range" }) }));
             }
             return (_jsx("div", { children: _jsx("div", { style: { width: '100%', height: '400px', border: '1px solid #ddd' }, children: _jsx(ResponsiveContainer, { width: "100%", height: "100%", children: _jsxs(ComposedChart, { data: data, margin: { top: 40, right: 30, left: 20, bottom: 5 }, children: [_jsx("text", { x: "50%", y: 20, textAnchor: "middle", fontSize: "16", fontWeight: "bold", fill: "#374151", children: "Impressions vs Clicks (Current vs Previous Period)" }), _jsx(CartesianGrid, { strokeDasharray: "3 3" }), _jsx(XAxis, { dataKey: "date", tick: { fontSize: 12 }, angle: -45, textAnchor: "end", height: 60 }), _jsx(YAxis, { tick: { fontSize: 12 } }), _jsx(Tooltip, { formatter: (value, name) => [
                                         value?.toLocaleString() || '0',

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

@@ -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 CHANGED Viewed

@@ -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);
@@ -194,14 +194,14 @@ export function SiteHealthOnSiteSEO({ siteName }) {
             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
+                                        } }) })] }) })), aggregatedOnPageAudits.length > 0 && (_jsxs("div", { children: [_jsx("h5", { style: { fontSize: '1rem', fontWeight: '600', marginBottom: '1rem' }, children: "On-Page SEO Audits" }), _jsx("div", { className: "health-audit-list", 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
+                                    .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: 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
+                                                            .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: "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-performance.js CHANGED Viewed

@@ -183,7 +183,7 @@ export function SiteHealthPerformance({ siteName }) {
             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 || [])
                                 ]

package/dist/components/admin/site-health/site-health-security.js CHANGED Viewed

@@ -164,7 +164,7 @@ export function SiteHealthSecurity({ siteName }) {
             return (_jsxs(_Fragment, { children: [_jsx("h4", { className: "health-site-name", children: siteName.replace('-', ' ') }), _jsxs("p", { className: "health-site-url", children: ["URL: ", psiData.url] }), psiData.scores['best-practices'] !== null && (_jsx("div", { className: "health-score-container", children: _jsxs("div", { className: "health-score-item", children: [_jsx("div", { className: "health-score-label", children: "Best Practices Score" }), _jsxs("div", { className: "health-score-value", style: { color: getScoreColor(psiData.scores['best-practices']) }, children: [Math.round((psiData.scores['best-practices'] || 0) * 100), "%"] }), _jsx("div", { className: "health-score-bar", children: _jsx("div", { className: "health-score-fill", style: {
                                             width: `${(psiData.scores['best-practices'] || 0) * 100}%`,
                                             backgroundColor: getScoreColor(psiData.scores['best-practices'])
-                                        } }) })] }) })), psiData.categories['best-practices'] && psiData.categories['best-practices'].audits.length > 0 && (_jsxs("div", { children: [_jsx("h5", { style: { fontSize: '1rem', fontWeight: '600', marginBottom: '1rem' }, children: "Security Best Practices" }), _jsx("div", { className: "space-y-2", children: psiData.categories['best-practices'].audits
+                                        } }) })] }) })), psiData.categories['best-practices'] && psiData.categories['best-practices'].audits.length > 0 && (_jsxs("div", { children: [_jsx("h5", { style: { fontSize: '1rem', fontWeight: '600', marginBottom: '1rem' }, children: "Security Best Practices" }), _jsx("div", { className: "health-audit-list", children: psiData.categories['best-practices'].audits
                                     .filter((audit) => audit.scoreDisplayMode !== 'notApplicable')
                                     .sort((a, b) => (b.score || 0) - (a.score || 0))
                                     .slice(0, 20)

package/dist/components/admin/site-health/site-health-seo.js CHANGED Viewed

@@ -119,7 +119,7 @@ export function SiteHealthSEO({ siteName }) {
             return (_jsxs(_Fragment, { children: [_jsx("h4", { className: "health-site-name", children: siteData.site.replace('-', ' ') }), _jsxs("p", { className: "health-site-url", children: ["URL: ", siteData.url] }), siteData.scores.seo !== null && (_jsx("div", { className: "health-score-container", children: _jsxs("div", { className: "health-score-item", children: [_jsx("div", { className: "health-score-label", children: "SEO Score" }), _jsxs("div", { className: "health-score-value", style: { color: getScoreColor(siteData.scores.seo) }, children: [Math.round((siteData.scores.seo || 0) * 100), "%"] }), _jsx("div", { className: "health-score-bar", children: _jsx("div", { className: "health-score-fill", style: {
                                             width: `${(siteData.scores.seo || 0) * 100}%`,
                                             backgroundColor: getScoreColor(siteData.scores.seo)
-                                        } }) })] }) })), siteData.categories.seo && siteData.categories.seo.audits.length > 0 && (_jsxs("div", { children: [_jsx("h5", { style: { fontSize: '1rem', fontWeight: '600', marginBottom: '1rem' }, children: "SEO Issues & Recommendations" }), _jsx("div", { className: "space-y-2", children: siteData.categories.seo.audits
+                                        } }) })] }) })), siteData.categories.seo && siteData.categories.seo.audits.length > 0 && (_jsxs("div", { children: [_jsx("h5", { style: { fontSize: '1rem', fontWeight: '600', marginBottom: '1rem' }, children: "SEO Issues & Recommendations" }), _jsx("div", { className: "health-audit-list", children: siteData.categories.seo.audits
                                     .filter((audit) => audit.scoreDisplayMode !== 'notApplicable')
                                     .sort((a, b) => (b.score || 0) - (a.score || 0))
                                     .slice(0, 20)

package/dist/components/admin/site-health/site-health.css CHANGED Viewed

@@ -67,8 +67,7 @@
 .site-health-select select:focus {
   outline: none;
-  ring: 2px;
-  ring-color: var(--color-primary);
+  box-shadow: 0 0 0 2px var(--color-primary);
   border-color: var(--color-primary);
 }
@@ -418,10 +417,49 @@ td {
 table {
   width: 100%;
-  table-layout: fixed;
 }
 th, td {
   word-wrap: break-word;
   overflow-wrap: break-word;
 }
+/* Helper & Semantic classes */
+.health-audit-list > * + * { margin-top: 0.5rem; }
+.health-section-list > * + * { margin-top: 1rem; }
+.health-text-muted { color: #9ca3af; }
+.health-text-secondary { color: var(--color-text-secondary); }
+.health-text-error { color: var(--color-error); }
+.health-visualization-placeholder {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 16rem;
+}
+.health-version-tag {
+  display: inline-block;
+  padding: 0.25rem 0.5rem;
+  font-size: 0.75rem;
+  line-height: 1;
+  background-color: #dcfce7;
+  color: #166534;
+  border-radius: 0.25rem;
+  font-weight: 500;
+}
+.health-truncate-text {
+  max-width: 20rem;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: inline-block;
+}
+.health-empty-state {
+  text-align: center;
+  padding: 1rem 0;
+  color: var(--color-text-secondary);
+}

package/dist/components/cms/smartimage.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
+import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import Image from 'next/image';
 import { buildCloudinaryUrl } from './cloudinary';
@@ -67,8 +67,27 @@ SmartImage.propTypes = {
 export function SmartImage(props) {
     const config = usePixelatedConfig();
     const cloudCfg = config?.cloudinary;
-    const variant = props.variant || 'cloudinary';
+    // State to track current variant - only changes on actual errors (rare)
+    const [currentVariant, setCurrentVariant] = useState(props.variant || 'cloudinary');
+    const handleError = (error) => {
+        if (currentVariant === 'cloudinary') {
+            console.warn(`SmartImage: Cloudinary variant failed for "${props.src}", falling back to Next.js Image`, error);
+            setCurrentVariant('nextjs');
+        }
+        else if (currentVariant === 'nextjs') {
+            console.warn(`SmartImage: Next.js Image variant failed for "${props.src}", falling back to HTML img`, error);
+            setCurrentVariant('img');
+        }
+        // No more fallbacks after 'img'
+    };
+    // Reset variant if props change (different image)
+    React.useEffect(() => {
+        setCurrentVariant(props.variant || 'cloudinary');
+    }, [props.src, props.variant]);
+    const variant = currentVariant;
     const newProps = { ...props };
+    // Always create ref to maintain consistent hook count across re-renders
+    const imgRef = React.useRef(null);
     newProps.cloudinaryEnv = safeString(props.cloudinaryEnv ?? cloudCfg?.product_env);
     newProps.cloudinaryDomain = safeString(cloudCfg?.baseUrl ?? CLOUDINARY_DOMAIN);
     newProps.cloudinaryTransforms = safeString(CLOUDINARY_TRANSFORMS ?? cloudCfg?.transforms);
@@ -102,7 +121,7 @@ export function SmartImage(props) {
         });
         if (newProps.width) {
             const widths = [Math.ceil(newProps.width * 0.5), newProps.width, Math.ceil(newProps.width * 1.5), Math.ceil(newProps.width * 2)];
-            newProps.srcSet = generateSrcSet(String(newProps.src), newProps.cloudinaryEnv, widths, {
+            newProps.srcSet = generateSrcSet(newProps.src, newProps.cloudinaryEnv, widths, {
                 quality: newProps.quality,
                 transforms: newProps.cloudinaryTransforms ?? undefined,
                 cloudinaryDomain: newProps.cloudinaryDomain
@@ -111,7 +130,7 @@ export function SmartImage(props) {
         }
         else {
             const breakpoints = [320, 640, 768, 1024, 1280, 1536];
-            newProps.srcSet = generateSrcSet(String(newProps.src), newProps.cloudinaryEnv, breakpoints, {
+            newProps.srcSet = generateSrcSet(newProps.src, newProps.cloudinaryEnv, breakpoints, {
                 quality: newProps.quality,
                 transforms: newProps.cloudinaryTransforms ?? undefined,
                 cloudinaryDomain: newProps.cloudinaryDomain
@@ -135,13 +154,14 @@ export function SmartImage(props) {
     delete newProps.cloudinaryTransforms;
     if (variant !== 'img') {
         try {
-            return (_jsx(Image, { ...newProps, src: newProps.src, alt: newProps.alt }));
+            return (_jsx(Image, { ...newProps, src: newProps.src, alt: newProps.alt, onError: handleError }));
         }
         catch (e) {
-            if (typeof console !== 'undefined')
-                console.warn('next/image unavailable, falling back to <img>', e);
+            console.warn(`SmartImage: Next.js Image threw exception for "${props.src}", falling back to plain img`, e);
+            // Force fallback to img variant
+            setCurrentVariant('img');
         }
     }
     /* ===== IMG VARIANT ===== */
-    return (_jsx("img", { ...newProps, ref: React.useRef(null), alt: newProps.alt }));
+    return (_jsx("img", { ...newProps, ref: imgRef, alt: newProps.alt }));
 }

package/dist/components/general/table.js CHANGED Viewed

@@ -25,8 +25,8 @@ export function Table(props) {
     function getHeadings(data) {
         const headings = Object.keys(data[0]).map((key, i) => {
             return (props.sortable && props.sortable == true)
-                ? _jsxs("th", { onClick: () => { sortTable(key); }, children: [key, " ", _jsx("span", { className: "sortArrow" })] }, i)
-                : _jsx("th", { children: key }, i);
+                ? _jsxs("th", { onClick: () => { sortTable(key); }, children: [_jsx("span", { children: key }), " ", _jsx("span", { className: "sortArrow" })] }, i)
+                : _jsx("th", { children: _jsx("span", { children: key }) }, i);
         });
         return _jsx("tr", { children: headings });
     }

package/dist/components/sitebuilder/config/ConfigBuilder.js CHANGED Viewed

@@ -229,13 +229,22 @@ export function ConfigBuilder(props) {
                 ...field.props,
                 value: (config.visualdesign && config.visualdesign[field.props.name]) ? (config.visualdesign[field.props.name].value ?? config.visualdesign[field.props.name]) : '',
                 defaultValue: (config.visualdesign && config.visualdesign[field.props.name]) ? (config.visualdesign[field.props.name].value ?? config.visualdesign[field.props.name]) : field.props.defaultValue || '',
-                onChange: (event) => {
-                    const value = event.target.value;
+                onChange: (value) => {
+                    // Handle both direct values and event objects
+                    let actualValue = value;
+                    if (value && typeof value === 'object' && value.target) {
+                        actualValue = value.target.value;
+                    }
                     setConfig((prev) => ({
                         ...prev,
                         visualdesign: {
                             ...(prev.visualdesign || {}),
-                            [field.props.name]: { value }
+                            [field.props.name]: {
+                                ...(prev.visualdesign && prev.visualdesign[field.props.name]
+                                    ? prev.visualdesign[field.props.name]
+                                    : {}),
+                                value: actualValue
+                            }
                         }
                     }));
                 }

package/dist/types/components/admin/site-health/site-health-on-site-seo.integration.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"site-health-on-site-seo.integration.d.ts","sourceRoot":"","sources":["../../../../../src/components/admin/site-health/site-health-on-site-seo.integration.ts"],"names":[],"mappings":"~~AAknBA~~,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,gBAAgB,EAAE,QAAQ,GAAG,eAAe,CAAC;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,OAAO,CAAC,EAAE;QACR,KAAK,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;KACxC,CAAC;CACH;AAED,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,YAAY,EAAE,cAAc,EAAE,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,SAAS,GAAG,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;~~AA8bD~~;;GAEG;AACH,wBAAsB,wBAAwB,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC,~~CAwFtF~~"}
1	+ {"version":3,"file":"site-health-on-site-seo.integration.d.ts","sourceRoot":"","sources":["../../../../../src/components/admin/site-health/site-health-on-site-seo.integration.ts"],"names":[],"mappings":"AAq0BA,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,gBAAgB,EAAE,QAAQ,GAAG,eAAe,CAAC;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,OAAO,CAAC,EAAE;QACR,KAAK,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;KACxC,CAAC;CACH;AAED,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,YAAY,EAAE,cAAc,EAAE,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,SAAS,GAAG,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAidD;;GAEG;AACH,wBAAsB,wBAAwB,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC,CAwKtF"}

package/dist/types/components/cms/smartimage.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"smartimage.d.ts","sourceRoot":"","sources":["../../../../src/components/cms/smartimage.tsx"],"names":[],"mappings":"AAEA,OAAO,~~KAAK~~,MAAM,OAAO,CAAC;~~AAC1B~~,OAAO,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;~~AA0EnD~~,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;AACjH,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,~~2CAwG~~/C;~~yBAxGe~~,UAAU"}
1	+ {"version":3,"file":"smartimage.d.ts","sourceRoot":"","sources":["../../../../src/components/cms/smartimage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AA4EnD,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;AACjH,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,2CAoI/C;yBApIe,UAAU"}

package/dist/types/components/sitebuilder/config/ConfigBuilder.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ConfigBuilder.d.ts","sourceRoot":"","sources":["../../../../../src/components/sitebuilder/config/ConfigBuilder.tsx"],"names":[],"mappings":"AAGA,OAAO,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAYnD,OAAO,qBAAqB,CAAC;AAE7B,QAAA,MAAM,cAAc;;;;;;;CAOnB,CAAC;AACF,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAE1D,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BtB,CAAC;AACF,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AA+ChE,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,SAAS,CAAC,CAAC;AAC3E,wBAAgB,aAAa,CAAC,KAAK,EAAE,iBAAiB,~~2CAgnBrD~~;~~yBAhnBe~~,aAAa"}
1	+ {"version":3,"file":"ConfigBuilder.d.ts","sourceRoot":"","sources":["../../../../../src/components/sitebuilder/config/ConfigBuilder.tsx"],"names":[],"mappings":"AAGA,OAAO,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAYnD,OAAO,qBAAqB,CAAC;AAE7B,QAAA,MAAM,cAAc;;;;;;;CAOnB,CAAC;AACF,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAE1D,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BtB,CAAC;AACF,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AA+ChE,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,SAAS,CAAC,CAAC;AAC3E,wBAAgB,aAAa,CAAC,KAAK,EAAE,iBAAiB,2CA0nBrD;yBA1nBe,aAAa"}

package/dist/types/tests/test-seo-logic.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=test-seo-logic.d.ts.map

package/dist/types/tests/test-seo-logic.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"test-seo-logic.d.ts","sourceRoot":"","sources":["../../../src/tests/test-seo-logic.ts"],"names":[],"mappings":""}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
 	"name": "@pixelated-tech/components",
-	"version": "3.5.12",
+	"version": "3.5.13",
 	"private": false,
 	"author": {
 		"name": "Pixelated Technologies",
@@ -116,8 +116,8 @@
 		"@types/prop-types": "^15.7.15",
 		"@types/react": "^19.2.7",
 		"@types/react-dom": "^19.2.3",
-		"@typescript-eslint/eslint-plugin": "^8.51.0",
-		"@typescript-eslint/parser": "^8.51.0",
+		"@typescript-eslint/eslint-plugin": "^8.52.0",
+		"@typescript-eslint/parser": "^8.52.0",
 		"@vitejs/plugin-react": "^5.1.2",
 		"@vitest/coverage-v8": "^4.0.16",
 		"@vitest/ui": "^4.0.16",
@@ -146,7 +146,7 @@
 		"react": "^19.2.3",
 		"react-dom": "^19.2.3",
 		"react-test-renderer": "^19.2.3",
-		"sass": "^1.97.1",
+		"sass": "^1.97.2",
 		"sass-loader": "^16.0.6",
 		"storybook": "^10.1.11",
 		"style-loader": "^4.0.0",