fine tuning #2

src/Web/autopilot-monitor-web/app/dashboard/page.tsx

@@ -663,17 +663,6 @@ export default function Home() {
       {/* Main content */}
       <main className="max-w-7xl mx-auto py-4 sm:px-6 lg:px-8">
         <div className="px-4 sm:px-0">
-          {/* Temporary banner: Analyze Rules are being actively refined */}
-          <div className="mb-4 bg-amber-50 border border-amber-300 rounded-lg px-4 py-3 flex items-start gap-3 dark:bg-amber-950/30 dark:border-amber-700/50">
-            <svg className="w-4 h-4 text-amber-500 mt-0.5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 9v2m0 4h.01M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z" />
-            </svg>
-            <p className="text-sm text-amber-800 dark:text-amber-300">
-              <span className="font-semibold">Analyze Rules are actively being refined.</span>{" "}
-              During this phase there may be occasional backend redeploys and analysis results might change or appear inconsistent. This is expected while rules are being fine-tuned.
-            </p>
-          </div>
-
           {/* Feedback & bug report banner */}
           <div className="mb-4 bg-blue-50 border border-blue-300 rounded-lg px-4 py-3 flex items-start gap-3 dark:bg-blue-950/30 dark:border-blue-700/50">
             <svg className="w-4 h-4 text-blue-500 mt-0.5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -712,6 +701,17 @@ export default function Home() {
             </p>
           </div>
 
+          {/* Temporary banner: Analyze Rules are being actively refined */}
+          <div className="mb-4 bg-amber-50 border border-amber-300 rounded-lg px-4 py-3 flex items-start gap-3 dark:bg-amber-950/30 dark:border-amber-700/50">
+            <svg className="w-4 h-4 text-amber-500 mt-0.5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 9v2m0 4h.01M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z" />
+            </svg>
+            <p className="text-sm text-amber-800 dark:text-amber-300">
+              <span className="font-semibold">Analyze Rules are actively being refined.</span>{" "}
+              During this phase there may be occasional backend redeploys and analysis results might change or appear inconsistent. This is expected while rules are being fine-tuned.
+            </p>
+          </div>
+
           {serialValidationEnabled === false && (
             <div className="mb-6 bg-red-600 border-2 border-red-700 rounded-xl p-5 shadow-lg">
               <div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">

src/Web/autopilot-monitor-web/app/docs/DocsSidebar.tsx

@@ -1,9 +1,7 @@
 "use client";
 
-import { useRouter } from "next/navigation";
 import { usePageSections } from "../../hooks/usePageSections";
 import { PageSectionItem } from "../../contexts/SidebarContext";
-import { useAuth } from "../../contexts/AuthContext";
 import { NAV_SECTIONS } from "./docsNavSections";
 import {
   KeyIcon,
@@ -37,28 +35,14 @@ const docsItems: PageSectionItem[] = NAV_SECTIONS.map((s) => ({
 }));
 
 export function DocsSidebar({ children }: { children: React.ReactNode }) {
-  const router = useRouter();
-  const { isAuthenticated } = useAuth();
-
   usePageSections(docsItems, "Contents", "route");
 
   return (
     <>
-      {/* Page header — top-14 when navbar present (authenticated), top-0 when public */}
-      <header className={`bg-white shadow-sm border-b border-gray-200 sticky ${isAuthenticated ? "top-14" : "top-0"} z-10`}>
-        <div className="px-4 sm:px-6 lg:px-8 py-4">
-          <div className="flex items-center justify-between">
-            <button
-              onClick={() => router.back()}
-              className="flex items-center space-x-2 text-gray-600 hover:text-gray-900 transition-colors"
-            >
-              <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M10 19l-7-7m0 0l7-7m-7 7h18" />
-              </svg>
-              <span>Back</span>
-            </button>
-            <h1 className="text-2xl font-bold text-blue-600">Documentation</h1>
-          </div>
+      {/* Page header */}
+      <header className="bg-white shadow">
+        <div className="py-6 px-4 sm:px-6 lg:px-8">
+          <h1 className="text-3xl font-bold text-gray-900">Documentation</h1>
         </div>
       </header>
 

src/Web/autopilot-monitor-web/components/PublicPageHeader.tsx

@@ -1,25 +1,10 @@
 "use client";
 
-import { useRouter } from "next/navigation";
-
 export function PublicPageHeader({ title }: { title: string }) {
-  const router = useRouter();
-
   return (
-    <header className="bg-white shadow-sm border-b border-gray-200 sticky top-14 z-20">
-      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
-        <div className="flex items-center justify-between">
-          <button
-            onClick={() => router.back()}
-            className="flex items-center space-x-2 text-gray-600 hover:text-gray-900 transition-colors"
-          >
-            <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M10 19l-7-7m0 0l7-7m-7 7h18" />
-            </svg>
-            <span>Back</span>
-          </button>
-          <h1 className="text-2xl font-bold text-blue-600">{title}</h1>
-        </div>
+    <header className="bg-white shadow">
+      <div className="py-6 px-4 sm:px-6 lg:px-8">
+        <h1 className="text-3xl font-bold text-gray-900">{title}</h1>
       </div>
     </header>
   );