From 1d1c19beca40f5700aa3e9d00f9f0d62b47e8470 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Mon, 10 Apr 2023 20:35:07 -0300
Subject: [PATCH 01/31] added button to open modal

---
 src/frontend/src/CustomNodes/GenericNode/index.tsx | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index ff13af901..287d3a068 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -117,6 +117,15 @@ export default function GenericNode({
 								)}
 							</div>
 						))}
+					<div
+						className={classNames(
+							Object.keys(data.node.template).length < 4 ? "hidden" : "",
+							"w-full flex justify-center"
+						)}
+					>
+						{" "}
+						<button className="hover:text-blue-500"> see all </button>
+					</div>
 					<div className="px-5 py-2 mt-2 dark:text-white text-center">
 						Output
 					</div>

From 36b191d06bc3e213018e46565b5ffffd76dd538a Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Mon, 10 Apr 2023 21:04:42 -0300
Subject: [PATCH 02/31] custom icon on node modal and change type on contexts

---
 .../src/CustomNodes/GenericNode/index.tsx     |  14 ++-
 src/frontend/src/contexts/index.tsx           |  16 ++-
 src/frontend/src/modals/NodeModal/index.tsx   | 113 ++++++++++++++++++
 3 files changed, 133 insertions(+), 10 deletions(-)
 create mode 100644 src/frontend/src/modals/NodeModal/index.tsx

diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index 287d3a068..a35f14452 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -10,6 +10,8 @@ import { typesContext } from "../../contexts/typesContext";
 import { useContext, useRef } from "react";
 import { NodeDataType } from "../../types/flow";
 import { alertContext } from "../../contexts/alertContext";
+import { PopUpContext } from "../../contexts/popUpContext";
+import NodeModal from "../../modals/NodeModal";
 
 export default function GenericNode({
 	data,
@@ -21,6 +23,7 @@ export default function GenericNode({
 	const { setErrorData } = useContext(alertContext);
 	const showError = useRef(true);
 	const { types, deleteNode } = useContext(typesContext);
+	const {openPopUp} = useContext(PopUpContext)
 	const Icon = nodeIcons[types[data.type]];
 	if (!Icon) {
 		if (showError.current) {
@@ -124,7 +127,16 @@ export default function GenericNode({
 						)}
 					>
 						{" "}
-						<button className="hover:text-blue-500"> see all </button>
+						<button
+							onClick={(event) => {
+								event.preventDefault();
+								openPopUp(<NodeModal data={data}/>)
+							}}
+							className="hover:text-blue-500"
+						>
+							{" "}
+							see all{" "}
+						</button>
 					</div>
 					<div className="px-5 py-2 mt-2 dark:text-white text-center">
 						Output
diff --git a/src/frontend/src/contexts/index.tsx b/src/frontend/src/contexts/index.tsx
index 310606ea5..783bd108c 100644
--- a/src/frontend/src/contexts/index.tsx
+++ b/src/frontend/src/contexts/index.tsx
@@ -12,15 +12,13 @@ export default function ContextWrapper({ children }: { children: ReactNode }) {
 		<>
 			<DarkProvider>
 				<LocationProvider>
-					<AlertProvider>
-					<TabsProvider>
-						<PopUpProvider>
-							<TypesProvider>
-								{children}
-							</TypesProvider>
-						</PopUpProvider>
-						</TabsProvider>
-					</AlertProvider>
+					<TypesProvider>
+						<AlertProvider>
+							<TabsProvider>
+								<PopUpProvider>{children}</PopUpProvider>
+							</TabsProvider>
+						</AlertProvider>
+					</TypesProvider>
 				</LocationProvider>
 			</DarkProvider>
 		</>
diff --git a/src/frontend/src/modals/NodeModal/index.tsx b/src/frontend/src/modals/NodeModal/index.tsx
new file mode 100644
index 000000000..2d0476d8d
--- /dev/null
+++ b/src/frontend/src/modals/NodeModal/index.tsx
@@ -0,0 +1,113 @@
+import { Dialog, Transition } from "@headlessui/react";
+import {
+	XMarkIcon,
+} from "@heroicons/react/24/outline";
+import { Fragment, useContext, useRef, useState } from "react";
+import { PopUpContext } from "../../contexts/popUpContext";
+import { NodeDataType } from "../../types/flow";
+import { nodeColors, nodeIcons } from "../../utils";
+import { typesContext } from "../../contexts/typesContext";
+
+export default function NodeModal({ data }: { data: NodeDataType }) {
+	const [open, setOpen] = useState(true);
+	const { closePopUp } = useContext(PopUpContext);
+	const { types } = useContext(typesContext);
+	const ref = useRef();
+	function setModalOpen(x: boolean) {
+		setOpen(x);
+		if (x === false) {
+			setTimeout(() => {
+				closePopUp();
+			}, 300);
+		}
+	}
+	const Icon = nodeIcons[types[data.type]];
+	return (
+		<Transition.Root show={open} appear={true} as={Fragment}>
+			<Dialog
+				as="div"
+				className="relative z-10"
+				onClose={setModalOpen}
+				initialFocus={ref}
+			>
+				<Transition.Child
+					as={Fragment}
+					enter="ease-out duration-300"
+					enterFrom="opacity-0"
+					enterTo="opacity-100"
+					leave="ease-in duration-200"
+					leaveFrom="opacity-100"
+					leaveTo="opacity-0"
+				>
+					<div className="fixed inset-0 bg-gray-500 dark:bg-gray-600 dark:bg-opacity-75 bg-opacity-75 transition-opacity" />
+				</Transition.Child>
+
+				<div className="fixed inset-0 z-10 overflow-y-auto">
+					<div className="flex h-full items-end justify-center p-4 text-center sm:items-center sm:p-0">
+						<Transition.Child
+							as={Fragment}
+							enter="ease-out duration-300"
+							enterFrom="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
+							enterTo="opacity-100 translate-y-0 sm:scale-100"
+							leave="ease-in duration-200"
+							leaveFrom="opacity-100 translate-y-0 sm:scale-100"
+							leaveTo="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
+						>
+							<Dialog.Panel className="relative flex flex-col justify-between transform h-[600px] overflow-hidden rounded-lg bg-white dark:bg-gray-800 text-left shadow-xl transition-all sm:my-8 w-[700px]">
+								<div className=" z-50 absolute top-0 right-0 hidden pt-4 pr-4 sm:block">
+									<button
+										type="button"
+										className="rounded-md text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"
+										onClick={() => {
+											setModalOpen(false);
+										}}
+									>
+										<span className="sr-only">Close</span>
+										<XMarkIcon className="h-6 w-6" aria-hidden="true" />
+									</button>
+								</div>
+								<div className="h-full w-full flex flex-col justify-center items-center">
+									<div className="flex w-full pb-4 z-10 justify-center shadow-sm">
+											<Icon
+												className="w-10 mt-4 h-10 p-1 rounded"
+												style={{
+													color:
+														nodeColors[types[data.type]] ?? nodeColors.unknown,
+												}}
+											/>
+										<div className="mt-4 text-center sm:ml-4 sm:text-left">
+											<Dialog.Title
+												as="h3"
+												className="text-lg font-medium dark:text-white leading-10 text-gray-900"
+											>
+												Edit text
+											</Dialog.Title>
+										</div>
+									</div>
+									<div className="h-full w-full bg-gray-200 dark:bg-gray-900 p-4 gap-4 flex flex-row justify-center items-center">
+										<div className="flex h-full w-full">
+											<div className="overflow-hidden px-4 py-5 sm:p-6 w-full rounded-lg bg-white dark:bg-gray-800 shadow">
+												<div>content</div>
+											</div>
+										</div>
+									</div>
+									<div className="bg-gray-200 dark:bg-gray-900 w-full pb-3 flex flex-row-reverse px-4">
+										<button
+											type="button"
+											className="inline-flex w-full justify-center rounded-md border border-transparent bg-indigo-600 px-4 py-2 text-base font-medium text-white shadow-sm hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 sm:ml-3 sm:w-auto sm:text-sm"
+											onClick={() => {
+												setModalOpen(false);
+											}}
+										>
+											Finish editing
+										</button>
+									</div>
+								</div>
+							</Dialog.Panel>
+						</Transition.Child>
+					</div>
+				</div>
+			</Dialog>
+		</Transition.Root>
+	);
+}

From 1df0757a54a6ca23d1a9f2a09032fdf82b1be398 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Mon, 10 Apr 2023 21:07:40 -0300
Subject: [PATCH 03/31] custom title

---
 src/frontend/src/modals/NodeModal/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/modals/NodeModal/index.tsx b/src/frontend/src/modals/NodeModal/index.tsx
index 2d0476d8d..7ce868885 100644
--- a/src/frontend/src/modals/NodeModal/index.tsx
+++ b/src/frontend/src/modals/NodeModal/index.tsx
@@ -80,7 +80,7 @@ export default function NodeModal({ data }: { data: NodeDataType }) {
 												as="h3"
 												className="text-lg font-medium dark:text-white leading-10 text-gray-900"
 											>
-												Edit text
+												{data.type}
 											</Dialog.Title>
 										</div>
 									</div>

From 596263c42f929f8c4c24d55ec495f1f65f25ab18 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Mon, 10 Apr 2023 21:23:25 -0300
Subject: [PATCH 04/31] showing all properties of the node template

---
 .../src/modals/NodeModal/components/index.tsx |  1 +
 src/frontend/src/modals/NodeModal/index.tsx   | 26 +++++++++++--------
 2 files changed, 16 insertions(+), 11 deletions(-)
 create mode 100644 src/frontend/src/modals/NodeModal/components/index.tsx

diff --git a/src/frontend/src/modals/NodeModal/components/index.tsx b/src/frontend/src/modals/NodeModal/components/index.tsx
new file mode 100644
index 000000000..a7d78d90e
--- /dev/null
+++ b/src/frontend/src/modals/NodeModal/components/index.tsx
@@ -0,0 +1 @@
+export const value=0
\ No newline at end of file
diff --git a/src/frontend/src/modals/NodeModal/index.tsx b/src/frontend/src/modals/NodeModal/index.tsx
index 7ce868885..8b6f3e851 100644
--- a/src/frontend/src/modals/NodeModal/index.tsx
+++ b/src/frontend/src/modals/NodeModal/index.tsx
@@ -1,7 +1,5 @@
 import { Dialog, Transition } from "@headlessui/react";
-import {
-	XMarkIcon,
-} from "@heroicons/react/24/outline";
+import { XMarkIcon } from "@heroicons/react/24/outline";
 import { Fragment, useContext, useRef, useState } from "react";
 import { PopUpContext } from "../../contexts/popUpContext";
 import { NodeDataType } from "../../types/flow";
@@ -68,13 +66,13 @@ export default function NodeModal({ data }: { data: NodeDataType }) {
 								</div>
 								<div className="h-full w-full flex flex-col justify-center items-center">
 									<div className="flex w-full pb-4 z-10 justify-center shadow-sm">
-											<Icon
-												className="w-10 mt-4 h-10 p-1 rounded"
-												style={{
-													color:
-														nodeColors[types[data.type]] ?? nodeColors.unknown,
-												}}
-											/>
+										<Icon
+											className="w-10 mt-4 h-10 p-1 rounded"
+											style={{
+												color:
+													nodeColors[types[data.type]] ?? nodeColors.unknown,
+											}}
+										/>
 										<div className="mt-4 text-center sm:ml-4 sm:text-left">
 											<Dialog.Title
 												as="h3"
@@ -87,7 +85,13 @@ export default function NodeModal({ data }: { data: NodeDataType }) {
 									<div className="h-full w-full bg-gray-200 dark:bg-gray-900 p-4 gap-4 flex flex-row justify-center items-center">
 										<div className="flex h-full w-full">
 											<div className="overflow-hidden px-4 py-5 sm:p-6 w-full rounded-lg bg-white dark:bg-gray-800 shadow">
-												<div>content</div>
+												<div>
+													{Object.keys(data.node.template)
+														.filter((t) => t.charAt(0) !== "_")
+														.map((t: string, idx) => (
+															<div key={idx}>{t}</div>
+														))}
+												</div>
 											</div>
 										</div>
 									</div>

From 09db0734d752094b98cb6769a9e70ec9f55f207b Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Tue, 11 Apr 2023 20:21:30 -0300
Subject: [PATCH 05/31] str type components for options =false

---
 .../components/textAreaComponent/index.tsx    |  1 -
 .../NodeModal/components/ModalField/index.tsx | 57 +++++++++++++++++++
 src/frontend/src/modals/NodeModal/index.tsx   | 31 +++++++++-
 3 files changed, 86 insertions(+), 3 deletions(-)
 create mode 100644 src/frontend/src/modals/NodeModal/components/ModalField/index.tsx

diff --git a/src/frontend/src/components/textAreaComponent/index.tsx b/src/frontend/src/components/textAreaComponent/index.tsx
index df61e1ae1..9efdfacbc 100644
--- a/src/frontend/src/components/textAreaComponent/index.tsx
+++ b/src/frontend/src/components/textAreaComponent/index.tsx
@@ -1,7 +1,6 @@
 import { ArrowTopRightOnSquareIcon } from "@heroicons/react/24/outline";
 import { useContext, useEffect, useState } from "react";
 import { PopUpContext } from "../../contexts/popUpContext";
-import CodeAreaModal from "../../modals/codeAreaModal";
 import TextAreaModal from "../../modals/textAreaModal";
 import { TextAreaComponentType } from "../../types/components";
 
diff --git a/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx b/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
new file mode 100644
index 000000000..f786f2bb1
--- /dev/null
+++ b/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
@@ -0,0 +1,57 @@
+import { useContext } from "react";
+import { TabsContext } from "../../../../contexts/tabsContext";
+import InputListComponent from "../../../../components/inputListComponent";
+import Dropdown from "../../../../components/dropdownComponent";
+import TextAreaComponent from "../../../../components/textAreaComponent";
+import InputComponent from "../../../../components/inputComponent";
+
+export default function ModalField({ data, title, required, id, name, type }) {
+	const { save } = useContext(TabsContext);
+	console.log(name);
+	console.log(data.node.template[name].options);
+
+	return (
+		<div>
+			{type === "str" && !data.node.template[name].options ? (
+				<div>
+					{data.node.template[name].list ? (
+						<InputListComponent
+							disabled={false}
+							value={
+								!data.node.template[name].value ||
+								data.node.template[name].value === ""
+									? [""]
+									: data.node.template[name].value
+							}
+							onChange={(t: string[]) => {
+								data.node.template[name].value = t;
+								save();
+							}}
+						/>
+					) : data.node.template[name].multiline ? (
+						<TextAreaComponent
+							disabled={false}
+							value={data.node.template[name].value ?? ""}
+							onChange={(t: string) => {
+								data.node.template[name].value = t;
+								save();
+							}}
+						/>
+					) : (
+						<InputComponent
+							disabled={false}
+							password={data.node.template[name].password ?? false}
+							value={data.node.template[name].value ?? ""}
+							onChange={(t) => {
+								data.node.template[name].value = t;
+								save();
+							}}
+						/>
+					)}
+				</div>
+			) : (
+				<div>{name}</div>
+			)}
+		</div>
+	);
+}
diff --git a/src/frontend/src/modals/NodeModal/index.tsx b/src/frontend/src/modals/NodeModal/index.tsx
index 8b6f3e851..e346914d8 100644
--- a/src/frontend/src/modals/NodeModal/index.tsx
+++ b/src/frontend/src/modals/NodeModal/index.tsx
@@ -3,8 +3,9 @@ import { XMarkIcon } from "@heroicons/react/24/outline";
 import { Fragment, useContext, useRef, useState } from "react";
 import { PopUpContext } from "../../contexts/popUpContext";
 import { NodeDataType } from "../../types/flow";
-import { nodeColors, nodeIcons } from "../../utils";
+import { nodeColors, nodeIcons, snakeToNormalCase } from "../../utils";
 import { typesContext } from "../../contexts/typesContext";
+import ModalField from "./components/ModalField";
 
 export default function NodeModal({ data }: { data: NodeDataType }) {
 	const [open, setOpen] = useState(true);
@@ -86,10 +87,36 @@ export default function NodeModal({ data }: { data: NodeDataType }) {
 										<div className="flex h-full w-full">
 											<div className="overflow-hidden px-4 py-5 sm:p-6 w-full rounded-lg bg-white dark:bg-gray-800 shadow">
 												<div>
+													{/*  str, code, bool, float, int,prompt, file, */}
 													{Object.keys(data.node.template)
 														.filter((t) => t.charAt(0) !== "_")
 														.map((t: string, idx) => (
-															<div key={idx}>{t}</div>
+															<div key={idx}>
+																{
+																	<ModalField
+																		data={data}
+																		title={
+																			data.node.template[t].display_name
+																				? data.node.template[t].display_name
+																				: data.node.template[t].name
+																				? snakeToNormalCase(
+																						data.node.template[t].name
+																				  )
+																				: snakeToNormalCase(t)
+																		}
+																		required={data.node.template[t].required}
+																		id={
+																			data.node.template[t].type +
+																			"|" +
+																			t +
+																			"|" +
+																			data.id
+																		}
+																		name={t}
+																		type={data.node.template[t].type} 
+																	/>
+																}
+															</div>
 														))}
 												</div>
 											</div>

From 4ddd47da10b9900cf8fd63012aa99f6f3b331409 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Tue, 11 Apr 2023 20:24:48 -0300
Subject: [PATCH 06/31] added bool toogle button

---
 .../NodeModal/components/ModalField/index.tsx | 23 +++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)

diff --git a/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx b/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
index f786f2bb1..7841c4499 100644
--- a/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
+++ b/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
@@ -1,14 +1,16 @@
-import { useContext } from "react";
+import { useContext, useState } from "react";
 import { TabsContext } from "../../../../contexts/tabsContext";
 import InputListComponent from "../../../../components/inputListComponent";
 import Dropdown from "../../../../components/dropdownComponent";
 import TextAreaComponent from "../../../../components/textAreaComponent";
 import InputComponent from "../../../../components/inputComponent";
+import ToggleComponent from "../../../../components/toggleComponent";
 
 export default function ModalField({ data, title, required, id, name, type }) {
 	const { save } = useContext(TabsContext);
-	console.log(name);
-	console.log(data.node.template[name].options);
+    const [enabled, setEnabled] = useState(
+		data.node.template[name]?.value ?? false
+	);
 
 	return (
 		<div>
@@ -49,8 +51,21 @@ export default function ModalField({ data, title, required, id, name, type }) {
 						/>
 					)}
 				</div>
+			) : type === "bool" ? (
+				<div>
+					{" "}
+					<ToggleComponent
+						disabled={false}
+						enabled={enabled}
+						setEnabled={(t) => {
+							data.node.template[name].value = t;
+							setEnabled(t);
+							save();
+						}}
+					/>
+				</div>
 			) : (
-				<div>{name}</div>
+				<div></div>
 			)}
 		</div>
 	);

From fef9f254d6676e4b1474dec4e5c31d9f5ece6f8b Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Tue, 11 Apr 2023 20:27:28 -0300
Subject: [PATCH 07/31]  added floatComponent

---
 .../NodeModal/components/ModalField/index.tsx      | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx b/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
index 7841c4499..3e33b56d8 100644
--- a/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
+++ b/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
@@ -5,6 +5,7 @@ import Dropdown from "../../../../components/dropdownComponent";
 import TextAreaComponent from "../../../../components/textAreaComponent";
 import InputComponent from "../../../../components/inputComponent";
 import ToggleComponent from "../../../../components/toggleComponent";
+import FloatComponent from "../../../../components/floatComponent";
 
 export default function ModalField({ data, title, required, id, name, type }) {
 	const { save } = useContext(TabsContext);
@@ -64,9 +65,16 @@ export default function ModalField({ data, title, required, id, name, type }) {
 						}}
 					/>
 				</div>
-			) : (
-				<div></div>
-			)}
+			) : type ==="float"?(
+                <FloatComponent
+                disabled={false}
+                value={data.node.template[name].value ?? ""}
+                onChange={(t) => {
+                    data.node.template[name].value = t;
+                    save();
+                }}
+            />
+			):(<div>{name}</div>)}
 		</div>
 	);
 }

From 74b7a17afc81aef685efcd8552531625c898ac3e Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Tue, 11 Apr 2023 20:29:04 -0300
Subject: [PATCH 08/31] added DropdownComponent

---
 .../NodeModal/components/ModalField/index.tsx | 30 ++++++++++++-------
 1 file changed, 19 insertions(+), 11 deletions(-)

diff --git a/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx b/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
index 3e33b56d8..a319c5031 100644
--- a/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
+++ b/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
@@ -9,7 +9,7 @@ import FloatComponent from "../../../../components/floatComponent";
 
 export default function ModalField({ data, title, required, id, name, type }) {
 	const { save } = useContext(TabsContext);
-    const [enabled, setEnabled] = useState(
+	const [enabled, setEnabled] = useState(
 		data.node.template[name]?.value ?? false
 	);
 
@@ -65,16 +65,24 @@ export default function ModalField({ data, title, required, id, name, type }) {
 						}}
 					/>
 				</div>
-			) : type ==="float"?(
-                <FloatComponent
-                disabled={false}
-                value={data.node.template[name].value ?? ""}
-                onChange={(t) => {
-                    data.node.template[name].value = t;
-                    save();
-                }}
-            />
-			):(<div>{name}</div>)}
+			) : type === "float" ? (
+				<FloatComponent
+					disabled={false}
+					value={data.node.template[name].value ?? ""}
+					onChange={(t) => {
+						data.node.template[name].value = t;
+						save();
+					}}
+				/>
+			) : type === "str" && data.node.template[name].options ? (
+				<Dropdown
+					options={data.node.template[name].options}
+					onSelect={(newValue) => (data.node.template[name].value = newValue)}
+					value={data.node.template[name].value ?? "Choose an option"}
+				></Dropdown>
+			) : (
+				<div>{name}</div>
+			)}
 		</div>
 	);
 }

