feat: Implement new key metrics including trend data and demand signals, and introduce a product requests section.

src/app/dashboard/requests/page.tsx

@@ -2,11 +2,19 @@ import { auth } from '@/lib/auth';
 import { headers } from 'next/headers';
 import { redirect } from 'next/navigation';
 import { db } from '@/lib/db';
-import { productRequests, youtubeChannels } from '@/lib/db/schema';
-import { eq, desc } from 'drizzle-orm';
+import {
+    productRequests,
+    youtubeChannels,
+    detectedObjects,
+    youtubeVideos,
+    marketplaceMatches,
+    interestPledges,
+} from '@/lib/db/schema';
+import { eq, desc, and, isNull, sql } from 'drizzle-orm';
 import { Clock, ArrowLeft, ExternalLink } from 'lucide-react';
 import { Card, CardContent } from '@/components/ui/card';
 import { RequestManager } from './request-manager';
+import { ProductsAwaitingLinks } from './products-awaiting-links';
 import Link from 'next/link';
 import { UserNav } from '@/components/auth/user-nav';
 import { Badge } from '@/components/ui/badge';
@@ -45,6 +53,36 @@ export default async function RequestsPage() {
         title: v.title
     })));
 
+    // Fetch products with interest pledges but no affiliate link
+    const productsAwaitingLinksRaw = await db
+        .select({
+            id: detectedObjects.id,
+            objectName: detectedObjects.objectName,
+            thumbnailUrl: detectedObjects.thumbnailUrl,
+            videoId: detectedObjects.videoId,
+            videoTitle: youtubeVideos.title,
+            pledgeCount: sql<number>`count(distinct ${interestPledges.id})::int`,
+        })
+        .from(detectedObjects)
+        .innerJoin(youtubeVideos, eq(detectedObjects.videoId, youtubeVideos.id))
+        .innerJoin(youtubeChannels, eq(youtubeVideos.channelId, youtubeChannels.id))
+        .leftJoin(marketplaceMatches, eq(detectedObjects.id, marketplaceMatches.objectId))
+        .leftJoin(interestPledges, eq(marketplaceMatches.id, interestPledges.marketplaceMatchId))
+        .where(
+            and(
+                eq(youtubeChannels.creatorId, session.user.id),
+                eq(detectedObjects.moderationStatus, 'APPROVED'),
+                isNull(marketplaceMatches.affiliateUrl)
+            )
+        )
+        .groupBy(detectedObjects.id, youtubeVideos.id, youtubeVideos.title)
+        .having(sql`count(distinct ${interestPledges.id}) > 0`);
+
+    const productsAwaitingLinks = productsAwaitingLinksRaw.map(p => ({
+        ...p,
+        pledgeCount: Number(p.pledgeCount),
+    }));
+
     return (
         <div className="container mx-auto py-8 px-4 space-y-8 animate-in fade-in duration-500">
             <div className="flex items-center justify-between">
@@ -69,26 +107,60 @@ export default async function RequestsPage() {
             <div className="space-y-2">
                 <h1 className="text-4xl font-extrabold tracking-tight">Viewer Requests</h1>
                 <p className="text-muted-foreground text-lg">
-                    Manage products requested by your fans. Convert high-intent requests directly into your Vault.
+                    Manage products requested by your fans and add affiliate links to detected products.
                 </p>
             </div>
 
-            {requests.length === 0 ? (
+            {/* Summary Stats */}
+            <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+                <Card className="glass border-white/10">
+                    <CardContent className="pt-6">
+                        <div className="text-2xl font-bold text-gray-200">
+                            {productsAwaitingLinks.length}
+                        </div>
+                        <p className="text-sm text-gray-400 mt-1">Products Awaiting Links</p>
+                    </CardContent>
+                </Card>
+                <Card className="glass border-white/10">
+                    <CardContent className="pt-6">
+                        <div className="text-2xl font-bold text-gray-200">
+                            {requests.length}
+                        </div>
+                        <p className="text-sm text-gray-400 mt-1">Product Requests</p>
+                    </CardContent>
+                </Card>
+                <Card className="glass border-white/10">
+                    <CardContent className="pt-6">
+                        <div className="text-2xl font-bold text-orange-400">
+                            {productsAwaitingLinks.length + requests.length}
+                        </div>
+                        <p className="text-sm text-gray-400 mt-1">Total Pending Demand</p>
+                    </CardContent>
+                </Card>
+            </div>
+
+            {/* Products Awaiting Links Section */}
+            {productsAwaitingLinks.length > 0 && (
+                <ProductsAwaitingLinks products={productsAwaitingLinks} />
+            )}
+
+            {/* Product Requests Section */}
+            {requests.length === 0 && productsAwaitingLinks.length === 0 ? (
                 <Card className="bg-card/40 border-dashed border-white/10 py-20">
                     <CardContent className="flex flex-col items-center text-center">
                         <div className="h-20 w-20 rounded-full bg-primary/10 flex items-center justify-center mb-6">
                             <Clock className="h-10 w-10 text-primary" />
                         </div>
-                        <h3 className="text-2xl font-semibold text-white">No requests yet</h3>
+                        <h3 className="text-2xl font-semibold text-white">No pending demand yet</h3>
                         <p className="text-muted-foreground max-w-md mt-2 text-sm">
-                            As viewers explore your vault, their requests for unlisted products will appear here.
+                            As viewers explore your vault, their requests and interests will appear here.
                             It's a great way to discover what your fans are actually looking for!
                         </p>
                     </CardContent>
                 </Card>
-            ) : (
+            ) : requests.length > 0 ? (
                 <RequestManager requests={requests as any} videos={videos} />
-            )}
+            ) : null}
         </div>
     );
 }

