From 9375789f15d7151941342e122985482c6f7b519c Mon Sep 17 00:00:00 2001
From: Danny Avila <danny@librechat.ai>
Date: Sun, 22 Jun 2025 11:58:15 -0400
Subject: [PATCH] refactor: conditionally render CheckboxButton in
 CodeInterpreter and WebSearch components for improved UI responsiveness

---
 .../components/Chat/Input/CodeInterpreter.tsx | 20 ++++++++++---------
 .../src/components/Chat/Input/WebSearch.tsx   | 20 ++++++++++---------
 2 files changed, 22 insertions(+), 18 deletions(-)

diff --git a/client/src/components/Chat/Input/CodeInterpreter.tsx b/client/src/components/Chat/Input/CodeInterpreter.tsx
index a2667ed2b9..59b8d03f8e 100644
--- a/client/src/components/Chat/Input/CodeInterpreter.tsx
+++ b/client/src/components/Chat/Input/CodeInterpreter.tsx
@@ -26,15 +26,17 @@ function CodeInterpreter() {
 
   return (
     <>
-      <CheckboxButton
-        ref={triggerRef}
-        className="max-w-fit"
-        checked={runCode}
-        setValue={debouncedChange}
-        label={localize('com_assistants_code_interpreter')}
-        isCheckedClassName="border-purple-600/40 bg-purple-500/10 hover:bg-purple-700/10"
-        icon={<TerminalSquareIcon className="icon-md" />}
-      />
+      {runCode && (
+        <CheckboxButton
+          ref={triggerRef}
+          className="max-w-fit"
+          checked={runCode}
+          setValue={debouncedChange}
+          label={localize('com_assistants_code_interpreter')}
+          isCheckedClassName="border-purple-600/40 bg-purple-500/10 hover:bg-purple-700/10"
+          icon={<TerminalSquareIcon className="icon-md" />}
+        />
+      )}
       <ApiKeyDialog
         onSubmit={onSubmit}
         isOpen={isDialogOpen}
diff --git a/client/src/components/Chat/Input/WebSearch.tsx b/client/src/components/Chat/Input/WebSearch.tsx
index fff497e7ed..e50ac88099 100644
--- a/client/src/components/Chat/Input/WebSearch.tsx
+++ b/client/src/components/Chat/Input/WebSearch.tsx
@@ -26,15 +26,17 @@ function WebSearch() {
 
   return (
     <>
-      <CheckboxButton
-        ref={triggerRef}
-        className="max-w-fit"
-        checked={webSearch}
-        setValue={debouncedChange}
-        label={localize('com_ui_search')}
-        isCheckedClassName="border-blue-600/40 bg-blue-500/10 hover:bg-blue-700/10"
-        icon={<Globe className="icon-md" />}
-      />
+      {webSearch && (
+        <CheckboxButton
+          ref={triggerRef}
+          className="max-w-fit"
+          checked={webSearch}
+          setValue={debouncedChange}
+          label={localize('com_ui_search')}
+          isCheckedClassName="border-blue-600/40 bg-blue-500/10 hover:bg-blue-700/10"
+          icon={<Globe className="icon-md" />}
+        />
+      )}
       <ApiKeyDialog
         onSubmit={onSubmit}
         authTypes={authTypes}