From 8413c4c6c0d0b6b70b111d0101ec63abc5243f0d Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Tue, 11 Apr 2023 20:37:40 -0300
Subject: [PATCH 09/31] added template for complicated type

---
 .../NodeModal/components/ModalField/index.tsx    | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx b/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
index a319c5031..17ba5545f 100644
--- a/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
+++ b/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
@@ -6,6 +6,7 @@ import TextAreaComponent from "../../../../components/textAreaComponent";
 import InputComponent from "../../../../components/inputComponent";
 import ToggleComponent from "../../../../components/toggleComponent";
 import FloatComponent from "../../../../components/floatComponent";
+import IntComponent from "../../../../components/intComponent";
 
 export default function ModalField({ data, title, required, id, name, type }) {
 	const { save } = useContext(TabsContext);
@@ -80,6 +81,21 @@ export default function ModalField({ data, title, required, id, name, type }) {
 					onSelect={(newValue) => (data.node.template[name].value = newValue)}
 					value={data.node.template[name].value ?? "Choose an option"}
 				></Dropdown>
+			) : type === "int" ? (
+				<IntComponent
+					disabled={false}
+					value={data.node.template[name].value ?? ""}
+					onChange={(t) => {
+						data.node.template[name].value = t;
+						save();
+					}}
+				/>
+			) : type === "file" ? (
+				<div>file</div>
+			) : type === "prompt" ? (
+				<div>code</div>
+			) : type === "code" ? (
+				<div>code</div>
 			) : (
 				<div>{name}</div>
 			)}

From 394d6d4b4b0501fab1b9509cfbc6d790612cf20b Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Tue, 11 Apr 2023 20:41:22 -0300
Subject: [PATCH 10/31] added file component

---
 .../NodeModal/components/ModalField/index.tsx     | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx b/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
index 17ba5545f..7d747c73e 100644
--- a/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
+++ b/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
@@ -7,6 +7,7 @@ import InputComponent from "../../../../components/inputComponent";
 import ToggleComponent from "../../../../components/toggleComponent";
 import FloatComponent from "../../../../components/floatComponent";
 import IntComponent from "../../../../components/intComponent";
+import InputFileComponent from "../../../../components/inputFileComponent";
 
 export default function ModalField({ data, title, required, id, name, type }) {
 	const { save } = useContext(TabsContext);
@@ -91,7 +92,19 @@ export default function ModalField({ data, title, required, id, name, type }) {
 					}}
 				/>
 			) : type === "file" ? (
-				<div>file</div>
+				<InputFileComponent
+					disabled={false}
+					value={data.node.template[name].value ?? ""}
+					onChange={(t: string) => {
+						data.node.template[name].value = t;
+					}}
+					fileTypes={data.node.template[name].fileTypes}
+					suffixes={data.node.template[name].suffixes}
+					onFileChange={(t: string) => {
+						data.node.template[name].content = t;
+						save();
+					}}
+				></InputFileComponent>
 			) : type === "prompt" ? (
 				<div>code</div>
 			) : type === "code" ? (

From 3224cd8ed787813da10f1bbaea7ec7cc1a21d077 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Tue, 11 Apr 2023 20:43:07 -0300
Subject: [PATCH 11/31] comment text area component

---
 .../NodeModal/components/ModalField/index.tsx   | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx b/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
index 7d747c73e..a6a16efbd 100644
--- a/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
+++ b/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
@@ -34,14 +34,15 @@ export default function ModalField({ data, title, required, id, name, type }) {
 							}}
 						/>
 					) : data.node.template[name].multiline ? (
-						<TextAreaComponent
-							disabled={false}
-							value={data.node.template[name].value ?? ""}
-							onChange={(t: string) => {
-								data.node.template[name].value = t;
-								save();
-							}}
-						/>
+						// <TextAreaComponent
+						// 	disabled={false}
+						// 	value={data.node.template[name].value ?? ""}
+						// 	onChange={(t: string) => {
+						// 		data.node.template[name].value = t;
+						// 		save();
+						// 	}}
+						// />
+                        <div>text area component</div>
 					) : (
 						<InputComponent
 							disabled={false}

From efbb5ff763a67875a359a41970de3812329ecb23 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Wed, 12 Apr 2023 19:57:52 -0300
Subject: [PATCH 12/31] first styling in nodeModal

---
 .../src/CustomNodes/GenericNode/index.tsx     |   4 +-
 .../NodeModal/components/ModalField/index.tsx | 100 +++++++++++-------
 2 files changed, 66 insertions(+), 38 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index a35f14452..5ed25268e 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -122,7 +122,7 @@ export default function GenericNode({
 						))}
 					<div
 						className={classNames(
-							Object.keys(data.node.template).length < 4 ? "hidden" : "",
+							Object.keys(data.node.template).length < 1 ? "hidden" : "",
 							"w-full flex justify-center"
 						)}
 					>
