npm - eat-js-sdk - Versions diffs - 0.0.53 → 0.0.55 - Mend

eat-js-sdk 0.0.53 → 0.0.55

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2) hide show

package/dist/eat-prompt-builder.mjs +962 -306
package/package.json +1 -1

package/dist/eat-prompt-builder.mjs CHANGED Viewed

@@ -26,6 +26,16 @@
   function safe_not_equal(a, b) {
     return a != a ? b == b : a !== b || a && typeof a === "object" || typeof a === "function";
   }
+  var src_url_equal_anchor;
+  function src_url_equal(element_src, url) {
+    if (element_src === url)
+      return true;
+    if (!src_url_equal_anchor) {
+      src_url_equal_anchor = document.createElement("a");
+    }
+    src_url_equal_anchor.href = url;
+    return element_src === src_url_equal_anchor.href;
+  }
   function is_empty(obj) {
     return Object.keys(obj).length === 0;
   }
@@ -698,7 +708,7 @@
     }
     component.$$.dirty[i / 31 | 0] |= 1 << i % 31;
   }
-  function init(component, options, instance12, create_fragment25, not_equal, props, append_styles2 = null, dirty = [-1]) {
+  function init(component, options, instance13, create_fragment26, not_equal, props, append_styles2 = null, dirty = [-1]) {
     const parent_component = current_component;
     set_current_component(component);
     const $$ = component.$$ = {
@@ -724,7 +734,7 @@
     };
     append_styles2 && append_styles2($$.root);
     let ready = false;
-    $$.ctx = instance12 ? instance12(component, options.props || {}, (i, ret, ...rest) => {
+    $$.ctx = instance13 ? instance13(component, options.props || {}, (i, ret, ...rest) => {
       const value = rest.length ? rest[0] : ret;
       if ($$.ctx && not_equal($$.ctx[i], $$.ctx[i] = value)) {
         if (!$$.skip_bound && $$.bound[i])
@@ -737,7 +747,7 @@
     $$.update();
     ready = true;
     run_all($$.before_update);
-    $$.fragment = create_fragment25 ? create_fragment25($$.ctx) : false;
+    $$.fragment = create_fragment26 ? create_fragment26($$.ctx) : false;
     if (options.target) {
       if (options.hydrate) {
         start_hydrating();
@@ -1144,13 +1154,284 @@
   var useRemoveDiacritics = (data) => data.normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/\s+/g, " ");
   var useRemovePunctuation = (data) => data.replace(/[^\p{L}\p{M}\s\d]/gu, "").replace(/\s+/g, " ");
-  // src/lib/components/prompt/template/PromptBody.svelte
+  // src/lib/constants/index.ts
+  var INTERACTION_TYPE_MCQ = "multipleChoiceInteraction";
+  var INTERACTION_TYPE_TYPEIN = "typeInInteraction";
+  var INTERACTION_TYPE_CATEGORISE = "categoriseInteraction";
+  var TYPEIN_TYPE_SHORT = "Short-Text";
+  var CONTAINER_WORD_BIN_ID = "container-word-bin";
+  var SCREEN_MD = 732;
+  var EAT_DASH = "@eat-dash@";
+  var ANSWER_CORRECT = "correct";
+  var ANSWER_INCORRECT = "incorrect";
+  var ANSWER_MISSED = "missed";
+  var ASSET_ALIGNMENT_DEFAULT = "default";
+  var ASSET_ALIGNMENT_INLINE = "inline";
+  var ASSET_TYPE_IMAGE = "image";
+  // src/lib/components/common/CommonMedia.svelte
+  function create_if_block(ctx) {
+    let div;
+    let if_block = (
+      /*fileType*/
+      ctx[0] === ASSET_TYPE_IMAGE && create_if_block_1(ctx)
+    );
+    return {
+      c() {
+        div = element("div");
+        if (if_block)
+          if_block.c();
+        attr(div, "class", "flex items-center justify-center flex-col text-center");
+      },
+      m(target, anchor) {
+        insert(target, div, anchor);
+        if (if_block)
+          if_block.m(div, null);
+      },
+      p(ctx2, dirty) {
+        if (
+          /*fileType*/
+          ctx2[0] === ASSET_TYPE_IMAGE
+        ) {
+          if (if_block) {
+            if_block.p(ctx2, dirty);
+          } else {
+            if_block = create_if_block_1(ctx2);
+            if_block.c();
+            if_block.m(div, null);
+          }
+        } else if (if_block) {
+          if_block.d(1);
+          if_block = null;
+        }
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(div);
+        }
+        if (if_block)
+          if_block.d();
+      }
+    };
+  }
   function create_if_block_1(ctx) {
+    let img;
+    let img_src_value;
+    let t2;
+    let if_block_anchor;
+    let if_block = (
+      /*fileCaption*/
+      ctx[3] && create_if_block_2(ctx)
+    );
+    return {
+      c() {
+        img = element("img");
+        t2 = space();
+        if (if_block)
+          if_block.c();
+        if_block_anchor = empty();
+        if (!src_url_equal(img.src, img_src_value = /*fileUrl*/
+        ctx[1]))
+          attr(img, "src", img_src_value);
+        attr(
+          img,
+          "alt",
+          /*altText*/
+          ctx[2]
+        );
+      },
+      m(target, anchor) {
+        insert(target, img, anchor);
+        insert(target, t2, anchor);
+        if (if_block)
+          if_block.m(target, anchor);
+        insert(target, if_block_anchor, anchor);
+      },
+      p(ctx2, dirty) {
+        if (dirty & /*fileUrl*/
+        2 && !src_url_equal(img.src, img_src_value = /*fileUrl*/
+        ctx2[1])) {
+          attr(img, "src", img_src_value);
+        }
+        if (dirty & /*altText*/
+        4) {
+          attr(
+            img,
+            "alt",
+            /*altText*/
+            ctx2[2]
+          );
+        }
+        if (
+          /*fileCaption*/
+          ctx2[3]
+        ) {
+          if (if_block) {
+            if_block.p(ctx2, dirty);
+          } else {
+            if_block = create_if_block_2(ctx2);
+            if_block.c();
+            if_block.m(if_block_anchor.parentNode, if_block_anchor);
+          }
+        } else if (if_block) {
+          if_block.d(1);
+          if_block = null;
+        }
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(img);
+          detach(t2);
+          detach(if_block_anchor);
+        }
+        if (if_block)
+          if_block.d(detaching);
+      }
+    };
+  }
+  function create_if_block_2(ctx) {
+    let p;
+    let t2;
+    return {
+      c() {
+        p = element("p");
+        t2 = text(
+          /*fileCaption*/
+          ctx[3]
+        );
+        attr(p, "class", "text-lg leading-[22px] text-blue-1000 font-semibold mt-4");
+      },
+      m(target, anchor) {
+        insert(target, p, anchor);
+        append(p, t2);
+      },
+      p(ctx2, dirty) {
+        if (dirty & /*fileCaption*/
+        8)
+          set_data(
+            t2,
+            /*fileCaption*/
+            ctx2[3]
+          );
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(p);
+        }
+      }
+    };
+  }
+  function create_fragment(ctx) {
+    let if_block_anchor;
+    let if_block = (
+      /*fileUrl*/
+      ctx[1] && create_if_block(ctx)
+    );
+    return {
+      c() {
+        if (if_block)
+          if_block.c();
+        if_block_anchor = empty();
+      },
+      m(target, anchor) {
+        if (if_block)
+          if_block.m(target, anchor);
+        insert(target, if_block_anchor, anchor);
+      },
+      p(ctx2, [dirty]) {
+        if (
+          /*fileUrl*/
+          ctx2[1]
+        ) {
+          if (if_block) {
+            if_block.p(ctx2, dirty);
+          } else {
+            if_block = create_if_block(ctx2);
+            if_block.c();
+            if_block.m(if_block_anchor.parentNode, if_block_anchor);
+          }
+        } else if (if_block) {
+          if_block.d(1);
+          if_block = null;
+        }
+      },
+      i: noop,
+      o: noop,
+      d(detaching) {
+        if (detaching) {
+          detach(if_block_anchor);
+        }
+        if (if_block)
+          if_block.d(detaching);
+      }
+    };
+  }
+  function instance($$self, $$props, $$invalidate) {
+    let { fileType } = $$props;
+    let { fileUrl } = $$props;
+    let { altText = "" } = $$props;
+    let { fileCaption = "" } = $$props;
+    $$self.$$set = ($$props2) => {
+      if ("fileType" in $$props2)
+        $$invalidate(0, fileType = $$props2.fileType);
+      if ("fileUrl" in $$props2)
+        $$invalidate(1, fileUrl = $$props2.fileUrl);
+      if ("altText" in $$props2)
+        $$invalidate(2, altText = $$props2.altText);
+      if ("fileCaption" in $$props2)
+        $$invalidate(3, fileCaption = $$props2.fileCaption);
+    };
+    return [fileType, fileUrl, altText, fileCaption];
+  }
+  var CommonMedia = class extends SvelteComponent {
+    constructor(options) {
+      super();
+      init(this, options, instance, create_fragment, safe_not_equal, {
+        fileType: 0,
+        fileUrl: 1,
+        altText: 2,
+        fileCaption: 3
+      });
+    }
+    get fileType() {
+      return this.$$.ctx[0];
+    }
+    set fileType(fileType) {
+      this.$$set({ fileType });
+      flush();
+    }
+    get fileUrl() {
+      return this.$$.ctx[1];
+    }
+    set fileUrl(fileUrl) {
+      this.$$set({ fileUrl });
+      flush();
+    }
+    get altText() {
+      return this.$$.ctx[2];
+    }
+    set altText(altText) {
+      this.$$set({ altText });
+      flush();
+    }
+    get fileCaption() {
+      return this.$$.ctx[3];
+    }
+    set fileCaption(fileCaption) {
+      this.$$set({ fileCaption });
+      flush();
+    }
+  };
+  customElements.define("common-media", create_custom_element(CommonMedia, { "fileType": {}, "fileUrl": {}, "altText": {}, "fileCaption": {} }, [], [], true));
+  var CommonMedia_default = CommonMedia;
+  // src/lib/components/prompt/template/PromptBody.svelte
+  function create_if_block_4(ctx) {
     let html_tag;
     let raw_value = `<${/*promptRubricHeaderElem*/
-    ctx[2]} class="item-heading mb-2 md:mb-4">${/*rubric*/
+    ctx[9]} class="item-heading mb-4">${/*rubric*/
     ctx[0]}</${/*promptRubricHeaderElem*/
-    ctx[2]}>`;
+    ctx[9]}>`;
     let html_anchor;
     return {
       c() {
@@ -1165,9 +1446,9 @@
       p(ctx2, dirty) {
         if (dirty & /*rubric*/
         1 && raw_value !== (raw_value = `<${/*promptRubricHeaderElem*/
-        ctx2[2]} class="item-heading mb-2 md:mb-4">${/*rubric*/
+        ctx2[9]} class="item-heading mb-4">${/*rubric*/
         ctx2[0]}</${/*promptRubricHeaderElem*/
-        ctx2[2]}>`))
+        ctx2[9]}>`))
           html_tag.p(raw_value);
       },
       d(detaching) {
@@ -1178,12 +1459,85 @@
       }
     };
   }
-  function create_if_block(ctx) {
+  function create_if_block_3(ctx) {
+    let div;
+    let commonmedia;
+    let current;
+    commonmedia = new CommonMedia_default({
+      props: {
+        fileType: (
+          /*fileType*/
+          ctx[3]
+        ),
+        fileUrl: (
+          /*fileUrl*/
+          ctx[2]
+        ),
+        altText: (
+          /*altText*/
+          ctx[5]
+        ),
+        fileCaption: (
+          /*caption*/
+          ctx[6]
+        )
+      }
+    });
+    return {
+      c() {
+        div = element("div");
+        create_component(commonmedia.$$.fragment);
+        attr(div, "class", "pt-6 pb-10");
+      },
+      m(target, anchor) {
+        insert(target, div, anchor);
+        mount_component(commonmedia, div, null);
+        current = true;
+      },
+      p(ctx2, dirty) {
+        const commonmedia_changes = {};
+        if (dirty & /*fileType*/
+        8)
+          commonmedia_changes.fileType = /*fileType*/
+          ctx2[3];
+        if (dirty & /*fileUrl*/
+        4)
+          commonmedia_changes.fileUrl = /*fileUrl*/
+          ctx2[2];
+        if (dirty & /*altText*/
+        32)
+          commonmedia_changes.altText = /*altText*/
+          ctx2[5];
+        if (dirty & /*caption*/
+        64)
+          commonmedia_changes.fileCaption = /*caption*/
+          ctx2[6];
+        commonmedia.$set(commonmedia_changes);
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(commonmedia.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(commonmedia.$$.fragment, local);
+        current = false;
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(div);
+        }
+        destroy_component(commonmedia);
+      }
+    };
+  }
+  function create_if_block_22(ctx) {
     let html_tag;
     let raw_value = `<${/*promptRubricHeaderElem*/
-    ctx[2]} class="item-heading font-semibold">${/*prompt*/
+    ctx[9]} class="item-heading font-semibold">${/*prompt*/
     ctx[1]}</${/*promptRubricHeaderElem*/
-    ctx[2]}>`;
+    ctx[9]}>`;
     let html_anchor;
     return {
       c() {
@@ -1198,9 +1552,9 @@
       p(ctx2, dirty) {
         if (dirty & /*prompt*/
         2 && raw_value !== (raw_value = `<${/*promptRubricHeaderElem*/
-        ctx2[2]} class="item-heading font-semibold">${/*prompt*/
+        ctx2[9]} class="item-heading font-semibold">${/*prompt*/
         ctx2[1]}</${/*promptRubricHeaderElem*/
-        ctx2[2]}>`))
+        ctx2[9]}>`))
           html_tag.p(raw_value);
       },
       d(detaching) {
@@ -1211,34 +1565,204 @@
       }
     };
   }
