diff --git a/app/components/InfoTooltip.tsx b/app/components/InfoTooltip.tsx
index b8601fd..d070496 100644
--- a/app/components/InfoTooltip.tsx
+++ b/app/components/InfoTooltip.tsx
@@ -1,7 +1,9 @@
 "use client";
 
+import type { ReactNode } from "react";
+
 interface InfoTooltipProps {
-  text: string;
+  text: ReactNode;
 }
 
 export default function InfoTooltip({ text }: InfoTooltipProps) {
diff --git a/app/components/evaluations/EvalRunCard.tsx b/app/components/evaluations/EvalRunCard.tsx
index c50db96..65990d1 100644
--- a/app/components/evaluations/EvalRunCard.tsx
+++ b/app/components/evaluations/EvalRunCard.tsx
@@ -8,10 +8,12 @@ import {
   AssistantConfig,
   getScoreObject,
 } from "@/app/components/types";
-import { getStatusColor } from "@/app/components/utils";
+import { getStatusColor, formatCostUSD } from "@/app/components/utils";
 import { timeAgo } from "@/app/lib/utils";
 import ConfigModal from "@/app/components/ConfigModal";
 import ScoreDisplay from "@/app/components/ScoreDisplay";
+import CostIcon from "@/app/components/icons/evaluations/CostIcon";
+import InfoTooltip from "@/app/components/InfoTooltip";
 
 export interface EvalRunCardProps {
   job: EvalJob;
@@ -81,7 +83,7 @@ export default function EvalRunCard({
           </div>
         )}
 
-        {/* Row 3: Dataset + Config (left) | Actions (right) */}
+        {/* Row 3: Dataset + Config + Cost (left) | Actions (right) */}
         <div className="flex items-center justify-between gap-4 mt-3">
           <div
             className="flex items-center gap-3 text-xs"
@@ -113,6 +115,34 @@ export default function EvalRunCard({
                 {assistantConfig.name}
               </span>
             )}
+            {job.cost?.total_cost_usd != null && (
+              <span className="flex items-center gap-1.5">
+                <CostIcon className="flex-shrink-0" />
+                {formatCostUSD(job.cost.total_cost_usd)}
+                <InfoTooltip
+                  text={
+                    <div className="space-y-1">
+                      {job.cost.response && (
+                        <div className="flex justify-between gap-3">
+                          <span>Response generation</span>
+                          <span>
+                            {formatCostUSD(job.cost.response.cost_usd)}
+                          </span>
+                        </div>
+                      )}
+                      {job.cost.embedding && (
+                        <div className="flex justify-between gap-3">
+                          <span>Cosine similarity calculation</span>
+                          <span>
+                            {formatCostUSD(job.cost.embedding.cost_usd)}
+                          </span>
+                        </div>
+                      )}
+                    </div>
+                  }
+                />
+              </span>
+            )}
           </div>
           <div className="flex items-center gap-3 flex-shrink-0">
             <button
diff --git a/app/components/icons/evaluations/CostIcon.tsx b/app/components/icons/evaluations/CostIcon.tsx
new file mode 100644
index 0000000..0d165ee
--- /dev/null
+++ b/app/components/icons/evaluations/CostIcon.tsx
@@ -0,0 +1,23 @@
+interface IconProps {
+  className?: string;
+  style?: React.CSSProperties;
+}
+
+export default function CostIcon({ className, style }: IconProps) {
+  return (
+    <svg
+      className={`w-3.5 h-3.5 ${className ?? ""}`}
+      fill="none"
+      viewBox="0 0 24 24"
+      stroke="currentColor"
+      strokeWidth={2}
+      style={style}
+    >
+      <path
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        d="M12 6v12m-3-2.818.879.659c1.171.879 3.07.879 4.242 0 1.172-.879 1.172-2.303 0-3.182C13.536 12.219 12.768 12 12 12c-.725 0-1.45-.22-2.003-.659-1.106-.879-1.106-2.303 0-3.182s2.9-.879 4.006 0l.415.33M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"
+      />
+    </svg>
+  );
+}
diff --git a/app/components/types.ts b/app/components/types.ts
index 0287054..b2bbc73 100644
--- a/app/components/types.ts
+++ b/app/components/types.ts
@@ -104,6 +104,21 @@ export interface AssistantConfig {
   is_deleted: boolean;
 }
 
+export interface EvalCostEntry {
+  model: string;
+  cost_usd: number;
+  input_tokens?: number;
+  output_tokens?: number;
+  prompt_tokens?: number;
+  total_tokens: number;
+}
+
+export interface EvalCost {
+  response?: EvalCostEntry;
+  embedding?: EvalCostEntry;
+  total_cost_usd: number;
+}
+
 export interface EvalJob {
   id: number;
   run_name: string;
@@ -130,6 +145,7 @@ export interface EvalJob {
   assistant_id?: string;
   organization_id: number;
   project_id: number;
+  cost?: EvalCost | null;
   inserted_at: string;
   updated_at: string;
 }
diff --git a/app/components/utils.ts b/app/components/utils.ts
index cc9f546..f1386e6 100644
--- a/app/components/utils.ts
+++ b/app/components/utils.ts
@@ -67,6 +67,21 @@ export const getStatusColor = (
   }
 };
 
+/**
+ * Formats a USD cost value for display
+ * @param cost - Cost in USD
+ * @returns Formatted cost string (e.g., "$0.0013", "$1.25")
+ */
+export const formatCostUSD = (cost: number): string => {
+  if (!Number.isFinite(cost)) {
+    return "N/A";
+  }
+  if (cost < 0.01) {
+    return `$${cost.toFixed(4)}`;
+  }
+  return `$${cost.toFixed(2)}`;
+};
+
 /**
  * Calculates dynamic thresholds for color coding based on score distribution
  * @param scores - Array of similarity scores