src/app/dashboard/requests/products-awaiting-links.tsx

@@ -0,0 +1,115 @@
+'use client';
+
+import { useState } from 'react';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { Badge } from '@/components/ui/badge';
+import { Button } from '@/components/ui/button';
+import { ExternalLink, Link as LinkIcon, Users } from 'lucide-react';
+import Image from 'next/image';
+import Link from 'next/link';
+
+interface ProductAwaitingLink {
+    id: string;
+    objectName: string;
+    thumbnailUrl: string | null;
+    videoId: string;
+    videoTitle: string;
+    pledgeCount: number;
+}
+
+interface ProductsAwaitingLinksProps {
+    products: ProductAwaitingLink[];
+}
+
+export function ProductsAwaitingLinks({ products }: ProductsAwaitingLinksProps) {
+    const [sortBy, setSortBy] = useState<'pledges' | 'name'>('pledges');
+
+    const sortedProducts = [...products].sort((a, b) => {
+        if (sortBy === 'pledges') {
+            return b.pledgeCount - a.pledgeCount;
+        }
+        return a.objectName.localeCompare(b.objectName);
+    });
+
+    return (
+        <Card className="glass border-white/10">
+            <CardHeader>
+                <div className="flex items-center justify-between">
+                    <div>
+                        <CardTitle className="text-2xl">Products Awaiting Links</CardTitle>
+                        <p className="text-sm text-muted-foreground mt-1">
+                            AI-detected products with viewer interest - add affiliate links to capture demand
+                        </p>
+                    </div>
+                    <div className="flex items-center gap-2">
+                        <select
+                            value={sortBy}
+                            onChange={(e) => setSortBy(e.target.value as 'pledges' | 'name')}
+                            className="px-3 py-1.5 rounded-md bg-white/5 border border-white/10 text-sm text-gray-200"
+                        >
+                            <option value="pledges">Sort by Interest</option>
+                            <option value="name">Sort by Name</option>
+                        </select>
+                    </div>
+                </div>
+            </CardHeader>
+            <CardContent className="space-y-4">
+                {sortedProducts.map((product) => (
+                    <div
+                        key={product.id}
+                        className="flex items-center gap-4 p-4 rounded-lg bg-white/5 border border-white/10 hover:bg-white/10 transition-all duration-200"
+                    >
+                        {/* Thumbnail */}
+                        <div className="flex-shrink-0 w-20 h-20 rounded-md overflow-hidden bg-white/10 relative">
+                            {product.thumbnailUrl ? (
+                                <Image
+                                    src={product.thumbnailUrl}
+                                    alt={product.objectName}
+                                    fill
+                                    className="object-cover"
+                                />
+                            ) : (
+                                <div className="w-full h-full flex items-center justify-center text-gray-500">
+                                    <LinkIcon className="h-8 w-8" />
+                                </div>
+                            )}
+                        </div>
+
+                        {/* Product Info */}
+                        <div className="flex-1 min-w-0">
+                            <h3 className="font-semibold text-lg text-gray-200 truncate">
+                                {product.objectName}
+                            </h3>
+                            <p className="text-sm text-gray-400 truncate">
+                                {product.videoTitle}
+                            </p>
+                            <div className="flex items-center gap-2 mt-2">
+                                <Badge variant="secondary" className="bg-orange-500/20 text-orange-400 border-orange-500/20">
+                                    <Users className="h-3 w-3 mr-1" />
+                                    {product.pledgeCount} {product.pledgeCount === 1 ? 'viewer wants' : 'viewers want'} this
+                                </Badge>
+                            </div>
+                        </div>
+
+                        {/* Action Button */}
+                        <div className="flex-shrink-0">
+                            <Link href={`/dashboard/moderation?status=approved&highlight=${product.id}`}>
+                                <Button variant="default" className="gap-2">
+                                    <LinkIcon className="h-4 w-4" />
+                                    Add Link
+                                    <ExternalLink className="h-3 w-3" />
+                                </Button>
+                            </Link>
+                        </div>
+                    </div>
+                ))}
+
+                {products.length === 0 && (
+                    <div className="text-center py-8 text-muted-foreground">
+                        <p>No products awaiting links at the moment.</p>
+                    </div>
+                )}
+            </CardContent>
+        </Card>
+    );
+}

src/features/analytics/actions/get-top-evergreen-videos.ts

