updated initial instructions. added props for generate/stop button and instructions placeholder

Author: rmmayo

dashboard/src/common-components/utilities/learning-conent-gen/AiPromptDialog.vue

@@ -70,6 +70,18 @@ const props = defineProps({
     type: String,
     default: 'Got it! I\'ll get started right away!'
   },
+  instructionsPlaceholder: {
+    type: String,
+    default: 'Type Instructions Here'
+  },
+  sendButtonLabel: {
+    type: String,
+    default: 'Send'
+  },
+  stopButtonLabel: {
+    type: String,
+    default: 'Stop'
+  },
   isValid: {
     type: Boolean,
     default: true
@@ -330,15 +342,15 @@ const finalMsgSeverity = (historyItem) => historyItem.failedToGenerate ? 'error'
               id="instructionsInputId"
               v-model="instructions"
               class="w-full"
-              placeholder="Type Instructions Here"
+              :placeholder="instructionsPlaceholder"
               :disabled="isGenerating"
               @keydown.enter="startGeneration"
               data-cy="instructionsInput"
               autofocus/>
           <div class="flex justify-end">
             <SkillsButton
                 :icon="`fa-solid ${isGenerating ? 'fa-stop': 'fa-play'}`"
-                :label="isGenerating ? 'Stop' : 'Send'"
+                :label="isGenerating ? stopButtonLabel : sendButtonLabel"
                 :severity="isGenerating ? 'warn' : 'success'"
                 data-cy="sendAndStopBtn"
                 @click="onStartStopBtn" />

dashboard/src/common-components/utilities/learning-conent-gen/GenerateQuizDialog2.vue

@@ -69,7 +69,7 @@ const { values, meta, handleSubmit, isSubmitting, resetForm, setFieldValue, vali
 
 const generateQuizFromDescription = (skillDescription) => {
   currentDescription.value = skillDescription
-  const welcomeMsg = 'Hi there! I\'ll generate a quiz based on the existing skill instructions/description. Feel to type additional instructions for me or just click the Send button to get started?'
+  const welcomeMsg = 'Hi there! I\'ll generate a quiz based on the *existing skill description*. Feel free to type additional instructions for me or just click the `Generate` button to get started'
   aiPromptDialogRef.value.addWelcomeMsg(welcomeMsg)
 }
 defineExpose({
@@ -293,6 +293,8 @@ const toggleEnableEditQuestions = ((id) => {
       :add-prefix-fn="handleAddPrefix"
       :generation-started-msg="'Generating a new quiz for this skill, please stand by...'"
       :use-generated-label="'Use Generated Quiz'"
+      :instructions-placeholder="'Optional Additional Instructions Here'"
+      :send-button-label="'Generate'"
       @use-generated="useGenerated"
       :community-value="communityValue"
       :is-valid="meta.valid"