Update to show API Key as password field

Author: EugeneOYZ1203n

src/commons/application/types/SessionTypes.ts

@@ -40,6 +40,7 @@ export type SessionState = {
   readonly enableSourcecast?: boolean;
   readonly enableStories?: boolean;
   readonly enableLlmGrading?: boolean;
+  readonly llmApiKey?: string;
   readonly sourceChapter?: Chapter;
   readonly sourceVariant?: Variant;
   readonly moduleHelpText?: string;

src/commons/dropdown/DropdownCreateCourse.tsx

@@ -296,6 +296,7 @@ const DropdownCreateCourse: React.FC<Props> = props => {
           >
             <InputGroup
               id="llmApiKey"
+              type="password"
               value={courseConfig.llmApiKey}
               onChange={e =>
                 setCourseConfig({

src/pages/academy/adminPanel/AdminPanel.tsx

@@ -66,7 +66,7 @@ const AdminPanel: React.FC = () => {
       enableStories: session.enableStories,
       enableLlmGrading: session.enableLlmGrading,
       moduleHelpText: session.moduleHelpText,
-      llmApiKey: ''
+      llmApiKey: session.llmApiKey
     });
   }, [
     session.courseName,

src/pages/academy/adminPanel/subcomponents/CourseConfigPanel.tsx

@@ -143,6 +143,7 @@ const CourseConfigPanel: React.FC<Props> = props => {
           >
             <InputGroup
               id="llmApiKey"
+              type="password"
               defaultValue={llmApiKey}
               onChange={e =>
                 props.setCourseConfiguration({

src/pages/academy/grading/subcomponents/GradingWorkspace.tsx

@@ -305,8 +305,7 @@ const GradingWorkspace: React.FC<Props> = props => {
                 ? [grading!.answers[questionId].student.username]
                 : grading!.answers[questionId].team!.map(member => member.username)
             }
-            is_llm={!!llm_grading && grading!.answers[questionId].question.type == "programming" &&
-              !!grading!.answers[questionId].question.llm_prompt}
+            is_llm={!!llm_grading && grading!.answers[questionId].question.type == "programming"}
             comments={grading!.answers[questionId].grade.comments ?? ''}
             graderName={
               grading!.answers[questionId].grade.grader

src/pages/localStorage.ts

@@ -70,6 +70,7 @@ export const saveState = (state: OverallState) => {
         enableSourcecast: state.session.enableSourcecast,
         enableStories: state.session.enableStories,
         enableLlmGrading: state.session.enableLlmGrading,
+        llmApiKey: state.session.llmApiKey,
         moduleHelpText: state.session.moduleHelpText,
         assetsPrefix: state.session.assetsPrefix,
         assessmentConfigurations: state.session.assessmentConfigurations,