From 028641597d8a010032dfcba368d298dc6039f582 Mon Sep 17 00:00:00 2001
From: Fernando Carril <facarril@gmail.com>
Date: Thu, 14 Nov 2024 17:11:33 +0100
Subject: [PATCH] [OPIK-405] Fix case where data.input could be undefined
 (#640)

---
 .../TraceDetailsPanel/TraceDataViewer/InputOutputTab.tsx    | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/apps/opik-frontend/src/components/shared/TraceDetailsPanel/TraceDataViewer/InputOutputTab.tsx b/apps/opik-frontend/src/components/shared/TraceDetailsPanel/TraceDataViewer/InputOutputTab.tsx
index 2a91932087..948dd0148d 100644
--- a/apps/opik-frontend/src/components/shared/TraceDetailsPanel/TraceDataViewer/InputOutputTab.tsx
+++ b/apps/opik-frontend/src/components/shared/TraceDetailsPanel/TraceDataViewer/InputOutputTab.tsx
@@ -56,7 +56,9 @@ const BASE64_PREFIXES_MAP = {
 const IMAGE_CHARS_REGEX = "[A-Za-z0-9+/]+={0,2}";
 const DATA_IMAGE_PREFIX = `"data:image/[^;]{3,4};base64,${IMAGE_CHARS_REGEX}"`;
 
-function extractInputImages(input: object) {
+function extractInputImages(input?: object) {
+  if (!input) return [];
+
   const images: string[] = [];
   const stringifiedInput = JSON.stringify(input);
 
@@ -85,7 +87,7 @@ function extractInputImages(input: object) {
   return images;
 }
 
-function extractImageUrls(input: object) {
+function extractImageUrls(input?: object) {
   const openAIImages = extractOpenAIImages(get(input, "messages", []));
   const inputImages = extractInputImages(input);