From 7df52634dcaccc5283259f98cc025473460cd100 Mon Sep 17 00:00:00 2001
From: Lily Delalande <119957291+lily-de@users.noreply.github.com>
Date: Fri, 11 Apr 2025 14:27:06 -0400
Subject: [PATCH] remove tool count (#2158)

---
 ui/desktop/src/components/BottomMenu.tsx |  3 --
 ui/desktop/src/components/ToolCount.tsx  | 62 ------------------------
 2 files changed, 65 deletions(-)
 delete mode 100644 ui/desktop/src/components/ToolCount.tsx

diff --git a/ui/desktop/src/components/BottomMenu.tsx b/ui/desktop/src/components/BottomMenu.tsx
index 4a1bc1b8..f9fa62af 100644
--- a/ui/desktop/src/components/BottomMenu.tsx
+++ b/ui/desktop/src/components/BottomMenu.tsx
@@ -7,7 +7,6 @@ import type { View } from '../App';
 import { settingsV2Enabled } from '../flags';
 import { BottomMenuModeSelection } from './BottomMenuModeSelection';
 import ModelsBottomBar from './settings_v2/models/bottom_bar/ModelsBottomBar';
-import ToolCount from './ToolCount';
 
 export default function BottomMenu({
   hasMessages,
@@ -79,8 +78,6 @@ export default function BottomMenu({
 
       {/* Right-side section with ToolCount and Model Selector together */}
       <div className="flex items-center mr-4 space-x-1">
-        {/* Tool count */}
-        <ToolCount />
         {/* Model Selector Dropdown */}
         {settingsV2Enabled ? (
           <ModelsBottomBar dropdownRef={dropdownRef} setView={setView} />
diff --git a/ui/desktop/src/components/ToolCount.tsx b/ui/desktop/src/components/ToolCount.tsx
deleted file mode 100644
index a56d10ec..00000000
--- a/ui/desktop/src/components/ToolCount.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-import { useState, useEffect } from 'react';
-import { getTools } from '../api';
-import { ExclamationTriangleIcon } from '@radix-ui/react-icons';
-import { Popover, PopoverContent, PopoverTrigger } from './ui/popover';
-
-const SUGGESTED_MAX_TOOLS = 24;
-
-export default function ToolCount() {
-  const [toolCount, setToolCount] = useState(null);
-  const [error, setError] = useState(false);
-
-  useEffect(() => {
-    const fetchTools = async () => {
-      try {
-        const response = await getTools();
-        if (response.error) {
-          console.error('failed to get tool count');
-          setError(true);
-        } else {
-          setToolCount(response.data.length);
-        }
-      } catch (err) {
-        console.error('Error fetching tools:', err);
-        setError(true);
-      }
-    };
-
-    fetchTools();
-  }, []);
-
-  if (error) {
-    return <div></div>;
-  }
-
-  if (toolCount === null) {
-    return <div>...</div>;
-  }
-
-  if (toolCount > SUGGESTED_MAX_TOOLS) {
-    return (
-      <div>
-        <Popover>
-          <PopoverTrigger asChild>
-            <button className="flex items-center justify-center p-0 border-0 bg-transparent cursor-pointer">
-              <ExclamationTriangleIcon color="orange" />
-            </button>
-          </PopoverTrigger>
-          <PopoverContent className="p-3 bg-orangit ge-500 " side="top">
-            <div className="space-y-2">
-              <p className="text-xs text-gray-300">
-                Too many tools can degrade goose's performance. Consider turning unused extensions
-                off. Tool count: {toolCount} (recommend: {SUGGESTED_MAX_TOOLS})
-              </p>
-            </div>
-          </PopoverContent>
-        </Popover>
-      </div>
-    );
-  } else {
-    return <div></div>;
-  }
-}