From b6f5185c2d95f493bc80274720ac065b687080b6 Mon Sep 17 00:00:00 2001
From: ali asaria <aliasaria@users.noreply.github.com>
Date: Thu, 20 Jun 2024 13:35:44 -0400
Subject: [PATCH] fix instructions in training modal

---
 .../Experiment/Train/TraningModalDataTab.tsx  | 26 ++++++++++++-------
 1 file changed, 16 insertions(+), 10 deletions(-)

diff --git a/src/renderer/components/Experiment/Train/TraningModalDataTab.tsx b/src/renderer/components/Experiment/Train/TraningModalDataTab.tsx
index 1d4e0039..15c763d3 100644
--- a/src/renderer/components/Experiment/Train/TraningModalDataTab.tsx
+++ b/src/renderer/components/Experiment/Train/TraningModalDataTab.tsx
@@ -115,9 +115,9 @@ export default function TrainingModalDataTab({
                   rows={5}
                 />
                 <FormHelperText>
-                  The instruction (aka system message) to send to the model. For
-                  example in a summarization task, this could be "Summarize the
-                  following text:"
+                  The instruction (usually the system message) to send to the
+                  model. For example in a summarization task, this could be
+                  "Summarize the following text:"
                 </FormHelperText>
               </FormControl>
               <br />
@@ -170,18 +170,24 @@ export default function TrainingModalDataTab({
                   defaultValue={
                     templateData
                       ? templateData.config.formatting_template
-                      : 'Instruction: {{instruction}} \n###\n Prompt: {{prompt}}\n###\n Generation: {{generation}}'
+                      : 'Instruction: {{instruction}}\nPrompt: {{prompt}}\n Generation: {{generation}}'
                   }
                   rows={5}
                 />
-                <FormHelperText>
+                <FormHelperText
+                  sx={{ flexDirection: 'column', alignItems: 'flex-start' }}
+                >
                   This describes how the data is formatted when passed to the
                   trainer. Use Jinja2 Standard String Templating format. For
-                  example <br />
-                  "Instruction:
-                  &#123;&#123;instruction&#125;&#125;\n###\nPrompt:
-                  &#123;&#123;prompt&#125;&#125;\n###\n Generation:
-                  &#123;&#123;generation&#125;&#125;"
+                  example:
+                  <br />
+                  <span style={{}}>
+                    Summarize the following:
+                    <br />
+                    Prompt: &#123;&#123;prompt&#125;&#125;
+                    <br />
+                    Generation: &#123;&#123;generation&#125;&#125;
+                  </span>
                 </FormHelperText>
               </FormControl>
             </>
-- 
GitLab