costhawk 1.0.0

package/costcanary/app/admin/pricing-status/page.tsx

@@ -0,0 +1,338 @@
+'use client';
+
+import { useState, useEffect } from 'react';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
+import { Badge } from '@/components/ui/badge';
+import { Button } from '@/components/ui/button';
+import { RefreshCw, CheckCircle, XCircle, Clock, AlertCircle } from 'lucide-react';
+import { formatDistanceToNow } from 'date-fns';
+
+interface PricingJob {
+  id: string;
+  status: string;
+  createdAt: string;
+  completedAt?: string;
+  metadata?: Record<string, unknown>;
+  error?: string;
+}
+
+interface ActivePricing {
+  id: string;
+  provider: string;
+  isActive: boolean;
+  modelCount: number;
+  createdAt: string;
+  note?: string;
+}
+
+interface SamplePrice {
+  provider: string;
+  model: string;
+  inputPer1k: number;
+  outputPer1k: number;
+  createdAt: string;
+}
+
+interface PricingData {
+  recentJobs: PricingJob[];
+  activePricing: ActivePricing[];
+  counts: {
+    totalJobs: number;
+    completedJobs: number;
+    failedJobs: number;
+    totalVersions: number;
+    activeVersions: number;
+    totalModels: number;
+    totalAliases: number;
+  };
+  recentUpdates: {
+    last24Hours: number;
+  };
+  samplePricing: SamplePrice[];
+}
+
+export default function PricingStatusPage() {
+  const [data, setData] = useState<PricingData | null>(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  const fetchData = async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const response = await fetch('/api/admin/check-pricing');
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+      const result = await response.json();
+      if (result.success) {
+        setData(result.data);
+      } else {
+        throw new Error(result.error || 'Failed to fetch data');
+      }
+    } catch (err) {
+      setError(err instanceof Error ? err.message : 'Failed to fetch pricing data');
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  useEffect(() => {
+    fetchData();
+  }, []);
+
+  const getStatusIcon = (status: string) => {
+    switch (status) {
+      case 'COMPLETED':
+        return <CheckCircle className="h-4 w-4 text-green-500" />;
+      case 'FAILED':
+        return <XCircle className="h-4 w-4 text-red-500" />;
+      case 'RUNNING':
+        return <Clock className="h-4 w-4 text-blue-500 animate-spin" />;
+      case 'PARTIAL':
+        return <AlertCircle className="h-4 w-4 text-yellow-500" />;
+      default:
+        return <Clock className="h-4 w-4 text-gray-500" />;
+    }
+  };
+
+  const getStatusBadge = (status: string) => {
+    const variants: Record<string, 'default' | 'secondary' | 'destructive' | 'outline'> = {
+      COMPLETED: 'default',
+      FAILED: 'destructive',
+      RUNNING: 'secondary',
+      PARTIAL: 'outline',
+      PENDING: 'outline'
+    };
+    return (
+      <Badge variant={variants[status] || 'outline'} className="flex items-center gap-1">
+        {getStatusIcon(status)}
+        {status}
+      </Badge>
+    );
+  };
+
+  if (loading) {
+    return (
+      <div className="flex items-center justify-center min-h-screen">
+        <div className="animate-spin rounded-full h-32 w-32 border-b-2 border-gray-900"></div>
+      </div>
+    );
+  }
+
+  if (error) {
+    return (
+      <div className="container mx-auto p-6">
+        <Card className="border-red-200 bg-red-50">
+          <CardHeader>
+            <CardTitle className="text-red-800">Error Loading Pricing Data</CardTitle>
+          </CardHeader>
+          <CardContent>
+            <p className="text-red-600">{error}</p>
+            <Button onClick={fetchData} className="mt-4">
+              <RefreshCw className="mr-2 h-4 w-4" />
+              Retry
+            </Button>
+          </CardContent>
+        </Card>
+      </div>
+    );
+  }
+
+  if (!data) {
+    return null;
+  }
+
+  return (
+    <div className="container mx-auto p-6 space-y-6">
+      <div className="flex justify-between items-center">
+        <h1 className="text-3xl font-bold">Pricing Data Status</h1>
+        <Button onClick={fetchData} variant="outline">
+          <RefreshCw className="mr-2 h-4 w-4" />
+          Refresh
+        </Button>
+      </div>
+
+      {/* Summary Cards */}
+      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
+        <Card>
+          <CardHeader className="pb-2">
+            <CardTitle className="text-sm font-medium">Total Jobs</CardTitle>
+          </CardHeader>
+          <CardContent>
+            <div className="text-2xl font-bold">{data.counts.totalJobs}</div>
+            <div className="text-xs text-muted-foreground">
+              {data.counts.completedJobs} completed, {data.counts.failedJobs} failed
+            </div>
+          </CardContent>
+        </Card>
+
+        <Card>
+          <CardHeader className="pb-2">
+            <CardTitle className="text-sm font-medium">Pricing Versions</CardTitle>
+          </CardHeader>
+          <CardContent>
+            <div className="text-2xl font-bold">{data.counts.totalVersions}</div>
+            <div className="text-xs text-muted-foreground">
+              {data.counts.activeVersions} active
+            </div>
+          </CardContent>
+        </Card>
+
+        <Card>
+          <CardHeader className="pb-2">
+            <CardTitle className="text-sm font-medium">Model Prices</CardTitle>
+          </CardHeader>
+          <CardContent>
+            <div className="text-2xl font-bold">{data.counts.totalModels}</div>
+            <div className="text-xs text-muted-foreground">
+              {data.counts.totalAliases} aliases
+            </div>
+          </CardContent>
+        </Card>
+
+        <Card>
+          <CardHeader className="pb-2">
+            <CardTitle className="text-sm font-medium">Recent Updates</CardTitle>
+          </CardHeader>
+          <CardContent>
+            <div className="text-2xl font-bold">{data.recentUpdates.last24Hours}</div>
+            <div className="text-xs text-muted-foreground">
+              in last 24 hours
+            </div>
+          </CardContent>
+        </Card>
+      </div>
+
+      {/* Recent Jobs */}
+      <Card>
+        <CardHeader>
+          <CardTitle>Recent Discovery Jobs</CardTitle>
+          <CardDescription>Last 5 pricing discovery jobs</CardDescription>
+        </CardHeader>
+        <CardContent>
+          {data.recentJobs.length === 0 ? (
+            <p className="text-muted-foreground">No jobs found</p>
+          ) : (
+            <div className="space-y-4">
+              {data.recentJobs.map((job) => (
+                <div key={job.id} className="flex items-center justify-between border-b pb-2">
+                  <div className="flex items-center gap-4">
+                    {getStatusBadge(job.status)}
+                    <div>
+                      <p className="text-sm font-medium">Job {job.id.slice(0, 8)}...</p>
+                      <p className="text-xs text-muted-foreground">
+                        Created {formatDistanceToNow(new Date(job.createdAt))} ago
+                      </p>
+                    </div>
+                  </div>
+                  <div className="text-right">
+                    {job.completedAt && (
+                      <p className="text-xs text-muted-foreground">
+                        Completed {formatDistanceToNow(new Date(job.completedAt))} ago
+                      </p>
+                    )}
+                    {job.error && (
+                      <p className="text-xs text-red-500">Error: {job.error}</p>
+                    )}
+                  </div>
+                </div>
+              ))}
+            </div>
+          )}
+        </CardContent>
+      </Card>
+
+      {/* Active Pricing by Provider */}
+      <Card>
+        <CardHeader>
+          <CardTitle>Active Pricing Versions</CardTitle>
+          <CardDescription>Currently active pricing data by provider</CardDescription>
+        </CardHeader>
+        <CardContent>
+          {data.activePricing.length === 0 ? (
+            <p className="text-muted-foreground">No active pricing versions</p>
+          ) : (
+            <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
+              {data.activePricing.map((pricing) => (
+                <div key={pricing.id} className="border rounded-lg p-4">
+                  <div className="flex items-center justify-between mb-2">
+                    <Badge variant="outline">{pricing.provider}</Badge>
+                    {pricing.isActive && (
+                      <Badge variant="default" className="bg-green-500">Active</Badge>
+                    )}
+                  </div>
+                  <p className="text-sm font-medium">{pricing.modelCount} models</p>
+                  <p className="text-xs text-muted-foreground">
+                    Updated {formatDistanceToNow(new Date(pricing.createdAt))} ago
+                  </p>
+                  {pricing.note && (
+                    <p className="text-xs mt-2 italic">{pricing.note}</p>
+                  )}
+                </div>
+              ))}
+            </div>
+          )}
+        </CardContent>
+      </Card>
+
+      {/* Current Model Pricing */}
+      <Card>
+        <CardHeader>
+          <CardTitle>Current Model Pricing</CardTitle>
+          <CardDescription>Active model prices discovered from provider APIs</CardDescription>
+        </CardHeader>
+        <CardContent>
+          {data.samplePricing.length === 0 ? (
+            <p className="text-muted-foreground">No pricing data found</p>
+          ) : (
+            <div className="overflow-x-auto rounded-lg border">
+              <table className="min-w-full divide-y divide-border">
+                <thead className="bg-muted/50">
+                  <tr>
+                    <th className="px-6 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider">
+                      Provider
+                    </th>
+                    <th className="px-6 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider">
+                      Model
+                    </th>
+                    <th className="px-6 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider">
+                      Input (per 1K)
+                    </th>
+                    <th className="px-6 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider">
+                      Output (per 1K)
+                    </th>
+                    <th className="px-6 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider">
+                      Added
+                    </th>
+                  </tr>
+                </thead>
+                <tbody className="divide-y divide-border">
+                  {data.samplePricing.map((price, idx) => (
+                    <tr key={idx} className="hover:bg-muted/50 transition-colors">
+                      <td className="px-6 py-4 whitespace-nowrap text-sm font-medium">
+                        <Badge variant="outline">{price.provider}</Badge>
+                      </td>
+                      <td className="px-6 py-4 whitespace-nowrap text-sm font-mono">
+                        {price.model}
+                      </td>
+                      <td className="px-6 py-4 whitespace-nowrap text-sm text-muted-foreground">
+                        ${price.inputPer1k.toFixed(4)}
+                      </td>
+                      <td className="px-6 py-4 whitespace-nowrap text-sm text-muted-foreground">
+                        ${price.outputPer1k.toFixed(4)}
+                      </td>
+                      <td className="px-6 py-4 whitespace-nowrap text-sm text-muted-foreground">
+                        {formatDistanceToNow(new Date(price.createdAt))} ago
+                      </td>
+                    </tr>
+                  ))}
+                </tbody>
+              </table>
+            </div>
+          )}
+        </CardContent>
+      </Card>
+    </div>
+  );
+}

package/costcanary/app/api/admin/check-pricing/route.ts

@@ -0,0 +1,127 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { prisma } from '@/lib/prisma';
+import { requireAdminPermission } from '@/lib/admin-auth';
+
+export async function GET(_req: NextRequest) {
+  try {
+    // Check admin permission - use view_sensitive_data as pricing is sensitive
+    const admin = await requireAdminPermission('view_sensitive_data');
+    
+    // Get recent jobs
+    const recentJobs = await prisma.pricingDiscoveryJob.findMany({
+      orderBy: { createdAt: 'desc' },
+      take: 5,
+      select: {
+        id: true,
+        status: true,
+        createdAt: true,
+        completedAt: true,
+        metadata: true,
+        error: true
+      }
+    });
+    
+    // Get active pricing versions
+    const activePricing = await prisma.pricingVersion.findMany({
+      where: { isActive: true },
+      include: {
+        _count: {
+          select: { models: true }
+        }
+      }
+    });
+    
+    // Get counts
+    const counts = {
+      totalJobs: await prisma.pricingDiscoveryJob.count(),
+      completedJobs: await prisma.pricingDiscoveryJob.count({
+        where: { status: 'COMPLETED' }
+      }),
+      failedJobs: await prisma.pricingDiscoveryJob.count({
+        where: { status: 'FAILED' }
+      }),
+      totalVersions: await prisma.pricingVersion.count(),
+      activeVersions: await prisma.pricingVersion.count({
+        where: { isActive: true }
+      }),
+      totalModels: await prisma.pricingModelPrice.count(),
+      totalAliases: await prisma.providerModelAlias.count()
+    };
+    
+    // Check for recent updates (last 24 hours)
+    const oneDayAgo = new Date(Date.now() - 24 * 60 * 60 * 1000);
+    const recentVersions = await prisma.pricingVersion.count({
+      where: {
+        createdAt: { gte: oneDayAgo }
+      }
+    });
+    
+    // Get all pricing data
+    const samplePricing = await prisma.pricingModelPrice.findMany({
+      take: 50, // Increased from 10 to show all models
+      orderBy: [
+        { provider: 'asc' },
+        { canonicalModel: 'asc' }
+      ],
+      select: {
+        provider: true,
+        canonicalModel: true,
+        unitInputPer1k: true,
+        unitOutputPer1k: true,
+        createdAt: true
+      }
+    });
+    
+    return NextResponse.json({
+      success: true,
+      admin: {
+        userId: admin.clerkId,
+        role: admin.role
+      },
+      data: {
+        recentJobs,
+        activePricing: activePricing.map((v: any) => ({
+          id: v.id,
+          provider: v.provider,
+          isActive: v.isActive,
+          modelCount: v._count.models,
+          createdAt: v.createdAt,
+          note: v.note
+        })),
+        counts,
+        recentUpdates: {
+          last24Hours: recentVersions
+        },
+        samplePricing: samplePricing.map((p: any) => ({
+          provider: p.provider,
+          model: p.canonicalModel,
+          inputPer1k: Number(p.unitInputPer1k),
+          outputPer1k: Number(p.unitOutputPer1k),
+          createdAt: p.createdAt
+        }))
+      }
+    });
+    
+  } catch (error) {
+    // Log error for debugging
+    // console.error('Check pricing error:', error);
+    
+    if (error instanceof Error && error.message.includes('Admin access required')) {
+      return NextResponse.json({ 
+        error: 'Admin access required' 
+      }, { status: 403 });
+    }
+    
+    if (error instanceof Error && error.message.includes('Permission required')) {
+      return NextResponse.json({ 
+        error: 'Insufficient permissions',
+        message: 'You need admin privileges to view pricing data'
+      }, { status: 403 });
+    }
+    
+    return NextResponse.json({ 
+      error: 'Failed to check pricing data',
+      details: error instanceof Error ? error.message : 'Unknown error'
+    }, { status: 500 });
+  }
+}

package/costcanary/app/api/admin/debug/route.ts

@@ -0,0 +1,44 @@
+import { NextResponse } from 'next/server';
+import { auth, clerkClient } from '@clerk/nextjs/server';
+
+// Force dynamic rendering for this route
+export const dynamic = 'force-dynamic';
+
+export async function GET() {
+  try {
+    const { userId } = await auth();
+    
+    if (!userId) {
+      return NextResponse.json({ error: 'Not authenticated' }, { status: 401 });
+    }
+
+    const adminOrgId = process.env.CLERK_ADMIN_ORGANIZATION_ID;
+
+    // Get all user's organization memberships
+    const client = await clerkClient();
+    const memberships = await client.users.getOrganizationMembershipList({
+      userId
+    });
+
+    const debug = {
+      userId,
+      adminOrgIdFromEnv: adminOrgId,
+      totalMemberships: memberships.data?.length || 0,
+      memberships: memberships.data?.map((membership: any) => ({
+        organizationId: membership.organization.id,
+        organizationName: membership.organization.name,
+        role: membership.role,
+        isAdminOrg: membership.organization.id === adminOrgId
+      })) || []
+    };
+
+    return NextResponse.json(debug);
+
+  } catch (error) {
+    console.error('Debug error:', error);
+    return NextResponse.json({
+      error: 'Debug failed',
+      details: error instanceof Error ? error.message : 'Unknown error'
+    }, { status: 500 });
+  }
+}