-  function create_fragment(ctx) {
+  function create_if_block_12(ctx) {
+    let div;
+    let commonmedia;
+    let current;
+    commonmedia = new CommonMedia_default({
+      props: {
+        fileType: (
+          /*fileType*/
+          ctx[3]
+        ),
+        fileUrl: (
+          /*fileUrl*/
+          ctx[2]
+        ),
+        altText: (
+          /*altText*/
+          ctx[5]
+        ),
+        fileCaption: (
+          /*caption*/
+          ctx[6]
+        )
+      }
+    });
+    return {
+      c() {
+        div = element("div");
+        create_component(commonmedia.$$.fragment);
+        attr(div, "class", "pt-6 lg:hidden");
+      },
+      m(target, anchor) {
+        insert(target, div, anchor);
+        mount_component(commonmedia, div, null);
+        current = true;
+      },
+      p(ctx2, dirty) {
+        const commonmedia_changes = {};
+        if (dirty & /*fileType*/
+        8)
+          commonmedia_changes.fileType = /*fileType*/
+          ctx2[3];
+        if (dirty & /*fileUrl*/
+        4)
+          commonmedia_changes.fileUrl = /*fileUrl*/
+          ctx2[2];
+        if (dirty & /*altText*/
+        32)
+          commonmedia_changes.altText = /*altText*/
+          ctx2[5];
+        if (dirty & /*caption*/
+        64)
+          commonmedia_changes.fileCaption = /*caption*/
+          ctx2[6];
+        commonmedia.$set(commonmedia_changes);
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(commonmedia.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(commonmedia.$$.fragment, local);
+        current = false;
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(div);
+        }
+        destroy_component(commonmedia);
+      }
+    };
+  }
+  function create_if_block2(ctx) {
+    let div1;
+    let div0;
+    let commonmedia;
+    let current;
+    commonmedia = new CommonMedia_default({
+      props: {
+        fileType: (
+          /*fileType*/
+          ctx[3]
+        ),
+        fileUrl: (
+          /*fileUrl*/
+          ctx[2]
+        ),
+        altText: (
+          /*altText*/
+          ctx[5]
+        ),
+        fileCaption: (
+          /*caption*/
+          ctx[6]
+        )
+      }
+    });
+    return {
+      c() {
+        div1 = element("div");
+        div0 = element("div");
+        create_component(commonmedia.$$.fragment);
+        attr(div0, "class", "w-full");
+        attr(div1, "class", "pl-24 w-2/4 hidden lg:flex lg:basis-1/2 lg:items-center lg:justify-between lg:grow");
+      },
+      m(target, anchor) {
+        insert(target, div1, anchor);
+        append(div1, div0);
+        mount_component(commonmedia, div0, null);
+        current = true;
+      },
+      p(ctx2, dirty) {
+        const commonmedia_changes = {};
+        if (dirty & /*fileType*/
+        8)
+          commonmedia_changes.fileType = /*fileType*/
+          ctx2[3];
+        if (dirty & /*fileUrl*/
+        4)
+          commonmedia_changes.fileUrl = /*fileUrl*/
+          ctx2[2];
+        if (dirty & /*altText*/
+        32)
+          commonmedia_changes.altText = /*altText*/
+          ctx2[5];
+        if (dirty & /*caption*/
+        64)
+          commonmedia_changes.fileCaption = /*caption*/
+          ctx2[6];
+        commonmedia.$set(commonmedia_changes);
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(commonmedia.$$.fragment, local);
+        current = true;
+      },
+      o(local) {
+        transition_out(commonmedia.$$.fragment, local);
+        current = false;
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(div1);
+        }
+        destroy_component(commonmedia);
+      }
+    };
+  }
+  function create_fragment2(ctx) {
+    let div2;
     let div1;
     let t0;
     let t1;
-    let div0;
     let t2;
+    let t3;
+    let div0;
+    let t4;
+    let div1_class_value;
+    let t5;
+    let div2_class_value;
     let current;
     let if_block0 = (
       /*rubric*/
-      ctx[0] && create_if_block_1(ctx)
+      ctx[0] && create_if_block_4(ctx)
     );
     let if_block1 = (
+      /*showAsset*/
+      ctx[7] && /*fileAlignment*/
+      ctx[4] === ASSET_ALIGNMENT_INLINE && create_if_block_3(ctx)
+    );
+    let if_block2 = (
       /*prompt*/
-      ctx[1] && create_if_block(ctx)
+      ctx[1] && create_if_block_22(ctx)
+    );
+    let if_block3 = (
+      /*showAlignmentDefault*/
+      ctx[8] && create_if_block_12(ctx)
     );
     const default_slot_template = (
       /*#slots*/
-      ctx[4].default
+      ctx[13].default
     );
     const default_slot = create_slot(
       default_slot_template,
       ctx,
       /*$$scope*/
-      ctx[3],
+      ctx[12],
       null
     );
+    let if_block4 = (
+      /*showAlignmentDefault*/
+      ctx[8] && create_if_block2(ctx)
+    );
     return {
       c() {
+        div2 = element("div");
         div1 = element("div");
         if (if_block0)
           if_block0.c();
@@ -1246,26 +1770,48 @@
         if (if_block1)
           if_block1.c();
         t1 = space();
-        div0 = element("div");
+        if (if_block2)
+          if_block2.c();
         t2 = space();
+        if (if_block3)
+          if_block3.c();
+        t3 = space();
+        div0 = element("div");
+        t4 = space();
         if (default_slot)
           default_slot.c();
+        t5 = space();
+        if (if_block4)
+          if_block4.c();
         attr(div0, "class", "divider my-6");
-        attr(div1, "class", "bg-transparent relative");
+        attr(div1, "class", div1_class_value = "bg-transparent relative " + /*showAlignmentDefault*/
+        (ctx[8] ? "lg:basis-1/2" : ""));
+        attr(div2, "class", div2_class_value = /*showAlignmentDefault*/
+        ctx[8] ? "lg:w-full lg:flex" : "");
       },
       m(target, anchor) {
-        insert(target, div1, anchor);
+        insert(target, div2, anchor);
+        append(div2, div1);
         if (if_block0)
           if_block0.m(div1, null);
         append(div1, t0);
         if (if_block1)
           if_block1.m(div1, null);
         append(div1, t1);
-        append(div1, div0);
+        if (if_block2)
+          if_block2.m(div1, null);
         append(div1, t2);
+        if (if_block3)
+          if_block3.m(div1, null);
+        append(div1, t3);
+        append(div1, div0);
+        append(div1, t4);
         if (default_slot) {
           default_slot.m(div1, null);
         }
+        append(div2, t5);
+        if (if_block4)
+          if_block4.m(div2, null);
         current = true;
       },
       p(ctx2, [dirty]) {
@@ -1276,7 +1822,7 @@
           if (if_block0) {
             if_block0.p(ctx2, dirty);
           } else {
-            if_block0 = create_if_block_1(ctx2);
+            if_block0 = create_if_block_4(ctx2);
             if_block0.c();
             if_block0.m(div1, t0);
           }
@@ -1285,36 +1831,65 @@
           if_block0 = null;
         }
         if (
-          /*prompt*/
-          ctx2[1]
+          /*showAsset*/
+          ctx2[7] && /*fileAlignment*/
+          ctx2[4] === ASSET_ALIGNMENT_INLINE
         ) {
           if (if_block1) {
             if_block1.p(ctx2, dirty);
+            if (dirty & /*fileAlignment*/
+            16) {
+              transition_in(if_block1, 1);
+            }
           } else {
-            if_block1 = create_if_block(ctx2);
+            if_block1 = create_if_block_3(ctx2);
             if_block1.c();
+            transition_in(if_block1, 1);
             if_block1.m(div1, t1);
           }
         } else if (if_block1) {
-          if_block1.d(1);
-          if_block1 = null;
+          group_outros();
+          transition_out(if_block1, 1, 1, () => {
+            if_block1 = null;
+          });
+          check_outros();
         }
+        if (
+          /*prompt*/
+          ctx2[1]
+        ) {
+          if (if_block2) {
+            if_block2.p(ctx2, dirty);
+          } else {
+            if_block2 = create_if_block_22(ctx2);
+            if_block2.c();
+            if_block2.m(div1, t2);
+          }
+        } else if (if_block2) {
+          if_block2.d(1);
+          if_block2 = null;
+        }
+        if (
+          /*showAlignmentDefault*/
+          ctx2[8]
+        )
+          if_block3.p(ctx2, dirty);
         if (default_slot) {
           if (default_slot.p && (!current || dirty & /*$$scope*/
-          8)) {
+          4096)) {
             update_slot_base(
               default_slot,
               default_slot_template,
               ctx2,
               /*$$scope*/
-              ctx2[3],
+              ctx2[12],
               !current ? get_all_dirty_from_scope(
                 /*$$scope*/
-                ctx2[3]
+                ctx2[12]
               ) : get_slot_changes(
                 default_slot_template,
                 /*$$scope*/
-                ctx2[3],
+                ctx2[12],
                 dirty,
                 null
               ),
@@ -1322,49 +1897,112 @@
             );
           }
         }
+        if (
+          /*showAlignmentDefault*/
+          ctx2[8]
+        )
+          if_block4.p(ctx2, dirty);
       },
       i(local) {
         if (current)
           return;
+        transition_in(if_block1);
+        transition_in(if_block3);
         transition_in(default_slot, local);
+        transition_in(if_block4);
         current = true;
       },
       o(local) {
+        transition_out(if_block1);
+        transition_out(if_block3);
         transition_out(default_slot, local);
+        transition_out(if_block4);
         current = false;
       },
       d(detaching) {
         if (detaching) {
-          detach(div1);
+          detach(div2);
         }
         if (if_block0)
           if_block0.d();
         if (if_block1)
           if_block1.d();
+        if (if_block2)
+          if_block2.d();
+        if (if_block3)
+          if_block3.d();
         if (default_slot)
           default_slot.d(detaching);
+        if (if_block4)
+          if_block4.d();
       }
     };
   }
-  function instance($$self, $$props, $$invalidate) {
+  function instance2($$self, $$props, $$invalidate) {
     let { $$slots: slots = {}, $$scope } = $$props;
     let { rubric } = $$props;
     let { prompt } = $$props;
+    let { interactionType = "" } = $$props;
+    let { stimulus = null } = $$props;
+    let fileUrl = "";
+    let fileType = "";
+    let fileAlignment = "default";
+    let altText = "";
+    let caption = "";
+    if (stimulus) {
+      const { asset_alignment: assetAlignment, alternative_text: alternativeText, description, file } = stimulus;
+      if (file) {
+        const { url, file_name: fileName, content_type: contentType } = file;
+        const tempName = fileName || "Exercise image";
+        const fileContentType = contentType.split("/");
+        fileAlignment = assetAlignment;
+        altText = alternativeText || tempName;
+        fileUrl = url || "";
+        fileType = contentType ? fileContentType[0] : "";
+        caption = description || "";
+      }
+    }
+    const showAsset = (interactionType === INTERACTION_TYPE_MCQ || interactionType === INTERACTION_TYPE_TYPEIN) && fileUrl;
+    const showAlignmentDefault = showAsset && fileAlignment === ASSET_ALIGNMENT_DEFAULT;
     const promptRubricHeaderElem = get_store_value(promptRubricElem);
     $$self.$$set = ($$props2) => {
       if ("rubric" in $$props2)
         $$invalidate(0, rubric = $$props2.rubric);
       if ("prompt" in $$props2)
         $$invalidate(1, prompt = $$props2.prompt);
+      if ("interactionType" in $$props2)
+        $$invalidate(10, interactionType = $$props2.interactionType);
+      if ("stimulus" in $$props2)
+        $$invalidate(11, stimulus = $$props2.stimulus);
       if ("$$scope" in $$props2)
-        $$invalidate(3, $$scope = $$props2.$$scope);
+        $$invalidate(12, $$scope = $$props2.$$scope);
     };
-    return [rubric, prompt, promptRubricHeaderElem, $$scope, slots];
+    return [
+      rubric,
+      prompt,
+      fileUrl,
+      fileType,
+      fileAlignment,
+      altText,
+      caption,
+      showAsset,
+      showAlignmentDefault,
+      promptRubricHeaderElem,
+      interactionType,
+      stimulus,
+      $$scope,
+      slots
+    ];
   }
   var PromptBody = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance, create_fragment, safe_not_equal, { rubric: 0, prompt: 1 });
+      init(this, options, instance2, create_fragment2, safe_not_equal, {
+        rubric: 0,
+        prompt: 1,
+        interactionType: 10,
+        stimulus: 11
+      });
     }
     get rubric() {
       return this.$$.ctx[0];
@@ -1380,12 +2018,26 @@
       this.$$set({ prompt });
       flush();
     }
+    get interactionType() {
+      return this.$$.ctx[10];
+    }
+    set interactionType(interactionType) {
+      this.$$set({ interactionType });
+      flush();
+    }
+    get stimulus() {
+      return this.$$.ctx[11];
+    }
+    set stimulus(stimulus) {
+      this.$$set({ stimulus });
+      flush();
+    }
   };
-  customElements.define("prompt-body", create_custom_element(PromptBody, { "rubric": {}, "prompt": {} }, ["default"], [], true));
+  customElements.define("prompt-body", create_custom_element(PromptBody, { "rubric": {}, "prompt": {}, "interactionType": {}, "stimulus": {} }, ["default"], [], true));
   var PromptBody_default = PromptBody;
   // src/lib/components/prompt/template/PromptResultFeedback.svelte
