From d6f380007603b580c13ac2481a155f6abeebf1b6 Mon Sep 17 00:00:00 2001
From: LE Quoc Dat <quocdat.le.insacvl@gmail.com>
Date: Mon, 28 Jul 2025 21:15:33 +0200
Subject: [PATCH] AI:
 ./src/components/thread/tool-views/file-operation/FileEditToolView.tsx:41:11
 Type error: Object literal may only specify known properties, and 'color'
 does not exist in type 'ReactDiffViewerStylesVariables'.

  39 |       variables: {
  40 |         dark: {
> 41 |           color: '#e2e8f0',
     |           ^
  42 |           background: '#09090b',
  43 |           addedBackground: '#104a32',
  44 |           addedColor: '#6ee7b7',
Next.js build worker exited with code: 1 and signal: null
---
 .../thread/tool-views/file-operation/_utils.ts        | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/frontend/src/components/thread/tool-views/file-operation/_utils.ts b/frontend/src/components/thread/tool-views/file-operation/_utils.ts
index e81c58d5..a5b706ce 100644
--- a/frontend/src/components/thread/tool-views/file-operation/_utils.ts
+++ b/frontend/src/components/thread/tool-views/file-operation/_utils.ts
@@ -357,6 +357,17 @@ export const getOperationConfigs = (): Record<FileOperation, OperationConfig> =>
       badgeColor: 'bg-red-100 text-red-700 border-red-200',
       hoverColor: 'hover:bg-red-100',
   },
+  'str-replace': {
+    icon: Replace,
+    color: 'text-blue-600',
+    successMessage: 'String replaced successfully',
+    progressMessage: 'Replacing string...',
+    bgColor: 'bg-blue-50',
+    gradientBg: 'from-blue-50 to-blue-100',
+    borderColor: 'border-blue-200',
+    badgeColor: 'bg-blue-100 text-blue-700 border-blue-200',
+    hoverColor: 'hover:bg-blue-100',
+  },
   };
 };