From ad1c8c542072517d9c91eda2c86f9f31b2d6d260 Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Wed, 18 Mar 2026 10:58:47 +0100
Subject: [PATCH] fix: address spec compliance gaps in soft-delete frontend

---
 app/page.tsx                         | 29 ++++++++++++++++++----------
 components/sites/DeleteSiteModal.tsx |  6 +++---
 2 files changed, 22 insertions(+), 13 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index caa5ee6..e577d7f 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -408,15 +408,22 @@ export default function HomePage() {
           const siteLimit = getSitesLimitForPlan(subscription?.plan_id)
           const atLimit = siteLimit != null && sites.length >= siteLimit
           return atLimit ? (
-          <div className="flex items-center gap-3">
-            <span className="text-sm font-medium text-neutral-500 dark:text-neutral-400 bg-neutral-100 dark:bg-neutral-800 px-3 py-1.5 rounded-lg border border-neutral-200 dark:border-neutral-700">
-              Limit reached ({sites.length}/{siteLimit})
-            </span>
-            <Link href="/pricing">
-              <Button variant="primary" className="text-sm">
-                Upgrade
-              </Button>
-            </Link>
+          <div>
+            <div className="flex items-center gap-3">
+              <span className="text-sm font-medium text-neutral-500 dark:text-neutral-400 bg-neutral-100 dark:bg-neutral-800 px-3 py-1.5 rounded-lg border border-neutral-200 dark:border-neutral-700">
+                Limit reached ({sites.length}/{siteLimit})
+              </span>
+              <Link href="/pricing">
+                <Button variant="primary" className="text-sm">
+                  Upgrade
+                </Button>
+              </Link>
+            </div>
+            {deletedSites.length > 0 && (
+              <p className="text-sm text-neutral-500 dark:text-neutral-400 mt-2">
+                You have a site pending deletion. Restore it or permanently delete it to free the slot.
+              </p>
+            )}
           </div>
         ) : null
         })() ?? (
@@ -556,7 +563,9 @@ export default function HomePage() {
                   <div>
                     <span className="font-medium text-neutral-700 dark:text-neutral-300">{site.name}</span>
                     <span className="ml-2 text-sm text-neutral-400">{site.domain}</span>
-                    <span className="ml-3 text-xs text-red-500 font-medium">Deleting in {daysLeft} day{daysLeft !== 1 ? 's' : ''}</span>
+                    <span className="ml-3 inline-flex items-center rounded-full bg-red-50 px-2 py-0.5 text-xs font-medium text-red-600 dark:bg-red-900/20 dark:text-red-400">
+                      Deleting in {daysLeft} day{daysLeft !== 1 ? 's' : ''}
+                    </span>
                   </div>
                   <div className="flex gap-2">
                     <button
diff --git a/components/sites/DeleteSiteModal.tsx b/components/sites/DeleteSiteModal.tsx
index 33c6c4e..5f01d26 100644
--- a/components/sites/DeleteSiteModal.tsx
+++ b/components/sites/DeleteSiteModal.tsx
@@ -100,13 +100,13 @@ export default function DeleteSiteModal({ open, onClose, onDeleted, siteName, si
                   <div className="flex items-center gap-3 p-3 bg-red-50 dark:bg-red-900/10 border border-red-100 dark:border-red-900/20 rounded-lg">
                     <AlertTriangleIcon className="h-4 w-4 text-red-500 shrink-0" />
                     <span className="text-sm font-medium text-red-700 dark:text-red-300">
-                      Site will stop collecting data immediately
+                      All events and analytics data
                     </span>
                   </div>
                   <div className="flex items-center gap-3 p-3 bg-red-50 dark:bg-red-900/10 border border-red-100 dark:border-red-900/20 rounded-lg">
                     <AlertTriangleIcon className="h-4 w-4 text-red-500 shrink-0" />
                     <span className="text-sm font-medium text-red-700 dark:text-red-300">
-                      All data will be purged after 7 days
+                      Report schedules and goals
                     </span>
                   </div>
                 </div>
@@ -149,7 +149,7 @@ export default function DeleteSiteModal({ open, onClose, onDeleted, siteName, si
                     onClick={() => setShowPermanent(true)}
                     className="w-full text-center text-xs text-neutral-400 hover:text-red-500 dark:hover:text-red-400 transition-colors"
                   >
-                    Permanently delete now
+                    Permanently delete now (cannot be undone)
                   </button>
                 </div>
               </>