Added name changing

src/frontend/src/CustomNodes/GenericNode/index.tsx

@@ -128,7 +128,7 @@ export default function GenericNode({
 
   const showNode = data.showNode ?? true;
 
-  const nameEditable = data.node?.flow || data.type === "CustomComponent";
+  const nameEditable = true;
 
   const emojiRegex = /\p{Emoji}/u;
   const isEmoji = emojiRegex.test(data?.node?.icon!);

src/frontend/src/components/IOview/index.tsx

@@ -153,7 +153,7 @@ export default function IOView({ children, open, setOpen }): JSX.Element {
                               trigger={
                                 <div className="file-component-badge-div">
                                   <Badge variant="gray" size="md">
-                                    {input.id}
+                                    {node.data.node.display_name}
                                   </Badge>
                                   {haveChat && (
                                     <div
@@ -194,7 +194,7 @@ export default function IOView({ children, open, setOpen }): JSX.Element {
                     className="api-modal-tabs-content mt-4"
                   >
                     <div className="mx-2 mb-2 flex items-center gap-2 text-sm font-bold">
-                      <IconComponent className="h-4 w-4" name={"Braces"} />
+                      <IconComponent className="h-4 w-4" name={"FileType2"} />
                       {outputsModalTitle}
                     </div>
                     {nodes

src/frontend/src/constants/constants.ts

@@ -701,7 +701,7 @@ export const editTextPlaceholder = "Type message here.";
 export const inputHandleHover = "Avaliable input components:";
 export const outputHandleHover = "Avaliable output components:";
 export const textInputModalTitle = "Text Inputs";
-export const outputsModalTitle = "Prompt Outputs";
+export const outputsModalTitle = "Text Outputs";
 export const langflowChatTitle = "Langflow Chat";
 export const chatInputPlaceholder =
   "No chat input variables found. Click to run your flow.";

src/frontend/src/utils/styleUtils.ts

@@ -42,6 +42,7 @@ import {
   FileSearch,
   FileSearch2,
   FileText,
+  FileType2,
   FileUp,
   Fingerprint,
   FlaskConical,
@@ -354,6 +355,7 @@ export const nodeIconsLucide: iconsType = {
   Plus,
   Redo,
   Settings2,
+  FileType2,
   Undo,
   FileSearch2,
   ChevronRight,