-  function create_if_block2(ctx) {
+  function create_if_block3(ctx) {
     let div0;
     let t0;
     let span;
@@ -1395,7 +2047,7 @@
     let div1;
     let if_block = (
       /*resultFeedbackTitle*/
-      ctx[1] && create_if_block_12(ctx)
+      ctx[1] && create_if_block_13(ctx)
     );
     return {
       c() {
@@ -1433,7 +2085,7 @@
           if (if_block) {
             if_block.p(ctx2, dirty);
           } else {
-            if_block = create_if_block_12(ctx2);
+            if_block = create_if_block_13(ctx2);
             if_block.c();
             if_block.m(div0, t0);
           }
@@ -1465,7 +2117,7 @@
       }
     };
   }
-  function create_if_block_12(ctx) {
+  function create_if_block_13(ctx) {
     let span;
     let t2;
     return {
@@ -1497,11 +2149,11 @@
       }
     };
   }
-  function create_fragment2(ctx) {
+  function create_fragment3(ctx) {
     let if_block_anchor;
     let if_block = (
       /*resultFeedback*/
-      ctx[0] && create_if_block2(ctx)
+      ctx[0] && create_if_block3(ctx)
     );
     return {
       c() {
@@ -1522,7 +2174,7 @@
           if (if_block) {
             if_block.p(ctx2, dirty);
           } else {
-            if_block = create_if_block2(ctx2);
+            if_block = create_if_block3(ctx2);
             if_block.c();
             if_block.m(if_block_anchor.parentNode, if_block_anchor);
           }
@@ -1542,7 +2194,7 @@
       }
     };
   }
-  function instance2($$self, $$props, $$invalidate) {
+  function instance3($$self, $$props, $$invalidate) {
     let { resultFeedback = null } = $$props;
     let { resultFeedbackTitle = null } = $$props;
     let { isResultCorrect = true } = $$props;
@@ -1559,7 +2211,7 @@
   var PromptResultFeedback = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance2, create_fragment2, safe_not_equal, {
+      init(this, options, instance3, create_fragment3, safe_not_equal, {
         resultFeedback: 0,
         resultFeedbackTitle: 1,
         isResultCorrect: 2
@@ -1625,7 +2277,7 @@
   var useMCQ_default = useAlphabetEquivalent;
   // src/lib/assets/img/messaging/SuccessSolid.svelte
-  function create_fragment3(ctx) {
+  function create_fragment4(ctx) {
     let svg;
     let path;
     return {
@@ -1661,14 +2313,14 @@
   var SuccessSolid = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment3, safe_not_equal, {});
+      init(this, options, null, create_fragment4, safe_not_equal, {});
     }
   };
   create_custom_element(SuccessSolid, {}, [], [], true);
   var SuccessSolid_default = SuccessSolid;
   // src/lib/assets/img/messaging/ErrorSolid.svelte
-  function create_fragment4(ctx) {
+  function create_fragment5(ctx) {
     let svg;
     let path;
     return {
@@ -1704,7 +2356,7 @@
   var ErrorSolid = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment4, safe_not_equal, {});
+      init(this, options, null, create_fragment5, safe_not_equal, {});
     }
   };
   create_custom_element(ErrorSolid, {}, [], [], true);
@@ -1713,11 +2365,11 @@
   // src/lib/components/prompt/mcq/PromptMCQ.svelte
   function get_each_context(ctx, list, i) {
     const child_ctx = ctx.slice();
-    child_ctx[17] = list[i];
-    child_ctx[19] = i;
+    child_ctx[18] = list[i];
+    child_ctx[20] = i;
     return child_ctx;
   }
-  function create_if_block_13(ctx) {
+  function create_if_block_14(ctx) {
     let div1;
     let div0;
     let div0_class_value;
@@ -1725,7 +2377,7 @@
     let current;
     let each_value = ensure_array_like(Object.values(
       /*options*/
-      ctx[7]
+      ctx[8]
     ));
     let each_blocks = [];
     for (let i = 0; i < each_value.length; i += 1) {
@@ -1764,10 +2416,10 @@
           attr(div0, "class", div0_class_value);
         }
         if (dirty & /*selectedOption, Object, options, isFinished, isResultCorrect, handleOptionClick*/
-        398) {
+        782) {
           each_value = ensure_array_like(Object.values(
             /*options*/
-            ctx2[7]
+            ctx2[8]
           ));
           let i;
           for (i = 0; i < each_value.length; i += 1) {
@@ -1812,7 +2464,7 @@
       }
     };
   }
-  function create_if_block_4(ctx) {
+  function create_if_block_42(ctx) {
     let p;
     return {
       c() {
@@ -1830,13 +2482,13 @@
       }
     };
   }
-  function create_if_block_2(ctx) {
+  function create_if_block_23(ctx) {
     let span;
     let current_block_type_index;
     let if_block;
     let span_class_value;
     let current;
-    const if_block_creators = [create_if_block_3, create_else_block];
+    const if_block_creators = [create_if_block_32, create_else_block];
     const if_blocks = [];
     function select_block_type(ctx2, dirty) {
       if (
@@ -1930,7 +2582,7 @@
       }
     };
   }
-  function create_if_block_3(ctx) {
+  function create_if_block_32(ctx) {
     let successsolid;
     let current;
     successsolid = new SuccessSolid_default({});
@@ -1965,7 +2617,7 @@
     let t2;
     let t3_value = (
       /*option*/
-      ctx[17].answer + ""
+      ctx[18].answer + ""
     );
     let t3;
     let t4;
@@ -1979,20 +2631,20 @@
       /*isFinished*/
       ctx[1] && /*selectedOption*/
       ctx[3] === /*option*/
-      ctx[17].id && create_if_block_4(ctx)
+      ctx[18].id && create_if_block_42(ctx)
     );
     let if_block1 = (
       /*selectedOption*/
       ctx[3] === /*option*/
-      ctx[17].id && /*isFinished*/
-      ctx[1] && create_if_block_2(ctx)
+      ctx[18].id && /*isFinished*/
+      ctx[1] && create_if_block_23(ctx)
     );
     function click_handler() {
       return (
         /*click_handler*/
-        ctx[11](
+        ctx[12](
           /*option*/
-          ctx[17]
+          ctx[18]
         )
       );
     }
@@ -2006,7 +2658,7 @@
         span0 = element("span");
         span0.textContent = `${useMCQ_default(
           /*index*/
-          ctx[19]
+          ctx[20]
         )}`;
         t2 = space();
         t3 = text(t3_value);
@@ -2018,23 +2670,23 @@
         attr(span1, "class", "grow flex items-center");
         attr(button, "aria-label", button_aria_label_value = `${/*selectedOption*/
         ctx[3] === /*option*/
-        ctx[17].id ? `Selected option ${useMCQ_default(
+        ctx[18].id ? `Selected option ${useMCQ_default(
           /*index*/
-          ctx[19]
+          ctx[20]
         )}` : `Option ${useMCQ_default(
           /*index*/
-          ctx[19]
+          ctx[20]
         )}`}: ${/*option*/
-        ctx[17].answer} ${!/*isFinished*/
+        ctx[18].answer} ${!/*isFinished*/
         ctx[1] || /*selectedOption*/
         ctx[3] !== /*option*/
-        ctx[17].id ? "" : (
+        ctx[18].id ? "" : (
           /*isResultCorrect*/
           ctx[2] ? "(Correct answer)" : "(Incorrect answer)"
         )}`);
         attr(button, "class", button_class_value = "btn-mcq-option group text-left " + /*selectedOption*/
         (ctx[3] === /*option*/
-        ctx[17].id ? "selected" : "") + " " + (!/*isFinished*/
+        ctx[18].id ? "selected" : "") + " " + (!/*isFinished*/
         ctx[1] ? "" : (
           /*isResultCorrect*/
           ctx[2] ? "correct" : "incorrect"
@@ -2065,11 +2717,11 @@
           /*isFinished*/
           ctx[1] && /*selectedOption*/
           ctx[3] === /*option*/
-          ctx[17].id
+          ctx[18].id
         ) {
           if (if_block0) {
           } else {
-            if_block0 = create_if_block_4(ctx);
+            if_block0 = create_if_block_42(ctx);
             if_block0.c();
             if_block0.m(t0.parentNode, t0);
           }
@@ -2080,7 +2732,7 @@
         if (
           /*selectedOption*/
           ctx[3] === /*option*/
-          ctx[17].id && /*isFinished*/
+          ctx[18].id && /*isFinished*/
           ctx[1]
         ) {
           if (if_block1) {
@@ -2090,7 +2742,7 @@
               transition_in(if_block1, 1);
             }
           } else {
-            if_block1 = create_if_block_2(ctx);
+            if_block1 = create_if_block_23(ctx);
             if_block1.c();
             transition_in(if_block1, 1);
             if_block1.m(button, t5);
@@ -2105,17 +2757,17 @@
         if (!current || dirty & /*selectedOption, isFinished, isResultCorrect*/
         14 && button_aria_label_value !== (button_aria_label_value = `${/*selectedOption*/
         ctx[3] === /*option*/
-        ctx[17].id ? `Selected option ${useMCQ_default(
+        ctx[18].id ? `Selected option ${useMCQ_default(
           /*index*/
-          ctx[19]
+          ctx[20]
         )}` : `Option ${useMCQ_default(
           /*index*/
-          ctx[19]
+          ctx[20]
         )}`}: ${/*option*/
-        ctx[17].answer} ${!/*isFinished*/
+        ctx[18].answer} ${!/*isFinished*/
         ctx[1] || /*selectedOption*/
         ctx[3] !== /*option*/
-        ctx[17].id ? "" : (
+        ctx[18].id ? "" : (
           /*isResultCorrect*/
           ctx[2] ? "(Correct answer)" : "(Incorrect answer)"
         )}`)) {
@@ -2124,7 +2776,7 @@
         if (!current || dirty & /*selectedOption, isFinished, isResultCorrect*/
         14 && button_class_value !== (button_class_value = "btn-mcq-option group text-left " + /*selectedOption*/
         (ctx[3] === /*option*/
-        ctx[17].id ? "selected" : "") + " " + (!/*isFinished*/
+        ctx[18].id ? "selected" : "") + " " + (!/*isFinished*/
         ctx[1] ? "" : (
           /*isResultCorrect*/
           ctx[2] ? "correct" : "incorrect"
@@ -2161,7 +2813,7 @@
     let current;
     let if_block = (
       /*options*/
-      ctx[7] && create_if_block_13(ctx)
+      ctx[8] && create_if_block_14(ctx)
     );
     return {
       c() {
@@ -2178,7 +2830,7 @@
       p(ctx2, dirty) {
         if (
           /*options*/
-          ctx2[7]
+          ctx2[8]
         )
           if_block.p(ctx2, dirty);
       },
@@ -2201,7 +2853,7 @@
       }
     };
   }
-  function create_if_block3(ctx) {
+  function create_if_block4(ctx) {
     let promptresult;
     let current;
     promptresult = new PromptResultFeedback_default({
@@ -2251,7 +2903,7 @@
       }
     };
   }
-  function create_fragment5(ctx) {
+  function create_fragment6(ctx) {
     let promptbody;
     let t2;
     let if_block_anchor;
@@ -2264,6 +2916,11 @@
         ),
         prompt: (
           /*prompt*/
+          ctx[7]
+        ),
+        interactionType: INTERACTION_TYPE_MCQ,
+        stimulus: (
+          /*stimulus*/
           ctx[6]
         ),
         $$slots: { default: [create_default_slot] },
@@ -2272,7 +2929,7 @@
     });
     let if_block = (
       /*isFinished*/
-      ctx[1] && create_if_block3(ctx)
+      ctx[1] && create_if_block4(ctx)
     );
     return {
       c() {
@@ -2293,7 +2950,7 @@
       p(ctx2, [dirty]) {
         const promptbody_changes = {};
         if (dirty & /*$$scope, selectedOption, isFinished, isResultCorrect, isDataSaving*/
-        1048591) {
+        2097167) {
           promptbody_changes.$$scope = { dirty, ctx: ctx2 };
         }
         promptbody.$set(promptbody_changes);
@@ -2308,7 +2965,7 @@
               transition_in(if_block, 1);
             }
           } else {
-            if_block = create_if_block3(ctx2);
+            if_block = create_if_block4(ctx2);
             if_block.c();
             transition_in(if_block, 1);
             if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -2344,13 +3001,13 @@
       }
     };
   }
-  function instance3($$self, $$props, $$invalidate) {
+  function instance4($$self, $$props, $$invalidate) {
     let { sessionData } = $$props;
     let { isDataSaving } = $$props;
     let { isFinished = false } = $$props;
     let { isResultCorrect = false } = $$props;
     let { isPreviewModeInteractive = false } = $$props;
-    const { rubric, interaction, metadata, scoringMetadata } = sessionData;
+    const { rubric, interaction, metadata, scoringMetadata, stimulus } = sessionData;
     const { prompt, options } = interaction;
     let selectedOption = null;
     let resultFeedback = null;
@@ -2393,7 +3050,7 @@
     const click_handler = (option) => handleOptionClick(option.id, option.answer);
     $$self.$$set = ($$props2) => {
       if ("sessionData" in $$props2)
-        $$invalidate(9, sessionData = $$props2.sessionData);
+        $$invalidate(10, sessionData = $$props2.sessionData);
       if ("isDataSaving" in $$props2)
         $$invalidate(0, isDataSaving = $$props2.isDataSaving);
       if ("isFinished" in $$props2)
@@ -2401,7 +3058,7 @@
       if ("isResultCorrect" in $$props2)
         $$invalidate(2, isResultCorrect = $$props2.isResultCorrect);
       if ("isPreviewModeInteractive" in $$props2)
-        $$invalidate(10, isPreviewModeInteractive = $$props2.isPreviewModeInteractive);
+        $$invalidate(11, isPreviewModeInteractive = $$props2.isPreviewModeInteractive);
     };
     return [
       isDataSaving,
@@ -2410,6 +3067,7 @@
       selectedOption,
       resultFeedback,
       rubric,
+      stimulus,
       prompt,
       options,
       handleOptionClick,
@@ -2421,16 +3079,16 @@
   var PromptMCQ = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance3, create_fragment5, safe_not_equal, {
-        sessionData: 9,
+      init(this, options, instance4, create_fragment6, safe_not_equal, {
+        sessionData: 10,
         isDataSaving: 0,
         isFinished: 1,
         isResultCorrect: 2,
-        isPreviewModeInteractive: 10
+        isPreviewModeInteractive: 11
       });
     }
     get sessionData() {
-      return this.$$.ctx[9];
+      return this.$$.ctx[10];
     }
     set sessionData(sessionData) {
       this.$$set({ sessionData });
@@ -2458,7 +3116,7 @@
       flush();
     }
     get isPreviewModeInteractive() {
-      return this.$$.ctx[10];
+      return this.$$.ctx[11];
     }
     set isPreviewModeInteractive(isPreviewModeInteractive) {
       this.$$set({ isPreviewModeInteractive });
@@ -2540,18 +3198,6 @@
   action.destroy = autosize_esm_default.destroy;
   var svelte_autosize_default = action;
-  // src/lib/constants/index.ts
-  var INTERACTION_TYPE_MCQ = "multipleChoiceInteraction";
-  var INTERACTION_TYPE_TYPEIN = "typeInInteraction";
-  var INTERACTION_TYPE_CATEGORISE = "categoriseInteraction";
-  var TYPEIN_TYPE_SHORT = "Short-Text";
-  var CONTAINER_WORD_BIN_ID = "container-word-bin";
-  var SCREEN_MD = 732;
-  var EAT_DASH = "@eat-dash@";
-  var ANSWER_CORRECT = "correct";
-  var ANSWER_INCORRECT = "incorrect";
-  var ANSWER_MISSED = "missed";
   // src/lib/components/prompt/typein/PromptTypeIn.svelte
   function create_else_block_1(ctx) {
     let textarea;
@@ -2585,7 +3231,7 @@
         ctx[0];
         attr(textarea, "autocomplete", "off");
         textarea.readOnly = /*isReadonlyText*/
-        ctx[11];
+        ctx[12];
       },
       m(target, anchor) {
         insert(target, textarea, anchor);
@@ -2600,38 +3246,38 @@
               textarea,
               "input",
               /*textarea_input_handler*/
-              ctx[22]
+              ctx[23]
             ),
             listen(
               textarea,
               "mousedown",
               /*mousedown_handler*/
-              ctx[23]
+              ctx[24]
             ),
             listen(
               textarea,
               "touchstart",
               /*touchstart_handler*/
-              ctx[24],
+              ctx[25],
               { passive: true }
             ),
             listen(
               textarea,
               "focus",
               /*focus_handler*/
-              ctx[25]
+              ctx[26]
             ),
             listen(
               textarea,
               "focusout",
               /*focusout_handler_1*/
-              ctx[26]
+              ctx[27]
             ),
             listen(
               textarea,
               "keydown",
               /*keydown_handler_1*/
-              ctx[27]
+              ctx[28]
             ),
             action_destroyer(autosize_action = svelte_autosize_default.call(null, textarea))
           ];
@@ -2688,7 +3334,7 @@
       }
     };
   }
-  function create_if_block_22(ctx) {
+  function create_if_block_24(ctx) {
     let input;
     let input_class_value;
     let mounted;
@@ -2719,7 +3365,7 @@
         ctx[0];
         attr(input, "autocomplete", "off");
         input.readOnly = /*isReadonlyText*/
-        ctx[11];
+        ctx[12];
       },
       m(target, anchor) {
         insert(target, input, anchor);
@@ -2734,19 +3380,19 @@
               input,
               "input",
               /*input_input_handler*/
-              ctx[19]
+              ctx[20]
             ),
             listen(
               input,
               "focusout",
               /*focusout_handler*/
-              ctx[20]
+              ctx[21]
             ),
             listen(
               input,
               "keydown",
               /*keydown_handler*/
-              ctx[21]
+              ctx[22]
             )
           ];
           mounted = true;
@@ -2803,39 +3449,7 @@
       }
     };
   }
-  function create_default_slot2(ctx) {
-    let if_block_anchor;
-    function select_block_type(ctx2, dirty) {
-      if (
-        /*typeinType*/
-        ctx2[10] === TYPEIN_TYPE_SHORT
-      )
-        return create_if_block_22;
-      return create_else_block_1;
-    }
-    let current_block_type = select_block_type(ctx, [-1, -1]);
-    let if_block = current_block_type(ctx);
-    return {
-      c() {
-        if_block.c();
-        if_block_anchor = empty();
-      },
-      m(target, anchor) {
-        if_block.m(target, anchor);
-        insert(target, if_block_anchor, anchor);
-      },
-      p(ctx2, dirty) {
-        if_block.p(ctx2, dirty);
-      },
-      d(detaching) {
-        if (detaching) {
-          detach(if_block_anchor);
-        }
-        if_block.d(detaching);
-      }
-    };
-  }
-  function create_if_block4(ctx) {
+  function create_if_block5(ctx) {
     let div;
     let span0;
     let current_block_type_index;
@@ -2848,7 +3462,7 @@
     let t2;
     let promptresult;
     let current;
-    const if_block_creators = [create_if_block_14, create_else_block2];
+    const if_block_creators = [create_if_block_15, create_else_block2];
     const if_blocks = [];
     function select_block_type_1(ctx2, dirty) {
       if (
@@ -2890,7 +3504,7 @@
         attr(span1, "class", "p2");
         attr(div, "aria-hidden", "true");
         attr(div, "class", div_class_value = "flex items-center text-charcoal " + /*typeinType*/
-        (ctx[10] === TYPEIN_TYPE_SHORT ? "mt-2" : "mt-0.5"));
+        (ctx[11] === TYPEIN_TYPE_SHORT ? "mt-2" : "mt-0.5"));
       },
       m(target, anchor) {
         insert(target, div, anchor);
@@ -2993,7 +3607,7 @@
       }
     };
   }
-  function create_if_block_14(ctx) {
+  function create_if_block_15(ctx) {
     let successsolid;
     let current;
     successsolid = new SuccessSolid_default({});
@@ -3020,10 +3634,89 @@
       }
     };
   }
-  function create_fragment6(ctx) {
-    let promptbody;
+  function create_default_slot2(ctx) {
     let t2;
-    let if_block_anchor;
+    let if_block1_anchor;
+    let current;
+    function select_block_type(ctx2, dirty) {
+      if (
+        /*typeinType*/
+        ctx2[11] === TYPEIN_TYPE_SHORT
+      )
+        return create_if_block_24;
+      return create_else_block_1;
+    }
+    let current_block_type = select_block_type(ctx, [-1, -1]);
+    let if_block0 = current_block_type(ctx);
+    let if_block1 = (
+      /*isFinished*/
+      ctx[1] && create_if_block5(ctx)
+    );
+    return {
+      c() {
+        if_block0.c();
+        t2 = space();
+        if (if_block1)
+          if_block1.c();
+        if_block1_anchor = empty();
+      },
+      m(target, anchor) {
+        if_block0.m(target, anchor);
+        insert(target, t2, anchor);
+        if (if_block1)
+          if_block1.m(target, anchor);
+        insert(target, if_block1_anchor, anchor);
+        current = true;
+      },
+      p(ctx2, dirty) {
+        if_block0.p(ctx2, dirty);
+        if (
+          /*isFinished*/
+          ctx2[1]
+        ) {
+          if (if_block1) {
+            if_block1.p(ctx2, dirty);
+            if (dirty[0] & /*isFinished*/
+            2) {
+              transition_in(if_block1, 1);
+            }
+          } else {
+            if_block1 = create_if_block5(ctx2);
+            if_block1.c();
+            transition_in(if_block1, 1);
+            if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
+          }
+        } else if (if_block1) {
+          group_outros();
+          transition_out(if_block1, 1, 1, () => {
+            if_block1 = null;
+          });
+          check_outros();
+        }
+      },
+      i(local) {
+        if (current)
+          return;
+        transition_in(if_block1);
+        current = true;
+      },
+      o(local) {
+        transition_out(if_block1);
+        current = false;
+      },
+      d(detaching) {
+        if (detaching) {
+          detach(t2);
+          detach(if_block1_anchor);
+        }
+        if_block0.d(detaching);
+        if (if_block1)
+          if_block1.d(detaching);
+      }
+    };
+  }
+  function create_fragment7(ctx) {
+    let promptbody;
     let current;
     promptbody = new PromptBody_default({
       props: {
@@ -3033,89 +3726,51 @@
         ),
         prompt: (
           /*prompt*/
+          ctx[10]
+        ),
+        interactionType: INTERACTION_TYPE_TYPEIN,
+        stimulus: (
+          /*stimulus*/
           ctx[9]
         ),
         $$slots: { default: [create_default_slot2] },
         $$scope: { ctx }
       }
     });
-    let if_block = (
-      /*isFinished*/
-      ctx[1] && create_if_block4(ctx)
-    );
     return {
       c() {
         create_component(promptbody.$$.fragment);
-        t2 = space();
-        if (if_block)
-          if_block.c();
-        if_block_anchor = empty();
       },
       m(target, anchor) {
         mount_component(promptbody, target, anchor);
-        insert(target, t2, anchor);
-        if (if_block)
-          if_block.m(target, anchor);
-        insert(target, if_block_anchor, anchor);
         current = true;
       },
       p(ctx2, dirty) {
         const promptbody_changes = {};
-        if (dirty[0] & /*textAriaLabel, placeholder, isFinished, isResultCorrect, isDataSaving, typeinAnswer*/
-        175 | dirty[1] & /*$$scope*/
-        32) {
+        if (dirty[0] & /*isResultCorrect, resultFeedback, resultLabel, isFinished, textAriaLabel, placeholder, isDataSaving, typeinAnswer*/
+        255 | dirty[1] & /*$$scope*/
+        64) {
           promptbody_changes.$$scope = { dirty, ctx: ctx2 };
         }
         promptbody.$set(promptbody_changes);
-        if (
-          /*isFinished*/
-          ctx2[1]
-        ) {
-          if (if_block) {
-            if_block.p(ctx2, dirty);
-            if (dirty[0] & /*isFinished*/
-            2) {
-              transition_in(if_block, 1);
-            }
-          } else {
-            if_block = create_if_block4(ctx2);
-            if_block.c();
-            transition_in(if_block, 1);
-            if_block.m(if_block_anchor.parentNode, if_block_anchor);
-          }
-        } else if (if_block) {
-          group_outros();
-          transition_out(if_block, 1, 1, () => {
-            if_block = null;
-          });
-          check_outros();
-        }
       },
       i(local) {
         if (current)
           return;
         transition_in(promptbody.$$.fragment, local);
-        transition_in(if_block);
         current = true;
       },
       o(local) {
         transition_out(promptbody.$$.fragment, local);
-        transition_out(if_block);
         current = false;
       },
       d(detaching) {
-        if (detaching) {
-          detach(t2);
-          detach(if_block_anchor);
-        }
         destroy_component(promptbody, detaching);
-        if (if_block)
-          if_block.d(detaching);
       }
     };
   }
   var idLabel = "answerText";
-  function instance4($$self, $$props, $$invalidate) {
+  function instance5($$self, $$props, $$invalidate) {
     let { sessionData } = $$props;
     let { isDataSaving } = $$props;
     let { isFinished = false } = $$props;
@@ -3129,7 +3784,7 @@
     let placeholder = "Type your answer here";
     let focusOrigin = "tab";
     let resultLabel = "";
-    const { rubric, interaction, metadata, scoringMetadata } = sessionData;
+    const { rubric, interaction, metadata, scoringMetadata, stimulus } = sessionData;
     const { prompt, typein_type: typeinType } = interaction;
     if (metadata) {
       const events = metadata.interactions.events.pop();
@@ -3206,7 +3861,7 @@
     const keydown_handler_1 = (event) => saveOnEnter(event);
     $$self.$$set = ($$props2) => {
       if ("sessionData" in $$props2)
-        $$invalidate(16, sessionData = $$props2.sessionData);
+        $$invalidate(17, sessionData = $$props2.sessionData);
       if ("isDataSaving" in $$props2)
         $$invalidate(0, isDataSaving = $$props2.isDataSaving);
       if ("isFinished" in $$props2)
@@ -3214,9 +3869,9 @@
       if ("isResultCorrect" in $$props2)
         $$invalidate(2, isResultCorrect = $$props2.isResultCorrect);
       if ("isPreviewMode" in $$props2)
-        $$invalidate(17, isPreviewMode = $$props2.isPreviewMode);
+        $$invalidate(18, isPreviewMode = $$props2.isPreviewMode);
       if ("isPreviewModeInteractive" in $$props2)
-        $$invalidate(18, isPreviewModeInteractive = $$props2.isPreviewModeInteractive);
+        $$invalidate(19, isPreviewModeInteractive = $$props2.isPreviewModeInteractive);
     };
     return [
       isDataSaving,
@@ -3228,6 +3883,7 @@
       resultLabel,
       textAriaLabel,
       rubric,
+      stimulus,
       prompt,
       typeinType,
       isReadonlyText,
@@ -3255,23 +3911,23 @@
       init(
         this,
         options,
-        instance4,
-        create_fragment6,
+        instance5,
+        create_fragment7,
         safe_not_equal,
         {
-          sessionData: 16,
+          sessionData: 17,
           isDataSaving: 0,
           isFinished: 1,
           isResultCorrect: 2,
-          isPreviewMode: 17,
-          isPreviewModeInteractive: 18
+          isPreviewMode: 18,
+          isPreviewModeInteractive: 19
         },
         null,
         [-1, -1]
       );
     }
     get sessionData() {
-      return this.$$.ctx[16];
+      return this.$$.ctx[17];
     }
     set sessionData(sessionData) {
       this.$$set({ sessionData });
@@ -3299,14 +3955,14 @@
       flush();
     }
     get isPreviewMode() {
-      return this.$$.ctx[17];
+      return this.$$.ctx[18];
     }
     set isPreviewMode(isPreviewMode) {
       this.$$set({ isPreviewMode });
       flush();
     }
     get isPreviewModeInteractive() {
-      return this.$$.ctx[18];
+      return this.$$.ctx[19];
     }
     set isPreviewModeInteractive(isPreviewModeInteractive) {
       this.$$set({ isPreviewModeInteractive });
@@ -5317,7 +5973,7 @@
   }
   // src/lib/assets/img/product/GripVertical.svelte
-  function create_fragment7(ctx) {
+  function create_fragment8(ctx) {
     let svg;
     let path;
     return {
@@ -5351,14 +6007,14 @@
   var GripVertical = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment7, safe_not_equal, {});
+      init(this, options, null, create_fragment8, safe_not_equal, {});
     }
   };
   create_custom_element(GripVertical, {}, [], [], true);
   var GripVertical_default = GripVertical;
   // src/lib/assets/img/messaging/Success.svelte
-  function create_fragment8(ctx) {
+  function create_fragment9(ctx) {
     let svg;
     let path;
     return {
@@ -5392,7 +6048,7 @@
   var Success = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment8, safe_not_equal, {});
+      init(this, options, null, create_fragment9, safe_not_equal, {});
     }
   };
   create_custom_element(Success, {}, [], [], true);
@@ -5426,7 +6082,7 @@
       }
     };
   }
-  function create_if_block_32(ctx) {
+  function create_if_block_33(ctx) {
     let span;
     let success;
     let current;
@@ -5460,7 +6116,7 @@
       }
     };
   }
-  function create_if_block_23(ctx) {
+  function create_if_block_25(ctx) {
     let span;
     let errorsolid;
     let current;
@@ -5494,7 +6150,7 @@
       }
     };
   }
-  function create_if_block_15(ctx) {
+  function create_if_block_16(ctx) {
     let span;
     let successsolid;
     let current;
@@ -5528,7 +6184,7 @@
       }
     };
   }
-  function create_if_block5(ctx) {
+  function create_if_block6(ctx) {
     let span;
     let gripvertical;
     let current;
@@ -5562,7 +6218,7 @@
       }
     };
   }
-  function create_fragment9(ctx) {
+  function create_fragment10(ctx) {
     let button;
     let span0;
     let t0;
@@ -5582,7 +6238,7 @@
     let current;
     let mounted;
     let dispose;
-    const if_block_creators = [create_if_block_15, create_if_block_23, create_if_block_32, create_else_block3];
+    const if_block_creators = [create_if_block_16, create_if_block_25, create_if_block_33, create_else_block3];
     const if_blocks = [];
     function select_block_type(ctx2, dirty) {
       if (
@@ -5609,7 +6265,7 @@
     let if_block1 = (
       /*resultType*/
       (ctx[0] === ANSWER_CORRECT || /*resultType*/
-      ctx[0] === ANSWER_INCORRECT) && create_if_block5(ctx)
+      ctx[0] === ANSWER_INCORRECT) && create_if_block6(ctx)
     );
     return {
       c() {
@@ -5783,7 +6439,7 @@
               transition_in(if_block1, 1);
             }
           } else {
-            if_block1 = create_if_block5(ctx);
+            if_block1 = create_if_block6(ctx);
             if_block1.c();
             transition_in(if_block1, 1);
             if_block1.m(span2, null);
@@ -5880,7 +6536,7 @@
       }
     };
   }
-  function instance5($$self, $$props, $$invalidate) {
+  function instance6($$self, $$props, $$invalidate) {
     let { word = "" } = $$props;
     let { resultType = "" } = $$props;
     let { otherClass = "" } = $$props;
@@ -6034,7 +6690,7 @@
   var PromptCategoriseWordButton = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance5, create_fragment9, safe_not_equal, {
+      init(this, options, instance6, create_fragment10, safe_not_equal, {
         word: 1,
         resultType: 0,
         otherClass: 2,
@@ -6166,7 +6822,7 @@
     child_ctx[38] = list[i];
     return child_ctx;
   }
-  function create_if_block_24(ctx) {
+  function create_if_block_26(ctx) {
     let button;
     let button_class_value;
     let mounted;
@@ -6215,7 +6871,7 @@
       }
     };
   }
-  function create_if_block_16(ctx) {
+  function create_if_block_17(ctx) {
     let div;
     let mounted;
     let dispose;
@@ -6257,7 +6913,7 @@
       }
     };
   }
-  function create_if_block6(ctx) {
+  function create_if_block7(ctx) {
     let button;
     let t2;
     let button_class_value;
@@ -6296,7 +6952,7 @@
     let current;
     let if_block = (
       /*item*/
-      ctx[38].type === ANSWER_MISSED && create_if_block6(ctx)
+      ctx[38].type === ANSWER_MISSED && create_if_block7(ctx)
     );
     promptcategorisewordbutton = new PromptCategoriseWordButton_default({
       props: {
@@ -6388,7 +7044,7 @@
           if (if_block) {
             if_block.p(ctx, dirty);
           } else {
-            if_block = create_if_block6(ctx);
+            if_block = create_if_block7(ctx);
             if_block.c();
             if_block.m(t2.parentNode, t2);
           }
@@ -6475,7 +7131,7 @@
       }
     };
   }
-  function create_fragment10(ctx) {
+  function create_fragment11(ctx) {
     let t0;
     let t1;
     let section;
@@ -6492,12 +7148,12 @@
       ctx[13] && /*sourceSelectedContainerId*/
       ctx[14] !== /*containerId*/
       ctx[3] && !/*isFinished*/
-      ctx[8] && create_if_block_24(ctx)
+      ctx[8] && create_if_block_26(ctx)
     );
     let if_block1 = (
       /*totalRemainingWordBinItem*/
       ctx[16] <= 0 && /*isContainerWordBin*/
-      ctx[22] && create_if_block_16(ctx)
+      ctx[22] && create_if_block_17(ctx)
     );
     let each_value = ensure_array_like(Object.values(
       /*items*/
@@ -6619,7 +7275,7 @@
           if (if_block0) {
             if_block0.p(ctx2, dirty);
           } else {
-            if_block0 = create_if_block_24(ctx2);
+            if_block0 = create_if_block_26(ctx2);
             if_block0.c();
             if_block0.m(t0.parentNode, t0);
           }
@@ -6635,7 +7291,7 @@
           if (if_block1) {
             if_block1.p(ctx2, dirty);
           } else {
-            if_block1 = create_if_block_16(ctx2);
+            if_block1 = create_if_block_17(ctx2);
             if_block1.c();
             if_block1.m(t1.parentNode, t1);
           }
@@ -6749,7 +7405,7 @@
       }
     };
   }
-  function instance6($$self, $$props, $$invalidate) {
+  function instance7($$self, $$props, $$invalidate) {
     let { containerClass = "" } = $$props;
     let { flipDurationMs = 5 } = $$props;
     let { containerId = "" } = $$props;
@@ -7084,8 +7740,8 @@
       init(
         this,
         options,
-        instance6,
-        create_fragment10,
+        instance7,
+        create_fragment11,
         safe_not_equal,
         {
           containerClass: 1,
@@ -7194,7 +7850,7 @@
   var PromptCategoriseDndContainer_default = PromptCategoriseDndContainer;
   // src/lib/components/common/CommonModal.svelte
-  function create_fragment11(ctx) {
+  function create_fragment12(ctx) {
     let div2;
     let div0;
     let t2;
@@ -7326,7 +7982,7 @@
   var keypress_handler = () => {
     return false;
   };
-  function instance7($$self, $$props, $$invalidate) {
+  function instance8($$self, $$props, $$invalidate) {
     let { $$slots: slots = {}, $$scope } = $$props;
     let { modalData = [] } = $$props;
     const dispatch = createEventDispatcher();
@@ -7358,7 +8014,7 @@
   var CommonModal = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance7, create_fragment11, safe_not_equal, { modalData: 3 });
+      init(this, options, instance8, create_fragment12, safe_not_equal, { modalData: 3 });
     }
     get modalData() {
       return this.$$.ctx[3];
@@ -7372,7 +8028,7 @@
   var CommonModal_default = CommonModal;
   // src/lib/assets/img/messaging/AlertIcon.svelte
-  function create_fragment12(ctx) {
+  function create_fragment13(ctx) {
     let svg;
     let path;
     return {
@@ -7406,14 +8062,14 @@
   var AlertIcon = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment12, safe_not_equal, {});
+      init(this, options, null, create_fragment13, safe_not_equal, {});
     }
   };
   create_custom_element(AlertIcon, {}, [], [], true);
   var AlertIcon_default = AlertIcon;
   // src/lib/assets/img/messaging/CrossIcon.svelte
-  function create_fragment13(ctx) {
+  function create_fragment14(ctx) {
     let svg;
     let path;
     return {
@@ -7447,7 +8103,7 @@
   var CrossIcon = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment13, safe_not_equal, {});
+      init(this, options, null, create_fragment14, safe_not_equal, {});
     }
   };
   create_custom_element(CrossIcon, {}, [], [], true);
@@ -7607,7 +8263,7 @@
       }
     };
   }
-  function create_fragment14(ctx) {
+  function create_fragment15(ctx) {
     let commonmodal;
     let current;
     commonmodal = new CommonModal_default({
@@ -7660,7 +8316,7 @@
       }
     };
   }
-  function instance8($$self, $$props, $$invalidate) {
+  function instance9($$self, $$props, $$invalidate) {
     let { categoryData = [] } = $$props;
     let { modalData = [] } = $$props;
     let categoryModal;
@@ -7743,7 +8399,7 @@
   var PromptCategoriseModal = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance8, create_fragment14, safe_not_equal, { categoryData: 6, modalData: 0 });
+      init(this, options, instance9, create_fragment15, safe_not_equal, { categoryData: 6, modalData: 0 });
     }
     get categoryData() {
       return this.$$.ctx[6];
@@ -7764,7 +8420,7 @@
   var PromptCategoriseModal_default = PromptCategoriseModal;
   // src/lib/assets/img/action/Switch.svelte
-  function create_fragment15(ctx) {
+  function create_fragment16(ctx) {
     let svg;
     let path;
     return {
@@ -7796,14 +8452,14 @@
   var Switch = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment15, safe_not_equal, {});
+      init(this, options, null, create_fragment16, safe_not_equal, {});
     }
   };
   create_custom_element(Switch, {}, [], [], true);
   var Switch_default = Switch;
   // src/lib/assets/img/messaging/SmallChevronUp.svelte
-  function create_fragment16(ctx) {
+  function create_fragment17(ctx) {
     let svg;
     let path;
     return {
@@ -7837,14 +8493,14 @@
   var SmallChevronUp = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment16, safe_not_equal, {});
+      init(this, options, null, create_fragment17, safe_not_equal, {});
     }
   };
   create_custom_element(SmallChevronUp, {}, [], [], true);
   var SmallChevronUp_default = SmallChevronUp;
   // src/lib/assets/img/messaging/SmallChevronDown.svelte
-  function create_fragment17(ctx) {
+  function create_fragment18(ctx) {
     let svg;
     let path;
     return {
@@ -7878,14 +8534,14 @@
   var SmallChevronDown = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment17, safe_not_equal, {});
+      init(this, options, null, create_fragment18, safe_not_equal, {});
     }
   };
   create_custom_element(SmallChevronDown, {}, [], [], true);
   var SmallChevronDown_default = SmallChevronDown;
   // src/lib/assets/img/messaging/SmallChevronLeft.svelte
-  function create_fragment18(ctx) {
+  function create_fragment19(ctx) {
     let svg;
     let path;
     return {
@@ -7919,14 +8575,14 @@
   var SmallChevronLeft = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment18, safe_not_equal, {});
+      init(this, options, null, create_fragment19, safe_not_equal, {});
     }
   };
   create_custom_element(SmallChevronLeft, {}, [], [], true);
   var SmallChevronLeft_default = SmallChevronLeft;
   // src/lib/assets/img/messaging/SmallChevronRight.svelte
-  function create_fragment19(ctx) {
+  function create_fragment20(ctx) {
     let svg;
     let path;
     return {
@@ -7960,14 +8616,14 @@
   var SmallChevronRight = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment19, safe_not_equal, {});
+      init(this, options, null, create_fragment20, safe_not_equal, {});
     }
   };
   create_custom_element(SmallChevronRight, {}, [], [], true);
   var SmallChevronRight_default = SmallChevronRight;
   // src/lib/assets/img/messaging/ArrowDownCircle.svelte
-  function create_fragment20(ctx) {
+  function create_fragment21(ctx) {
     let svg;
     let path;
     return {
@@ -8001,7 +8657,7 @@
   var ArrowDownCircle = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment20, safe_not_equal, {});
+      init(this, options, null, create_fragment21, safe_not_equal, {});
     }
   };
   create_custom_element(ArrowDownCircle, {}, [], [], true);
@@ -8319,7 +8975,7 @@
       }
     };
   }
-  function create_if_block_42(ctx) {
+  function create_if_block_43(ctx) {
     let span;
     let t0;
     let t1;
@@ -8357,7 +9013,7 @@
       }
     };
   }
-  function create_if_block_33(ctx) {
+  function create_if_block_34(ctx) {
     let span;
     let t0;
     let t1_value = (
@@ -8405,7 +9061,7 @@
       }
     };
   }
-  function create_if_block_25(ctx) {
+  function create_if_block_27(ctx) {
     let span;
     let t0;
     let t1;
@@ -8486,7 +9142,7 @@
       }
     };
   }
-  function create_if_block_17(ctx) {
+  function create_if_block_18(ctx) {
     let smallchevronup;
     let current;
     smallchevronup = new SmallChevronUp_default({});
@@ -8565,14 +9221,14 @@
     let current;
     let mounted;
     let dispose;
-    let if_block0 = show_if_1 && create_if_block_42(ctx);
+    let if_block0 = show_if_1 && create_if_block_43(ctx);
     let if_block1 = !/*previewResultSr*/
-    ctx[4] && create_if_block_33(ctx);
+    ctx[4] && create_if_block_34(ctx);
     let if_block2 = (
       /*previewResultSr*/
-      ctx[4] && create_if_block_25(ctx)
+      ctx[4] && create_if_block_27(ctx)
     );
-    const if_block_creators = [create_if_block_17, create_else_block4];
+    const if_block_creators = [create_if_block_18, create_else_block4];
     const if_blocks = [];
     function select_block_type(ctx2, dirty) {
       if (dirty[0] & /*openCategoryContainer*/
@@ -8926,7 +9582,7 @@
           if (if_block0) {
             if_block0.p(ctx, dirty);
           } else {
-            if_block0 = create_if_block_42(ctx);
+            if_block0 = create_if_block_43(ctx);
             if_block0.c();
             if_block0.m(div0, t0);
           }
@@ -8939,7 +9595,7 @@
           if (if_block1) {
             if_block1.p(ctx, dirty);
           } else {
-            if_block1 = create_if_block_33(ctx);
+            if_block1 = create_if_block_34(ctx);
             if_block1.c();
             if_block1.m(div0, t7);
           }
@@ -8954,7 +9610,7 @@
           if (if_block2) {
             if_block2.p(ctx, dirty);
           } else {
-            if_block2 = create_if_block_25(ctx);
+            if_block2 = create_if_block_27(ctx);
             if_block2.c();
             if_block2.m(div0, t8);
           }
@@ -9210,7 +9866,7 @@
       }
     };
   }
-  function create_if_block7(ctx) {
+  function create_if_block8(ctx) {
     let span;
     let t0;
     let t1;
@@ -9322,7 +9978,7 @@
     const out = (i) => transition_out(each_blocks[i], 1, 1, () => {
       each_blocks[i] = null;
     });
-    let if_block2 = show_if && create_if_block7(ctx);
+    let if_block2 = show_if && create_if_block8(ctx);
     smallchevronleft = new SmallChevronLeft_default({});
     promptcategorisedndcontainer = new PromptCategoriseDndContainer_default({
       props: {
@@ -9735,7 +10391,7 @@
           if (if_block2) {
             if_block2.p(ctx, dirty);
           } else {
-            if_block2 = create_if_block7(ctx);
+            if_block2 = create_if_block8(ctx);
             if_block2.c();
             if_block2.m(div2, t8);
           }
@@ -9918,7 +10574,7 @@
       }
     };
   }
-  function create_fragment21(ctx) {
+  function create_fragment22(ctx) {
     let div;
     let promptbody;
     let current;
@@ -9976,7 +10632,7 @@
       }
     };
   }
-  function instance9($$self, $$props, $$invalidate) {
+  function instance10($$self, $$props, $$invalidate) {
     let { sessionData } = $$props;
     let { isFinished = false } = $$props;
     let { isPreviewMode = false } = $$props;
@@ -10401,8 +11057,8 @@
       init(
         this,
         options,
-        instance9,
-        create_fragment21,
+        instance10,
+        create_fragment22,
         safe_not_equal,
         {
           sessionData: 47,
@@ -10447,7 +11103,7 @@
   var PromptCategorise_default = PromptCategorise;
   // src/lib/components/prompt/skeleton/PromptSkeleton.svelte
-  function create_fragment22(ctx) {
+  function create_fragment23(ctx) {
     let div3;
     return {
       c() {
@@ -10470,14 +11126,14 @@
   var PromptSkeleton = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, null, create_fragment22, safe_not_equal, {});
+      init(this, options, null, create_fragment23, safe_not_equal, {});
     }
   };
   customElements.define("prompt-skeleton", create_custom_element(PromptSkeleton, {}, [], [], true));
   var PromptSkeleton_default = PromptSkeleton;
   // src/lib/components/common/InvalidBanner.svelte
-  function create_fragment23(ctx) {
+  function create_fragment24(ctx) {
     let p;
     let t2;
     return {
@@ -10511,7 +11167,7 @@
       }
     };
   }
-  function instance10($$self, $$props, $$invalidate) {
+  function instance11($$self, $$props, $$invalidate) {
     let { bannerLabel: bannerLabel2 = "Invalid." } = $$props;
     $$self.$$set = ($$props2) => {
       if ("bannerLabel" in $$props2)
@@ -10522,7 +11178,7 @@
   var InvalidBanner = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance10, create_fragment23, safe_not_equal, { bannerLabel: 0 });
+      init(this, options, instance11, create_fragment24, safe_not_equal, { bannerLabel: 0 });
     }
     get bannerLabel() {
       return this.$$.ctx[0];
@@ -10537,7 +11193,7 @@
   // src/lib/components/prompt/PromptBuilder.svelte
   function add_css(target) {
-    append_styles(target, "svelte-v7ouvz", '*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:Mulish, sans-serif;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*{font-family:Mulish, sans-serif}input::-moz-selection,textarea::-moz-selection{background-color:hsla(0, 0%, 85%, 0.4)}input::selection,textarea::selection{background-color:hsla(0, 0%, 85%, 0.4)}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.p2{font-size:0.875rem;font-weight:600;line-height:1.25rem;line-height:1.5}.blanket-overlay{--tw-bg-opacity:1;background-color:rgb(33 37 41/var(--tw-bg-opacity));inset:0;opacity:0.3;position:absolute}.item-heading{--tw-text-opacity:1;color:rgb(8 38 99/var(--tw-text-opacity));font-size:1.25rem;letter-spacing:-0.025em;line-height:1.5rem}.focus-ring:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.hover-focus-ring:hover,.raw-focus-ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.divider{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(218 224 224/var(--tw-border-opacity))}@keyframes svelte-v7ouvz-pulse{{opacity:0.5}}.animate-skeleton{--tw-bg-opacity:1;animation:svelte-v7ouvz-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;background-color:rgb(226 232 240/var(--tw-bg-opacity))}.btn-mcq-option:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.btn-mcq-option{--tw-text-opacity:1;--tw-border-opacity:1;--tw-bg-opacity:1;align-items:center;background-color:rgb(247 250 250/var(--tw-bg-opacity));border-color:rgb(113 115 119/var(--tw-border-opacity));border-radius:0.5rem;border-width:1px;color:rgb(33 37 41/var(--tw-text-opacity));display:flex;font-size:1rem;justify-content:space-between;line-height:1.5rem;margin-bottom:1rem;min-height:48px;padding:0.5rem 0.75rem 0.5rem 0.5rem;width:100%}.btn-mcq-option:active{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity));border-color:rgb(8 38 99/var(--tw-border-opacity));border-width:2px}@media(hover: hover) and (pointer: fine){.btn-mcq-option:hover{--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}}.btn-mcq-option>span>.choice{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(113 115 119/var(--tw-border-opacity));border-radius:1rem;border-width:1px;color:rgb(93 99 107/var(--tw-text-opacity));display:flex;font-size:1rem;font-weight:700;height:2rem;justify-content:center;letter-spacing:0.05em;line-height:1rem;margin-right:1rem;padding:0.5rem;width:2rem}.btn-mcq-option.selected{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}.btn-mcq-option.selected,.btn-mcq-option.selected>span>.choice{border-color:rgb(8 38 99/var(--tw-border-opacity));border-width:2px}.btn-mcq-option.selected>span>.choice{--tw-border-opacity:1}.btn-mcq-option.selected.correct{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(241 254 241/var(--tw-bg-opacity));border-color:rgb(0 102 5/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected.incorrect{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(253 243 247/var(--tw-bg-opacity));border-color:rgb(217 12 85/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected.correct>span>.choice,.btn-mcq-option.selected.incorrect>span>.choice{--tw-border-opacity:1;border-color:rgb(113 115 119/var(--tw-border-opacity));border-width:1px}.typein-textbox:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.typein-textbox{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(93 99 107/var(--tw-border-opacity));border-radius:0.5rem;border-width:1px;color:rgb(33 37 41/var(--tw-text-opacity));font-size:1rem;line-height:1.5rem;padding:0.75rem 1rem;width:100%}.typein-textbox::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(93 99 107/var(--tw-placeholder-opacity))}.typein-textbox::placeholder{--tw-placeholder-opacity:1;color:rgb(93 99 107/var(--tw-placeholder-opacity))}.typein-textbox:focus{--tw-border-opacity:1;border-color:rgb(84 101 251/var(--tw-border-opacity));border-width:2px}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{--tw-border-opacity:1;border-color:rgb(84 101 251/var(--tw-border-opacity));border-width:2px;outline:2px solid transparent;outline-offset:2px}}.typein-textbox:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0)) !important}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));transition-duration:50ms}}#dnd-action-dragged-el{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;--tw-border-opacity:1!important;--tw-bg-opacity:1!important;background-color:rgb(205 208 254/var(--tw-bg-opacity)) !important;border-color:rgb(93 99 107/var(--tw-border-opacity)) !important;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));cursor:grabbing !important;outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}#dnd-action-dragged-el .btn-vertical-icon{--tw-text-opacity:1;color:rgb(8 38 99/var(--tw-text-opacity));cursor:grabbing !important}#dnd-action-dragged-el .preview-icon{display:none !important}#dnd-action-dragged-el .preview-vertical{display:block !important}.category-content>.missing-answer-label{display:block}.category-content>.missing-answer-label~.missing-answer-label{display:none}.sr-only{clip:rect(0, 0, 0, 0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{bottom:0;top:0}.-top-2{top:-0.5rem}.-top-2\\.5{top:-0.625rem}.bottom-4{bottom:1rem}.left-4{left:1rem}.left-\\[-9999px\\]{left:-9999px}.right-0{right:0}.right-4{right:1rem}.top-12{top:3rem}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-0\\.5{margin-left:0.125rem;margin-right:0.125rem}.my-6{margin-bottom:1.5rem;margin-top:1.5rem}.mb-1{margin-bottom:0.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:0.5rem}.mb-3{margin-bottom:0.75rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:0.25rem}.ml-3{margin-left:0.75rem}.ml-\\[3px\\]{margin-left:3px}.mr-1{margin-right:0.25rem}.mr-2{margin-right:0.5rem}.mr-4{margin-right:1rem}.mt-0{margin-top:0}.mt-0\\.5{margin-top:0.125rem}.mt-1{margin-top:0.25rem}.mt-2{margin-top:0.5rem}.mt-7{margin-top:1.75rem}.mt-7\\.5{margin-top:1.875}.mt-9{margin-top:2.25rem}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-11{height:2.75rem}.h-4{height:1rem}.h-52{height:13rem}.h-6{height:1.5rem}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.min-h-\\[133px\\]{min-height:133px}.min-h-\\[140px\\]{min-height:140px}.min-h-\\[54px\\]{min-height:54px}.min-h-\\[86px\\]{min-height:86px}.w-11{width:2.75rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-\\[44px\\]{min-width:44px}.min-w-\\[85px\\]{min-width:85px}.max-w-\\[400px\\]{max-width:400px}.grow{flex-grow:1}.basis-0{flex-basis:0px}.\\!cursor-default{cursor:default !important}.\\!cursor-pointer{cursor:pointer !important}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.content-start{align-content:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:0.5rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0.5rem * var(--tw-space-y-reverse));margin-top:calc(0.5rem * (1 - var(--tw-space-y-reverse)))}.space-y-reverse>:not([hidden])~:not([hidden]){--tw-space-y-reverse:1}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:0.25rem}.rounded-\\[32px\\]{border-radius:32px}.rounded-lg{border-radius:0.5rem}.rounded-md{border-radius:0.375rem}.rounded-b-lg{border-bottom-left-radius:0.5rem;border-bottom-right-radius:0.5rem}.rounded-t-lg{border-top-left-radius:0.5rem;border-top-right-radius:0.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-6,.border-l-\\[6px\\]{border-left-width:6px}.border-dashed{border-style:dashed}.\\!border-blue-1000{--tw-border-opacity:1!important;border-color:rgb(8 38 99/var(--tw-border-opacity)) !important}.border-blue-1000{--tw-border-opacity:1;border-color:rgb(8 38 99/var(--tw-border-opacity))}.border-charcoal{--tw-border-opacity:1;border-color:rgb(33 37 41/var(--tw-border-opacity))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.border-gray-800{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.border-green-800{--tw-border-opacity:1;border-color:rgb(0 102 5/var(--tw-border-opacity))}.border-red-600{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity))}.border-red-800{--tw-border-opacity:1;border-color:rgb(217 12 85/var(--tw-border-opacity))}.border-soft-blue{--tw-border-opacity:1;border-color:rgb(84 101 251/var(--tw-border-opacity))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.\\!bg-violet-100{--tw-bg-opacity:1!important;background-color:rgb(235 235 255/var(--tw-bg-opacity)) !important}.\\!bg-violet-150{--tw-bg-opacity:1!important;background-color:rgb(205 208 254/var(--tw-bg-opacity)) !important}.\\!bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity)) !important}.bg-blue-1000{--tw-bg-opacity:1;background-color:rgb(8 38 99/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(247 250 250/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(244 244 244/var(--tw-bg-opacity))}.bg-green-300{--tw-bg-opacity:1;background-color:rgb(241 254 241/var(--tw-bg-opacity))}.bg-red-200{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity))}.bg-red-300{--tw-bg-opacity:1;background-color:rgb(253 243 247/var(--tw-bg-opacity))}.bg-soft-blue{--tw-bg-opacity:1;background-color:rgb(84 101 251/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-violet-100{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.bg-violet-150{--tw-bg-opacity:1;background-color:rgb(205 208 254/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-yellow-1000{--tw-bg-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity))}.p-0{padding:0}.p-0\\.5{padding:0.125rem}.p-1{padding:0.25rem}.p-1\\.5{padding:0.375rem}.p-2{padding:0.5rem}.p-3{padding:0.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:0.25rem;padding-top:0.25rem}.py-1\\.5{padding-bottom:0.375rem;padding-top:0.375rem}.py-2{padding-bottom:0.5rem;padding-top:0.5rem}.pb-3{padding-bottom:0.75rem}.pl-3{padding-left:0.75rem}.pl-4{padding-left:1rem}.pr-3{padding-right:0.75rem}.pt-\\[55px\\]{padding-top:55px}.text-left{text-align:left}.text-center{text-align:center}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.\\!text-gray-900{--tw-text-opacity:1!important;color:rgb(57 62 69/var(--tw-text-opacity)) !important}.text-blue-1000{--tw-text-opacity:1;color:rgb(8 38 99/var(--tw-text-opacity))}.text-charcoal{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(93 99 107/var(--tw-text-opacity))}.text-green-800{--tw-text-opacity:1;color:rgb(0 102 5/var(--tw-text-opacity))}.text-inherit{color:inherit}.text-red-800{--tw-text-opacity:1;color:rgb(217 12 85/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.opacity-50{opacity:0.5}.shadow-\\[0_-12px_14px_-16px_\\#00000033\\]{--tw-shadow:0 -12px 14px -16px #00000033;--tw-shadow-colored:0 -12px 14px -16px var(--tw-shadow-color)}.shadow-\\[0_-12px_14px_-16px_\\#00000033\\],.shadow-md{box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)}.shadow-md{--tw-shadow:0px 2px 8px rgba(0,0,0,.2);--tw-shadow-colored:0px 2px 8px var(--tw-shadow-color)}.\\!outline-none{outline:2px solid transparent !important;outline-offset:2px !important}.outline-none{outline:2px solid transparent;outline-offset:2px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:0.15s;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.duration-300{transition-duration:0.3s}.active\\:raw-focus-ring:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}@media(min-width: 732px){.md\\:item-heading{--tw-text-opacity:1;color:rgb(8 38 99/var(--tw-text-opacity));font-size:1.25rem;letter-spacing:-0.025em;line-height:1.5rem}.category-content>.md\\:missing-answer-label{display:block}.category-content>.md\\:missing-answer-label~.md\\:missing-answer-label{display:none}}@media(hover: hover) and (pointer: fine){.td\\:hover-focus-ring:hover{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}}.last\\:mr-0:last-child{margin-right:0}.focus-within\\:left-0:focus-within{left:0}.focus-within\\:right-0:focus-within{right:0}.focus-within\\:top-0:focus-within{top:0}.focus-within\\:z-30:focus-within{z-index:30}.hover\\:bg-black-50:hover{background-color:rgba(0, 0, 0, 0.0509803922)}.hover\\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}.hover\\:bg-violet-100:hover{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.hover\\:bg-yellow-1000:hover{--tw-bg-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity))}.hover\\:text-charcoal:hover{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.focus\\:outline-transparent:focus{outline-color:transparent}.focus-visible\\:border:focus-visible{border-width:1px}.focus-visible\\:border-charcoal:focus-visible{--tw-border-opacity:1;border-color:rgb(33 37 41/var(--tw-border-opacity))}.focus-visible\\:border-gray-400:focus-visible{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.focus-visible\\:border-gray-800:focus-visible{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.active\\:bg-black-55:active,.active\\:bg-black-60:active{background-color:rgba(0, 0, 0, 0.1019607843)}.active\\:bg-yellow-1100:active{--tw-bg-opacity:1;background-color:rgb(238 206 26/var(--tw-bg-opacity))}.active\\:text-charcoal:active{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.disabled\\:text-gray-40:disabled{--tw-text-opacity:1;color:rgb(142 147 153/var(--tw-text-opacity))}.disabled\\:hover\\:bg-white:hover:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.group\\/itemContainer:hover .group-hover\\/itemContainer\\:bg-violet-100{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.group:hover .group-hover\\:underline{text-decoration-line:underline}.group:active .group-active\\:border-2{border-width:2px}.group:active .group-active\\:border-blue-1000{--tw-border-opacity:1;border-color:rgb(8 38 99/var(--tw-border-opacity))}.group:active .group-active\\:p-\\[7px\\]{padding:7px}@media(min-width: 732px){.md\\:inset-0{inset:0}.md\\:top-20{top:5rem}.md\\:mb-2{margin-bottom:0.5rem}.md\\:mb-4{margin-bottom:1rem}.md\\:mb-8{margin-bottom:2rem}.md\\:mt-14{margin-top:3.5rem}.md\\:block{display:block}.md\\:inline-block{display:inline-block}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:h-fit{height:-moz-fit-content;height:fit-content}.md\\:min-h-0{min-height:0}.md\\:min-h-\\[140px\\]{min-height:140px}.md\\:min-h-\\[164px\\]{min-height:164px}.md\\:w-fit{width:-moz-fit-content;width:fit-content}.md\\:grow-0{flex-grow:0}.md\\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.md\\:flex-row{flex-direction:row}.md\\:flex-col{flex-direction:column}.md\\:items-center{align-items:center}.md\\:justify-normal{justify-content:normal}.md\\:justify-center{justify-content:center}.md\\:justify-between{justify-content:space-between}.md\\:gap-6{gap:1.5rem}.md\\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px * var(--tw-space-y-reverse));margin-top:calc(0px * (1 - var(--tw-space-y-reverse)))}.md\\:rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.md\\:border{border-width:1px}.md\\:border-gray-400{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.md\\:\\!bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity)) !important}.md\\:p-4{padding:1rem}.md\\:px-0{padding-left:0;padding-right:0}.md\\:pb-0{padding-bottom:0}.md\\:pt-20{padding-top:5rem}.md\\:pt-20\\.5{padding-top:5.125rem}.md\\:text-center{text-align:center}.md\\:shadow-\\[0_0_\\#0000\\]{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)}.group\\/itemContainer:hover .md\\:group-hover\\/itemContainer\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}}@media(min-width: 1196px){.lg\\:mr-6{margin-right:1.5rem}.lg\\:flex{display:flex}.lg\\:min-h-\\[224px\\]{min-height:224px}.lg\\:gap-0{gap:0}.lg\\:last\\:mr-0:last-child{margin-right:0}}@media(hover: hover) and (pointer: fine){.td\\:hover\\:cursor-grab:hover{cursor:grab}.td\\:hover\\:border-gray-800:hover{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.td\\:hover\\:bg-black-50:hover{background-color:rgba(0, 0, 0, 0.0509803922)}.td\\:hover\\:bg-violet-100:hover{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.td\\:hover\\:text-soft-blue:hover{--tw-text-opacity:1;color:rgb(84 101 251/var(--tw-text-opacity))}.group:hover .td\\:group-hover\\:bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.group:hover .td\\:group-hover\\:opacity-5{opacity:0.05}}');
+    append_styles(target, "svelte-8tpn7j", '*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:Mulish, sans-serif;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*{font-family:Mulish, sans-serif}input::-moz-selection,textarea::-moz-selection{background-color:hsla(0, 0%, 85%, 0.4)}input::selection,textarea::selection{background-color:hsla(0, 0%, 85%, 0.4)}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.p2{font-size:0.875rem;font-weight:600;line-height:1.25rem;line-height:1.5}.blanket-overlay{--tw-bg-opacity:1;background-color:rgb(33 37 41/var(--tw-bg-opacity));inset:0;opacity:0.3;position:absolute}.item-heading{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));font-size:1.25rem;letter-spacing:-0.025em;line-height:1.5rem}.focus-ring:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.hover-focus-ring:hover,.raw-focus-ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.divider{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(218 224 224/var(--tw-border-opacity))}@keyframes svelte-8tpn7j-pulse{{opacity:0.5}}.animate-skeleton{--tw-bg-opacity:1;animation:svelte-8tpn7j-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;background-color:rgb(226 232 240/var(--tw-bg-opacity))}.btn-mcq-option:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.btn-mcq-option{--tw-text-opacity:1;--tw-border-opacity:1;--tw-bg-opacity:1;align-items:center;background-color:rgb(247 250 250/var(--tw-bg-opacity));border-color:rgb(113 115 119/var(--tw-border-opacity));border-radius:0.5rem;border-width:1px;color:rgb(33 37 41/var(--tw-text-opacity));display:flex;font-size:1rem;justify-content:space-between;line-height:1.5rem;margin-bottom:1rem;min-height:48px;padding:0.5rem 0.75rem 0.5rem 0.5rem;width:100%}.btn-mcq-option:active{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity));border-color:rgb(40 44 135/var(--tw-border-opacity));border-width:2px}@media(hover: hover) and (pointer: fine){.btn-mcq-option:hover{--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}}.btn-mcq-option>span>.choice{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(113 115 119/var(--tw-border-opacity));border-radius:1rem;border-width:1px;color:rgb(93 99 107/var(--tw-text-opacity));display:flex;font-size:1rem;font-weight:700;height:2rem;justify-content:center;letter-spacing:0.05em;line-height:1rem;margin-right:1rem;padding:0.5rem;width:2rem}.btn-mcq-option.selected{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}.btn-mcq-option.selected,.btn-mcq-option.selected>span>.choice{border-color:rgb(40 44 135/var(--tw-border-opacity));border-width:2px}.btn-mcq-option.selected>span>.choice{--tw-border-opacity:1}.btn-mcq-option.selected.correct{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(241 254 241/var(--tw-bg-opacity));border-color:rgb(0 102 5/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected.incorrect{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(253 243 247/var(--tw-bg-opacity));border-color:rgb(217 12 85/var(--tw-border-opacity));border-width:1px}.btn-mcq-option.selected.correct>span>.choice,.btn-mcq-option.selected.incorrect>span>.choice{--tw-border-opacity:1;border-color:rgb(113 115 119/var(--tw-border-opacity));border-width:1px}.typein-textbox:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}.typein-textbox{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(93 99 107/var(--tw-border-opacity));border-radius:0.5rem;border-width:1px;color:rgb(33 37 41/var(--tw-text-opacity));font-size:1rem;line-height:1.5rem;padding:0.75rem 1rem;width:100%}.typein-textbox::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(93 99 107/var(--tw-placeholder-opacity))}.typein-textbox::placeholder{--tw-placeholder-opacity:1;color:rgb(93 99 107/var(--tw-placeholder-opacity))}.typein-textbox:focus{--tw-border-opacity:1;border-color:rgb(84 101 251/var(--tw-border-opacity));border-width:2px}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{--tw-border-opacity:1;border-color:rgb(84 101 251/var(--tw-border-opacity));border-width:2px;outline:2px solid transparent;outline-offset:2px}}.typein-textbox:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0)) !important}@media(hover: hover) and (pointer: fine){.typein-textbox:hover{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:4px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));transition-duration:50ms}}#dnd-action-dragged-el{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;--tw-border-opacity:1!important;--tw-bg-opacity:1!important;background-color:rgb(205 208 254/var(--tw-bg-opacity)) !important;border-color:rgb(93 99 107/var(--tw-border-opacity)) !important;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));cursor:grabbing !important;outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}#dnd-action-dragged-el .btn-vertical-icon{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));cursor:grabbing !important}#dnd-action-dragged-el .preview-icon{display:none !important}#dnd-action-dragged-el .preview-vertical{display:block !important}.category-content>.missing-answer-label{display:block}.category-content>.missing-answer-label~.missing-answer-label{display:none}.sr-only{clip:rect(0, 0, 0, 0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{bottom:0;top:0}.-top-2{top:-0.5rem}.-top-2\\.5{top:-0.625rem}.bottom-4{bottom:1rem}.left-4{left:1rem}.left-\\[-9999px\\]{left:-9999px}.right-0{right:0}.right-4{right:1rem}.top-12{top:3rem}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-0\\.5{margin-left:0.125rem;margin-right:0.125rem}.my-6{margin-bottom:1.5rem;margin-top:1.5rem}.mb-1{margin-bottom:0.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:0.5rem}.mb-3{margin-bottom:0.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:0.25rem}.ml-3{margin-left:0.75rem}.ml-\\[3px\\]{margin-left:3px}.mr-1{margin-right:0.25rem}.mr-2{margin-right:0.5rem}.mr-4{margin-right:1rem}.mt-0{margin-top:0}.mt-0\\.5{margin-top:0.125rem}.mt-1{margin-top:0.25rem}.mt-2{margin-top:0.5rem}.mt-4{margin-top:1rem}.mt-7{margin-top:1.75rem}.mt-7\\.5{margin-top:1.875}.mt-9{margin-top:2.25rem}.block{display:block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-11{height:2.75rem}.h-4{height:1rem}.h-52{height:13rem}.h-6{height:1.5rem}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.min-h-\\[133px\\]{min-height:133px}.min-h-\\[140px\\]{min-height:140px}.min-h-\\[54px\\]{min-height:54px}.min-h-\\[86px\\]{min-height:86px}.w-11{width:2.75rem}.w-2\\/4{width:50%}.w-4{width:1rem}.w-6{width:1.5rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-\\[44px\\]{min-width:44px}.min-w-\\[85px\\]{min-width:85px}.max-w-\\[400px\\]{max-width:400px}.grow{flex-grow:1}.basis-0{flex-basis:0px}.\\!cursor-default{cursor:default !important}.\\!cursor-pointer{cursor:pointer !important}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.content-start{align-content:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:0.5rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0.5rem * var(--tw-space-y-reverse));margin-top:calc(0.5rem * (1 - var(--tw-space-y-reverse)))}.space-y-reverse>:not([hidden])~:not([hidden]){--tw-space-y-reverse:1}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:0.25rem}.rounded-\\[32px\\]{border-radius:32px}.rounded-lg{border-radius:0.5rem}.rounded-md{border-radius:0.375rem}.rounded-b-lg{border-bottom-left-radius:0.5rem;border-bottom-right-radius:0.5rem}.rounded-t-lg{border-top-left-radius:0.5rem;border-top-right-radius:0.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-6,.border-l-\\[6px\\]{border-left-width:6px}.border-dashed{border-style:dashed}.\\!border-blue-1000{--tw-border-opacity:1!important;border-color:rgb(40 44 135/var(--tw-border-opacity)) !important}.border-blue-1000{--tw-border-opacity:1;border-color:rgb(40 44 135/var(--tw-border-opacity))}.border-charcoal{--tw-border-opacity:1;border-color:rgb(33 37 41/var(--tw-border-opacity))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.border-gray-800{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.border-green-800{--tw-border-opacity:1;border-color:rgb(0 102 5/var(--tw-border-opacity))}.border-red-600{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity))}.border-red-800{--tw-border-opacity:1;border-color:rgb(217 12 85/var(--tw-border-opacity))}.border-soft-blue{--tw-border-opacity:1;border-color:rgb(84 101 251/var(--tw-border-opacity))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.\\!bg-violet-100{--tw-bg-opacity:1!important;background-color:rgb(235 235 255/var(--tw-bg-opacity)) !important}.\\!bg-violet-150{--tw-bg-opacity:1!important;background-color:rgb(205 208 254/var(--tw-bg-opacity)) !important}.\\!bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity)) !important}.bg-blue-1000{--tw-bg-opacity:1;background-color:rgb(40 44 135/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(247 250 250/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(244 244 244/var(--tw-bg-opacity))}.bg-green-300{--tw-bg-opacity:1;background-color:rgb(241 254 241/var(--tw-bg-opacity))}.bg-red-200{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity))}.bg-red-300{--tw-bg-opacity:1;background-color:rgb(253 243 247/var(--tw-bg-opacity))}.bg-soft-blue{--tw-bg-opacity:1;background-color:rgb(84 101 251/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-violet-100{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.bg-violet-150{--tw-bg-opacity:1;background-color:rgb(205 208 254/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-yellow-1000{--tw-bg-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity))}.p-0{padding:0}.p-0\\.5{padding:0.125rem}.p-1{padding:0.25rem}.p-1\\.5{padding:0.375rem}.p-2{padding:0.5rem}.p-3{padding:0.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:0.25rem;padding-top:0.25rem}.py-1\\.5{padding-bottom:0.375rem;padding-top:0.375rem}.py-2{padding-bottom:0.5rem;padding-top:0.5rem}.pb-10{padding-bottom:2.5rem}.pb-3{padding-bottom:0.75rem}.pl-24{padding-left:6rem}.pl-3{padding-left:0.75rem}.pl-4{padding-left:1rem}.pr-3{padding-right:0.75rem}.pt-6{padding-top:1.5rem}.pt-\\[55px\\]{padding-top:55px}.text-left{text-align:left}.text-center{text-align:center}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-\\[22px\\]{line-height:22px}.\\!text-gray-900{--tw-text-opacity:1!important;color:rgb(57 62 69/var(--tw-text-opacity)) !important}.text-blue-1000{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity))}.text-charcoal{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(93 99 107/var(--tw-text-opacity))}.text-green-800{--tw-text-opacity:1;color:rgb(0 102 5/var(--tw-text-opacity))}.text-inherit{color:inherit}.text-red-800{--tw-text-opacity:1;color:rgb(217 12 85/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.opacity-50{opacity:0.5}.shadow-\\[0_-12px_14px_-16px_\\#00000033\\]{--tw-shadow:0 -12px 14px -16px #00000033;--tw-shadow-colored:0 -12px 14px -16px var(--tw-shadow-color)}.shadow-\\[0_-12px_14px_-16px_\\#00000033\\],.shadow-md{box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)}.shadow-md{--tw-shadow:0px 2px 8px rgba(0,0,0,.2);--tw-shadow-colored:0px 2px 8px var(--tw-shadow-color)}.\\!outline-none{outline:2px solid transparent !important;outline-offset:2px !important}.outline-none{outline:2px solid transparent;outline-offset:2px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:0.15s;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.duration-300{transition-duration:0.3s}.active\\:raw-focus-ring:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}@media(min-width: 732px){.md\\:item-heading{--tw-text-opacity:1;color:rgb(40 44 135/var(--tw-text-opacity));font-size:1.25rem;letter-spacing:-0.025em;line-height:1.5rem}.category-content>.md\\:missing-answer-label{display:block}.category-content>.md\\:missing-answer-label~.md\\:missing-answer-label{display:none}}@media(hover: hover) and (pointer: fine){.td\\:hover-focus-ring:hover{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(84 101 251/var(--tw-ring-opacity));--tw-ring-offset-width:2px;box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));outline:2px solid transparent;outline-offset:2px;transition-duration:50ms}}.last\\:mr-0:last-child{margin-right:0}.focus-within\\:left-0:focus-within{left:0}.focus-within\\:right-0:focus-within{right:0}.focus-within\\:top-0:focus-within{top:0}.focus-within\\:z-30:focus-within{z-index:30}.hover\\:bg-black-50:hover{background-color:rgba(0, 0, 0, 0.0509803922)}.hover\\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(222 222 255/var(--tw-bg-opacity))}.hover\\:bg-violet-100:hover{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.hover\\:bg-yellow-1000:hover{--tw-bg-opacity:1;background-color:rgb(251 217 27/var(--tw-bg-opacity))}.hover\\:text-charcoal:hover{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.focus\\:outline-transparent:focus{outline-color:transparent}.focus-visible\\:border:focus-visible{border-width:1px}.focus-visible\\:border-charcoal:focus-visible{--tw-border-opacity:1;border-color:rgb(33 37 41/var(--tw-border-opacity))}.focus-visible\\:border-gray-400:focus-visible{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.focus-visible\\:border-gray-800:focus-visible{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.active\\:bg-black-55:active,.active\\:bg-black-60:active{background-color:rgba(0, 0, 0, 0.1019607843)}.active\\:bg-yellow-1100:active{--tw-bg-opacity:1;background-color:rgb(238 206 26/var(--tw-bg-opacity))}.active\\:text-charcoal:active{--tw-text-opacity:1;color:rgb(33 37 41/var(--tw-text-opacity))}.disabled\\:text-gray-40:disabled{--tw-text-opacity:1;color:rgb(142 147 153/var(--tw-text-opacity))}.disabled\\:hover\\:bg-white:hover:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.group\\/itemContainer:hover .group-hover\\/itemContainer\\:bg-violet-100{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.group:hover .group-hover\\:underline{text-decoration-line:underline}.group:active .group-active\\:border-2{border-width:2px}.group:active .group-active\\:border-blue-1000{--tw-border-opacity:1;border-color:rgb(40 44 135/var(--tw-border-opacity))}.group:active .group-active\\:p-\\[7px\\]{padding:7px}@media(min-width: 732px){.md\\:inset-0{inset:0}.md\\:top-20{top:5rem}.md\\:mb-2{margin-bottom:0.5rem}.md\\:mb-4{margin-bottom:1rem}.md\\:mb-8{margin-bottom:2rem}.md\\:mt-14{margin-top:3.5rem}.md\\:block{display:block}.md\\:inline-block{display:inline-block}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:h-fit{height:-moz-fit-content;height:fit-content}.md\\:min-h-0{min-height:0}.md\\:min-h-\\[140px\\]{min-height:140px}.md\\:min-h-\\[164px\\]{min-height:164px}.md\\:w-fit{width:-moz-fit-content;width:fit-content}.md\\:grow-0{flex-grow:0}.md\\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.md\\:flex-row{flex-direction:row}.md\\:flex-col{flex-direction:column}.md\\:items-center{align-items:center}.md\\:justify-normal{justify-content:normal}.md\\:justify-center{justify-content:center}.md\\:justify-between{justify-content:space-between}.md\\:gap-6{gap:1.5rem}.md\\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px * var(--tw-space-y-reverse));margin-top:calc(0px * (1 - var(--tw-space-y-reverse)))}.md\\:rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.md\\:border{border-width:1px}.md\\:border-gray-400{--tw-border-opacity:1;border-color:rgb(196 201 204/var(--tw-border-opacity))}.md\\:\\!bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity)) !important}.md\\:p-4{padding:1rem}.md\\:px-0{padding-left:0;padding-right:0}.md\\:pb-0{padding-bottom:0}.md\\:pt-20{padding-top:5rem}.md\\:pt-20\\.5{padding-top:5.125rem}.md\\:text-center{text-align:center}.md\\:shadow-\\[0_0_\\#0000\\]{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)}.group\\/itemContainer:hover .md\\:group-hover\\/itemContainer\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}}@media(min-width: 1196px){.lg\\:mr-6{margin-right:1.5rem}.lg\\:flex{display:flex}.lg\\:hidden{display:none}.lg\\:min-h-\\[224px\\]{min-height:224px}.lg\\:w-full{width:100%}.lg\\:grow{flex-grow:1}.lg\\:basis-1\\/2{flex-basis:50%}.lg\\:items-center{align-items:center}.lg\\:justify-between{justify-content:space-between}.lg\\:gap-0{gap:0}.lg\\:last\\:mr-0:last-child{margin-right:0}}@media(hover: hover) and (pointer: fine){.td\\:hover\\:cursor-grab:hover{cursor:grab}.td\\:hover\\:border-gray-800:hover{--tw-border-opacity:1;border-color:rgb(93 99 107/var(--tw-border-opacity))}.td\\:hover\\:bg-black-50:hover{background-color:rgba(0, 0, 0, 0.0509803922)}.td\\:hover\\:bg-violet-100:hover{--tw-bg-opacity:1;background-color:rgb(235 235 255/var(--tw-bg-opacity))}.td\\:hover\\:text-soft-blue:hover{--tw-text-opacity:1;color:rgb(84 101 251/var(--tw-text-opacity))}.group:hover .td\\:group-hover\\:bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.group:hover .td\\:group-hover\\:opacity-5{opacity:0.05}}');
   }
   function create_else_block_12(ctx) {
     let invalidbanner;
@@ -10567,12 +11223,12 @@
       }
     };
   }
-  function create_if_block_18(ctx) {
+  function create_if_block_19(ctx) {
     let current_block_type_index;
     let if_block;
     let if_block_anchor;
     let current;
-    const if_block_creators = [create_if_block_26, create_if_block_34, create_if_block_43, create_else_block5];
+    const if_block_creators = [create_if_block_28, create_if_block_35, create_if_block_44, create_else_block5];
     const if_blocks = [];
     function select_block_type_1(ctx2, dirty) {
       if (
@@ -10644,7 +11300,7 @@
       }
     };
   }
-  function create_if_block8(ctx) {
+  function create_if_block9(ctx) {
     let promptskeleton;
     let current;
     promptskeleton = new PromptSkeleton_default({});
@@ -10700,7 +11356,7 @@
       }
     };
   }
-  function create_if_block_43(ctx) {
+  function create_if_block_44(ctx) {
     let promptcategorise;
     let current;
     promptcategorise = new PromptCategorise_default({
@@ -10763,7 +11419,7 @@
       }
     };
   }
-  function create_if_block_34(ctx) {
+  function create_if_block_35(ctx) {
     let prompttypein;
     let current;
     prompttypein = new PromptTypeIn_default({
@@ -10842,7 +11498,7 @@
       }
     };
   }
-  function create_if_block_26(ctx) {
+  function create_if_block_28(ctx) {
     let promptmcq;
     let current;
     promptmcq = new PromptMCQ_default({
@@ -10917,12 +11573,12 @@
       }
     };
   }
-  function create_fragment24(ctx) {
+  function create_fragment25(ctx) {
     let current_block_type_index;
     let if_block;
     let if_block_anchor;
     let current;
-    const if_block_creators = [create_if_block8, create_if_block_18, create_else_block_12];
+    const if_block_creators = [create_if_block9, create_if_block_19, create_else_block_12];
     const if_blocks = [];
     function select_block_type(ctx2, dirty) {
       if (
@@ -10990,7 +11646,7 @@
     };
   }
   var bannerLabel = "Invalid session id.";
-  function instance11($$self, $$props, $$invalidate) {
+  function instance12($$self, $$props, $$invalidate) {
     const { "session-id": sessionId, "preview-mode": previewMode, "item-id": itemId, "preview-contentful": previewContentful } = $$props;
     const previewModeType = ["true", "interactive"];
     const isPreviewModeInteractive = Boolean(previewMode === "interactive" && itemId);
@@ -11202,7 +11858,7 @@
   var PromptBuilder = class extends SvelteComponent {
     constructor(options) {
       super();
-      init(this, options, instance11, create_fragment24, safe_not_equal, {}, add_css);
+      init(this, options, instance12, create_fragment25, safe_not_equal, {}, add_css);
     }
   };
   customElements.define("prompt-builder", create_custom_element(PromptBuilder, {}, [], [], true));