From 011a135ee6085e69e192c343735a96ab4c784e9f Mon Sep 17 00:00:00 2001
From: Nikhil-Doye <nikhil.doye@gmail.com>
Date: Sun, 19 Oct 2025 00:44:51 -0400
Subject: [PATCH] Remove API Keys Settings functionality from App component

- Eliminated the API Keys settings button and associated state management from the App component.
- Removed the API Keys Settings modal, streamlining the user interface and focusing on core workflow functionalities.
- This change reflects a shift away from the API Keys management feature, simplifying the overall application structure.
---
 src/App.tsx | 36 ------------------------------------
 1 file changed, 36 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 56f998c..47c7d5b 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -5,13 +5,11 @@ import { WorkflowList } from "./components/WorkflowList";
 import { WorkflowEditor } from "./components/WorkflowEditor";
 import { ExecutionPanel } from "./components/ExecutionPanel";
 import { TestingPanel } from "./components/TestingPanel";
-import { ApiKeysSettings } from "./components/ApiKeysSettings";
 import { useWorkflowStore } from "./store/workflowStore";
 
 function App() {
   const [currentView, setCurrentView] = useState<"list" | "editor">("list");
   const [, setCurrentWorkflowId] = useState<string | null>(null);
-  const [showApiKeysSettings, setShowApiKeysSettings] = useState(false);
   const { createWorkflow, loadWorkflow } = useWorkflowStore();
 
   const handleCreateWorkflow = (workflowName?: string) => {
@@ -36,35 +34,6 @@ function App() {
     <div className="App">
       <Toaster position="top-right" />
 
-      {/* Settings Button */}
-      <div className="fixed top-4 right-4 z-40">
-        <button
-          onClick={() => setShowApiKeysSettings(true)}
-          className="px-4 py-2 bg-gray-600 text-white rounded-lg shadow-lg hover:bg-gray-700 transition-colors flex items-center space-x-2"
-        >
-          <svg
-            className="w-4 h-4"
-            fill="none"
-            stroke="currentColor"
-            viewBox="0 0 24 24"
-          >
-            <path
-              strokeLinecap="round"
-              strokeLinejoin="round"
-              strokeWidth={2}
-              d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"
-            />
-            <path
-              strokeLinecap="round"
-              strokeLinejoin="round"
-              strokeWidth={2}
-              d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"
-            />
-          </svg>
-          <span>API Keys</span>
-        </button>
-      </div>
-
       {currentView === "list" ? (
         <WorkflowList
           onOpenWorkflow={handleOpenWorkflow}
@@ -83,11 +52,6 @@ function App() {
           </div>
         </ReactFlowProvider>
       )}
-
-      {/* API Keys Settings Modal */}
-      {showApiKeysSettings && (
-        <ApiKeysSettings onClose={() => setShowApiKeysSettings(false)} />
-      )}
     </div>
   );
 }