Added a level-specific prompt field to AI Tutor section of levelbuilder

apps/src/aiTutor/redux/aiTutorRedux.ts

@@ -70,6 +70,9 @@ export const askAITutor = createAsyncThunk(
     } else {
       systemPrompt = generalChatSystemPrompt;
     }
+    if (state.aiTutor.level?.levelSpecificPrompt) {
+      systemPrompt += state.aiTutor.level?.levelSpecificPrompt;
+    }
 
     const storedMessages = state.aiTutor.chatMessages;
 

apps/src/aiTutor/types.ts

@@ -38,6 +38,7 @@ export type Level = {
   hasValidation: boolean;
   isAssessment: boolean;
   isProjectBacked: boolean;
+  levelSpecificPrompt: string;
 };
 
 export interface ChatContext {

apps/src/sites/studio/pages/levels/show.js

@@ -61,14 +61,21 @@ function initPage() {
 
   if (hasScriptData('script[data-aitutordata]')) {
     const aiTutorData = getScriptData('aitutordata');
-    const {levelId, type, hasValidation, isAssessment, isProjectBacked} =
-      aiTutorData;
+    const {
+      levelId,
+      type,
+      hasValidation,
+      isAssessment,
+      isProjectBacked,
+      levelSpecificPrompt,
+    } = aiTutorData;
     const level = {
       id: levelId,
       type: type,
       hasValidation: hasValidation,
       isAssessment: isAssessment,
       isProjectBacked: isProjectBacked,
+      levelSpecificPrompt,
     };
     getStore().dispatch(setLevel(level));
     getStore().dispatch(setScriptId(aiTutorData.scriptId));

dashboard/app/models/levels/level.rb

@@ -94,6 +94,7 @@ class Level < ApplicationRecord
     thumbnail_url
     start_libraries
     ai_tutor_available
+    ai_tutor_level_specific_prompt
   )
 
   # Fix STI routing http://stackoverflow.com/a/9463495

dashboard/app/views/levels/editors/fields/_aitutor_fields.html.haml

@@ -1,5 +1,10 @@
 %h1.control-legend{data: {toggle: "collapse", target: "#ai_tutor"}}
   AI Tutor
 #ai_tutor.in.collapse
-  .field
-    = render partial: 'levels/editors/fields/checkboxes', locals: {f: f, field_name: :ai_tutor_available, description: "AI Tutor Available"}
+
+  = f.label :ai_tutor_level_specific_prompt, 'Level-Specific Prompt'
+  %p Prompt used to specify the behavior of AI Tutor on a per level basis.
+  = f.text_area :ai_tutor_level_specific_prompt, placeholder: 'Write your level-specific prompt here. If left blank, this level will use the default system prompt.', rows: 4, class:"input-block-level"
+
+  = render partial: 'levels/editors/fields/checkboxes', locals: {f: f, field_name: :ai_tutor_available, description: "Make AI Tutor Available"}
+

dashboard/app/views/levels/show.html.haml

@@ -16,7 +16,7 @@
 
 - if @script_level
   - level_data = { redirect_script_url: @redirect_unit_url, script_name: @script_level.script&.name, course_name: @script_level.script&.unit_group&.name, level_name: @level.name, tts_autoplay_enabled: @tts_autoplay_enabled, code_review_enabled: @code_review_enabled_for_level, show_unversioned_redirect_warning: @show_unversioned_redirect_warning}
-  - ai_tutor_data = {levelId: @level&.id, scriptId: @script_level.script&.id, type: @level&.type, hasValidation: !!@level&.properties["encrypted_validation"], isAssessment: @script_level&.assessment, isProjectBacked: !!@level&.properties["project_template_level_name"]}
+  - ai_tutor_data = {levelId: @level&.id, scriptId: @script_level.script&.id, type: @level&.type, hasValidation: !!@level&.properties["encrypted_validation"], isAssessment: @script_level&.assessment, isProjectBacked: !!@level&.properties["project_template_level_name"], levelSpecificPrompt: @level&.ai_tutor_level_specific_prompt}
   %link{href: asset_path('css/levels.css'), rel: 'stylesheet', type: 'text/css'}
   %script{ src: webpack_asset_path('js/levels/show.js'), data: { aiTutorData: ai_tutor_data.to_json, level: level_data.to_json, rubricData: @rubric_data&.to_json }}
   -# Mount point for RedirectDialog React component.