Token and cost formatting

weave-js/src/components/PagePanelComponents/Home/Browse3/pages/CallPage/cost/costUtils.ts

@@ -66,25 +66,16 @@ export const FORMAT_NUMBER_NO_DECIMALS = new Intl.NumberFormat('en-US', {
 
 // Number formatting function that formats numbers in the thousands and millions with 3 sigfigs
 export const formatTokenCount = (num: number): string => {
-  if (num < 10000) {
+  if (num < 1000000) {
     return FORMAT_NUMBER_NO_DECIMALS.format(num);
-  } else if (num >= 10000 && num < 1000000) {
-    // Format numbers in the thousands
-    const thousands = (num / 1000).toFixed(1);
-    return parseFloat(thousands).toString() + 'k';
   }
   // Format numbers in the millions
   const millions = (num / 1000000).toFixed(2);
   return parseFloat(millions).toString() + 'm';
 };
 
 export const formatTokenCost = (cost: number): string => {
-  if (cost === 0) {
-    return '$0.00';
-  } else if (cost < 0.01) {
-    return '$<0.01';
-  }
-  return `$${cost.toFixed(2)}`;
+  return `$${cost.toFixed(4)}`;
 };
 
 // TODO(Josiah): this is here because sometimes the cost query is not returning all the ids I believe for unfinished calls,

weave-js/src/components/PagePanelComponents/Home/Browse3/pages/CallsPage/callsTableColumns.tsx

@@ -441,6 +441,8 @@ function buildCallsTableColumns(
     width: 100,
     minWidth: 100,
     maxWidth: 100,
+    align: 'right',
+    headerAlign: 'right',
     // Should probably have a custom filter here.
     filterable: false,
     sortable: false,
@@ -463,6 +465,8 @@ function buildCallsTableColumns(
     width: 100,
     minWidth: 100,
     maxWidth: 100,
+    align: 'right',
+    headerAlign: 'right',
     // Should probably have a custom filter here.
     filterable: false,
     sortable: false,