Bug fix prompt node. Resizable code editor and Inspect nodes

chain-forge/src/EvaluatorNode.js

@@ -180,7 +180,7 @@ const EvaluatorNode = ({ data, id }) => {
         :</div>
         
         {/* <span className="code-style">response</span>: */}
-        <div className="nodrag">
+        <div className="ace-editor-container nodrag">
           <AceEditor
             mode="python"
             theme="xcode"
@@ -189,8 +189,14 @@ const EvaluatorNode = ({ data, id }) => {
             name={"aceeditor_"+id}
             editorProps={{ $blockScrolling: true }}
             width='400px'
-            height='200px'
+            height='100px'
             tabSize={2}
+            onLoad={editorInstance => {  // Make Ace Editor div resizeable. 
+              editorInstance.container.style.resize = "both";
+              document.addEventListener("mouseup", e => (
+                editorInstance.resize()
+              ));
+            }}
           />
         </div>
         {/* <CodeMirror

chain-forge/src/InspectorNode.js

@@ -84,7 +84,7 @@ const InspectorNode = ({ data, id }) => {
                     );
                 });                
                 return (
-                    <div key={llm} className="llm-response-container nowheel">
+                    <div key={llm} className="llm-response-container">
                         <h1>{llm}</h1>
                         {res_divs}
                     </div>
@@ -132,7 +132,9 @@ const InspectorNode = ({ data, id }) => {
       {/* <div className="var-select-toolbar">
         {varSelects}
       </div> */}
+      <div className="inspect-response-container nowheel nodrag">
       {responses}
+      </div>
       <Handle
         type="target"
         position="left"

chain-forge/src/PromptNode.js

@@ -202,6 +202,12 @@ const PromptNode = ({ data, id }) => {
         return;
     }
 
+    // Check if the PromptNode is not already waiting for a response...
+    if (status === 'loading') {
+        setRunTooltip('Fetching responses...');
+        return;
+    }
+
     // Get input data and prompt
     const [py_prompt, pulled_vars] = pullInputData();
     const llms = llmItemsCurrState.map(item => item.model);

chain-forge/src/text-fields-node.css

@@ -144,6 +144,10 @@
     border-radius: 5px;
   }
 
+  .ace-editor-container {
+    resize:vertical;
+  }
+
   .vis-node {
     background-color: #fff;
     padding: 10px;
@@ -156,8 +160,12 @@
     padding: 10px;
     border: 1px solid #999;
     border-radius: 5px;
+  }
+  .inspect-response-container {
     overflow-y: auto;
-    max-height: 400px;
+    width: 450px;
+    max-height: 350px;
+    resize: both;
   }
 
   .small-response {
@@ -172,7 +180,7 @@
   }
 
   .llm-response-container {
-    max-width: 450px;
+    max-width: 100%;
   }
   .llm-response-container h1 {
     font-weight: 400;