Merge branch 'nodesImprovements' into minimizeNode

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

@@ -118,10 +118,17 @@ export default function ParameterComponent({
           nodeIconsLucide[item.family] ?? nodeIconsLucide["unknown"];
 
         return (
+          <>
+            {index === 0 && (
+                <span>
+                  {left ? "Components to connect into:" : "Components to connect to:"}
+                </span>
+              )
+            }
             <span
               key={index}
               className={classNames(
-              index > 0 ? "mt-2 flex items-center" : "flex items-center"
+                index > 0 ? "mt-2 flex items-center" : "mt-3 flex items-center"
               )}
               >
               <div
@@ -140,6 +147,7 @@ export default function ParameterComponent({
               </div>
               <span className="ps-2 text-xs text-foreground">
                 {nodeNames[item.family] ?? "Other"}
+                {" "}
                 <span className="text-xs">
                   {" "}
                   {item.type === "" ? "" : " - "}
@@ -157,6 +165,7 @@ export default function ParameterComponent({
                 </span>
               </span>
             </span>
+          </>
         );
       });
     } else {

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

@@ -168,8 +168,10 @@ export default function GenericNode({
           </div>
         </div>
 
-        <div className="generic-node-desc">
+        <div className={"generic-node-desc " + (data.node?.description !== "" ? "py-5" : "pb-5")}>
+          {data.node?.description !== "" && (
             <div className="generic-node-desc-text">{data.node?.description}</div>
+          )}
 
           <>
             {Object.keys(data.node!.template)

src/frontend/src/style/applies.css

@@ -311,7 +311,7 @@
     @apply hover:text-accent-foreground hover:transition-all;
   }
   .generic-node-desc {
-    @apply h-full w-full py-5 text-foreground;
+    @apply h-full w-full  text-foreground;
   }
   .generic-node-desc-text {
     @apply w-full px-5 pb-3 text-sm text-muted-foreground;