chore: replace python -m agents.validator with hawk in all agent mode instructions

devplacepy/static/css/seo-tool.css

@@ -77,11 +77,15 @@
     color: var(--text-secondary);
 }
 
+.seo-pages[hidden] {
+    display: none;
+}
+
 .seo-run-btn { flex-shrink: 0; }
 
 .seo-form-error {
     margin: 0.625rem 0 0;
-    color: var(--danger, #e5484d);
+    color: var(--danger);
     font-size: 0.875rem;
 }
 
@@ -124,7 +128,7 @@
     padding: 0;
     max-height: 200px;
     overflow-y: auto;
-    font-family: var(--font-mono, monospace);
+    font-family: var(--font-mono);
     font-size: 0.75rem;
     color: var(--text-secondary);
 }
@@ -161,11 +165,11 @@
 .seo-gauge-score { font-size: 1.75rem; font-weight: 700; color: var(--text-primary); line-height: 1; }
 .seo-gauge-grade { font-size: 0.875rem; font-weight: 600; color: var(--text-muted); }
 
-.seo-grade-a { border-color: #30a46c; }
-.seo-grade-b { border-color: #5dbb7a; }
-.seo-grade-c { border-color: #e2a336; }
-.seo-grade-d { border-color: #e08c3b; }
-.seo-grade-f { border-color: #e5484d; }
+.seo-grade-a { border-color: var(--success); }
+.seo-grade-b { border-color: var(--success); }
+.seo-grade-c { border-color: var(--warning); }
+.seo-grade-d { border-color: var(--warning); }
+.seo-grade-f { border-color: var(--danger); }
 
 .seo-score-meta h2 { margin: 0 0 0.5rem; font-size: 1.0625rem; word-break: break-all; }
 .seo-report-sub { color: var(--text-muted); font-size: 0.8125rem; margin: 0.375rem 0 0; }
@@ -180,9 +184,9 @@
     border: 1px solid var(--border);
 }
 
-.seo-chip-pass { color: #30a46c; }
-.seo-chip-warn { color: #e2a336; }
-.seo-chip-fail { color: #e5484d; }
+.seo-chip-pass { color: var(--success); }
+.seo-chip-warn { color: var(--warning); }
+.seo-chip-fail { color: var(--danger); }
 .seo-chip-info { color: var(--text-muted); }
 
 .seo-report-link {
@@ -228,9 +232,9 @@
     background: var(--bg-card);
 }
 
-.seo-check-pass { border-left-color: #30a46c; }
-.seo-check-warn { border-left-color: #e2a336; }
-.seo-check-fail { border-left-color: #e5484d; }
+.seo-check-pass { border-left-color: var(--success); }
+.seo-check-warn { border-left-color: var(--warning); }
+.seo-check-fail { border-left-color: var(--danger); }
 .seo-check-info { border-left-color: var(--text-muted); }
 .seo-check-skip { border-left-color: var(--border); }
 
@@ -259,8 +263,8 @@
     text-transform: uppercase;
 }
 
-.seo-sev-critical { color: #e5484d; }
-.seo-sev-high { color: #e08c3b; }
+.seo-sev-critical { color: var(--danger); }
+.seo-sev-high { color: var(--warning); }
 
 .seo-empty {
     padding: 1.5rem;

devplacepy/static/js/SeoDiagnostics.js

@@ -55,24 +55,11 @@ export class SeoDiagnostics {
         };
         this._resetLive();
         try {
-            const response = await fetch("/tools/seo/run", {
-                method: "POST",
-                headers: {
-                    "X-Requested-With": "fetch",
-                    "Content-Type": "application/x-www-form-urlencoded",
-                },
-                body: new URLSearchParams(params),
-            });
-            const data = await response.json().catch(() => ({}));
-            if (!response.ok) {
-                this._setError((data.error && data.error.message) || "Could not start the audit.");
-                this.live.hidden = true;
-                return;
-            }
+            const data = await Http.send("/tools/seo/run", params);
             this.uid = data.uid;
             this._watch(data.uid);
         } catch (error) {
-            this._setError("Could not start the audit.");
+            this._setError(error.message || "Could not start the audit.");
             this.live.hidden = true;
         }
     }