prompt activation frontend

services/QuillLMS/client/app/bundles/Shared/components/shared/checkBox.tsx

@@ -11,7 +11,7 @@ const DARK = 'dark'
 const LIGHT = 'light'
 
 interface checkboxProps {
-  label: string;
+  label?: string;
   mode?: string;
   onClick?: () => void;
   state?: string;
@@ -61,7 +61,7 @@ export const Checkbox = ({ label, mode=LIGHT, onClick, state, selected, id, }: c
   return (
     <div className="checkbox-container">
       {renderCheckbox()}
-      <label className={labelClass} htmlFor={checkboxId}>{label}</label>
+      {label && <label className={labelClass} htmlFor={checkboxId}>{label}</label>}
     </div>
   );
 };

services/QuillLMS/client/app/bundles/Staff/components/evidence/__tests__/__snapshots__/upperFormSection.test.tsx.snap

@@ -100,8 +100,8 @@ exports[`UpperFormSection component should render UpperFormSection 1`] = `
             "value": "AutoML",
           },
           Object {
-            "label": "RAG",
-            "value": "RAG",
+            "label": "GenerativeLabel",
+            "value": "GenerativeLabel",
           },
           Object {
             "label": "GenAI",

services/QuillLMS/client/app/bundles/Staff/components/evidence/activities.tsx

@@ -69,9 +69,9 @@ const Activities = ({ location, match }) => {
 
   const dataTableFields = [
     { name: "Activity ID", attribute:"id", width: "80px", rowSectionClassName: 'center-content', headerClassName: 'center-content', isSortable: true, },
-    { name: "Type", attribute: "ai_type", width: "60px", noTooltip: true, },
+    { name: "Type", attribute: "ai_type", width: "120px", noTooltip: true, },
     { name: "Internal Name", attribute:"notes", width: "250px", isSortable: true, sortAttribute: 'internalNameForSort', },
-    { name: "Activity Name", attribute:"title", width: "660px", isSortable: true, sortAttribute: 'activityNameForSort', },
+    { name: "Activity Name", attribute:"title", width: "600px", isSortable: true, sortAttribute: 'activityNameForSort', headerClassName: 'grow-to-fit', rowSectionClassName: 'grow-to-fit' },
     { name: "Highlight Validation", attribute:"valid_highlights", width: "60px", noTooltip: true, rowSectionClassName: 'center-content', headerClassName: 'center-content' }
   ];
 

services/QuillLMS/client/app/bundles/Staff/components/evidence/llmPromptDatasets/individualDataset/__tests__/__snapshots__/activateLLMPromptModal.test.tsx.snap

@@ -0,0 +1,150 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ActivateLLMPromptModal renders modal with confirmation message 1`] = `
+<DocumentFragment>
+  <div
+    class="modal-container activate-prompt-modal-container"
+  >
+    <div
+      class="modal-background"
+    />
+    <div
+      class="activate-prompt-modal quill-modal modal-body"
+    >
+      <div
+        class="top-section"
+      >
+        <p>
+          Activating this prompt will make Trial Prompt 123 the Because Prompt for Test Activity.
+          <br />
+          <br />
+          Are you sure you want to activate Trial Prompt 123?
+          <br />
+          <br />
+          Note: You cannot undo this action. You can only replace the prompt with a different Trial Prompt.
+        </p>
+      </div>
+      <div
+        class="button-section"
+      >
+        <button
+          class="quill-button medium outlined focus-on-light"
+          type="button"
+        >
+          Cancel
+        </button>
+        <button
+          class="quill-button medium contained focus-on-light"
+          type="button"
+        >
+          Yes
+        </button>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`ActivateLLMPromptModal shows correct message if activeActivatedLLMPrompt is provided 1`] = `
+<DocumentFragment>
+  <div
+    class="modal-container activate-prompt-modal-container"
+  >
+    <div
+      class="modal-background"
+    />
+    <div
+      class="activate-prompt-modal quill-modal modal-body"
+    >
+      <div
+        class="top-section"
+      >
+        <p>
+          The Because Prompt for Test Activity is currently Trial Prompt 111.
+          <br />
+          <br />
+          Activating this prompt will replace Trial Prompt 111 with Trial Prompt 123.
+          <br />
+          <br />
+          Are you sure you want to make Trial Prompt 123 the Because Prompt?
+        </p>
+      </div>
+      <div
+        class="button-section"
+      >
+        <button
+          class="quill-button medium outlined focus-on-light"
+          type="button"
+        >
+          Cancel
+        </button>
+        <button
+          class="quill-button medium contained focus-on-light"
+          type="button"
+        >
+          Yes
+        </button>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`ActivateLLMPromptModal shows note input and save button after confirmation 1`] = `
+<DocumentFragment>
+  <div
+    class="modal-container activate-prompt-modal-container"
+  >
+    <div
+      class="modal-background"
+    />
+    <div
+      class="activate-prompt-modal quill-modal modal-body"
+    >
+      <div
+        class="top-section"
+      >
+        <p>
+          Please confirm that the following information is correct:
+          <br />
+          <br />
+          Because Prompt for Test Activity: Trial Prompt 123
+        </p>
+        <div
+          class="textarea-wrapper"
+        >
+          <div
+            class="input-container textfield-container  inactive undefined"
+          >
+            <label
+              for="notes"
+            >
+              Add Activation Notes
+            </label>
+            <textarea
+              id="notes"
+              maxlength="10000"
+            />
+          </div>
+        </div>
+      </div>
+      <div
+        class="button-section"
+      >
+        <button
+          class="quill-button medium outlined focus-on-light"
+          type="button"
+        >
+          Cancel
+        </button>
+        <button
+          class="quill-button medium contained focus-on-light"
+          type="button"
+        >
+          Save & Activate
+        </button>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;