From a36f33746db3f96092df8e20d202647033e2d0a1 Mon Sep 17 00:00:00 2001
From: naman-bruno <naman@usebruno.com>
Date: Tue, 22 Jul 2025 18:33:02 +0530
Subject: [PATCH] comment debug tab and error boundry (#5161)

---
 .../src/components/Devtools/Console/index.js  | 46 +++++++++----------
 packages/bruno-app/src/pages/Bruno/index.js   |  6 +--
 2 files changed, 26 insertions(+), 26 deletions(-)

diff --git a/packages/bruno-app/src/components/Devtools/Console/index.js b/packages/bruno-app/src/components/Devtools/Console/index.js
index bde9a8b1d..e87e38d37 100644
--- a/packages/bruno-app/src/components/Devtools/Console/index.js
+++ b/packages/bruno-app/src/components/Devtools/Console/index.js
@@ -26,7 +26,7 @@ import {
 } from 'providers/ReduxStore/slices/logs';
 import NetworkTab from './NetworkTab';
 import RequestDetailsPanel from './RequestDetailsPanel';
-import DebugTab from './DebugTab';
+// import DebugTab from './DebugTab';
 import ErrorDetailsPanel from './ErrorDetailsPanel';
 import StyledWrapper from './StyledWrapper';
 
@@ -40,8 +40,8 @@ const LogIcon = ({ type }) => {
       return <IconAlertTriangle className="log-icon warn" {...iconProps} />;
     case 'info':
       return <IconAlertTriangle className="log-icon info" {...iconProps} />;
-    case 'debug':
-      return <IconBug className="log-icon debug" {...iconProps} />;
+    // case 'debug':
+    //   return <IconBug className="log-icon debug" {...iconProps} />;
     default:
       return <IconCode className="log-icon log" {...iconProps} />;
   }
@@ -384,8 +384,8 @@ const Console = () => {
         );
       case 'network':
         return <NetworkTab />;
-      case 'debug':
-        return <DebugTab />;
+      // case 'debug':
+      //   return <DebugTab />;
       default:
         return (
           <ConsoleTab
@@ -437,22 +437,22 @@ const Console = () => {
             </div>
           </div>
         );
-      case 'debug':
-        return (
-          <div className="tab-controls">
-            <div className="action-controls">
-              {debugErrors.length > 0 && (
-                <button 
-                  className="control-button"
-                  onClick={handleClearDebugErrors}
-                  title="Clear all errors"
-                >
-                  <IconTrash size={16} strokeWidth={1.5} />
-                </button>
-              )}
-            </div>
-          </div>
-        );
+      // case 'debug':
+      //   return (
+      //     <div className="tab-controls">
+      //       <div className="action-controls">
+      //         {debugErrors.length > 0 && (
+      //           <button 
+      //             className="control-button"
+      //             onClick={handleClearDebugErrors}
+      //             title="Clear all errors"
+      //           >
+      //             <IconTrash size={16} strokeWidth={1.5} />
+      //           </button>
+      //         )}
+      //       </div>
+      //     </div>
+      //   );
       default:
         return null;
     }
@@ -484,13 +484,13 @@ const Console = () => {
             <span>Network</span>
           </button>
           
-          <button 
+          {/* <button 
             className={`console-tab ${activeTab === 'debug' ? 'active' : ''}`}
             onClick={() => handleTabChange('debug')}
           >
             <IconBug size={16} strokeWidth={1.5} />
             <span>Debug</span>
-          </button>
+          </button> */}
         </div>
 
         <div className="console-controls">
diff --git a/packages/bruno-app/src/pages/Bruno/index.js b/packages/bruno-app/src/pages/Bruno/index.js
index 070ddb73a..b42462547 100644
--- a/packages/bruno-app/src/pages/Bruno/index.js
+++ b/packages/bruno-app/src/pages/Bruno/index.js
@@ -5,7 +5,7 @@ import RequestTabs from 'components/RequestTabs';
 import RequestTabPanel from 'components/RequestTabPanel';
 import Sidebar from 'components/Sidebar';
 import StatusBar from 'components/StatusBar';
-import ErrorCapture from 'components/ErrorCapture';
+// import ErrorCapture from 'components/ErrorCapture';
 import { useSelector } from 'react-redux';
 import StyledWrapper from './StyledWrapper';
 import 'codemirror/theme/material.css';
@@ -57,7 +57,7 @@ export default function Main() {
   });
 
   return (
-    <ErrorCapture>
+    // <ErrorCapture>
       <div className="flex flex-col h-screen max-h-screen overflow-hidden">
         <div 
           ref={mainSectionRef}
@@ -84,6 +84,6 @@ export default function Main() {
         <Devtools mainSectionRef={mainSectionRef} />
         <StatusBar />
       </div>
-    </ErrorCapture>
+    // </ErrorCapture>
   );
 }