From 19e62917e2d60887fc82130e3c58715bd0375e6d Mon Sep 17 00:00:00 2001
From: regeter <2320305+regeter@users.noreply.github.com>
Date: Fri, 6 Mar 2026 11:40:41 -0800
Subject: [PATCH] feat: add slight red background for fields added to the table
 from the response

---
 src/LogTable.js | 8 +++++++-
 src/global.css  | 4 ++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/LogTable.js b/src/LogTable.js
index ae90a5d..90db79e 100644
--- a/src/LogTable.js
+++ b/src/LogTable.js
@@ -349,11 +349,17 @@ function LogTable(props) {
     // Add dynamic columns
     _.map(props.extraColumns, (dotPath) => {
       const elems = dotPath.split(".");
+
+      let columnClass = "logtable-cell";
+      if (dotPath.startsWith("response.")) {
+        columnClass += " response-column";
+      }
+
       stdColumns.push({
         Header: elems[elems.length - 1],
         accessor: dotPath === ".error" ? "error" : dotPath,
         width: columnLargeWidth,
-        className: "logtable-cell",
+        className: columnClass,
         Cell: ({ cell }) => {
           const value = cell.value;
           if (value === undefined || value === null) return null;
diff --git a/src/global.css b/src/global.css
index 6837ee5..ab9ceda 100644
--- a/src/global.css
+++ b/src/global.css
@@ -94,6 +94,10 @@ html {
   text-overflow: clip;
 }
 
+/* logtable for response fields */
+.response-column {
+  background-color: rgba(255, 0, 0, 0.05);
+}
 /* Event indicator styles */
 .selected-event-indicator-container {
   position: relative;