@@ -6,7 +6,7 @@ import { TopVideosAnalyticsService } from '../services/top-videos-analytics.serv
 import type { TopEvergreenVideo, EngagedProduct } from '../types/analytics.types';
 
 export async function getEngagedVideos(
-  sortBy: 'clicks' | 'revenue' = 'clicks'
+  sortBy: 'clicks' = 'clicks'
 ): Promise<TopEvergreenVideo[]> {
   const session = await auth.api.getSession({ headers: await headers() });
   if (!session?.user?.id) throw new Error('Unauthorized');
@@ -14,7 +14,7 @@ export async function getEngagedVideos(
 }
 
 export async function getEngagedProducts(
-  sortBy: 'clicks' | 'revenue' = 'clicks'
+  sortBy: 'clicks' = 'clicks'
 ): Promise<EngagedProduct[]> {
   const session = await auth.api.getSession({ headers: await headers() });
   if (!session?.user?.id) throw new Error('Unauthorized');

src/features/analytics/components/key-metrics-row.tsx

@@ -60,7 +60,7 @@ export function KeyMetricsRow() {
     <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
       {/* Active Items */}
       <Link href="/dashboard/moderation?status=approved" className="block">
-        <Card className="bg-[#0A0B14] border-gray-800 hover:border-gray-700 transition-colors cursor-pointer hover:shadow-lg">
+        <Card className="glass border-white/10 hover:bg-white/[0.07] transition-all duration-300 cursor-pointer hover:shadow-lg">
           <CardHeader className="pb-3">
             <div className="flex items-center justify-between">
               <CardTitle className="text-sm font-medium text-gray-400">Active Items</CardTitle>
@@ -71,31 +71,51 @@ export function KeyMetricsRow() {
             <div className="text-3xl font-bold text-gray-200">
               {metricsData.activeItems}
             </div>
-            <p className="text-xs text-gray-500 mt-1">Approved items</p>
+            <div className="flex items-center gap-1.5 mt-1">
+              <p className="text-xs text-gray-500">
+                {metricsData.activeItemsTrend > 0 ? '+' : ''}{metricsData.activeItemsTrend} this week
+              </p>
+            </div>
           </CardContent>
         </Card>
       </Link>
 
-      {/* Conversion Rate */}
-      <Card className="bg-[#0A0B14] border-gray-800 hover:border-gray-700 transition-colors">
-        <CardHeader className="pb-3">
-          <div className="flex items-center justify-between">
-            <CardTitle className="text-sm font-medium text-gray-400">Conversion Rate</CardTitle>
-            <TrendingUp className="h-4 w-4 text-gray-400" />
-          </div>
-        </CardHeader>
-        <CardContent>
-          <div className="text-3xl font-bold text-gray-200">
-            {metricsData.conversionRate.toFixed(1)}%
-          </div>
-          <p className="text-xs text-gray-500 mt-1">
-            {metricsData.totalInterestPledges} pledges from {metricsData.totalClicks} clicks
-          </p>
-        </CardContent>
-      </Card>
+      {/* Pending Demand */}
+      <Link href="/dashboard/requests" className="block">
+        <Card className="glass border-white/10 hover:bg-white/[0.07] transition-all duration-300 cursor-pointer hover:shadow-lg">
+          <CardHeader className="pb-3">
+            <div className="flex items-center justify-between">
+              <CardTitle className="text-sm font-medium text-gray-400">Pending Demand</CardTitle>
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                viewBox="0 0 24 24"
+                fill="currentColor"
+                className="h-4 w-4 text-orange-400"
+              >
+                <path fillRule="evenodd" d="M12.963 2.286a.75.75 0 00-1.071-.136 9.742 9.742 0 00-3.539 6.177A7.547 7.547 0 016.648 6.61a.75.75 0 00-1.152-.082A9 9 0 1015.68 4.534a7.46 7.46 0 01-2.717-2.248zM15.75 14.25a3.75 3.75 0 11-7.313-1.172c.628.465 1.35.81 2.133 1a5.99 5.99 0 011.925-3.545 3.75 3.75 0 013.255 3.717z" clipRule="evenodd" />
+              </svg>
+            </div>
+          </CardHeader>
+          <CardContent>
+            <div className="text-3xl font-bold text-gray-200">
+              {metricsData.pendingDemand}
+            </div>
+            <div className="flex items-center gap-1.5 mt-1">
+              {metricsData.pendingDemandTrend > 0 && (
+                <span className="text-xs font-medium text-orange-500">
+                  +{metricsData.pendingDemandTrend} this week
+                </span>
+              )}
+              <p className="text-xs text-gray-500">
+                opportunities to add links
+              </p>
+            </div>
+          </CardContent>
+        </Card>
+      </Link>
 
       {/* Total Clicks */}
-      <Card className="bg-[#0A0B14] border-gray-800 hover:border-gray-700 transition-colors">
+      <Card className="glass border-white/10 hover:bg-white/[0.07] transition-all duration-300">
         <CardHeader className="pb-3">
           <div className="flex items-center justify-between">
             <CardTitle className="text-sm font-medium text-gray-400">Total Clicks</CardTitle>
@@ -119,7 +139,14 @@ export function KeyMetricsRow() {
           <div className="text-3xl font-bold text-gray-200">
             {metricsData.totalClicks.toLocaleString()}
           </div>
-          <p className="text-xs text-gray-500 mt-1">Product link clicks</p>
+          <div className="flex items-center gap-1.5 mt-1">
+            {metricsData.totalClicksTrend !== 0 && (
+              <span className={`text-xs font-medium ${metricsData.totalClicksTrend > 0 ? 'text-green-500' : 'text-red-500'}`}>
+                {metricsData.totalClicksTrend > 0 ? '↑' : '↓'} {Math.abs(metricsData.totalClicksTrend)}%
+              </span>
+            )}
+            <p className="text-xs text-gray-500">vs last week</p>
+          </div>
         </CardContent>
       </Card>
     </div>
@@ -130,13 +157,13 @@ function KeyMetricsRowSkeleton() {
   return (
     <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
       {[...Array(3)].map((_, i) => (
-        <Card key={i} className="bg-[#0A0B14] border-gray-800">
+        <Card key={i} className="glass border-white/10">
           <CardHeader className="pb-3">
-            <Skeleton className="h-4 w-32 bg-gray-800" />
+            <Skeleton className="h-4 w-32 bg-white/5" />
           </CardHeader>
           <CardContent>
-            <Skeleton className="h-10 w-20 bg-gray-800" />
-            <Skeleton className="h-3 w-40 mt-2 bg-gray-800" />
+            <Skeleton className="h-10 w-20 bg-white/5" />
+            <Skeleton className="h-3 w-40 mt-2 bg-white/5" />
           </CardContent>
         </Card>
       ))}

src/features/analytics/components/top-evergreen-videos.tsx

@@ -8,7 +8,7 @@ import { getEngagedVideos, getEngagedProducts } from '../actions/get-top-evergre
 import type { TopEvergreenVideo, EngagedProduct } from '../types/analytics.types';
 
 type Tab = 'videos' | 'products';
-type SortBy = 'clicks' | 'revenue';
+type SortBy = 'clicks';
 
 export function TopEvergreenVideos({ creatorSlug }: { creatorSlug?: string } = {}) {
   const [tab, setTab] = useState<Tab>('videos');
@@ -52,35 +52,16 @@ export function TopEvergreenVideos({ creatorSlug }: { creatorSlug?: string } = {
               <button
                 key={t}
                 onClick={() => setTab(t)}
-                className={`px-3 py-1 rounded-md text-sm capitalize transition-colors ${
-                  tab === t
+                className={`px-3 py-1 rounded-md text-sm capitalize transition-colors ${tab === t
                     ? 'bg-gray-700 text-gray-100'
                     : 'text-gray-400 hover:text-gray-200'
-                }`}
+                  }`}
               >
                 {t}
               </button>
             ))}
           </div>
 
-          {/* Sort controls */}
-          <div className="flex items-center gap-1">
-            <span className="text-xs text-gray-500 mr-1">Sort:</span>
-            {(['clicks', 'revenue'] as SortBy[]).map(field => (
-              <button
-                key={field}
-                onClick={() => toggleSort(field)}
-                className={`inline-flex items-center gap-0.5 px-2 py-0.5 rounded text-xs capitalize transition-colors ${
-                  sortBy === field
-                    ? 'bg-gray-700 text-gray-100'
-                    : 'text-gray-500 hover:text-gray-300'
-                }`}
-              >
-                {field}
-                {sortBy === field && <ArrowDown className="h-3 w-3" />}
-              </button>
-            ))}
-          </div>
         </div>
       </CardHeader>
 
@@ -147,9 +128,9 @@ function VideoRow({ video, creatorSlug }: { video: TopEvergreenVideo; creatorSlu
         </div>
       </div>
 
-      <div className="flex-shrink-0 text-right space-y-0.5">
-        <p className="text-sm text-green-500 font-medium">${video.revenue.toFixed(2)}</p>
-        <p className="text-xs text-gray-500">{video.clicks} clicks</p>
+      <div className="flex-shrink-0 text-right self-center">
+        <p className="text-sm font-bold text-primary">{video.clicks.toLocaleString()}</p>
+        <p className="text-[10px] uppercase tracking-wider text-muted-foreground font-semibold">Clicks</p>
       </div>
 
       {creatorSlug && (
@@ -186,11 +167,10 @@ function ProductRow({ product }: { product: EngagedProduct }) {
       <div className="flex-1 min-w-0">
         <p className="text-sm font-medium text-gray-200 truncate">{product.productName}</p>
         <div className="flex items-center gap-2 mt-0.5">
-          <span className={`text-xs px-1.5 py-0.5 rounded capitalize ${
-            product.marketplace === 'amazon' ? 'bg-amber-900/40 text-amber-300' :
-            product.marketplace === 'ebay' ? 'bg-blue-900/40 text-blue-300' :
-            'bg-pink-900/40 text-pink-300'
-          }`}>
+          <span className={`text-xs px-1.5 py-0.5 rounded capitalize ${product.marketplace === 'amazon' ? 'bg-amber-900/40 text-amber-300' :
+              product.marketplace === 'ebay' ? 'bg-blue-900/40 text-blue-300' :
+                'bg-pink-900/40 text-pink-300'
+            }`}>
             {product.marketplace}
           </span>
           <span className="text-xs text-gray-500">${product.price.toFixed(2)}</span>
@@ -198,9 +178,9 @@ function ProductRow({ product }: { product: EngagedProduct }) {
         </div>
       </div>
 
-      <div className="flex-shrink-0 text-right space-y-0.5">
-        <p className="text-sm text-green-500 font-medium">${product.revenue.toFixed(2)}</p>
-        <p className="text-xs text-gray-500">{product.clicks} clicks</p>
+      <div className="flex-shrink-0 text-right self-center mr-2">
+        <p className="text-sm font-bold text-primary">{product.clicks.toLocaleString()}</p>
+        <p className="text-[10px] uppercase tracking-wider text-muted-foreground font-semibold">Clicks</p>
       </div>
 
       <a

src/features/analytics/config/top-videos.config.ts

@@ -23,24 +23,14 @@ export const TOP_VIDEOS_CONFIG = {
   /**
    * Default sort option
    */
-  DEFAULT_SORT_BY: 'revenue' as const,
+  DEFAULT_SORT_BY: 'clicks' as const,
 
   /**
    * Maximum number of videos that can be requested
    */
   MAX_LIMIT: 10,
 
-  /**
-   * Minimum revenue threshold for a video to be considered (USD)
-   */
-  MIN_REVENUE_THRESHOLD: 0,
 
-  /**
-   * Mock commission per click (USD)
-   * TODO: Replace with actual affiliate commission rates when affiliate_transactions table is available
-   * Note: Real Amazon affiliate rates are 1-10% of sale price, not a flat rate
-   */
-  MOCK_COMMISSION_PER_CLICK: 2.5,
 
   /**
    * Time period options in days

src/features/analytics/services/key-metrics-analytics.service.ts

@@ -2,7 +2,7 @@
  * Key Metrics Analytics Service
  * 
  * Business logic for calculating key metrics for the dashboard.
- * Provides data for active items count and conversion rate.
+ * Provides data for active items count and pending demand.
  */
 
 import { db } from '@/lib/db';
@@ -13,8 +13,9 @@ import {
   youtubeChannels,
   productClicks,
   interestPledges,
+  productRequests as productRequestsTable,
 } from '@/lib/db/schema';
-import { sql, eq, and, count } from 'drizzle-orm';
+import { eq, and, count, gte, lte } from 'drizzle-orm';
 import { KeyMetricsData } from '../types/analytics.types';
 import * as Sentry from '@sentry/nextjs';
 
@@ -70,10 +71,10 @@ export class KeyMetricsAnalyticsService {
   }
 
   /**
-   * Get total number of interest pledges for a specific creator
+   * Get total number of "I Want This" clicks (interest pledges) for a specific creator
    * @param creatorId - The creator's user ID
    */
-  static async getTotalInterestPledges(creatorId: string): Promise<number> {
+  static async getWantThisClicks(creatorId: string): Promise<number> {
     try {
       const result = await db
         .select({ count: count() })
@@ -86,59 +87,83 @@ export class KeyMetricsAnalyticsService {
 
       return result[0]?.count ?? 0;
     } catch (error) {
-      console.error('Error fetching total interest pledges:', error);
+      console.error('Error fetching "I Want This" clicks:', error);
       Sentry.captureException(error);
       throw error;
     }
   }
 
   /**
-   * Calculate conversion rate (interest pledges / clicks) * 100%
+   * Get total number of product requests for a specific creator
    * @param creatorId - The creator's user ID
    */
-  static async getConversionRate(creatorId: string): Promise<number> {
+  static async getProductRequests(creatorId: string): Promise<number> {
     try {
-      const [totalClicks, totalInterestPledges] = await Promise.all([
-        this.getTotalClicks(creatorId),
-        this.getTotalInterestPledges(creatorId),
-      ]);
-
-      // Handle division by zero
-      if (totalClicks === 0) {
-        return 0;
-      }
+      const result = await db
+        .select({ count: count() })
+        .from(productRequestsTable)
+        .where(
+          and(
+            eq(productRequestsTable.creatorId, creatorId),
+            eq(productRequestsTable.status, 'PENDING')
+          )
+        );
 
-      const conversionRate = (totalInterestPledges / totalClicks) * 100;
-      return Math.round(conversionRate * 10) / 10; // Round to 1 decimal place
+      return result[0]?.count ?? 0;
     } catch (error) {
-      console.error('Error calculating conversion rate:', error);
+      console.error('Error fetching product requests:', error);
       Sentry.captureException(error);
       throw error;
     }
   }
 
   /**
-   * Get all key metrics for a specific creator
+   * Get all key metrics for a specific creator with 7-day trends
    * @param creatorId - The creator's user ID
    */
   static async getKeyMetrics(creatorId: string): Promise<KeyMetricsData> {
     try {
-      const [activeItems, totalClicks, totalInterestPledges] = await Promise.all([
+      const now = new Date();
+      const sevenDaysAgo = new Date(now.getTime() - 7 * 24 * 60 * 60 * 1000);
+      const fourteenDaysAgo = new Date(now.getTime() - 14 * 24 * 60 * 60 * 1000);
+
+      const [
+        activeItems,
+        newItemsThisWeek,
+        currentClicks,
+        previousClicks,
+        totalWantThisClicks,
+        newWantThisThisWeek,
+        totalProductRequests,
+        newRequestsThisWeek,
+      ] = await Promise.all([
         this.getActiveItemsCount(creatorId),
-        this.getTotalClicks(creatorId),
-        this.getTotalInterestPledges(creatorId),
+        this.getFilteredCount(detectedObjects, 'createdAt', creatorId, sevenDaysAgo, now, { moderationStatus: 'APPROVED' }),
+        this.getFilteredCount(productClicks, 'clickedAt', creatorId, sevenDaysAgo, now),
+        this.getFilteredCount(productClicks, 'clickedAt', creatorId, fourteenDaysAgo, sevenDaysAgo),
+        this.getWantThisClicks(creatorId),
+        this.getFilteredCount(interestPledges, 'createdAt', creatorId, sevenDaysAgo, now),
+        this.getProductRequests(creatorId),
+        this.getFilteredCount(productRequestsTable, 'createdAt', creatorId, sevenDaysAgo, now, { status: 'PENDING' }),
       ]);
 
-      // Calculate conversion rate
-      const conversionRate = totalClicks === 0 
-        ? 0 
-        : Math.round((totalInterestPledges / totalClicks) * 1000) / 10; // Round to 1 decimal place
+      // Calculate trends
+      const totalClicks = await this.getTotalClicks(creatorId);
+      const clicksTrend = previousClicks === 0 ? 0 : ((currentClicks - previousClicks) / previousClicks) * 100;
+
+      // Pending demand = product requests + "I want this" clicks
+      const pendingDemand = totalProductRequests + totalWantThisClicks;
+      const pendingDemandTrend = newRequestsThisWeek + newWantThisThisWeek;
 
       return {
         activeItems,
-        conversionRate,
+        activeItemsTrend: newItemsThisWeek,
+        pendingDemand,
+        pendingDemandTrend,
+        productRequests: totalProductRequests,
+        wantThisClicks: totalWantThisClicks,
         totalClicks,
-        totalInterestPledges,
+        totalClicksTrend: Math.round(clicksTrend),
       };
     } catch (error) {
       console.error('Error fetching key metrics:', error);
@@ -146,4 +171,63 @@ export class KeyMetricsAnalyticsService {
       throw error;
     }
   }
+
+  /**
+   * Helper to get counts with time and creator filters
+   */
+  private static async getFilteredCount(
+    table: any,
+    dateColumn: string,
+    creatorId: string,
+    start: Date,
+    end: Date,
+    extraFilters: Record<string, any> = {}
+  ): Promise<number> {
+    let query = db
+      .select({ count: count() })
+      .from(table);
+
+    // Join chains depend on the table
+    if (table === detectedObjects) {
+      query = query
+        .innerJoin(youtubeVideos, eq(detectedObjects.videoId, youtubeVideos.id))
+        .innerJoin(youtubeChannels, eq(youtubeVideos.channelId, youtubeChannels.id)) as any;
+    } else if (table === productClicks || table === interestPledges) {
+      query = query
+        .innerJoin(marketplaceMatches, eq((table as any).marketplaceMatchId, marketplaceMatches.id))
+        .innerJoin(detectedObjects, eq(marketplaceMatches.objectId, detectedObjects.id))
+        .innerJoin(youtubeVideos, eq(detectedObjects.videoId, youtubeVideos.id))
+        .innerJoin(youtubeChannels, eq(youtubeVideos.channelId, youtubeChannels.id)) as any;
+    } else if (table === productRequestsTable) {
+      // Product requests are tied directly to creator, no joins needed
+      const conditions = [
+        eq(productRequestsTable.creatorId, creatorId),
+        gte((table as any)[dateColumn], start),
+        lte((table as any)[dateColumn], end),
+      ];
+
+      if (extraFilters.status) {
+        conditions.push(eq(productRequestsTable.status, extraFilters.status));
+      }
+
+      const result = await db
+        .select({ count: count() })
+        .from(table)
+        .where(and(...conditions));
+      return result[0]?.count ?? 0;
+    }
+
+    const conditions = [
+      eq(youtubeChannels.creatorId, creatorId),
+      gte((table as any)[dateColumn], start),
+      lte((table as any)[dateColumn], end),
+    ];
+
+    if (extraFilters.moderationStatus) {
+      conditions.push(eq(detectedObjects.moderationStatus, extraFilters.moderationStatus));
+    }
+
+    const result = await query.where(and(...conditions));
+    return result[0]?.count ?? 0;
+  }
 }

src/features/analytics/services/top-videos-analytics.service.ts

@@ -1,7 +1,7 @@
 /**
  * Top Videos Analytics Service
  * 
- * Service for fetching and analyzing top performing videos by revenue/clicks.
+ * Service for fetching and analyzing top performing videos by clicks.
  * Implements caching strategy to reduce database load.
  */
 
@@ -9,7 +9,7 @@ import { db } from '@/lib/db';
 import { youtubeVideos, detectedObjects, marketplaceMatches, productClicks, youtubeChannels } from '@/lib/db/schema';
 import { eq, and, desc, sql, gte } from 'drizzle-orm';
 import { TOP_VIDEOS_CONFIG } from '../config/top-videos.config';
-import type { TopEvergreenVideo, TopVideosConfig, EngagedProduct } from '../types/analytics.types';
+import type { TopEvergreenVideo, TopVideosSortBy, TopVideosConfig, EngagedProduct } from '../types/analytics.types';
 
 /**
  * In-memory cache with TTL (5 minutes like demand heatmap)
@@ -44,38 +44,25 @@ export class TopVideosAnalyticsService {
    * @param creatorId - The creator's user ID
    * @param config - Configuration for limit, time period, and sort order
    * @returns Array of top performing videos
-   * @throws Error if creatorId is invalid or database query fails
-   * 
-   * @example
-   * ```typescript
-   * const topVideos = await TopVideosAnalyticsService.getTopEvergreenVideos(
-   *   'user-123',
-   *   { limit: 3, timePeriod: 'all_time', sortBy: 'revenue' }
-   * );
-   * ```
    */
   static async getTopEvergreenVideos(
     creatorId: string,
     config: Partial<TopVideosConfig> = {}
   ): Promise<TopEvergreenVideo[]> {
-    // Validate input
     if (!creatorId || typeof creatorId !== 'string') {
       throw new Error('Invalid creatorId: must be a non-empty string');
     }
 
-    // Apply defaults
     const finalConfig: TopVideosConfig = {
       limit: config.limit ?? TOP_VIDEOS_CONFIG.DEFAULT_LIMIT,
       timePeriod: config.timePeriod ?? TOP_VIDEOS_CONFIG.DEFAULT_TIME_PERIOD,
-      sortBy: config.sortBy ?? TOP_VIDEOS_CONFIG.DEFAULT_SORT_BY,
+      sortBy: 'clicks', // Only sorting by clicks supported now
     };
 
-    // Validate limit
     if (finalConfig.limit < 1 || finalConfig.limit > TOP_VIDEOS_CONFIG.MAX_LIMIT) {
       throw new Error(`Invalid limit: must be between 1 and ${TOP_VIDEOS_CONFIG.MAX_LIMIT}`);
     }
 
-    // Check cache first
     const cacheKey = `${creatorId}-${finalConfig.timePeriod}-${finalConfig.sortBy}-${finalConfig.limit}`;
     const cached = cache.get(cacheKey);
     if (cached && Date.now() - cached.timestamp < CACHE_TTL_MS) {
@@ -83,22 +70,18 @@ export class TopVideosAnalyticsService {
     }
 
     try {
-      // Calculate time filter if needed
       let timeFilter = undefined;
       if (finalConfig.timePeriod !== 'all_time') {
-        const daysAgo = finalConfig.timePeriod === 'last_7_days' 
-          ? TOP_VIDEOS_CONFIG.TIME_PERIODS.LAST_7_DAYS 
+        const daysAgo = finalConfig.timePeriod === 'last_7_days'
+          ? TOP_VIDEOS_CONFIG.TIME_PERIODS.LAST_7_DAYS
           : TOP_VIDEOS_CONFIG.TIME_PERIODS.LAST_30_DAYS;
         const cutoffDate = new Date();
         cutoffDate.setDate(cutoffDate.getDate() - daysAgo);
         timeFilter = gte(productClicks.clickedAt, cutoffDate);
       }
 
-      // Query database for top videos
-      // Note: Since we don't have affiliate_transactions table yet, we'll use clicks as a proxy
-      // Revenue will be calculated as clicks * estimated commission (mock for now)
-      const MOCK_COMMISSION_PER_CLICK = TOP_VIDEOS_CONFIG.MOCK_COMMISSION_PER_CLICK;
-      
+      const clicksExpr = sql<number>`COALESCE(COUNT(DISTINCT ${productClicks.id}), 0)`;
+
       const results = await db
         .select({
           videoId: youtubeVideos.videoId,
@@ -106,17 +89,15 @@ export class TopVideosAnalyticsService {
           thumbnailUrl: youtubeVideos.thumbnailUrl,
           views: youtubeVideos.viewCount,
           uploadDate: youtubeVideos.publishedAt,
-          clicks: sql<number>`COALESCE(COUNT(DISTINCT ${productClicks.id}), 0)`,
+          clicks: clicksExpr,
           productCount: sql<number>`COUNT(DISTINCT ${detectedObjects.id})`,
-          // Calculate revenue in the query for proper sorting
-          revenue: sql<number>`COALESCE(COUNT(DISTINCT ${productClicks.id})::numeric, 0) * ${MOCK_COMMISSION_PER_CLICK}`,
         })
         .from(youtubeVideos)
         .innerJoin(youtubeChannels, eq(youtubeVideos.channelId, youtubeChannels.id))
         .leftJoin(detectedObjects, eq(detectedObjects.videoId, youtubeVideos.id))
         .leftJoin(marketplaceMatches, eq(marketplaceMatches.objectId, detectedObjects.id))
-        .leftJoin(productClicks, 
-          timeFilter 
+        .leftJoin(productClicks,
+          timeFilter
             ? and(eq(productClicks.marketplaceMatchId, marketplaceMatches.id), timeFilter)
             : eq(productClicks.marketplaceMatchId, marketplaceMatches.id)
         )
@@ -129,32 +110,21 @@ export class TopVideosAnalyticsService {
           youtubeVideos.viewCount,
           youtubeVideos.publishedAt
         )
-        .orderBy(desc(finalConfig.sortBy === 'revenue'
-          ? sql`COALESCE(COUNT(DISTINCT ${productClicks.id})::numeric, 0) * ${MOCK_COMMISSION_PER_CLICK}`
-          : sql`COALESCE(COUNT(DISTINCT ${productClicks.id}), 0)`))
+        .orderBy(desc(clicksExpr))
         .limit(finalConfig.limit);
 
-      // Transform results
-      // TODO: Replace with actual revenue from affiliate_transactions table when available
       const topVideos: TopEvergreenVideo[] = results.map(row => ({
         videoId: row.videoId,
         videoTitle: row.videoTitle,
         thumbnailUrl: row.thumbnailUrl || '',
         views: row.views || 0,
         uploadDate: row.uploadDate || new Date(),
-        revenue: Number(row.revenue), // Revenue already calculated in query
         clicks: Number(row.clicks),
         productCount: Number(row.productCount),
       }));
 
-      // Only include videos that have at least one detected product
-      const filteredVideos = topVideos.filter(
-        video => video.productCount > 0
-      );
-
-      // Cache the results
+      const filteredVideos = topVideos.filter(video => video.productCount > 0);
       cache.set(cacheKey, { data: filteredVideos, timestamp: Date.now() });
-
       return filteredVideos;
     } catch (error) {
       console.error('Error fetching top evergreen videos:', error);
@@ -163,17 +133,13 @@ export class TopVideosAnalyticsService {
   }
 
   /**
-   * Get all videos with engagement (clicks > 0), sorted by clicks or revenue.
+   * Get all videos with engagement (clicks > 0), sorted by clicks.
    */
   static async getEngagedVideos(
     creatorId: string,
-    sortBy: 'clicks' | 'revenue' = 'clicks'
+    sortBy: 'clicks' = 'clicks'
   ): Promise<TopEvergreenVideo[]> {
-    const MOCK_COMMISSION = TOP_VIDEOS_CONFIG.MOCK_COMMISSION_PER_CLICK;
-
     const clicksExpr = sql<number>`COALESCE(COUNT(DISTINCT ${productClicks.id}), 0)`;
-    const revenueExpr = sql<number>`COALESCE(COUNT(DISTINCT ${productClicks.id})::numeric, 0) * ${MOCK_COMMISSION}`;
-    const sortExpr = sortBy === 'revenue' ? revenueExpr : clicksExpr;
 
     const results = await db
       .select({
@@ -184,7 +150,6 @@ export class TopVideosAnalyticsService {
         uploadDate: youtubeVideos.publishedAt,
         clicks: clicksExpr,
         productCount: sql<number>`COUNT(DISTINCT ${detectedObjects.id})`,
-        revenue: revenueExpr,
       })
       .from(youtubeVideos)
       .innerJoin(youtubeChannels, eq(youtubeVideos.channelId, youtubeChannels.id))
@@ -201,7 +166,7 @@ export class TopVideosAnalyticsService {
         youtubeVideos.publishedAt
       )
       .having(sql`COALESCE(COUNT(DISTINCT ${productClicks.id}), 0) > 0`)
-      .orderBy(desc(sortExpr));
+      .orderBy(desc(clicksExpr));
 
     return results.map(row => ({
       videoId: row.videoId,
@@ -209,24 +174,19 @@ export class TopVideosAnalyticsService {
       thumbnailUrl: row.thumbnailUrl || '',
       views: row.views || 0,
       uploadDate: row.uploadDate || new Date(),
-      revenue: Number(row.revenue),
       clicks: Number(row.clicks),
       productCount: Number(row.productCount),
     }));
   }
 
   /**
-   * Get all products with engagement (clicks > 0), sorted by clicks or revenue.
+   * Get all products with engagement (clicks > 0), sorted by clicks.
    */
   static async getEngagedProducts(
     creatorId: string,
-    sortBy: 'clicks' | 'revenue' = 'clicks'
+    sortBy: 'clicks' = 'clicks'
   ): Promise<EngagedProduct[]> {
-    const MOCK_COMMISSION = TOP_VIDEOS_CONFIG.MOCK_COMMISSION_PER_CLICK;
-
     const clicksExpr = sql<number>`COALESCE(COUNT(DISTINCT ${productClicks.id}), 0)`;
-    const revenueExpr = sql<number>`COALESCE(COUNT(DISTINCT ${productClicks.id})::numeric, 0) * ${MOCK_COMMISSION}`;
-    const sortExpr = sortBy === 'revenue' ? revenueExpr : clicksExpr;
 
     const results = await db
       .select({
@@ -236,11 +196,9 @@ export class TopVideosAnalyticsService {
         price: marketplaceMatches.price,
         affiliateUrl: marketplaceMatches.affiliateUrl,
         clicks: clicksExpr,
-        revenue: revenueExpr,
         videoId: youtubeVideos.videoId,
         videoTitle: youtubeVideos.title,
         videoThumbnailUrl: youtubeVideos.thumbnailUrl,
-        // Each match has exactly one detectedObject; MAX satisfies the aggregation
         thumbnailUrl: sql<string | null>`MAX(${detectedObjects.thumbnailUrl})`,
       })
       .from(marketplaceMatches)
@@ -260,7 +218,7 @@ export class TopVideosAnalyticsService {
         youtubeVideos.thumbnailUrl
       )
       .having(sql`COALESCE(COUNT(DISTINCT ${productClicks.id}), 0) > 0`)
-      .orderBy(desc(sortExpr));
+      .orderBy(desc(clicksExpr));
 
     return results.map(row => ({
       matchId: row.matchId,
@@ -269,7 +227,6 @@ export class TopVideosAnalyticsService {
       price: row.price,
       affiliateUrl: row.affiliateUrl,
       clicks: Number(row.clicks),
-      revenue: Number(row.revenue),
       videoId: row.videoId,
       videoTitle: row.videoTitle,
       thumbnailUrl: row.thumbnailUrl || row.videoThumbnailUrl || '',
@@ -279,36 +236,21 @@ export class TopVideosAnalyticsService {
 
   /**
    * Clear cache for a specific creator or all cache
-   *
-   * @param creatorId - Optional creator ID to clear cache for specific creator
-   *
-   * @example
-   * ```typescript
-   * // Clear cache for specific creator
-   * TopVideosAnalyticsService.clearCache('user-123');
-   *
-   * // Clear all cache
-   * TopVideosAnalyticsService.clearCache();
-   * ```
    */
   static clearCache(creatorId?: string): void {
     if (creatorId) {
-      // Clear cache entries for specific creator
       for (const key of cache.keys()) {
         if (key.startsWith(creatorId)) {
           cache.delete(key);
         }
       }
     } else {
-      // Clear all cache
       cache.clear();
     }
   }
 
   /**
-   * Get cache statistics (useful for monitoring)
-   * 
-   * @returns Object with cache size and oldest entry age
+   * Get cache statistics
    */
   static getCacheStats(): { size: number; oldestEntryAge: number | null } {
     if (cache.size === 0) {

src/features/analytics/types/analytics.types.ts

@@ -49,9 +49,13 @@ export interface RevenueRecord {
  */
 export interface KeyMetricsData {
   activeItems: number; // Number of active marketplace items
-  conversionRate: number; // Conversion rate (clicks → interest pledges) as percentage
-  totalClicks: number; // Total product clicks
-  totalInterestPledges: number; // Total interest pledges
+  activeItemsTrend: number; // New items this week
+  pendingDemand: number; // Product Requests + "I Want This" Clicks
+  pendingDemandTrend: number; // New demand signals this week
+  productRequests: number; // Requests for products not detected yet
+  wantThisClicks: number; // "I Want This" clicks on detected products without links
+  totalClicks: number; // Total product link clicks
+  totalClicksTrend: number; // Percentage change vs previous period
 }
 
 /**
@@ -79,7 +83,7 @@ export type TimePeriod = 'last_7_days' | 'last_30_days' | 'all_time';
 /**
  * Sort options for top videos
  */
-export type TopVideosSortBy = 'revenue' | 'clicks';
+export type TopVideosSortBy = 'clicks';
 
 /**
  * Configuration for fetching top videos
@@ -99,7 +103,6 @@ export interface TopEvergreenVideo {
   thumbnailUrl: string; // Video thumbnail URL
   views: number; // View count
   uploadDate: Date; // Video upload date
-  revenue: number; // Total revenue generated (USD)
   clicks: number; // Total affiliate clicks
   productCount: number; // Number of products in video
 }
@@ -114,7 +117,6 @@ export interface EngagedProduct {
   price: number;
   affiliateUrl: string;
   clicks: number;
-  revenue: number;
   videoId: string; // YouTube video ID (for linking back)
   videoTitle: string;
   thumbnailUrl: string; // detected_objects.thumbnail_url (product crop)