fix(buyer/billing/comms/a11y): Codex review pass round 2

Tuxedo buyer path (subagent 2):
- src/app/tuxedo/page.tsx: remove duplicate CinematicShowcase render
- src/components/storefront/CinematicShowcase.tsx: wire up useCart, Add to Cart button, brand-aware fulfillment
- src/app/tuxedo/stops/TuxedoStopsList.tsx: improved empty state with calendar icon + CTAs
- src/app/cart/CartClient.tsx: guard against empty cart checkout; 'Cart is Empty' state

Billing reconciliation (subagent 3):
- src/actions/billing/billing-overview.ts: NEW — single source of truth
- src/app/admin/settings/billing/page.tsx: use getBillingOverview
- src/app/admin/settings/billing/BillingClientPage.tsx: rewritten to consume BillingOverview (status pill, addons state, removable flags, derived invoice amounts, usage footer)
- src/app/admin/page.tsx: use getBillingOverview (aligns dashboard with billing)
- src/components/admin/DashboardClient.tsx: 'Active Products' now reads from getBillingOverview
- supabase/migrations/203_plan_usage_active_products.sql: get_brand_plan_info counts products as active=true AND deleted_at IS NULL

Harvest Reach dedup + audience preview (manual, subagent 4 didn't complete):
- src/components/admin/CommunicationsPage.tsx: add initialTab prop
- src/app/admin/communications/compose/page.tsx: now renders with initialTab='compose' (single compose experience, no duplicate edit panel)
- src/components/admin/HarvestReach/CampaignComposerPage.tsx: always-visible audience preview panel (count + sample emails), loads via previewCampaignAudience action

Layout/content consistency + a11y sweep (subagent 5):
- src/components/layout/SiteHeader.tsx: Admin link only shows for authenticated admin users
- src/components/Providers.tsx: suppress public SiteHeader/Footer for /admin, /cart, /checkout, /wholesale, /water (fixes duplicate headers)
- src/app/contact/ContactClientPage.tsx: Phone/Email now use tel:/mailto: links; dynamic year
- src/app/blog/page.tsx, changelog, privacy-policy, roadmap, security, terms-and-conditions, waitlist: dynamic year
- src/app/admin/wholesale/WholesaleClient.tsx: proper htmlFor/id, type=email/tel, autoComplete
- src/app/admin/settings/ai/AIClient.tsx: proper htmlFor/id, required + aria-required
- src/app/admin/settings/integrations/IntegrationsClient.tsx: only mask secret fields; add required + aria-required + CredentialField.required type
- src/app/admin/water-log/headgates/HeadgatesManager.tsx: htmlFor/id, aria-required
- src/components/admin/CreateUserModal.tsx: htmlFor/id, required, aria-required, aria-describedby, autoComplete
- src/app/admin/me/AdminMeClient.tsx, products/import, sales/import, water-log/settings, login, brands, tuxedo: a11y polish (ids/required/aria)

src/app/admin/page.tsx

@@ -1,7 +1,8 @@
 import Link from "next/link";
+import { supabase } from "@/lib/supabase";
 import { getAdminUser } from "@/lib/admin-permissions";
 import { isFeatureEnabled } from "@/lib/feature-flags";
-import { getBrandPlanInfo } from "@/actions/billing/stripe-portal";
+import { getBillingOverview } from "@/actions/billing/billing-overview";
 import DashboardClient from "@/components/admin/DashboardClient";
 
 const TUXEDO_BRAND_ID = "64294306-5f42-463d-a5e8-2ad6c81a96de";
@@ -22,20 +23,49 @@ export default async function AdminPage() {
   let limits = { max_users: 1, max_stops_monthly: 10, max_products: 25 };
   let brandDisplayName = "Admin";
 
-  if (adminUser?.brand_id) {
-    for (const key of ["harvest_reach", "wholesale_portal", "water_log", "ai_tools", "sms_campaigns", "square_sync", "route_trace"] as const) {
-      enabledAddons[key] = await isFeatureEnabled(adminUser.brand_id, key);
+  // For platform_admin in dev mode, adminUser.brand_id is null. To keep
+  // the dashboard's "Active Products" stat in sync with the billing page,
+  // we need to pick a brand and use the same getBillingOverview action
+  // the billing page does. Otherwise the dashboard falls back to default
+  // (0/0/0) usage values and contradicts the billing page's "Products 1/25".
+  let dashboardBrandId: string | null = adminUser?.brand_id ?? null;
+  if (!dashboardBrandId && adminUser?.role === "platform_admin") {
+    const { data: firstBrand } = await supabase
+      .from("brands")
+      .select("id")
+      .limit(1)
+      .single();
+    if (firstBrand?.id) {
+      dashboardBrandId = firstBrand.id;
     }
-    const planResult = await getBrandPlanInfo(adminUser.brand_id);
-    if (planResult.success && planResult.data) {
-      planTier = planResult.data.plan_tier ?? "starter";
-      usage = planResult.data.usage ?? usage;
-      limits = {
-        max_users: planResult.data.max_users ?? 1,
-        max_stops_monthly: planResult.data.max_stops_monthly ?? 10,
-        max_products: planResult.data.max_products ?? 25,
-      };
-      if (planResult.data.brand_name) brandDisplayName = planResult.data.brand_name;
+  }
+
+  if (dashboardBrandId) {
+    // Use the centralized billing overview so the dashboard's "Active Products"
+    // stat agrees with the plan usage in /admin/settings/billing. Previously
+    // these were derived from two different queries with different filters
+    // (active=true vs deleted_at IS NULL), causing the "1 vs 0/25" mismatch.
+    const overviewRes = await getBillingOverview(dashboardBrandId);
+    if (overviewRes.success && overviewRes.data) {
+      const o = overviewRes.data;
+      planTier = o.planTier;
+      usage = o.usage;
+      limits = o.limits;
+      if (o.brandName) brandDisplayName = o.brandName;
+      enabledAddons = o.enabledAddons;
+    } else {
+      // Fallback to per-feature flag check (matches prior behavior)
+      for (const key of [
+        "harvest_reach",
+        "wholesale_portal",
+        "water_log",
+        "ai_tools",
+        "sms_campaigns",
+        "square_sync",
+        "route_trace",
+      ] as const) {
+        enabledAddons[key] = await isFeatureEnabled(dashboardBrandId, key);
+      }
     }
   }
 
@@ -97,4 +127,4 @@ export default async function AdminPage() {
       limits={limits}
     />
   );
-}
+}