Made categories

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

@@ -126,6 +126,16 @@ export default function IOView({ children, open, setOpen }): JSX.Element {
                   </button>
                 )}
             </div>
+            <div className="flex font-semibold mt-4 mb-2 mx-2 gap-2 items-center">
+              {categories[selectedCategory].name === "Inputs" &&
+              <><IconComponent name={"FormInput"}/>
+              Text Inputs</>
+              }
+              {categories[selectedCategory].name === "Outputs" &&
+              <><IconComponent name={"ChevronRightSquare"}/>
+              Prompt Outputs</>
+              }
+            </div>
             {UpdateAccordion()
               .filter(
                 (input) =>

src/frontend/src/utils/styleUtils.ts

@@ -11,7 +11,7 @@ import {
   ChevronDown,
   ChevronLeft,
   ChevronRight,
-  Sliders,
+  ChevronRightSquare,
   ChevronUp,
   ChevronsLeft,
   ChevronsRight,
@@ -40,6 +40,7 @@ import {
   Fingerprint,
   FlaskConical,
   FolderPlus,
+  FormInput,
   Forward,
   Gift,
   GitBranchPlus,
@@ -88,6 +89,7 @@ import {
   Share,
   Share2,
   Shield,
+  Sliders,
   Sparkles,
   Square,
   Store,
@@ -385,6 +387,8 @@ export const nodeIconsLucide: iconsType = {
   Square,
   Minimize2,
   Maximize2,
+  FormInput,
+  ChevronRightSquare,
   SaveAll,
   Forward,
   Share2,