From b72326e1d3b83dea2b67f2c594b541a034d17841 Mon Sep 17 00:00:00 2001
From: SwiftyOS <craigswift13@gmail.com>
Date: Thu, 26 Sep 2024 12:28:41 +0200
Subject: [PATCH] moved outputs down and disabled toggle

---
 .../frontend/src/components/CustomNode.tsx    | 49 ++++++++++---------
 1 file changed, 25 insertions(+), 24 deletions(-)

diff --git a/autogpt_platform/frontend/src/components/CustomNode.tsx b/autogpt_platform/frontend/src/components/CustomNode.tsx
index 1dea9dd0b8..f5d4a5d4c0 100644
--- a/autogpt_platform/frontend/src/components/CustomNode.tsx
+++ b/autogpt_platform/frontend/src/components/CustomNode.tsx
@@ -601,29 +601,7 @@ export function CustomNode({ data, id, width, height }: NodeProps<CustomNode>) {
               generateInputHandles(data.inputSchema, data.uiType)}
           </div>
         )}
-        {isOutputOpen && data.uiType !== BlockUIType.NOTE && (
-          <div
-            data-id="latest-output"
-            className="nodrag m-3 break-words rounded-md border-[1.5px] p-2"
-          >
-            {(data.executionResults?.length ?? 0) > 0 ? (
-              <>
-                <DataTable
-                  title="Latest Output"
-                  truncateLongData
-                  data={data.executionResults!.at(-1)?.data || {}}
-                />
-                <div className="flex justify-end">
-                  <Button variant="ghost" onClick={handleOutputClick}>
-                    View More
-                  </Button>
-                </div>
-              </>
-            ) : (
-              <span>No outputs yet</span>
-            )}
-          </div>
-        )}
+        
         {/* Advanced Settings */}
         {data.uiType !== BlockUIType.NOTE && hasAdvancedFields && (
           <>
@@ -652,7 +630,30 @@ export function CustomNode({ data, id, width, height }: NodeProps<CustomNode>) {
         ) : (
           <></>
         )}
-
+{/* Display Outputs  */}
+{isOutputOpen && data.uiType !== BlockUIType.NOTE && (
+          <div
+            data-id="latest-output"
+            className="nodrag m-3 break-words rounded-md border-[1.5px] p-2"
+          >
+            {(data.executionResults?.length ?? 0) > 0 ? (
+              <>
+                <DataTable
+                  title="Latest Output"
+                  truncateLongData
+                  data={data.executionResults!.at(-1)?.data || {}}
+                />
+                <div className="flex justify-end">
+                  <Button variant="ghost" onClick={handleOutputClick}>
+                    View More
+                  </Button>
+                </div>
+              </>
+            ) : (
+              <></>
+            )}
+          </div>
+        )}
         <InputModalComponent
           title={activeKey ? `Enter ${beautifyString(activeKey)}` : undefined}
           isOpen={isModalOpen}