From a0ef570137a9a55ef830dbbb79ee0fae69587e84 Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Mon, 23 Mar 2026 11:51:40 +0100
Subject: [PATCH] feat(pagespeed): inline frequency selector in hero footer

Replace static frequency badge with a pill toggle (Daily/Weekly/Monthly)
matching the Mobile/Desktop tab style. Updates config via API on click.
Read-only badge shown for non-admin users.
---
 app/sites/[id]/pagespeed/page.tsx | 29 ++++++++++++++++++++++++++++-
 1 file changed, 28 insertions(+), 1 deletion(-)

diff --git a/app/sites/[id]/pagespeed/page.tsx b/app/sites/[id]/pagespeed/page.tsx
index 6ff082c..71d3265 100644
--- a/app/sites/[id]/pagespeed/page.tsx
+++ b/app/sites/[id]/pagespeed/page.tsx
@@ -471,7 +471,34 @@ export default function PageSpeedPage() {
                 </svg>
               </button>
             )}
-            {config?.frequency && (
+            {/* Frequency selector */}
+            {canEdit && config && (
+              <div className="flex items-center gap-0.5 ml-1 bg-neutral-100 dark:bg-neutral-800 rounded-md p-0.5">
+                {(['daily', 'weekly', 'monthly'] as const).map(f => (
+                  <button
+                    key={f}
+                    onClick={async () => {
+                      if (f === config.frequency) return
+                      try {
+                        await updatePageSpeedConfig(siteId, { enabled: true, frequency: f })
+                        mutateConfig()
+                        toast.success(`Frequency updated to ${f}`)
+                      } catch {
+                        toast.error('Failed to update frequency')
+                      }
+                    }}
+                    className={`px-2 py-0.5 text-[11px] font-medium rounded transition-colors ${
+                      config.frequency === f
+                        ? 'bg-white dark:bg-neutral-700 text-neutral-900 dark:text-white shadow-sm'
+                        : 'text-neutral-400 dark:text-neutral-500 hover:text-neutral-600 dark:hover:text-neutral-300'
+                    }`}
+                  >
+                    {f.charAt(0).toUpperCase() + f.slice(1)}
+                  </button>
+                ))}
+              </div>
+            )}
+            {!canEdit && config?.frequency && (
               <span className="inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-neutral-100 dark:bg-neutral-800 text-neutral-600 dark:text-neutral-400">
                 {config.frequency}
               </span>