more admin shtuff

Author: Justin Torre

.claude/settings.local.json

@@ -45,7 +45,8 @@
       "mcp__linear-server__list_comments",
       "mcp__playwright__browser_console_messages",
       "mcp__playwright__browser_network_requests",
-      "mcp__playwright__browser_evaluate"
+      "mcp__playwright__browser_evaluate",
+      "Bash(yarn build)"
     ],
     "deny": []
   }

valhalla/jawn/src/controllers/private/adminController.ts

@@ -122,7 +122,7 @@ export class AdminController extends Controller {
 
     // Get ClickHouse spending for these organizations
     const orgIds = paymentsResult.data.map((org) => org.org_id);
-    const orgIds = paymentsResult.data.map((org) => org.org_id);
+
     const clickhouseSpendResult = await clickhouseDb.dbQuery<{
       organization_id: string;
       total_cost: number;
@@ -136,7 +136,6 @@ export class AdminController extends Controller {
       `,
       []
     );
-    const clickhouseSpendMap = new Map<string, number>();
 
     const clickhouseSpendMap = new Map<string, number>();
     if (!clickhouseSpendResult.error && clickhouseSpendResult.data) {
@@ -156,7 +155,9 @@ export class AdminController extends Controller {
       stripeCustomerId: org.stripe_customer_id,
       totalPayments: org.total_amount_received / 100, // Convert cents to dollars
       clickhouseTotalSpend: clickhouseSpendMap.get(org.org_id) || 0,
-      lastPaymentDate: org.last_payment_date ? Number(org.last_payment_date) * 1000 : null, // Convert seconds to milliseconds
+      lastPaymentDate: org.last_payment_date
+        ? Number(org.last_payment_date) * 1000
+        : null, // Convert seconds to milliseconds
       tier: org.tier || "free",
       ownerEmail: org.owner_email || "Unknown",
     }));
@@ -1630,7 +1631,9 @@ export class AdminController extends Controller {
 
     // Get the wallet state from the worker API using admin credentials
     const workerApiUrl =
-      process.env.HELICONE_WORKER_API || process.env.WORKER_API_URL || "https://api.helicone.ai";
+      process.env.HELICONE_WORKER_API ||
+      process.env.WORKER_API_URL ||
+      "https://api.helicone.ai";
     const adminAccessKey = process.env.HELICONE_MANUAL_ACCESS_KEY;
 
     if (!adminAccessKey) {
@@ -1687,7 +1690,9 @@ export class AdminController extends Controller {
 
     // Get table data from the worker API using admin credentials
     const workerApiUrl =
-      process.env.HELICONE_WORKER_API || process.env.WORKER_API_URL || "https://api.helicone.ai";
+      process.env.HELICONE_WORKER_API ||
+      process.env.WORKER_API_URL ||
+      "https://api.helicone.ai";
     const adminAccessKey = process.env.HELICONE_MANUAL_ACCESS_KEY;
 
     if (!adminAccessKey) {
@@ -1697,9 +1702,9 @@ export class AdminController extends Controller {
     try {
       // Build query params for pagination
       const params = new URLSearchParams();
-      if (page !== undefined) params.set('page', page.toString());
-      if (pageSize !== undefined) params.set('pageSize', pageSize.toString());
-      
+      if (page !== undefined) params.set("page", page.toString());
+      if (pageSize !== undefined) params.set("pageSize", pageSize.toString());
+
       // Use the admin endpoint that can query any org's table data
       const response = await fetch(
         `${workerApiUrl}/admin/wallet/${orgId}/tables/${tableName}?${params.toString()}`,

web/components/templates/admin/adminWallet.tsx

@@ -27,7 +27,11 @@ import {
   AlertCircle,
   ExternalLink,
 } from "lucide-react";
-import { formatCurrency } from "@/lib/utils";
+import { formatCurrency as remoteFormatCurrency } from "@/lib/uiUtils";
+
+const formatCurrency = (amount: number) => {
+  return remoteFormatCurrency(amount, "USD", 6);
+}
 
 interface DashboardData {
   organizations: Array<{
@@ -88,7 +92,7 @@ export default function AdminWallet() {
     queryKey: ["admin-wallet-dashboard"],
     queryFn: async () => {
       console.log("Fetching dashboard data...");
-      const response = await jawn.POST("/v1/admin/gateway/dashboard_data");
+      const response = await jawn.POST("/v1/admin/gateway/dashboard_data", {}) as any;
       console.log("Dashboard API response:", response);
       console.log("Response data:", response.data);
       console.log("Response error:", response.error);
@@ -116,7 +120,7 @@ export default function AdminWallet() {
       queryFn: async () => {
         if (!selectedOrg) throw new Error("No org selected");
         console.log("Fetching wallet details for org:", selectedOrg);
-        const response = await jawn.POST(`/v1/admin/wallet/${selectedOrg}`, {});
+        const response = await (jawn as any).POST(`/v1/admin/wallet/${selectedOrg}`, {});
         console.log("Wallet details API response:", response);
         console.log("Wallet response data:", response.data);
         console.log("Wallet response error:", response.error);
@@ -145,7 +149,7 @@ export default function AdminWallet() {
         "table:",
         selectedTable,
       );
-      const response = await jawn.POST(
+      const response = await (jawn as any).POST(
         `/v1/admin/wallet/${selectedOrg}/tables/${selectedTable}?page=${tablePage}&pageSize=50`,
         {},
       );

web/lib/uiUtils.ts

@@ -22,12 +22,14 @@ export function getStripeLink(
 export const formatCurrency = (
   amount: number | null | undefined,
   currency = "usd",
+  maximumFractionDigits: number | undefined = undefined,
 ): string => {
   if (amount === null || amount === undefined) return "$0.00";
   return new Intl.NumberFormat("en-US", {
     style: "currency",
     currency: currency.toUpperCase(),
     minimumFractionDigits: 2,
+    maximumFractionDigits: maximumFractionDigits, // Support small amounts like $0.0003049
   }).format(amount);
 };
 

web/lib/utils.ts

@@ -17,11 +17,3 @@ export function isJson(content: string) {
   }
 }
 
-export function formatCurrency(amount: number): string {
-  return new Intl.NumberFormat("en-US", {
-    style: "currency",
-    currency: "USD",
-    minimumFractionDigits: 2,
-    maximumFractionDigits: 6,
-  }).format(amount);
-}