From 2f44ce7ad01d77b0a7e1cbd536b3cd062536eca6 Mon Sep 17 00:00:00 2001
From: Gabriel Grinberg <gabi.grinberg@gmail.com>
Date: Fri, 30 Aug 2024 21:32:40 +0300
Subject: [PATCH] refines AI generation label in NodesLibrary and adjusts
 Comment editor styling (#143)

---
 .../src/visual-node-editor/NodesLibrary/NodesLibrary.tsx    | 2 +-
 stdlib/src/Misc/Comment.tsx                                 | 2 +-
 stdlib/src/nodes-library-data.ts                            | 6 +++++-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/flow-editor/src/visual-node-editor/NodesLibrary/NodesLibrary.tsx b/flow-editor/src/visual-node-editor/NodesLibrary/NodesLibrary.tsx
index bbcc4f84..3764528a 100644
--- a/flow-editor/src/visual-node-editor/NodesLibrary/NodesLibrary.tsx
+++ b/flow-editor/src/visual-node-editor/NodesLibrary/NodesLibrary.tsx
@@ -136,7 +136,7 @@ export const NodesLibrary: React.FC<NodesLibraryProps> = memo((props) => {
                   >
                     <div className="group-item-inner">
                       <InstanceIcon icon="fa-solid fa-wand-magic-sparkles" />
-                      Generate using AI
+                      Generate Node using AI
                     </div>
                   </Tooltip>
                 </div>
diff --git a/stdlib/src/Misc/Comment.tsx b/stdlib/src/Misc/Comment.tsx
index f2eb906d..662226e1 100644
--- a/stdlib/src/Misc/Comment.tsx
+++ b/stdlib/src/Misc/Comment.tsx
@@ -20,7 +20,7 @@ export const CommentEditor: MacroEditorComp<CommentConfig> = ({
         onChange={(e) => setContent(e.target.value)}
         placeholder="Enter your comment here (HTML supported)"
         rows={10}
-        style={{ width: "100%" }}
+        style={{ width: "100%", padding: "8px 6px" }}
       />
       <Callout intent="primary" icon={null}>
         HTML formatting is supported
diff --git a/stdlib/src/nodes-library-data.ts b/stdlib/src/nodes-library-data.ts
index 652c2637..d7ace991 100644
--- a/stdlib/src/nodes-library-data.ts
+++ b/stdlib/src/nodes-library-data.ts
@@ -23,7 +23,7 @@ export function getUnresolvedNodesLibraryData() {
     groups: [
       {
         title: "Values & Custom Code",
-        nodes: [InlineValue, CodeExpression, Comment],
+        nodes: [InlineValue, CodeExpression],
       },
       {
         title: "Control Flow",
@@ -45,6 +45,10 @@ export function getUnresolvedNodesLibraryData() {
         title: "Timing",
         nodes: [Delay, Throttle, Debounce, Interval],
       },
+      {
+        title: "Misc",
+        nodes: [Comment],
+      },
     ],
   };
 }