From 990bd29598f997baf7f633f408d18d55d95df69f Mon Sep 17 00:00:00 2001
From: "yves.gugger" <yves.gugger@gentwo.com>
Date: Wed, 10 Dec 2025 17:02:01 +0100
Subject: [PATCH] fix: Multiple Command Center improvements

LISTINGS PAGE:
- Added missing Sparkles import

PORTFOLIO PAGE:
- Changed dropdown menu to open downward (top-full mt-1)
  instead of upward for better visibility

SEO PAGE:
- Added cleanDomain() helper to sanitize input
- Removes whitespace, protocol, www, and trailing slashes
- Fixes 'hushen. app' -> 'hushen.app' input issue

PRICING PAGE:
- Removed accent highlight from 'TLDs Tracked' StatCard

All StatCards now have consistent styling without
green accent highlights.
---
 frontend/src/app/command/listings/page.tsx  |  1 +
 frontend/src/app/command/portfolio/page.tsx |  4 ++--
 frontend/src/app/command/pricing/page.tsx   |  2 +-
 frontend/src/app/command/seo/page.tsx       | 22 ++++++++++++++++-----
 4 files changed, 21 insertions(+), 8 deletions(-)

diff --git a/frontend/src/app/command/listings/page.tsx b/frontend/src/app/command/listings/page.tsx
index 63d037a..0eeb563 100755
--- a/frontend/src/app/command/listings/page.tsx
+++ b/frontend/src/app/command/listings/page.tsx
@@ -22,6 +22,7 @@ import {
   X,
   Tag,
   Store,
+  Sparkles,
 } from 'lucide-react'
 import Link from 'next/link'
 import clsx from 'clsx'
diff --git a/frontend/src/app/command/portfolio/page.tsx b/frontend/src/app/command/portfolio/page.tsx
index 612e38d..8b6db85 100644
--- a/frontend/src/app/command/portfolio/page.tsx
+++ b/frontend/src/app/command/portfolio/page.tsx
@@ -446,8 +446,8 @@ export default function PortfolioPage() {
                         className="fixed inset-0 z-40" 
                         onClick={() => setOpenMenuId(null)} 
                       />
-                      {/* Menu - opens upward */}
-                      <div className="absolute right-0 bottom-full mb-1 z-50 w-48 py-1 bg-background-secondary border border-border/50 rounded-xl shadow-xl">
+                      {/* Menu - opens downward */}
+                      <div className="absolute right-0 top-full mt-1 z-50 w-48 py-1 bg-background-secondary border border-border/50 rounded-xl shadow-xl">
                         <button
                           onClick={() => { handleHealthCheck(domain.domain); setOpenMenuId(null) }}
                           className="w-full flex items-center gap-3 px-4 py-2.5 text-sm text-foreground-muted hover:text-foreground hover:bg-foreground/5 transition-colors"
diff --git a/frontend/src/app/command/pricing/page.tsx b/frontend/src/app/command/pricing/page.tsx
index 8aac334..88476d6 100755
--- a/frontend/src/app/command/pricing/page.tsx
+++ b/frontend/src/app/command/pricing/page.tsx
@@ -315,7 +315,7 @@ export default function TLDPricingPage() {
       <PageContainer>
         {/* Stats Overview */}
         <div className="grid grid-cols-2 lg:grid-cols-4 gap-4">
-          <StatCard title="TLDs Tracked" value={total > 0 ? total.toLocaleString() : '—'} subtitle="updated daily" icon={Globe} accent />
+          <StatCard title="TLDs Tracked" value={total > 0 ? total.toLocaleString() : '—'} subtitle="updated daily" icon={Globe} />
           <StatCard title="Lowest Price" value={total > 0 ? `$${stats.lowestPrice.toFixed(2)}` : '—'} icon={DollarSign} />
           <StatCard title="Hottest TLD" value={total > 0 ? `.${stats.hottestTld}` : '—'} subtitle="rising prices" icon={TrendingUp} />
           <StatCard title="Renewal Traps" value={stats.trapCount.toString()} subtitle="high renewal ratio" icon={AlertTriangle} />
diff --git a/frontend/src/app/command/seo/page.tsx b/frontend/src/app/command/seo/page.tsx
index 295fd62..ba4161e 100644
--- a/frontend/src/app/command/seo/page.tsx
+++ b/frontend/src/app/command/seo/page.tsx
@@ -83,18 +83,29 @@ export default function SEOPage() {
     localStorage.setItem('seo-recent-searches', JSON.stringify(updated))
   }
 
+  const cleanDomain = (d: string): string => {
+    // Remove whitespace, protocol, www, and trailing slashes
+    return d.trim()
+      .toLowerCase()
+      .replace(/\s+/g, '')
+      .replace(/^https?:\/\//, '')
+      .replace(/^www\./, '')
+      .replace(/\/.*$/, '')
+  }
+
   const handleSearch = async (e: React.FormEvent) => {
     e.preventDefault()
-    if (!domain.trim()) return
+    const cleanedDomain = cleanDomain(domain)
+    if (!cleanedDomain) return
 
     setLoading(true)
     setError(null)
     setSeoData(null)
 
     try {
-      const data = await api.request<SEOData>(`/seo/${encodeURIComponent(domain.trim())}`)
+      const data = await api.request<SEOData>(`/seo/${encodeURIComponent(cleanedDomain)}`)
       setSeoData(data)
-      saveRecentSearch(domain.trim().toLowerCase())
+      saveRecentSearch(cleanedDomain)
     } catch (err: any) {
       setError(err.message || 'Failed to analyze domain')
     } finally {
@@ -103,13 +114,14 @@ export default function SEOPage() {
   }
 
   const handleQuickSearch = async (searchDomain: string) => {
-    setDomain(searchDomain)
+    const cleanedDomain = cleanDomain(searchDomain)
+    setDomain(cleanedDomain)
     setLoading(true)
     setError(null)
     setSeoData(null)
 
     try {
-      const data = await api.request<SEOData>(`/seo/${encodeURIComponent(searchDomain)}`)
+      const data = await api.request<SEOData>(`/seo/${encodeURIComponent(cleanedDomain)}`)
       setSeoData(data)
     } catch (err: any) {
       setError(err.message || 'Failed to analyze domain')