@@ -135,7 +135,7 @@ export default function GenericNode({
 							className="hover:text-blue-500"
 						>
 							{" "}
-							see all{" "}
+							show advanced{" "}
 						</button>
 					</div>
 					<div className="px-5 py-2 mt-2 dark:text-white text-center">
diff --git a/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx b/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
index a6a16efbd..d0d7901e1 100644
--- a/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
+++ b/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
@@ -8,6 +8,8 @@ import ToggleComponent from "../../../../components/toggleComponent";
 import FloatComponent from "../../../../components/floatComponent";
 import IntComponent from "../../../../components/intComponent";
 import InputFileComponent from "../../../../components/inputFileComponent";
+import PromptAreaComponent from "../../../../components/promptComponent";
+import CodeAreaComponent from "../../../../components/codeAreaComponent";
 
 export default function ModalField({ data, title, required, id, name, type }) {
 	const { save } = useContext(TabsContext);
@@ -16,9 +18,10 @@ export default function ModalField({ data, title, required, id, name, type }) {
 	);
 
 	return (
-		<div>
+		<div className="flex my-3 flex-row w-full whitespace-nowrap items-center">
+			<span className="mx-2">{title}</span>
 			{type === "str" && !data.node.template[name].options ? (
-				<div>
+				<div className="w-full">
 					{data.node.template[name].list ? (
 						<InputListComponent
 							disabled={false}
@@ -34,15 +37,14 @@ export default function ModalField({ data, title, required, id, name, type }) {
 							}}
 						/>
 					) : data.node.template[name].multiline ? (
-						// <TextAreaComponent
-						// 	disabled={false}
-						// 	value={data.node.template[name].value ?? ""}
-						// 	onChange={(t: string) => {
-						// 		data.node.template[name].value = t;
-						// 		save();
-						// 	}}
-						// />
-                        <div>text area component</div>
+						<TextAreaComponent
+							disabled={false}
+							value={data.node.template[name].value ?? ""}
+							onChange={(t: string) => {
+								data.node.template[name].value = t;
+								save();
+							}}
+						/>
 					) : (
 						<InputComponent
 							disabled={false}
@@ -56,7 +58,7 @@ export default function ModalField({ data, title, required, id, name, type }) {
 					)}
 				</div>
 			) : type === "bool" ? (
-				<div>
+				<div className="ml-auto">
 					{" "}
 					<ToggleComponent
 						disabled={false}
@@ -69,30 +71,37 @@ export default function ModalField({ data, title, required, id, name, type }) {
 					/>
 				</div>
 			) : type === "float" ? (
-				<FloatComponent
-					disabled={false}
-					value={data.node.template[name].value ?? ""}
-					onChange={(t) => {
-						data.node.template[name].value = t;
-						save();
-					}}
-				/>
+				<div className="w-full">
+					<FloatComponent
+						disabled={false}
+						value={data.node.template[name].value ?? ""}
+						onChange={(t) => {
+							data.node.template[name].value = t;
+							save();
+						}}
+					/>
+				</div>
 			) : type === "str" && data.node.template[name].options ? (
-				<Dropdown
-					options={data.node.template[name].options}
-					onSelect={(newValue) => (data.node.template[name].value = newValue)}
-					value={data.node.template[name].value ?? "Choose an option"}
-				></Dropdown>
+				<div className="w-full">
+					<Dropdown
+						options={data.node.template[name].options}
+						onSelect={(newValue) => (data.node.template[name].value = newValue)}
+						value={data.node.template[name].value ?? "Choose an option"}
+					></Dropdown>
+				</div>
 			) : type === "int" ? (
-				<IntComponent
-					disabled={false}
-					value={data.node.template[name].value ?? ""}
-					onChange={(t) => {
-						data.node.template[name].value = t;
-						save();
-					}}
-				/>
+				<div className="w-full">
+					<IntComponent
+						disabled={false}
+						value={data.node.template[name].value ?? ""}
+						onChange={(t) => {
+							data.node.template[name].value = t;
+							save();
+						}}
+					/>
+				</div>
 			) : type === "file" ? (
+				<div className="w-full">
 				<InputFileComponent
 					disabled={false}
 					value={data.node.template[name].value ?? ""}
@@ -106,12 +115,31 @@ export default function ModalField({ data, title, required, id, name, type }) {
 						save();
 					}}
 				></InputFileComponent>
+				</div>
 			) : type === "prompt" ? (
-				<div>code</div>
+				<div className="w-full">
+				<PromptAreaComponent
+					disabled={false}
+					value={data.node.template[name].value ?? ""}
+					onChange={(t: string) => {
+						data.node.template[name].value = t;
+						save();
+					}}
+				/>
+				</div>
 			) : type === "code" ? (
-				<div>code</div>
+				<div className="w-full">
+				<CodeAreaComponent
+					disabled={false}
+					value={data.node.template[name].value ?? ""}
+					onChange={(t: string) => {
+						data.node.template[name].value = t;
+						save();
+					}}
+				/>
+				</div>
 			) : (
-				<div>{name}</div>
+				<div>{type}</div>
 			)}
 		</div>
 	);

From 4206a2183ca0e196e27b05fb2801523e912f7a2f Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Wed, 12 Apr 2023 20:22:57 -0300
Subject: [PATCH 13/31] added LIFO history to popUp context

---
 src/frontend/src/contexts/popUpContext.tsx | 32 +++++++++++-----------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/src/frontend/src/contexts/popUpContext.tsx b/src/frontend/src/contexts/popUpContext.tsx
index 1d4d28bc7..efa263146 100644
--- a/src/frontend/src/contexts/popUpContext.tsx
+++ b/src/frontend/src/contexts/popUpContext.tsx
@@ -1,33 +1,33 @@
 import { createContext } from "react";
 import React, { useState } from "react";
 
-//context to set JSX element on the DOM
+// context to set JSX element on the DOM
 export const PopUpContext = createContext({
   openPopUp: (popUpElement: JSX.Element) => {},
-	closePopUp: () => {},
+  closePopUp: () => {},
 });
 
 interface PopUpProviderProps {
-	children: React.ReactNode;
+  children: React.ReactNode;
 }
 
 const PopUpProvider = ({ children }: PopUpProviderProps) => {
-	const [popUpElement, setPopUpElement] = useState<JSX.Element | null>(null);
+  const [popUpElements, setPopUpElements] = useState<JSX.Element[]>([]);
 
-	const openPopUp = (element: JSX.Element) => {
-		setPopUpElement(element);
-	};
+  const openPopUp = (element: JSX.Element) => {
+    setPopUpElements(prevPopUps => [element, ...prevPopUps]);
+  };
 
-	const closePopUp = () => {
-		setPopUpElement(null);
-	};
+  const closePopUp = () => {
+    setPopUpElements(prevPopUps => prevPopUps.slice(1));
+  };
 
-	return (
-		<PopUpContext.Provider value={{ openPopUp, closePopUp }}>
-			{children}
-			{popUpElement}
-		</PopUpContext.Provider>
-	);
+  return (
+    <PopUpContext.Provider value={{ openPopUp, closePopUp }}>
+      {children}
+      {popUpElements[0]}
+    </PopUpContext.Provider>
+  );
 };
 
 export default PopUpProvider;

From e97a1289888296afa2d675fa66271e1981a9c9b2 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Thu, 13 Apr 2023 00:36:05 -0300
Subject: [PATCH 14/31] align inputs

---
 .../NodeModal/components/ModalField/index.tsx | 87 ++++++++++---------
 src/frontend/src/modals/NodeModal/index.tsx   | 59 ++++++-------
 2 files changed, 76 insertions(+), 70 deletions(-)

diff --git a/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx b/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
index d0d7901e1..d0d907551 100644
--- a/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
+++ b/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
@@ -10,18 +10,27 @@ import IntComponent from "../../../../components/intComponent";
 import InputFileComponent from "../../../../components/inputFileComponent";
 import PromptAreaComponent from "../../../../components/promptComponent";
 import CodeAreaComponent from "../../../../components/codeAreaComponent";
+import { classNames } from "../../../../utils";
 
 export default function ModalField({ data, title, required, id, name, type }) {
 	const { save } = useContext(TabsContext);
 	const [enabled, setEnabled] = useState(
 		data.node.template[name]?.value ?? false
 	);
+	const display =
+		type === "str" ||
+		type === "int" ||
+		type === "prompt" ||
+		type === "bool" ||
+		type === "float" ||
+		type === "file" ||
+		type === "code";
 
 	return (
-		<div className="flex my-3 flex-row w-full whitespace-nowrap items-center">
-			<span className="mx-2">{title}</span>
+		<div className={classNames("flex flex-row w-full items-center justify-between",display?"":"hidden")}>
+			{display && <span className="mx-2">{title}</span>}
 			{type === "str" && !data.node.template[name].options ? (
-				<div className="w-full">
+				<div className="w-1/2">
 					{data.node.template[name].list ? (
 						<InputListComponent
 							disabled={false}
@@ -71,7 +80,7 @@ export default function ModalField({ data, title, required, id, name, type }) {
 					/>
 				</div>
 			) : type === "float" ? (
-				<div className="w-full">
+				<div className="w-1/2">
 					<FloatComponent
 						disabled={false}
 						value={data.node.template[name].value ?? ""}
@@ -82,7 +91,7 @@ export default function ModalField({ data, title, required, id, name, type }) {
 					/>
 				</div>
 			) : type === "str" && data.node.template[name].options ? (
-				<div className="w-full">
+				<div className="w-1/2">
 					<Dropdown
 						options={data.node.template[name].options}
 						onSelect={(newValue) => (data.node.template[name].value = newValue)}
@@ -90,7 +99,7 @@ export default function ModalField({ data, title, required, id, name, type }) {
 					></Dropdown>
 				</div>
 			) : type === "int" ? (
-				<div className="w-full">
+				<div className="w-1/2">
 					<IntComponent
 						disabled={false}
 						value={data.node.template[name].value ?? ""}
@@ -101,45 +110,45 @@ export default function ModalField({ data, title, required, id, name, type }) {
 					/>
 				</div>
 			) : type === "file" ? (
-				<div className="w-full">
-				<InputFileComponent
-					disabled={false}
-					value={data.node.template[name].value ?? ""}
-					onChange={(t: string) => {
-						data.node.template[name].value = t;
-					}}
-					fileTypes={data.node.template[name].fileTypes}
-					suffixes={data.node.template[name].suffixes}
-					onFileChange={(t: string) => {
-						data.node.template[name].content = t;
-						save();
-					}}
-				></InputFileComponent>
+				<div className="w-1/2">
+					<InputFileComponent
+						disabled={false}
+						value={data.node.template[name].value ?? ""}
+						onChange={(t: string) => {
+							data.node.template[name].value = t;
+						}}
+						fileTypes={data.node.template[name].fileTypes}
+						suffixes={data.node.template[name].suffixes}
+						onFileChange={(t: string) => {
+							data.node.template[name].content = t;
+							save();
+						}}
+					></InputFileComponent>
 				</div>
 			) : type === "prompt" ? (
-				<div className="w-full">
-				<PromptAreaComponent
-					disabled={false}
-					value={data.node.template[name].value ?? ""}
-					onChange={(t: string) => {
-						data.node.template[name].value = t;
-						save();
-					}}
-				/>
+				<div className="w-1/2">
+					<PromptAreaComponent
+						disabled={false}
+						value={data.node.template[name].value ?? ""}
+						onChange={(t: string) => {
+							data.node.template[name].value = t;
+							save();
+						}}
+					/>
 				</div>
 			) : type === "code" ? (
-				<div className="w-full">
-				<CodeAreaComponent
-					disabled={false}
-					value={data.node.template[name].value ?? ""}
-					onChange={(t: string) => {
-						data.node.template[name].value = t;
-						save();
-					}}
-				/>
+				<div className="w-1/2">
+					<CodeAreaComponent
+						disabled={false}
+						value={data.node.template[name].value ?? ""}
+						onChange={(t: string) => {
+							data.node.template[name].value = t;
+							save();
+						}}
+					/>
 				</div>
 			) : (
-				<div>{type}</div>
+				<div className="hidden"></div>
 			)}
 		</div>
 	);
diff --git a/src/frontend/src/modals/NodeModal/index.tsx b/src/frontend/src/modals/NodeModal/index.tsx
index e346914d8..07f316215 100644
--- a/src/frontend/src/modals/NodeModal/index.tsx
+++ b/src/frontend/src/modals/NodeModal/index.tsx
@@ -85,39 +85,36 @@ export default function NodeModal({ data }: { data: NodeDataType }) {
 									</div>
 									<div className="h-full w-full bg-gray-200 dark:bg-gray-900 p-4 gap-4 flex flex-row justify-center items-center">
 										<div className="flex h-full w-full">
-											<div className="overflow-hidden px-4 py-5 sm:p-6 w-full rounded-lg bg-white dark:bg-gray-800 shadow">
-												<div>
-													{/*  str, code, bool, float, int,prompt, file, */}
+											<div className="overflow-hidden px-4 sm:p-4  w-full rounded-lg bg-white dark:bg-gray-800 shadow">
+												<div className="flex flex-col h-full gap-5">
 													{Object.keys(data.node.template)
 														.filter((t) => t.charAt(0) !== "_")
-														.map((t: string, idx) => (
-															<div key={idx}>
-																{
-																	<ModalField
-																		data={data}
-																		title={
-																			data.node.template[t].display_name
-																				? data.node.template[t].display_name
-																				: data.node.template[t].name
-																				? snakeToNormalCase(
-																						data.node.template[t].name
-																				  )
-																				: snakeToNormalCase(t)
-																		}
-																		required={data.node.template[t].required}
-																		id={
-																			data.node.template[t].type +
-																			"|" +
-																			t +
-																			"|" +
-																			data.id
-																		}
-																		name={t}
-																		type={data.node.template[t].type} 
-																	/>
-																}
-															</div>
-														))}
+														.map((t: string, idx) => {
+															return (
+																<ModalField
+																	data={data}
+																	title={
+																		data.node.template[t].display_name
+																			? data.node.template[t].display_name
+																			: data.node.template[t].name
+																			? snakeToNormalCase(
+																					data.node.template[t].name
+																			  )
+																			: snakeToNormalCase(t)
+																	}
+																	required={data.node.template[t].required}
+																	id={
+																		data.node.template[t].type +
+																		"|" +
+																		t +
+																		"|" +
+																		data.id
+																	}
+																	name={t}
+																	type={data.node.template[t].type}
+																/>
+															);
+														})}
 												</div>
 											</div>
 										</div>

From ba271ff85fa8e080171a314dbe2c28d66ba55396 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Thu, 13 Apr 2023 00:47:55 -0300
Subject: [PATCH 15/31] advanced icon

---
 .../src/CustomNodes/GenericNode/index.tsx     | 53 ++++++++++---------
 src/frontend/src/modals/NodeModal/index.tsx   |  2 +-
 2 files changed, 30 insertions(+), 25 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index 5ed25268e..cce14fd49 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -1,4 +1,4 @@
-import { TrashIcon } from "@heroicons/react/24/outline";
+import { Cog6ToothIcon, TrashIcon } from "@heroicons/react/24/outline";
 import {
 	classNames,
 	nodeColors,
@@ -23,7 +23,7 @@ export default function GenericNode({
 	const { setErrorData } = useContext(alertContext);
 	const showError = useRef(true);
 	const { types, deleteNode } = useContext(typesContext);
-	const {openPopUp} = useContext(PopUpContext)
+	const { openPopUp } = useContext(PopUpContext);
 	const Icon = nodeIcons[types[data.type]];
 	if (!Icon) {
 		if (showError.current) {
@@ -54,17 +54,32 @@ export default function GenericNode({
 					/>
 					<div className="truncate">{data.type}</div>
 				</div>
-				<button
-					onClick={() => {
-						deleteNode(data.id);
-					}}
-				>
-					<TrashIcon className="w-6 h-6 hover:text-red-500 dark:text-gray-500 dark:hover:text-red-500"></TrashIcon>
-				</button>
+				<div className="flex gap-3">
+					<button
+						onClick={(event) => {
+							event.preventDefault();
+							openPopUp(<NodeModal data={data} />);
+						}}
+					>
+						<Cog6ToothIcon
+							className={classNames(
+								Object.keys(data.node.template).length < 1 ? "hidden" : "",
+								"w-6 h-6  dark:text-gray-500  hover:animate-spin"
+							)}
+						></Cog6ToothIcon>
+					</button>
+					<button
+						onClick={() => {
+							deleteNode(data.id);
+						}}
+					>
+						<TrashIcon className="w-6 h-6 hover:text-red-500 dark:text-gray-500 dark:hover:text-red-500"></TrashIcon>
+					</button>
+				</div>
 			</div>
 
 			<div className="w-full h-full py-5">
-				<div className="w-full text-gray-500 px-5 text-sm">
+				<div className="w-full text-gray-500 px-5 pb-3 text-sm">
 					{data.node.description}
 				</div>
 
@@ -73,7 +88,7 @@ export default function GenericNode({
 						.filter((t) => t.charAt(0) !== "_")
 						.map((t: string, idx) => (
 							<div key={idx}>
-								{idx === 0 ? (
+								{/* {idx === 0 ? (
 									<div
 										className={classNames(
 											"px-5 py-2 mt-2 dark:text-white text-center",
@@ -89,7 +104,7 @@ export default function GenericNode({
 									</div>
 								) : (
 									<></>
-								)}
+								)} */}
 								{data.node.template[t].show ? (
 									<ParameterComponent
 										data={data}
@@ -127,20 +142,10 @@ export default function GenericNode({
 						)}
 					>
 						{" "}
-						<button
-							onClick={(event) => {
-								event.preventDefault();
-								openPopUp(<NodeModal data={data}/>)
-							}}
-							className="hover:text-blue-500"
-						>
-							{" "}
-							show advanced{" "}
-						</button>
 					</div>
-					<div className="px-5 py-2 mt-2 dark:text-white text-center">
+					{/* <div className="px-5 py-2 mt-2 dark:text-white text-center">
 						Output
-					</div>
+					</div> */}
 					<ParameterComponent
 						data={data}
 						color={nodeColors[types[data.type]] ?? nodeColors.unknown}
diff --git a/src/frontend/src/modals/NodeModal/index.tsx b/src/frontend/src/modals/NodeModal/index.tsx
index 07f316215..aad1a32fd 100644
--- a/src/frontend/src/modals/NodeModal/index.tsx
+++ b/src/frontend/src/modals/NodeModal/index.tsx
@@ -127,7 +127,7 @@ export default function NodeModal({ data }: { data: NodeDataType }) {
 												setModalOpen(false);
 											}}
 										>
-											Finish editing
+											Done
 										</button>
 									</div>
 								</div>

From 040695dfa627d95ee36de5ecb35e7ab437f74846 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Thu, 13 Apr 2023 00:52:35 -0300
Subject: [PATCH 16/31] open pop up on input click

---
 .../components/codeAreaComponent/index.tsx    | 17 +++-
 .../components/inputFileComponent/index.tsx   |  1 +
 .../src/components/promptComponent/index.tsx  | 83 +++++++++++++------
 .../components/textAreaComponent/index.tsx    |  2 +-
 src/frontend/src/modals/NodeModal/index.tsx   | 59 ++++++-------
 5 files changed, 106 insertions(+), 56 deletions(-)

diff --git a/src/frontend/src/components/codeAreaComponent/index.tsx b/src/frontend/src/components/codeAreaComponent/index.tsx
index 756296970..2086b467c 100644
--- a/src/frontend/src/components/codeAreaComponent/index.tsx
+++ b/src/frontend/src/components/codeAreaComponent/index.tsx
@@ -19,9 +19,24 @@ export default function CodeAreaComponent({
 		}
 	}, [disabled, onChange]);
 	return (
-		<div className={disabled ? "pointer-events-none cursor-not-allowed w-full" : "w-full"}>
+		<div
+			className={
+				disabled ? "pointer-events-none cursor-not-allowed w-full" : "w-full"
+			}
+		>
 			<div className="w-full flex items-center gap-3">
 				<span
+					onClick={() => {
+						openPopUp(
+							<CodeAreaModal
+								value={myValue}
+								setValue={(t: string) => {
+									setMyValue(t);
+									onChange(t);
+								}}
+							/>
+						);
+					}}
 					className={
 						"truncate block w-full text-gray-500 px-3 py-2 rounded-md border border-gray-300 dark:border-gray-700 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm" +
 						(disabled ? " bg-gray-200" : "")
diff --git a/src/frontend/src/components/inputFileComponent/index.tsx b/src/frontend/src/components/inputFileComponent/index.tsx
index 36d13e918..cb915bce5 100644
--- a/src/frontend/src/components/inputFileComponent/index.tsx
+++ b/src/frontend/src/components/inputFileComponent/index.tsx
@@ -69,6 +69,7 @@ export default function InputFileComponent({
 		>
 			<div className="w-full flex items-center gap-3">
 				<span
+				onClick={handleButtonClick}
 					className={
 						"truncate block w-full text-gray-500 px-3 py-2 rounded-md border border-gray-300 dark:border-gray-700 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm" +
 						(disabled ? " bg-gray-200" : "")
diff --git a/src/frontend/src/components/promptComponent/index.tsx b/src/frontend/src/components/promptComponent/index.tsx
index 6ad51f87b..71ad501c9 100644
--- a/src/frontend/src/components/promptComponent/index.tsx
+++ b/src/frontend/src/components/promptComponent/index.tsx
@@ -6,30 +6,61 @@ import TextAreaModal from "../../modals/textAreaModal";
 import { TextAreaComponentType } from "../../types/components";
 import PromptAreaModal from "../../modals/promptModal";
 
-export default function PromptAreaComponent({ value, onChange, disabled }:TextAreaComponentType) {
-  const [myValue, setMyValue] = useState(value);
-  const { openPopUp } = useContext(PopUpContext);
-  useEffect(() => {
-    if (disabled) {
-      setMyValue("");
-      onChange("");
-    }
-  }, [disabled, onChange]);
-  return (
-    <div className={disabled ? "pointer-events-none cursor-not-allowed w-full" : " w-full"}>
-      <div className="w-full flex items-center gap-3">
-        <span
-          className={
-            "truncate block w-full text-gray-500 px-3 py-2 rounded-md border border-gray-300 dark:border-gray-700 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm" +
-            (disabled ? " bg-gray-200" : "")
-          }
-        >
-            {myValue !== "" ? myValue : 'Text empty'}
-        </span>
-        <button onClick={()=>{openPopUp(<PromptAreaModal value={myValue} setValue={(t:string) => {setMyValue(t); onChange(t);}}/>)}}>
-            <ArrowTopRightOnSquareIcon className="w-6 h-6 hover:text-blue-600" />
-        </button>
-      </div>
-    </div>
-  );
+export default function PromptAreaComponent({
+	value,
+	onChange,
+	disabled,
+}: TextAreaComponentType) {
+	const [myValue, setMyValue] = useState(value);
+	const { openPopUp } = useContext(PopUpContext);
+	useEffect(() => {
+		if (disabled) {
+			setMyValue("");
+			onChange("");
+		}
+	}, [disabled, onChange]);
+	return (
+		<div
+			className={
+				disabled ? "pointer-events-none cursor-not-allowed w-full" : " w-full"
+			}
+		>
+			<div className="w-full flex items-center gap-3">
+				<span
+					onClick={() => {
+						openPopUp(
+							<PromptAreaModal
+								value={myValue}
+								setValue={(t: string) => {
+									setMyValue(t);
+									onChange(t);
+								}}
+							/>
+						);
+					}}
+					className={
+						"truncate block w-full text-gray-500 px-3 py-2 rounded-md border border-gray-300 dark:border-gray-700 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm" +
+						(disabled ? " bg-gray-200" : "")
+					}
+				>
+					{myValue !== "" ? myValue : "Text empty"}
+				</span>
+				<button
+					onClick={() => {
+						openPopUp(
+							<PromptAreaModal
+								value={myValue}
+								setValue={(t: string) => {
+									setMyValue(t);
+									onChange(t);
+								}}
+							/>
+						);
+					}}
+				>
+					<ArrowTopRightOnSquareIcon className="w-6 h-6 hover:text-blue-600" />
+				</button>
+			</div>
+		</div>
+	);
 }
diff --git a/src/frontend/src/components/textAreaComponent/index.tsx b/src/frontend/src/components/textAreaComponent/index.tsx
index 9efdfacbc..153de4ffa 100644
--- a/src/frontend/src/components/textAreaComponent/index.tsx
+++ b/src/frontend/src/components/textAreaComponent/index.tsx
@@ -16,7 +16,7 @@ export default function TextAreaComponent({ value, onChange, disabled }:TextArea
   return (
     <div className={disabled ? "pointer-events-none cursor-not-allowed" : ""}>
       <div className="w-full flex items-center gap-3">
-        <span
+        <span onClick={()=>{openPopUp(<TextAreaModal value={myValue} setValue={(t:string) => {setMyValue(t); onChange(t);}}/>)}}
           className={
             "truncate block w-full text-gray-500 px-3 py-2 rounded-md border border-gray-300 dark:border-gray-700 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm" +
             (disabled ? " bg-gray-200" : "")
diff --git a/src/frontend/src/modals/NodeModal/index.tsx b/src/frontend/src/modals/NodeModal/index.tsx
index aad1a32fd..16c615524 100644
--- a/src/frontend/src/modals/NodeModal/index.tsx
+++ b/src/frontend/src/modals/NodeModal/index.tsx
@@ -87,34 +87,37 @@ export default function NodeModal({ data }: { data: NodeDataType }) {
 										<div className="flex h-full w-full">
 											<div className="overflow-hidden px-4 sm:p-4  w-full rounded-lg bg-white dark:bg-gray-800 shadow">
 												<div className="flex flex-col h-full gap-5">
-													{Object.keys(data.node.template)
-														.filter((t) => t.charAt(0) !== "_")
-														.map((t: string, idx) => {
-															return (
-																<ModalField
-																	data={data}
-																	title={
-																		data.node.template[t].display_name
-																			? data.node.template[t].display_name
-																			: data.node.template[t].name
-																			? snakeToNormalCase(
-																					data.node.template[t].name
-																			  )
-																			: snakeToNormalCase(t)
-																	}
-																	required={data.node.template[t].required}
-																	id={
-																		data.node.template[t].type +
-																		"|" +
-																		t +
-																		"|" +
-																		data.id
-																	}
-																	name={t}
-																	type={data.node.template[t].type}
-																/>
-															);
-														})}
+													{
+														//&& data.node.template[t].advanced
+														Object.keys(data.node.template)
+															.filter((t) => t.charAt(0) !== "_")
+															.map((t: string, idx) => {
+																return (
+																	<ModalField
+																		data={data}
+																		title={
+																			data.node.template[t].display_name
+																				? data.node.template[t].display_name
+																				: data.node.template[t].name
+																				? snakeToNormalCase(
+																						data.node.template[t].name
+																				  )
+																				: snakeToNormalCase(t)
+																		}
+																		required={data.node.template[t].required}
+																		id={
+																			data.node.template[t].type +
+																			"|" +
+																			t +
+																			"|" +
+																			data.id
+																		}
+																		name={t}
+																		type={data.node.template[t].type}
+																	/>
+																);
+															})
+													}
 												</div>
 											</div>
 										</div>

From a78a71c997c2d24b0113f81088804c93f270975d Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Thu, 13 Apr 2023 01:10:13 -0300
Subject: [PATCH 17/31] required in advanced icon and items, need new variable
 from backend

---
 .../src/CustomNodes/GenericNode/index.tsx         | 11 +++++++++++
 .../NodeModal/components/ModalField/index.tsx     | 15 +++++++++++++--
 .../src/modals/NodeModal/components/index.tsx     |  1 -
 3 files changed, 24 insertions(+), 3 deletions(-)
 delete mode 100644 src/frontend/src/modals/NodeModal/components/index.tsx

diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index cce14fd49..ab3b8f9f1 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -12,6 +12,7 @@ import { NodeDataType } from "../../types/flow";
 import { alertContext } from "../../contexts/alertContext";
 import { PopUpContext } from "../../contexts/popUpContext";
 import NodeModal from "../../modals/NodeModal";
+import { relative } from "path";
 
 export default function GenericNode({
 	data,
@@ -56,11 +57,21 @@ export default function GenericNode({
 				</div>
 				<div className="flex gap-3">
 					<button
+						className="relative"
 						onClick={(event) => {
 							event.preventDefault();
 							openPopUp(<NodeModal data={data} />);
 						}}
 					>
+						<div className=" absolute text-red-600 -top-2 -right-1">
+							{Object.keys(data.node.template).some(
+								(t) =>
+									// data.node.template[t].advanced &&
+									data.node.template[t].required
+							)
+								? " *"
+								: ""}
+						</div>
 						<Cog6ToothIcon
 							className={classNames(
 								Object.keys(data.node.template).length < 1 ? "hidden" : "",
diff --git a/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx b/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
index d0d907551..a6f56ca6d 100644
--- a/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
+++ b/src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
@@ -27,8 +27,19 @@ export default function ModalField({ data, title, required, id, name, type }) {
 		type === "code";
 
 	return (
-		<div className={classNames("flex flex-row w-full items-center justify-between",display?"":"hidden")}>
-			{display && <span className="mx-2">{title}</span>}
+		<div
+			className={classNames(
+				"flex flex-row w-full items-center justify-between",
+				display ? "" : "hidden"
+			)}
+		>
+			{display && (
+				<div>
+					<span className="mx-2">{title}</span>
+					<span className="text-red-600">{required ? " *" : ""}</span>
+				</div>
+			)}
+
 			{type === "str" && !data.node.template[name].options ? (
 				<div className="w-1/2">
 					{data.node.template[name].list ? (
diff --git a/src/frontend/src/modals/NodeModal/components/index.tsx b/src/frontend/src/modals/NodeModal/components/index.tsx
deleted file mode 100644
index a7d78d90e..000000000
--- a/src/frontend/src/modals/NodeModal/components/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export const value=0
\ No newline at end of file

From 38aa051bf9239187dce49f44ecdc45e037d19622 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Tue, 18 Apr 2023 22:32:54 -0300
Subject: [PATCH 18/31] update node verification bug for boolean field

---
 src/frontend/src/components/chatComponent/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/components/chatComponent/index.tsx b/src/frontend/src/components/chatComponent/index.tsx
index 11516f004..51df0b916 100644
--- a/src/frontend/src/components/chatComponent/index.tsx
+++ b/src/frontend/src/components/chatComponent/index.tsx
@@ -93,7 +93,7 @@ export default function Chat({ flow, reactFlowInstance }: ChatType) {
 			(errors: Array<string>, t) =>
 				errors.concat(
 					(template[t].required && template[t].show) &&
-						(!template[t].value || template[t].value === "") &&
+						(template[t].value===undefined || template[t].value === "") &&
 						!reactFlowInstance
 							.getEdges()
 							.some(

From a3294c4fcfee1aab4a9cfb10cc2842cf47532753 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Tue, 18 Apr 2023 22:36:04 -0300
Subject: [PATCH 19/31] added advanced verification and removed show property
 from validation

---
 src/frontend/src/CustomNodes/GenericNode/index.tsx  | 2 +-
 src/frontend/src/components/chatComponent/index.tsx | 2 +-
 src/frontend/src/modals/NodeModal/index.tsx         | 3 +--
 3 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index ab3b8f9f1..fabc68486 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -66,7 +66,7 @@ export default function GenericNode({
 						<div className=" absolute text-red-600 -top-2 -right-1">
 							{Object.keys(data.node.template).some(
 								(t) =>
-									// data.node.template[t].advanced &&
+									data.node.template[t].advanced &&
 									data.node.template[t].required
 							)
 								? " *"
diff --git a/src/frontend/src/components/chatComponent/index.tsx b/src/frontend/src/components/chatComponent/index.tsx
index 51df0b916..555edbc2b 100644
--- a/src/frontend/src/components/chatComponent/index.tsx
+++ b/src/frontend/src/components/chatComponent/index.tsx
@@ -92,7 +92,7 @@ export default function Chat({ flow, reactFlowInstance }: ChatType) {
 		return Object.keys(template).reduce(
 			(errors: Array<string>, t) =>
 				errors.concat(
-					(template[t].required && template[t].show) &&
+					(template[t].required) &&
 						(template[t].value===undefined || template[t].value === "") &&
 						!reactFlowInstance
 							.getEdges()
diff --git a/src/frontend/src/modals/NodeModal/index.tsx b/src/frontend/src/modals/NodeModal/index.tsx
index 16c615524..8a7fde84f 100644
--- a/src/frontend/src/modals/NodeModal/index.tsx
+++ b/src/frontend/src/modals/NodeModal/index.tsx
@@ -88,9 +88,8 @@ export default function NodeModal({ data }: { data: NodeDataType }) {
 											<div className="overflow-hidden px-4 sm:p-4  w-full rounded-lg bg-white dark:bg-gray-800 shadow">
 												<div className="flex flex-col h-full gap-5">
 													{
-														//&& data.node.template[t].advanced
 														Object.keys(data.node.template)
-															.filter((t) => t.charAt(0) !== "_")
+															.filter((t) => t.charAt(0) !== "_"&& data.node.template[t].advanced)
 															.map((t: string, idx) => {
 																return (
 																	<ModalField

From f1ef859374803d256f4530e6df4d583484b93bcf Mon Sep 17 00:00:00 2001
From: Gabriel Almeida <gabriel@logspace.ai>
Date: Wed, 19 Apr 2023 14:52:05 -0300
Subject: [PATCH 20/31] feat(template): add advanced flag to
 TemplateFieldCreator and FrontendNode classes

Add an advanced flag to the TemplateFieldCreator and FrontendNode classes to allow for fields to be hidden from the user interface. In the TemplateFieldCreator class, the advanced flag is set to False by default. In the FrontendNode class, the advanced flag is set to False for all fields except for "model_type" and "model_kwargs", which are set to True.
---
 src/backend/langflow/template/base.py  | 6 ++++++
 src/backend/langflow/template/nodes.py | 4 +++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/backend/langflow/template/base.py b/src/backend/langflow/template/base.py
index 0fe665f67..39540d927 100644
--- a/src/backend/langflow/template/base.py
+++ b/src/backend/langflow/template/base.py
@@ -23,6 +23,7 @@ class TemplateFieldCreator(BaseModel, ABC):
     options: list[str] = []
     name: str = ""
     display_name: Optional[str] = None
+    advanced: bool = False
 
     def to_dict(self):
         result = self.dict()
@@ -228,3 +229,8 @@ class FrontendNode(BaseModel):
             field.required = True
             if field.value is None:
                 field.value = ""
+
+        if "kwargs" in field.name.lower():
+            field.advanced = True
+            field.required = False
+            field.show = False
diff --git a/src/backend/langflow/template/nodes.py b/src/backend/langflow/template/nodes.py
index 6ac026e59..c2f39c72f 100644
--- a/src/backend/langflow/template/nodes.py
+++ b/src/backend/langflow/template/nodes.py
@@ -415,7 +415,7 @@ class LLMFrontendNode(FrontendNode):
             "huggingfacehub_api_token": "HuggingFace Hub API Token",
         }
         FrontendNode.format_field(field, name)
-        SHOW_FIELDS = ["repo_id", "task", "model_kwargs"]
+        SHOW_FIELDS = ["repo_id"]
         if field.name in SHOW_FIELDS:
             field.show = True
 
@@ -429,8 +429,10 @@ class LLMFrontendNode(FrontendNode):
             field.show = True
             field.is_list = True
             field.options = ["text-generation", "text2text-generation"]
+            field.advanced = True
 
         if display_name := display_names_dict.get(field.name):
             field.display_name = display_name
         if field.name == "model_kwargs":
             field.field_type = "code"
+            field.advanced = True

From be25947f55f87671d3a08ce7e4eaaed61f0fad6a Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Thu, 27 Apr 2023 19:36:37 -0300
Subject: [PATCH 21/31] check if show if false to add item on advanced modal

---
 src/frontend/src/modals/NodeModal/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/modals/NodeModal/index.tsx b/src/frontend/src/modals/NodeModal/index.tsx
index 8a7fde84f..f32b485a3 100644
--- a/src/frontend/src/modals/NodeModal/index.tsx
+++ b/src/frontend/src/modals/NodeModal/index.tsx
@@ -89,7 +89,7 @@ export default function NodeModal({ data }: { data: NodeDataType }) {
 												<div className="flex flex-col h-full gap-5">
 													{
 														Object.keys(data.node.template)
-															.filter((t) => t.charAt(0) !== "_"&& data.node.template[t].advanced)
+															.filter((t) => t.charAt(0) !== "_"&& data.node.template[t].advanced && !data.node.template[t].show)
 															.map((t: string, idx) => {
 																return (
 																	<ModalField

From 69c7bbb0a9cf8764e404899b16ad37e22de606a6 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Thu, 27 Apr 2023 20:48:52 -0300
Subject: [PATCH 22/31] fixed wrong bolean logic, now show in modal only if
 show is true

---
 src/frontend/src/modals/NodeModal/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/modals/NodeModal/index.tsx b/src/frontend/src/modals/NodeModal/index.tsx
index f32b485a3..c052c71a7 100644
--- a/src/frontend/src/modals/NodeModal/index.tsx
+++ b/src/frontend/src/modals/NodeModal/index.tsx
@@ -89,7 +89,7 @@ export default function NodeModal({ data }: { data: NodeDataType }) {
 												<div className="flex flex-col h-full gap-5">
 													{
 														Object.keys(data.node.template)
-															.filter((t) => t.charAt(0) !== "_"&& data.node.template[t].advanced && !data.node.template[t].show)
+															.filter((t) => t.charAt(0) !== "_"&& data.node.template[t].advanced && data.node.template[t].show)
 															.map((t: string, idx) => {
 																return (
 																	<ModalField

From 0fd8f73c089dfb7eb012e2eec063d6e50ec73f51 Mon Sep 17 00:00:00 2001
From: Gabriel Almeida <gabriel@logspace.ai>
Date: Fri, 28 Apr 2023 19:17:38 -0300
Subject: [PATCH 23/31] refactor(langflow): set advanced flag to True for
 TemplateFieldCreator class refactor(langflow): set advanced flag to False for
 LLMFrontendNode class' api key field feat(langflow): add show flag to
 LLMFrontendNode class' model_kwargs field refactor(langflow): set advanced
 flag to False and show flag to True for LLMFrontendNode class' model_name and
 temperature fields

---
 src/backend/langflow/template/base.py  | 4 ++--
 src/backend/langflow/template/nodes.py | 5 +++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/backend/langflow/template/base.py b/src/backend/langflow/template/base.py
index 887eaa689..860d2ac1e 100644
--- a/src/backend/langflow/template/base.py
+++ b/src/backend/langflow/template/base.py
@@ -23,7 +23,7 @@ class TemplateFieldCreator(BaseModel, ABC):
     options: list[str] = []
     name: str = ""
     display_name: Optional[str] = None
-    advanced: bool = False
+    advanced: bool = True
 
     def to_dict(self):
         result = self.dict()
@@ -241,4 +241,4 @@ class FrontendNode(BaseModel):
         # If the field.name contains api or api and key, then it might be an api key
         # other conditions are to make sure that it is not an input or output variable
         if "api" in key.lower() and "key" in key.lower():
-            field.required = False
\ No newline at end of file
+            field.required = False
diff --git a/src/backend/langflow/template/nodes.py b/src/backend/langflow/template/nodes.py
index 7867b8afc..c96740840 100644
--- a/src/backend/langflow/template/nodes.py
+++ b/src/backend/langflow/template/nodes.py
@@ -448,6 +448,7 @@ class LLMFrontendNode(FrontendNode):
             # Required should be False to support
             # loading the API key from environment variables
             field.required = False
+            field.advanced = False
 
         if field.name == "task":
             field.required = True
@@ -461,3 +462,7 @@ class LLMFrontendNode(FrontendNode):
         if field.name == "model_kwargs":
             field.field_type = "code"
             field.advanced = True
+            field.show = True
+        elif field.name in ["model_name", "temperature"]:
+            field.advanced = False
+            field.show = True

From f3d385b8e5c64bd65d262c6e185ac329a53ec89b Mon Sep 17 00:00:00 2001
From: Gabriel Almeida <gabriel@logspace.ai>
Date: Fri, 28 Apr 2023 19:18:17 -0300
Subject: [PATCH 24/31] feat(tests): add "advanced" field to all template
 objects in test files

feat(tests): add 'advanced' field to template properties in test files
---
 tests/test_agents_template.py  | 10 ++++++++
 tests/test_chains_template.py  | 44 ++++++++++++++++++++++++++++++++++
 tests/test_llms_template.py    | 36 ++++++++++++++++++++++++++++
 tests/test_prompts_template.py | 15 ++++++++++++
 4 files changed, 105 insertions(+)

diff --git a/tests/test_agents_template.py b/tests/test_agents_template.py
index d63365fdc..a546454eb 100644
--- a/tests/test_agents_template.py
+++ b/tests/test_agents_template.py
@@ -36,6 +36,7 @@ def test_zero_shot_agent(client: TestClient):
         "name": "llm_chain",
         "type": "LLMChain",
         "list": False,
+        "advanced": True,
     }
     assert template["allowed_tools"] == {
         "required": False,
@@ -46,6 +47,7 @@ def test_zero_shot_agent(client: TestClient):
         "name": "allowed_tools",
         "type": "Tool",
         "list": True,
+        "advanced": True,
     }
 
 
@@ -68,6 +70,7 @@ def test_json_agent(client: TestClient):
         "name": "toolkit",
         "type": "BaseToolkit",
         "list": False,
+        "advanced": True,
     }
     assert template["llm"] == {
         "required": True,
@@ -78,6 +81,7 @@ def test_json_agent(client: TestClient):
         "name": "llm",
         "type": "BaseLanguageModel",
         "list": False,
+        "advanced": True,
     }
 
 
@@ -104,6 +108,7 @@ def test_csv_agent(client: TestClient):
         "type": "file",
         "list": False,
         "content": None,
+        "advanced": True,
     }
     assert template["llm"] == {
         "required": True,
@@ -114,6 +119,7 @@ def test_csv_agent(client: TestClient):
         "name": "llm",
         "type": "BaseLanguageModel",
         "list": False,
+        "advanced": True,
     }
 
 
@@ -143,6 +149,7 @@ def test_initialize_agent(client: TestClient):
         "name": "agent",
         "type": "str",
         "list": True,
+        "advanced": True,
     }
     assert template["memory"] == {
         "required": False,
@@ -153,6 +160,7 @@ def test_initialize_agent(client: TestClient):
         "name": "memory",
         "type": "BaseChatMemory",
         "list": False,
+        "advanced": True,
     }
     assert template["tools"] == {
         "required": False,
@@ -163,6 +171,7 @@ def test_initialize_agent(client: TestClient):
         "name": "tools",
         "type": "Tool",
         "list": True,
+        "advanced": True,
     }
     assert template["llm"] == {
         "required": True,
@@ -173,4 +182,5 @@ def test_initialize_agent(client: TestClient):
         "name": "llm",
         "type": "BaseLanguageModel",
         "list": False,
+        "advanced": True,
     }
diff --git a/tests/test_chains_template.py b/tests/test_chains_template.py
index 510437797..76ab2ca13 100644
--- a/tests/test_chains_template.py
+++ b/tests/test_chains_template.py
@@ -31,6 +31,7 @@ def test_conversation_chain(client: TestClient):
         "name": "memory",
         "type": "BaseMemory",
         "list": False,
+        "advanced": True,
     }
     assert template["verbose"] == {
         "required": False,
@@ -41,6 +42,7 @@ def test_conversation_chain(client: TestClient):
         "name": "verbose",
         "type": "bool",
         "list": False,
+        "advanced": True,
     }
     assert template["llm"] == {
         "required": True,
@@ -51,6 +53,7 @@ def test_conversation_chain(client: TestClient):
         "name": "llm",
         "type": "BaseLanguageModel",
         "list": False,
+        "advanced": True,
     }
     assert template["input_key"] == {
         "required": True,
@@ -62,6 +65,7 @@ def test_conversation_chain(client: TestClient):
         "name": "input_key",
         "type": "str",
         "list": False,
+        "advanced": True,
     }
     assert template["output_key"] == {
         "required": True,
@@ -73,6 +77,7 @@ def test_conversation_chain(client: TestClient):
         "name": "output_key",
         "type": "str",
         "list": False,
+        "advanced": True,
     }
     assert template["_type"] == "ConversationChain"
 
@@ -102,6 +107,7 @@ def test_llm_chain(client: TestClient):
         "name": "memory",
         "type": "BaseMemory",
         "list": False,
+        "advanced": True,
     }
     assert template["verbose"] == {
         "required": False,
@@ -113,6 +119,7 @@ def test_llm_chain(client: TestClient):
         "name": "verbose",
         "type": "bool",
         "list": False,
+        "advanced": True,
     }
     assert template["llm"] == {
         "required": True,
@@ -123,6 +130,7 @@ def test_llm_chain(client: TestClient):
         "name": "llm",
         "type": "BaseLanguageModel",
         "list": False,
+        "advanced": True,
     }
     assert template["output_key"] == {
         "required": True,
@@ -134,6 +142,7 @@ def test_llm_chain(client: TestClient):
         "name": "output_key",
         "type": "str",
         "list": False,
+        "advanced": True,
     }
 
 
@@ -156,6 +165,7 @@ def test_llm_checker_chain(client: TestClient):
         "name": "memory",
         "type": "BaseMemory",
         "list": False,
+        "advanced": True,
     }
     assert template["verbose"] == {
         "required": False,
@@ -167,6 +177,7 @@ def test_llm_checker_chain(client: TestClient):
         "name": "verbose",
         "type": "bool",
         "list": False,
+        "advanced": True,
     }
     assert template["llm"] == {
         "required": True,
@@ -177,6 +188,7 @@ def test_llm_checker_chain(client: TestClient):
         "name": "llm",
         "type": "BaseLLM",
         "list": False,
+        "advanced": True,
     }
     assert template["input_key"] == {
         "required": True,
@@ -188,6 +200,7 @@ def test_llm_checker_chain(client: TestClient):
         "name": "input_key",
         "type": "str",
         "list": False,
+        "advanced": True,
     }
     assert template["output_key"] == {
         "required": True,
@@ -199,6 +212,7 @@ def test_llm_checker_chain(client: TestClient):
         "name": "output_key",
         "type": "str",
         "list": False,
+        "advanced": True,
     }
     assert template["_type"] == "LLMCheckerChain"
 
@@ -228,6 +242,7 @@ def test_llm_math_chain(client: TestClient):
         "name": "memory",
         "type": "BaseMemory",
         "list": False,
+        "advanced": True,
     }
     assert template["verbose"] == {
         "required": False,
@@ -239,6 +254,7 @@ def test_llm_math_chain(client: TestClient):
         "name": "verbose",
         "type": "bool",
         "list": False,
+        "advanced": True,
     }
     assert template["llm"] == {
         "required": True,
@@ -249,6 +265,7 @@ def test_llm_math_chain(client: TestClient):
         "name": "llm",
         "type": "BaseLanguageModel",
         "list": False,
+        "advanced": True,
     }
     assert template["input_key"] == {
         "required": True,
@@ -260,6 +277,7 @@ def test_llm_math_chain(client: TestClient):
         "name": "input_key",
         "type": "str",
         "list": False,
+        "advanced": True,
     }
     assert template["output_key"] == {
         "required": True,
@@ -271,6 +289,7 @@ def test_llm_math_chain(client: TestClient):
         "name": "output_key",
         "type": "str",
         "list": False,
+        "advanced": True,
     }
     assert template["_type"] == "LLMMathChain"
 
@@ -316,6 +335,7 @@ def test_series_character_chain(client: TestClient):
         "name": "memory",
         "type": "BaseMemory",
         "list": False,
+        "advanced": True,
     }
     assert template["verbose"] == {
         "required": False,
@@ -326,6 +346,7 @@ def test_series_character_chain(client: TestClient):
         "name": "verbose",
         "type": "bool",
         "list": False,
+        "advanced": True,
     }
     assert template["llm"] == {
         "required": True,
@@ -336,6 +357,7 @@ def test_series_character_chain(client: TestClient):
         "name": "llm",
         "type": "BaseLanguageModel",
         "list": False,
+        "advanced": True,
     }
     assert template["input_key"] == {
         "required": True,
@@ -347,6 +369,7 @@ def test_series_character_chain(client: TestClient):
         "name": "input_key",
         "type": "str",
         "list": False,
+        "advanced": True,
     }
     assert template["output_key"] == {
         "required": True,
@@ -358,6 +381,7 @@ def test_series_character_chain(client: TestClient):
         "name": "output_key",
         "type": "str",
         "list": False,
+        "advanced": True,
     }
     assert template["template"] == {
         "required": False,
@@ -369,6 +393,7 @@ def test_series_character_chain(client: TestClient):
         "name": "template",
         "type": "str",
         "list": False,
+        "advanced": True,
     }
     assert template["ai_prefix_value"] == {
         "required": False,
@@ -380,6 +405,7 @@ def test_series_character_chain(client: TestClient):
         "name": "ai_prefix_value",
         "type": "str",
         "list": False,
+        "advanced": True,
     }
     assert template["character"] == {
         "required": True,
@@ -390,6 +416,7 @@ def test_series_character_chain(client: TestClient):
         "name": "character",
         "type": "str",
         "list": False,
+        "advanced": True,
     }
     assert template["series"] == {
         "required": True,
@@ -400,6 +427,7 @@ def test_series_character_chain(client: TestClient):
         "name": "series",
         "type": "str",
         "list": False,
+        "advanced": True,
     }
     assert template["_type"] == "SeriesCharacterChain"
 
@@ -447,6 +475,7 @@ def test_mid_journey_prompt_chain(client: TestClient):
         "name": "memory",
         "type": "BaseMemory",
         "list": False,
+        "advanced": True,
     }
     assert template["verbose"] == {
         "required": False,
@@ -457,6 +486,7 @@ def test_mid_journey_prompt_chain(client: TestClient):
         "name": "verbose",
         "type": "bool",
         "list": False,
+        "advanced": True,
     }
     # Continue with other template object assertions
     assert template["prompt"] == {
@@ -477,6 +507,7 @@ def test_mid_journey_prompt_chain(client: TestClient):
         "name": "prompt",
         "type": "BasePromptTemplate",
         "list": False,
+        "advanced": True,
     }
     assert template["llm"] == {
         "required": True,
@@ -487,6 +518,7 @@ def test_mid_journey_prompt_chain(client: TestClient):
         "name": "llm",
         "type": "BaseLanguageModel",
         "list": False,
+        "advanced": True,
     }
     assert template["output_key"] == {
         "required": True,
@@ -498,6 +530,7 @@ def test_mid_journey_prompt_chain(client: TestClient):
         "name": "output_key",
         "type": "str",
         "list": False,
+        "advanced": True,
     }
     assert template["input_key"] == {
         "required": True,
@@ -509,6 +542,7 @@ def test_mid_journey_prompt_chain(client: TestClient):
         "name": "input_key",
         "type": "str",
         "list": False,
+        "advanced": True,
     }
     assert template["template"] == {
         "required": False,
@@ -520,6 +554,7 @@ def test_mid_journey_prompt_chain(client: TestClient):
         "name": "template",
         "type": "str",
         "list": False,
+        "advanced": True,
     }
     assert template["ai_prefix_value"] == {
         "required": False,
@@ -530,6 +565,7 @@ def test_mid_journey_prompt_chain(client: TestClient):
         "name": "ai_prefix_value",
         "type": "str",
         "list": False,
+        "advanced": True,
     }
     # Test the description object
     assert (
@@ -575,6 +611,7 @@ def test_time_travel_guide_chain(client: TestClient):
         "name": "memory",
         "type": "BaseMemory",
         "list": False,
+        "advanced": True,
     }
     assert template["verbose"] == {
         "required": False,
@@ -585,6 +622,7 @@ def test_time_travel_guide_chain(client: TestClient):
         "name": "verbose",
         "type": "bool",
         "list": False,
+        "advanced": True,
     }
 
     assert template["prompt"] == {
@@ -605,6 +643,7 @@ def test_time_travel_guide_chain(client: TestClient):
         "name": "prompt",
         "type": "BasePromptTemplate",
         "list": False,
+        "advanced": True,
     }
     assert template["llm"] == {
         "required": True,
@@ -615,6 +654,7 @@ def test_time_travel_guide_chain(client: TestClient):
         "name": "llm",
         "type": "BaseLanguageModel",
         "list": False,
+        "advanced": True,
     }
     assert template["output_key"] == {
         "required": True,
@@ -626,6 +666,7 @@ def test_time_travel_guide_chain(client: TestClient):
         "name": "output_key",
         "type": "str",
         "list": False,
+        "advanced": True,
     }
 
     assert template["input_key"] == {
@@ -638,6 +679,7 @@ def test_time_travel_guide_chain(client: TestClient):
         "name": "input_key",
         "type": "str",
         "list": False,
+        "advanced": True,
     }
 
     assert template["template"] == {
@@ -650,6 +692,7 @@ def test_time_travel_guide_chain(client: TestClient):
         "name": "template",
         "type": "str",
         "list": False,
+        "advanced": True,
     }
     assert template["ai_prefix_value"] == {
         "required": False,
@@ -660,5 +703,6 @@ def test_time_travel_guide_chain(client: TestClient):
         "name": "ai_prefix_value",
         "type": "str",
         "list": False,
+        "advanced": True,
     }
     assert chain["description"] == ""
diff --git a/tests/test_llms_template.py b/tests/test_llms_template.py
index 934ec7e05..45b3b032d 100644
--- a/tests/test_llms_template.py
+++ b/tests/test_llms_template.py
@@ -28,6 +28,7 @@ def test_hugging_face_hub(client: TestClient):
         "name": "cache",
         "type": "bool",
         "list": False,
+        "advanced": True,
     }
     assert template["verbose"] == {
         "required": False,
@@ -39,6 +40,7 @@ def test_hugging_face_hub(client: TestClient):
         "name": "verbose",
         "type": "bool",
         "list": False,
+        "advanced": True,
     }
     assert template["client"] == {
         "required": False,
@@ -49,6 +51,7 @@ def test_hugging_face_hub(client: TestClient):
         "name": "client",
         "type": "Any",
         "list": False,
+        "advanced": True,
     }
     assert template["repo_id"] == {
         "required": False,
@@ -60,6 +63,7 @@ def test_hugging_face_hub(client: TestClient):
         "name": "repo_id",
         "type": "str",
         "list": False,
+        "advanced": True,
     }
     assert template["task"] == {
         "required": True,
@@ -71,6 +75,7 @@ def test_hugging_face_hub(client: TestClient):
         "name": "task",
         "type": "str",
         "list": True,
+        "advanced": True,
     }
     assert template["model_kwargs"] == {
         "required": False,
@@ -81,6 +86,7 @@ def test_hugging_face_hub(client: TestClient):
         "name": "model_kwargs",
         "type": "code",
         "list": False,
+        "advanced": True,
     }
     assert template["huggingfacehub_api_token"] == {
         "required": False,
@@ -92,6 +98,7 @@ def test_hugging_face_hub(client: TestClient):
         "display_name": "HuggingFace Hub API Token",
         "type": "str",
         "list": False,
+        "advanced": False,
     }
 
 
@@ -113,6 +120,7 @@ def test_openai(client: TestClient):
         "name": "cache",
         "type": "bool",
         "list": False,
+        "advanced": True,
     }
     assert template["verbose"] == {
         "required": False,
@@ -123,6 +131,7 @@ def test_openai(client: TestClient):
         "name": "verbose",
         "type": "bool",
         "list": False,
+        "advanced": True,
     }
     assert template["client"] == {
         "required": False,
@@ -133,6 +142,7 @@ def test_openai(client: TestClient):
         "name": "client",
         "type": "Any",
         "list": False,
+        "advanced": True,
     }
     assert template["model_name"] == {
         "required": False,
@@ -151,6 +161,7 @@ def test_openai(client: TestClient):
         "name": "model_name",
         "type": "str",
         "list": True,
+        "advanced": False,
     }
     # Add more assertions for other properties here
     assert template["temperature"] == {
@@ -163,6 +174,7 @@ def test_openai(client: TestClient):
         "name": "temperature",
         "type": "float",
         "list": False,
+        "advanced": False,
     }
     assert template["max_tokens"] == {
         "required": False,
@@ -174,6 +186,7 @@ def test_openai(client: TestClient):
         "name": "max_tokens",
         "type": "int",
         "list": False,
+        "advanced": True,
     }
     assert template["top_p"] == {
         "required": False,
@@ -185,6 +198,7 @@ def test_openai(client: TestClient):
         "name": "top_p",
         "type": "float",
         "list": False,
+        "advanced": True,
     }
     assert template["frequency_penalty"] == {
         "required": False,
@@ -196,6 +210,7 @@ def test_openai(client: TestClient):
         "name": "frequency_penalty",
         "type": "float",
         "list": False,
+        "advanced": True,
     }
     assert template["presence_penalty"] == {
         "required": False,
@@ -207,6 +222,7 @@ def test_openai(client: TestClient):
         "name": "presence_penalty",
         "type": "float",
         "list": False,
+        "advanced": True,
     }
     assert template["n"] == {
         "required": False,
@@ -218,6 +234,7 @@ def test_openai(client: TestClient):
         "name": "n",
         "type": "int",
         "list": False,
+        "advanced": True,
     }
     assert template["best_of"] == {
         "required": False,
@@ -229,6 +246,7 @@ def test_openai(client: TestClient):
         "name": "best_of",
         "type": "int",
         "list": False,
+        "advanced": True,
     }
     assert template["model_kwargs"] == {
         "required": False,
@@ -239,6 +257,7 @@ def test_openai(client: TestClient):
         "name": "model_kwargs",
         "type": "code",
         "list": False,
+        "advanced": True,
     }
     assert template["openai_api_key"] == {
         "required": False,
@@ -251,6 +270,7 @@ def test_openai(client: TestClient):
         "display_name": "OpenAI API Key",
         "type": "str",
         "list": False,
+        "advanced": False,
     }
     assert template["batch_size"] == {
         "required": False,
@@ -262,6 +282,7 @@ def test_openai(client: TestClient):
         "name": "batch_size",
         "type": "int",
         "list": False,
+        "advanced": True,
     }
     assert template["request_timeout"] == {
         "required": False,
@@ -272,6 +293,7 @@ def test_openai(client: TestClient):
         "name": "request_timeout",
         "type": "Union[float, Tuple[float, float], NoneType]",
         "list": False,
+        "advanced": True,
     }
     assert template["logit_bias"] == {
         "required": False,
@@ -282,6 +304,7 @@ def test_openai(client: TestClient):
         "name": "logit_bias",
         "type": "code",
         "list": False,
+        "advanced": True,
     }
     assert template["max_retries"] == {
         "required": False,
@@ -293,6 +316,7 @@ def test_openai(client: TestClient):
         "name": "max_retries",
         "type": "int",
         "list": False,
+        "advanced": True,
     }
     assert template["streaming"] == {
         "required": False,
@@ -304,6 +328,7 @@ def test_openai(client: TestClient):
         "name": "streaming",
         "type": "bool",
         "list": False,
+        "advanced": True,
     }
 
 
@@ -326,6 +351,7 @@ def test_chat_open_ai(client: TestClient):
         "name": "verbose",
         "type": "bool",
         "list": False,
+        "advanced": True,
     }
     assert template["client"] == {
         "required": False,
@@ -336,6 +362,7 @@ def test_chat_open_ai(client: TestClient):
         "name": "client",
         "type": "Any",
         "list": False,
+        "advanced": True,
     }
     assert template["model_name"] == {
         "required": False,
@@ -348,6 +375,7 @@ def test_chat_open_ai(client: TestClient):
         "name": "model_name",
         "type": "str",
         "list": True,
+        "advanced": False,
     }
     assert template["temperature"] == {
         "required": False,
@@ -359,6 +387,7 @@ def test_chat_open_ai(client: TestClient):
         "name": "temperature",
         "type": "float",
         "list": False,
+        "advanced": False,
     }
     assert template["model_kwargs"] == {
         "required": False,
@@ -369,6 +398,7 @@ def test_chat_open_ai(client: TestClient):
         "name": "model_kwargs",
         "type": "code",
         "list": False,
+        "advanced": True,
     }
     assert template["openai_api_key"] == {
         "required": False,
@@ -381,6 +411,7 @@ def test_chat_open_ai(client: TestClient):
         "display_name": "OpenAI API Key",
         "type": "str",
         "list": False,
+        "advanced": False,
     }
     assert template["request_timeout"] == {
         "required": False,
@@ -392,6 +423,7 @@ def test_chat_open_ai(client: TestClient):
         "name": "request_timeout",
         "type": "int",
         "list": False,
+        "advanced": True,
     }
     assert template["max_retries"] == {
         "required": False,
@@ -403,6 +435,7 @@ def test_chat_open_ai(client: TestClient):
         "name": "max_retries",
         "type": "int",
         "list": False,
+        "advanced": True,
     }
     assert template["streaming"] == {
         "required": False,
@@ -414,6 +447,7 @@ def test_chat_open_ai(client: TestClient):
         "name": "streaming",
         "type": "bool",
         "list": False,
+        "advanced": True,
     }
     assert template["n"] == {
         "required": False,
@@ -425,6 +459,7 @@ def test_chat_open_ai(client: TestClient):
         "name": "n",
         "type": "int",
         "list": False,
+        "advanced": True,
     }
 
     assert template["max_tokens"] == {
@@ -436,6 +471,7 @@ def test_chat_open_ai(client: TestClient):
         "name": "max_tokens",
         "type": "int",
         "list": False,
+        "advanced": True,
     }
     assert template["_type"] == "ChatOpenAI"
     assert (
diff --git a/tests/test_prompts_template.py b/tests/test_prompts_template.py
index caa30821c..e5506d4c7 100644
--- a/tests/test_prompts_template.py
+++ b/tests/test_prompts_template.py
@@ -27,6 +27,7 @@ def test_prompt_template(client: TestClient):
         "name": "input_variables",
         "type": "str",
         "list": True,
+        "advanced": True,
     }
     assert template["output_parser"] == {
         "required": False,
@@ -37,6 +38,7 @@ def test_prompt_template(client: TestClient):
         "name": "output_parser",
         "type": "BaseOutputParser",
         "list": False,
+        "advanced": True,
     }
     assert template["partial_variables"] == {
         "required": False,
@@ -47,6 +49,7 @@ def test_prompt_template(client: TestClient):
         "name": "partial_variables",
         "type": "code",
         "list": False,
+        "advanced": True,
     }
     assert template["template"] == {
         "required": True,
@@ -57,6 +60,7 @@ def test_prompt_template(client: TestClient):
         "name": "template",
         "type": "prompt",
         "list": False,
+        "advanced": True,
     }
     assert template["template_format"] == {
         "required": False,
@@ -68,6 +72,7 @@ def test_prompt_template(client: TestClient):
         "name": "template_format",
         "type": "str",
         "list": False,
+        "advanced": True,
     }
     assert template["validate_template"] == {
         "required": False,
@@ -79,6 +84,7 @@ def test_prompt_template(client: TestClient):
         "name": "validate_template",
         "type": "bool",
         "list": False,
+        "advanced": True,
     }
 
 
@@ -100,6 +106,7 @@ def test_few_shot_prompt_template(client: TestClient):
         "name": "examples",
         "type": "prompt",
         "list": True,
+        "advanced": True,
     }
     assert template["example_selector"] == {
         "required": False,
@@ -110,6 +117,7 @@ def test_few_shot_prompt_template(client: TestClient):
         "name": "example_selector",
         "type": "BaseExampleSelector",
         "list": False,
+        "advanced": True,
     }
     assert template["example_prompt"] == {
         "required": True,
@@ -120,6 +128,7 @@ def test_few_shot_prompt_template(client: TestClient):
         "name": "example_prompt",
         "type": "PromptTemplate",
         "list": False,
+        "advanced": True,
     }
     assert template["suffix"] == {
         "required": True,
@@ -130,6 +139,7 @@ def test_few_shot_prompt_template(client: TestClient):
         "name": "suffix",
         "type": "prompt",
         "list": False,
+        "advanced": True,
     }
     assert template["example_separator"] == {
         "required": False,
@@ -141,6 +151,7 @@ def test_few_shot_prompt_template(client: TestClient):
         "name": "example_separator",
         "type": "str",
         "list": False,
+        "advanced": True,
     }
     assert template["prefix"] == {
         "required": False,
@@ -152,6 +163,7 @@ def test_few_shot_prompt_template(client: TestClient):
         "name": "prefix",
         "type": "prompt",
         "list": False,
+        "advanced": True,
     }
 
 
@@ -172,6 +184,7 @@ def test_zero_shot_prompt(client: TestClient):
         "name": "prefix",
         "type": "str",
         "list": False,
+        "advanced": True,
     }
     assert template["suffix"] == {
         "required": True,
@@ -183,6 +196,7 @@ def test_zero_shot_prompt(client: TestClient):
         "name": "suffix",
         "type": "str",
         "list": False,
+        "advanced": True,
     }
     assert template["format_instructions"] == {
         "required": False,
@@ -194,4 +208,5 @@ def test_zero_shot_prompt(client: TestClient):
         "name": "format_instructions",
         "type": "str",
         "list": False,
+        "advanced": True,
     }

From 11b82aa5565a168acf746b7546ff4c6396750990 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Fri, 28 Apr 2023 19:41:17 -0300
Subject: [PATCH 25/31] hide advanced icon if all the fields aren't advanced

---
 src/frontend/src/CustomNodes/GenericNode/index.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index fabc68486..880d1e7ac 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -12,7 +12,6 @@ import { NodeDataType } from "../../types/flow";
 import { alertContext } from "../../contexts/alertContext";
 import { PopUpContext } from "../../contexts/popUpContext";
 import NodeModal from "../../modals/NodeModal";
-import { relative } from "path";
 
 export default function GenericNode({
 	data,
@@ -74,7 +73,11 @@ export default function GenericNode({
 						</div>
 						<Cog6ToothIcon
 							className={classNames(
-								Object.keys(data.node.template).length < 1 ? "hidden" : "",
+								Object.keys(data.node.template).some(
+									(t) => data.node.template[t].advanced===true
+								)
+									? ""
+									: "hidden",
 								"w-6 h-6  dark:text-gray-500  hover:animate-spin"
 							)}
 						></Cog6ToothIcon>

From 733f62defb12cd437f4bde3013d78eed0ad7ddb8 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Fri, 28 Apr 2023 19:44:15 -0300
Subject: [PATCH 26/31] remove error on console

---
 src/frontend/src/modals/NodeModal/index.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/frontend/src/modals/NodeModal/index.tsx b/src/frontend/src/modals/NodeModal/index.tsx
index c052c71a7..31786553b 100644
--- a/src/frontend/src/modals/NodeModal/index.tsx
+++ b/src/frontend/src/modals/NodeModal/index.tsx
@@ -93,6 +93,7 @@ export default function NodeModal({ data }: { data: NodeDataType }) {
 															.map((t: string, idx) => {
 																return (
 																	<ModalField
+																	key={idx}
 																		data={data}
 																		title={
 																			data.node.template[t].display_name

From 8d29bd1b0ad69121021d26df9e8ad2bba3fdc138 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Fri, 28 Apr 2023 19:46:53 -0300
Subject: [PATCH 27/31] hide advanced icon if all the fields aren't advancedand
 show true

---
 src/frontend/src/CustomNodes/GenericNode/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index 880d1e7ac..d0f3947b7 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -74,7 +74,7 @@ export default function GenericNode({
 						<Cog6ToothIcon
 							className={classNames(
 								Object.keys(data.node.template).some(
-									(t) => data.node.template[t].advanced===true
+									(t) => data.node.template[t].advanced && data.node.template[t].show
 								)
 									? ""
 									: "hidden",

From ccd8a3fe093a76307f202bd51f25118f3c466beb Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Fri, 28 Apr 2023 20:02:37 -0300
Subject: [PATCH 28/31] check advanced on node too

---
 src/frontend/src/CustomNodes/GenericNode/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index d0f3947b7..bfaa2ba24 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -119,7 +119,7 @@ export default function GenericNode({
 								) : (
 									<></>
 								)} */}
-								{data.node.template[t].show ? (
+								{data.node.template[t].show && !data.node.template[t].advanced  ? (
 									<ParameterComponent
 										data={data}
 										color={

From c5d09f0e88869ca1ce37dc23d37c27ab162430ca Mon Sep 17 00:00:00 2001
From: Gabriel Almeida <gabriel@logspace.ai>
Date: Fri, 28 Apr 2023 20:07:59 -0300
Subject: [PATCH 29/31] refactor(nodes.py): set advanced field to False for
 fields other than prompt in ChainFrontendNode class

---
 src/backend/langflow/template/nodes.py | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/backend/langflow/template/nodes.py b/src/backend/langflow/template/nodes.py
index c96740840..d68581991 100644
--- a/src/backend/langflow/template/nodes.py
+++ b/src/backend/langflow/template/nodes.py
@@ -425,10 +425,12 @@ class ChainFrontendNode(FrontendNode):
             field.required = True
             field.show = True
         # Separated for possible future changes
-        if field.name == "prompt":
+        elif field.name == "prompt":
             # if no prompt is provided, use the default prompt
             field.required = False
             field.show = True
+        else:
+            field.advanced = False
 
 
 class LLMFrontendNode(FrontendNode):

From 1c35179aec49922b05f15761386115a98e08a9b1 Mon Sep 17 00:00:00 2001
From: Gabriel Almeida <gabriel@logspace.ai>
Date: Fri, 28 Apr 2023 23:38:36 -0300
Subject: [PATCH 30/31] refactor(nodes.py): remove unnecessary else statement
 in ChainFrontendNode class

---
 src/backend/langflow/template/nodes.py | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/backend/langflow/template/nodes.py b/src/backend/langflow/template/nodes.py
index d68581991..c96740840 100644
--- a/src/backend/langflow/template/nodes.py
+++ b/src/backend/langflow/template/nodes.py
@@ -425,12 +425,10 @@ class ChainFrontendNode(FrontendNode):
             field.required = True
             field.show = True
         # Separated for possible future changes
-        elif field.name == "prompt":
+        if field.name == "prompt":
             # if no prompt is provided, use the default prompt
             field.required = False
             field.show = True
-        else:
-            field.advanced = False
 
 
 class LLMFrontendNode(FrontendNode):

From 8d5adbf266b0f5956eedaa117ef3f5e876c3cd9b Mon Sep 17 00:00:00 2001
From: Gabriel Almeida <gabriel@logspace.ai>
Date: Sat, 29 Apr 2023 00:36:06 -0300
Subject: [PATCH 31/31] fix: tests

---
 src/backend/langflow/custom/customs.py |   5 +
 src/backend/langflow/template/nodes.py | 113 +++++++++
 tests/test_chains_template.py          | 315 ++-----------------------
 3 files changed, 138 insertions(+), 295 deletions(-)

diff --git a/src/backend/langflow/custom/customs.py b/src/backend/langflow/custom/customs.py
index d45221be7..2b2ccc43f 100644
--- a/src/backend/langflow/custom/customs.py
+++ b/src/backend/langflow/custom/customs.py
@@ -15,6 +15,11 @@ CUSTOM_NODES = {
     "utilities": {
         "SQLDatabase": nodes.SQLDatabaseNode(),
     },
+    "chains": {
+        "SeriesCharacterChain": nodes.SeriesCharacterChainNode(),
+        "TimeTravelGuideChain": nodes.TimeTravelGuideChainNode(),
+        "MidJourneyPromptChain": nodes.MidJourneyPromptChainNode(),
+    },
 }
 
 
diff --git a/src/backend/langflow/template/nodes.py b/src/backend/langflow/template/nodes.py
index c96740840..9e33e2a79 100644
--- a/src/backend/langflow/template/nodes.py
+++ b/src/backend/langflow/template/nodes.py
@@ -101,6 +101,107 @@ class PythonFunctionNode(FrontendNode):
         return super().to_dict()
 
 
+class MidJourneyPromptChainNode(FrontendNode):
+    name: str = "MidJourneyPromptChain"
+    template: Template = Template(
+        type_name="MidJourneyPromptChain",
+        fields=[
+            TemplateField(
+                field_type="BaseLanguageModel",
+                required=True,
+                placeholder="",
+                is_list=False,
+                show=True,
+                advanced=False,
+                multiline=False,
+                name="llm",
+            ),
+        ],
+    )
+    description: str = "MidJourneyPromptChain is a chain you can use to generate new MidJourney prompts."
+    base_classes: list[str] = [
+        "LLMChain",
+        "BaseCustomChain",
+        "Chain",
+        "ConversationChain",
+        "MidJourneyPromptChain",
+    ]
+
+
+class TimeTravelGuideChainNode(FrontendNode):
+    name: str = "TimeTravelGuideChain"
+    template: Template = Template(
+        type_name="TimeTravelGuideChain",
+        fields=[
+            TemplateField(
+                field_type="BaseLanguageModel",
+                required=True,
+                placeholder="",
+                is_list=False,
+                show=True,
+                advanced=False,
+                multiline=False,
+                name="llm",
+            ),
+        ],
+    )
+    description: str = "Time travel guide chain to be used in the flow."
+    base_classes: list[str] = [
+        "LLMChain",
+        "BaseCustomChain",
+        "TimeTravelGuideChain",
+        "Chain",
+        "ConversationChain",
+    ]
+
+
+class SeriesCharacterChainNode(FrontendNode):
+    name: str = "SeriesCharacterChain"
+    template: Template = Template(
+        type_name="SeriesCharacterChain",
+        fields=[
+            TemplateField(
+                field_type="str",
+                required=True,
+                placeholder="",
+                is_list=False,
+                show=True,
+                advanced=False,
+                multiline=False,
+                name="character",
+            ),
+            TemplateField(
+                field_type="str",
+                required=True,
+                placeholder="",
+                is_list=False,
+                show=True,
+                advanced=False,
+                multiline=False,
+                name="series",
+            ),
+            TemplateField(
+                field_type="BaseLanguageModel",
+                required=True,
+                placeholder="",
+                is_list=False,
+                show=True,
+                advanced=False,
+                multiline=False,
+                name="llm",
+            ),
+        ],
+    )
+    description: str = "SeriesCharacterChain is a chain you can use to have a conversation with a character from a series."  # noqa
+    base_classes: list[str] = [
+        "LLMChain",
+        "BaseCustomChain",
+        "Chain",
+        "ConversationChain",
+        "SeriesCharacterChain",
+    ]
+
+
 class ToolNode(FrontendNode):
     name: str = "Tool"
     template: Template = Template(
@@ -418,17 +519,29 @@ class ChainFrontendNode(FrontendNode):
     def format_field(field: TemplateField, name: Optional[str] = None) -> None:
         FrontendNode.format_field(field, name)
 
+        field.advanced = False
         if "key" in field.name:
             field.password = False
             field.show = False
         if field.name in ["input_key", "output_key"]:
             field.required = True
             field.show = True
+            field.advanced = True
+
         # Separated for possible future changes
         if field.name == "prompt":
             # if no prompt is provided, use the default prompt
             field.required = False
             field.show = True
+            field.advanced = False
+        if field.name == "memory":
+            field.required = False
+            field.show = True
+            field.advanced = False
+        if field.name == "verbose":
+            field.required = False
+            field.show = True
+            field.advanced = True
 
 
 class LLMFrontendNode(FrontendNode):
diff --git a/tests/test_chains_template.py b/tests/test_chains_template.py
index 76ab2ca13..cff844c90 100644
--- a/tests/test_chains_template.py
+++ b/tests/test_chains_template.py
@@ -31,12 +31,12 @@ def test_conversation_chain(client: TestClient):
         "name": "memory",
         "type": "BaseMemory",
         "list": False,
-        "advanced": True,
+        "advanced": False,
     }
     assert template["verbose"] == {
         "required": False,
         "placeholder": "",
-        "show": False,
+        "show": True,
         "multiline": False,
         "password": False,
         "name": "verbose",
@@ -53,7 +53,7 @@ def test_conversation_chain(client: TestClient):
         "name": "llm",
         "type": "BaseLanguageModel",
         "list": False,
-        "advanced": True,
+        "advanced": False,
     }
     assert template["input_key"] == {
         "required": True,
@@ -107,12 +107,12 @@ def test_llm_chain(client: TestClient):
         "name": "memory",
         "type": "BaseMemory",
         "list": False,
-        "advanced": True,
+        "advanced": False,
     }
     assert template["verbose"] == {
         "required": False,
         "placeholder": "",
-        "show": False,
+        "show": True,
         "multiline": False,
         "value": False,
         "password": False,
@@ -130,7 +130,7 @@ def test_llm_chain(client: TestClient):
         "name": "llm",
         "type": "BaseLanguageModel",
         "list": False,
-        "advanced": True,
+        "advanced": False,
     }
     assert template["output_key"] == {
         "required": True,
@@ -165,12 +165,12 @@ def test_llm_checker_chain(client: TestClient):
         "name": "memory",
         "type": "BaseMemory",
         "list": False,
-        "advanced": True,
+        "advanced": False,
     }
     assert template["verbose"] == {
         "required": False,
         "placeholder": "",
-        "show": False,
+        "show": True,
         "multiline": False,
         "value": False,
         "password": False,
@@ -188,7 +188,7 @@ def test_llm_checker_chain(client: TestClient):
         "name": "llm",
         "type": "BaseLLM",
         "list": False,
-        "advanced": True,
+        "advanced": False,
     }
     assert template["input_key"] == {
         "required": True,
@@ -242,12 +242,12 @@ def test_llm_math_chain(client: TestClient):
         "name": "memory",
         "type": "BaseMemory",
         "list": False,
-        "advanced": True,
+        "advanced": False,
     }
     assert template["verbose"] == {
         "required": False,
         "placeholder": "",
-        "show": False,
+        "show": True,
         "multiline": False,
         "value": False,
         "password": False,
@@ -265,7 +265,7 @@ def test_llm_math_chain(client: TestClient):
         "name": "llm",
         "type": "BaseLanguageModel",
         "list": False,
-        "advanced": True,
+        "advanced": False,
     }
     assert template["input_key"] == {
         "required": True,
@@ -317,37 +317,7 @@ def test_series_character_chain(client: TestClient):
         "SeriesCharacterChain",
     }
     template = chain["template"]
-    assert template["memory"] == {
-        "required": False,
-        "placeholder": "",
-        "show": True,
-        "multiline": False,
-        "value": {
-            "chat_memory": {"messages": []},
-            "output_key": None,
-            "input_key": None,
-            "return_messages": False,
-            "human_prefix": "Human",
-            "ai_prefix": "AI",
-            "memory_key": "history",
-        },
-        "password": False,
-        "name": "memory",
-        "type": "BaseMemory",
-        "list": False,
-        "advanced": True,
-    }
-    assert template["verbose"] == {
-        "required": False,
-        "placeholder": "",
-        "show": False,
-        "multiline": False,
-        "password": False,
-        "name": "verbose",
-        "type": "bool",
-        "list": False,
-        "advanced": True,
-    }
+
     assert template["llm"] == {
         "required": True,
         "placeholder": "",
@@ -357,55 +327,7 @@ def test_series_character_chain(client: TestClient):
         "name": "llm",
         "type": "BaseLanguageModel",
         "list": False,
-        "advanced": True,
-    }
-    assert template["input_key"] == {
-        "required": True,
-        "placeholder": "",
-        "show": True,
-        "multiline": False,
-        "value": "input",
-        "password": False,
-        "name": "input_key",
-        "type": "str",
-        "list": False,
-        "advanced": True,
-    }
-    assert template["output_key"] == {
-        "required": True,
-        "placeholder": "",
-        "show": True,
-        "multiline": False,
-        "value": "response",
-        "password": False,
-        "name": "output_key",
-        "type": "str",
-        "list": False,
-        "advanced": True,
-    }
-    assert template["template"] == {
-        "required": False,
-        "placeholder": "",
-        "show": False,
-        "multiline": True,
-        "value": "I want you to act like {character} from {series}.\nI want you to respond and answer like {character}. do not write any explanations. only answer like {character}.\nYou must know all of the knowledge of {character}.\nCurrent conversation:\n{history}\nHuman: {input}\n{character}:",  # noqa: E501
-        "password": False,
-        "name": "template",
-        "type": "str",
-        "list": False,
-        "advanced": True,
-    }
-    assert template["ai_prefix_value"] == {
-        "required": False,
-        "placeholder": "",
-        "show": False,
-        "multiline": False,
-        "value": "character",
-        "password": False,
-        "name": "ai_prefix_value",
-        "type": "str",
-        "list": False,
-        "advanced": True,
+        "advanced": False,
     }
     assert template["character"] == {
         "required": True,
@@ -416,7 +338,7 @@ def test_series_character_chain(client: TestClient):
         "name": "character",
         "type": "str",
         "list": False,
-        "advanced": True,
+        "advanced": False,
     }
     assert template["series"] == {
         "required": True,
@@ -427,7 +349,7 @@ def test_series_character_chain(client: TestClient):
         "name": "series",
         "type": "str",
         "list": False,
-        "advanced": True,
+        "advanced": False,
     }
     assert template["_type"] == "SeriesCharacterChain"
 
@@ -457,58 +379,7 @@ def test_mid_journey_prompt_chain(client: TestClient):
 
     # Test the template object
     template = chain["template"]
-    assert template["memory"] == {
-        "required": False,
-        "placeholder": "",
-        "show": True,
-        "multiline": False,
-        "value": {
-            "chat_memory": {"messages": []},
-            "output_key": None,
-            "input_key": None,
-            "return_messages": False,
-            "human_prefix": "Human",
-            "ai_prefix": "AI",
-            "memory_key": "history",
-        },
-        "password": False,
-        "name": "memory",
-        "type": "BaseMemory",
-        "list": False,
-        "advanced": True,
-    }
-    assert template["verbose"] == {
-        "required": False,
-        "placeholder": "",
-        "show": False,
-        "multiline": False,
-        "password": False,
-        "name": "verbose",
-        "type": "bool",
-        "list": False,
-        "advanced": True,
-    }
-    # Continue with other template object assertions
-    assert template["prompt"] == {
-        "required": False,
-        "placeholder": "",
-        "show": True,
-        "multiline": False,
-        "value": {
-            "input_variables": ["history", "input"],
-            "output_parser": None,
-            "partial_variables": {},
-            "template": "The following is a friendly conversation between a human and an AI. The AI is talkative and provides lots of specific details from its context. If the AI does not know the answer to a question, it truthfully says it does not know.\n\nCurrent conversation:\n{history}\nHuman: {input}\nAI:",  # noqa: E501
-            "template_format": "f-string",
-            "validate_template": True,
-            "_type": "prompt",
-        },
-        "password": False,
-        "name": "prompt",
-        "type": "BasePromptTemplate",
-        "list": False,
-        "advanced": True,
-    }
+
     assert template["llm"] == {
         "required": True,
         "placeholder": "",
@@ -518,54 +389,7 @@ def test_mid_journey_prompt_chain(client: TestClient):
         "name": "llm",
         "type": "BaseLanguageModel",
         "list": False,
-        "advanced": True,
-    }
-    assert template["output_key"] == {
-        "required": True,
-        "placeholder": "",
-        "show": True,
-        "multiline": False,
-        "value": "response",
-        "password": False,
-        "name": "output_key",
-        "type": "str",
-        "list": False,
-        "advanced": True,
-    }
-    assert template["input_key"] == {
-        "required": True,
-        "placeholder": "",
-        "show": True,
-        "multiline": False,
-        "value": "input",
-        "password": False,
-        "name": "input_key",
-        "type": "str",
-        "list": False,
-        "advanced": True,
-    }
-    assert template["template"] == {
-        "required": False,
-        "placeholder": "",
-        "show": False,
-        "multiline": True,
-        "value": 'I want you to act as a prompt generator for Midjourney\'s artificial intelligence program.\n    Your job is to provide detailed and creative descriptions that will inspire unique and interesting images from the AI.\n    Keep in mind that the AI is capable of understanding a wide range of language and can interpret abstract concepts, so feel free to be as imaginative and descriptive as possible.\n    For example, you could describe a scene from a futuristic city, or a surreal landscape filled with strange creatures.\n    The more detailed and imaginative your description, the more interesting the resulting image will be. Here is your first prompt:\n    "A field of wildflowers stretches out as far as the eye can see, each one a different color and shape. In the distance, a massive tree towers over the landscape, its branches reaching up to the sky like tentacles."\n\n    Current conversation:\n    {history}\n    Human: {input}\n    AI:',  # noqa: E501
-        "password": False,
-        "name": "template",
-        "type": "str",
-        "list": False,
-        "advanced": True,
-    }
-    assert template["ai_prefix_value"] == {
-        "required": False,
-        "placeholder": "",
-        "show": False,
-        "multiline": False,
-        "password": False,
-        "name": "ai_prefix_value",
-        "type": "str",
-        "list": False,
-        "advanced": True,
+        "advanced": False,
     }
     # Test the description object
     assert (
@@ -593,58 +417,7 @@ def test_time_travel_guide_chain(client: TestClient):
 
     # Test the template object
     template = chain["template"]
-    assert template["memory"] == {
-        "required": False,
-        "placeholder": "",
-        "show": True,
-        "multiline": False,
-        "value": {
-            "chat_memory": {"messages": []},
-            "output_key": None,
-            "input_key": None,
-            "return_messages": False,
-            "human_prefix": "Human",
-            "ai_prefix": "AI",
-            "memory_key": "history",
-        },
-        "password": False,
-        "name": "memory",
-        "type": "BaseMemory",
-        "list": False,
-        "advanced": True,
-    }
-    assert template["verbose"] == {
-        "required": False,
-        "placeholder": "",
-        "show": False,
-        "multiline": False,
-        "password": False,
-        "name": "verbose",
-        "type": "bool",
-        "list": False,
-        "advanced": True,
-    }
 
-    assert template["prompt"] == {
-        "required": False,
-        "placeholder": "",
-        "show": True,
-        "multiline": False,
-        "value": {
-            "input_variables": ["history", "input"],
-            "output_parser": None,
-            "partial_variables": {},
-            "template": "The following is a friendly conversation between a human and an AI. The AI is talkative and provides lots of specific details from its context. If the AI does not know the answer to a question, it truthfully says it does not know.\n\nCurrent conversation:\n{history}\nHuman: {input}\nAI:",  # noqa: E501
-            "template_format": "f-string",
-            "validate_template": True,
-            "_type": "prompt",
-        },
-        "password": False,
-        "name": "prompt",
-        "type": "BasePromptTemplate",
-        "list": False,
-        "advanced": True,
-    }
     assert template["llm"] == {
         "required": True,
         "placeholder": "",
@@ -654,55 +427,7 @@ def test_time_travel_guide_chain(client: TestClient):
         "name": "llm",
         "type": "BaseLanguageModel",
         "list": False,
-        "advanced": True,
-    }
-    assert template["output_key"] == {
-        "required": True,
-        "placeholder": "",
-        "show": True,
-        "multiline": False,
-        "value": "response",
-        "password": False,
-        "name": "output_key",
-        "type": "str",
-        "list": False,
-        "advanced": True,
+        "advanced": False,
     }
 
-    assert template["input_key"] == {
-        "required": True,
-        "placeholder": "",
-        "show": True,
-        "multiline": False,
-        "value": "input",
-        "password": False,
-        "name": "input_key",
-        "type": "str",
-        "list": False,
-        "advanced": True,
-    }
-
-    assert template["template"] == {
-        "required": False,
-        "placeholder": "",
-        "show": False,
-        "multiline": True,
-        "value": "I want you to act as my time travel guide. You are helpful and creative. I will provide you with the historical period or future time I want to visit and you will suggest the best events, sights, or people to experience. Provide the suggestions and any necessary information.\n    Current conversation:\n    {history}\n    Human: {input}\n    AI:",  # noqa: E501
-        "password": False,
-        "name": "template",
-        "type": "str",
-        "list": False,
-        "advanced": True,
-    }
-    assert template["ai_prefix_value"] == {
-        "required": False,
-        "placeholder": "",
-        "show": False,
-        "multiline": False,
-        "password": False,
-        "name": "ai_prefix_value",
-        "type": "str",
-        "list": False,
-        "advanced": True,
-    }
-    assert chain["description"] == ""
+    assert chain["description"] == "Time travel guide chain to be used in the flow."