From 0ca55b2b7447576b55cdccf31ab409606d10c473 Mon Sep 17 00:00:00 2001
From: Alex Hall <alex.mojaki@gmail.com>
Date: Thu, 1 Jun 2023 22:13:57 +0200
Subject: [PATCH 01/14] unparsed stuff

---
 core/checker.py                  |  3 +-
 core/text.py                     | 63 +++++++++++++++++++-------------
 scripts/generate_static_files.py |  8 +++-
 tests/test_steps.py              |  4 +-
 4 files changed, 47 insertions(+), 31 deletions(-)

diff --git a/core/checker.py b/core/checker.py
index f52d38cc..1b16bce9 100644
--- a/core/checker.py
+++ b/core/checker.py
@@ -116,7 +116,8 @@ def wrapped_callback(event_type, data):
             result["message_sections"] = [
                 dict(
                     type=typ,
-                    messages=[highlighted_markdown(message) for message in step_result.get(typ, [])],
+                    unparsed_messages=(raw_messages := step_result.get(typ, [])),
+                    messages=[highlighted_markdown(message) for message in raw_messages],
                 )
                 for typ in ["messages", "passed_tests", "lint"]
             ]
diff --git a/core/text.py b/core/text.py
index 8f0b8336..01a5a9ea 100644
--- a/core/text.py
+++ b/core/text.py
@@ -108,11 +108,6 @@ def basic_signature(func):
     joined = ", ".join(inspect.signature(func).parameters)
     return f'({joined})'
 
-
-def basic_function_header(func):
-    return highlighted_markdown(f"    def {func.__name__}{basic_signature(func)}:")
-
-
 def clean_solution_function(func, source):
     return re.sub(
         rf"def {func.__name__}\(.+?\):",
@@ -333,11 +328,12 @@ def get_step(cls, step_name):
         return step
 
     def step_texts(cls, *, raw: bool):
-        result = [step.raw_text if raw else step.text for step in cls.steps[:-1]] + [cls.final_text]
-        if not raw:
-            result = [highlighted_markdown(text) for text in result]
-            if "__copyable__" in str(result) or "__no_auto_translate__" in str(result):
-                qa_error(f"{cls} has __copyable__ or __no_auto_translate__ in step texts")
+        return [step.raw_text if raw else step.text for step in cls.steps[:-1]] + [cls.final_text]
+
+    def step_texts_parsed(cls):
+        result = [highlighted_markdown(text) for text in cls.step_texts(raw=False)]
+        if "__copyable__" in str(result) or "__no_auto_translate__" in str(result):
+            qa_error(f"{cls} has __copyable__ or __no_auto_translate__ in step texts")
         return result
 
     @property
@@ -346,11 +342,13 @@ def slug(cls):
 
     @property
     def title(cls):
-        return unwrapped_markdown(
-            t.get(
-                t.page_title(cls.slug),
-                cls.raw_title,
-            )
+        return unwrapped_markdown(cls.unparsed_title)
+
+    @property
+    def unparsed_title(cls):
+        return t.get(
+            t.page_title(cls.slug),
+            cls.raw_title,
         )
 
     @property
@@ -384,14 +382,17 @@ def step_dicts(self):
             dict(
                 index=index,
                 text=text,
+                unparsed_text=unparsed_text,
                 name=name,
-                hints=[highlighted_markdown(hint) for hint in getattr(step, "hints", [])],
+                unparsed_hints=(unparsed_hints := getattr(step, "hints", [])),
+                hints=[highlighted_markdown(hint) for hint in unparsed_hints],
                 solution=getattr(step, "get_solution", None),
+                program=getattr(step, "program", None),
                 prediction=get_predictions(step),
                 requirements=step.get_all_requirements() if getattr(step, "is_step", False) else None,
             )
-            for index, (name, text, step) in
-            enumerate(zip(self.step_names, self.step_texts(raw=False), self.steps))
+            for index, (name, text, unparsed_text, step) in
+            enumerate(zip(self.step_names, self.step_texts_parsed(), self.step_texts(raw=False), self.steps))
         ]
 
 
@@ -520,12 +521,20 @@ def get_all_requirements(cls):
             assert cls.hints
         elif cls.requirements:
             translated = t.get(t.requirements(cls), cls.requirements.strip())
-            result.append(dict(type="custom", message=highlighted_markdown(translated)))
+            result.append(dict(
+                type="custom",
+                message=highlighted_markdown(translated),
+                unparsed=dict(message=translated),
+            ))
 
         assert result, cls
 
         if cls.expected_code_source:
-            result.append(dict(type="custom", message=highlighted_markdown(cls.expected_code_source_term())))
+            result.append(dict(
+                type="custom",
+                message=highlighted_markdown(cls.expected_code_source_term()),
+                unparsed=dict(message=cls.expected_code_source_term()),
+            ))
         return result
 
     @classmethod
@@ -593,13 +602,15 @@ def check(self):
     @classmethod
     def get_requirements(cls):
         result = [dict(type="exercise")]
-        inputs = cls.example_inputs()
-        stdin_input = inputs.pop("stdin_input", None)
+        raw_inputs = cls.example_inputs()
+        stdin_input = raw_inputs.pop("stdin_input", None)
         if not cls.is_function_exercise:
-            inputs = highlighted_markdown(indented_inputs_string(inputs))
-            result.append(dict(type="non_function_exercise", inputs=inputs))
+            inputs = highlighted_markdown(indented_inputs_string(raw_inputs))
+            result.append(dict(type="non_function_exercise", inputs=inputs, unparsed=dict(inputs=raw_inputs)))
         else:
-            result.append(dict(type="function_exercise", header=basic_function_header(cls.solution)))
+            raw_header = f"def {cls.solution.__name__}{basic_signature(cls.solution)}:"
+            header = highlighted_markdown("    " + raw_header)
+            result.append(dict(type="function_exercise", header=header, unparsed=dict(header=raw_header)))
             if goal := cls.function_exercise_goal():
                 result.append(dict(type="function_exercise_goal", print_or_return=goal))
         if stdin_input:
@@ -854,7 +865,7 @@ def get_pages():
     return dict(
         pages={
             slug: dict(
-                **select_attrs(page, "slug title index step_names"),
+                **select_attrs(page, "slug title unparsed_title index step_names"),
                 steps=page.step_dicts,
             )
             for slug, page in pages.items()
diff --git a/scripts/generate_static_files.py b/scripts/generate_static_files.py
index a675af78..094249ed 100644
--- a/scripts/generate_static_files.py
+++ b/scripts/generate_static_files.py
@@ -92,11 +92,14 @@ def tarfile_filter(tar_info):
 
 
 def frontend_terms():
+    terms = {"unparsed": {}}
     for key, value in file_to_json(frontend_src / "english_terms.json").items():
         translation = t.get(f"frontend.{key}", value)
 
         assert ("\n" in translation) == ("\n" in value), (key, value, translation)
 
+        terms["unparsed"][key] = translation
+
         if "\n" in translation:
             value = markdown(translation)
         else:
@@ -106,7 +109,8 @@ def frontend_terms():
         if value != result:
             assert key.startswith("question_wizard_")
 
-        yield key, result
+        terms[key] = result
+    return terms
 
 
 def main():
@@ -115,7 +119,7 @@ def main():
 
     json_to_file(list(load_chapters()), frontend_src / "chapters.json")
     json_to_file(get_pages(), frontend_src / "book/pages.json.load_by_url")
-    json_to_file(dict(frontend_terms()), frontend_src / "terms.json", indent=4)
+    json_to_file(frontend_terms(), frontend_src / "terms.json", indent=4)
 
     birdseye_dest = frontend / "public/birdseye"
     shutil.rmtree(birdseye_dest, ignore_errors=True)
diff --git a/tests/test_steps.py b/tests/test_steps.py
index fb3bd426..e559ab80 100644
--- a/tests/test_steps.py
+++ b/tests/test_steps.py
@@ -102,9 +102,9 @@ def normalise_response(response, is_message, substep):
         assert not message_sections
     else:
         section = message_sections[0]
-        assert set(section.keys()) == {"type", "messages"}
+        assert set(section.keys()) == {"type", "messages", "unparsed_messages"}
         assert section["type"] == "messages"
-        assert len(section["messages"]) == 1
+        assert len(section["messages"]) == len(section["unparsed_messages"]) == 1
         message = response["message"] = section["messages"][0]
         expected = highlighted_markdown(substep.text)
         if getattr(substep, "expected_exact_match", True):

From 13ec844674bc2e518760bcd4d79dda6e8b121b4f Mon Sep 17 00:00:00 2001
From: Alex Hall <alex.mojaki@gmail.com>
Date: Fri, 2 Jun 2023 16:57:46 +0200
Subject: [PATCH 02/14] convert generator to list

---
 core/checker.py | 4 ++--
 core/text.py    | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/core/checker.py b/core/checker.py
index 1b16bce9..9f06fb91 100644
--- a/core/checker.py
+++ b/core/checker.py
@@ -116,8 +116,8 @@ def wrapped_callback(event_type, data):
             result["message_sections"] = [
                 dict(
                     type=typ,
-                    unparsed_messages=(raw_messages := step_result.get(typ, [])),
-                    messages=[highlighted_markdown(message) for message in raw_messages],
+                    unparsed_messages=(unparsed_messages := step_result.get(typ, [])),
+                    messages=[highlighted_markdown(message) for message in unparsed_messages],
                 )
                 for typ in ["messages", "passed_tests", "lint"]
             ]
diff --git a/core/text.py b/core/text.py
index 01a5a9ea..a5285c84 100644
--- a/core/text.py
+++ b/core/text.py
@@ -500,7 +500,7 @@ def check_with_messages(self):
             except SyntaxError:
                 pass
             else:
-                result["lint"] = lint(tree)
+                result["lint"] = list(lint(tree))
 
         return result
 

From 62de69dd1183aab3d19f5466f976a775e41706cf Mon Sep 17 00:00:00 2001
From: Alex Hall <alex.mojaki@gmail.com>
Date: Fri, 2 Jun 2023 17:06:38 +0200
Subject: [PATCH 03/14] ignore errors when linting

---
 core/text.py | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/core/text.py b/core/text.py
index a5285c84..a70cf476 100644
--- a/core/text.py
+++ b/core/text.py
@@ -8,11 +8,9 @@
 from copy import deepcopy
 from functools import cached_property, cache
 from importlib import import_module
-from io import StringIO
 from pathlib import Path
 from random import shuffle
 from textwrap import indent
-from tokenize import Untokenizer, generate_tokens
 from types import MethodType
 from typing import Union, List, get_type_hints
 
@@ -496,11 +494,9 @@ def check_with_messages(self):
 
         if self.code_source != "shell":
             try:
-                tree = self.tree
-            except SyntaxError:
+                result["lint"] = list(lint(self.tree))
+            except Exception:
                 pass
-            else:
-                result["lint"] = list(lint(tree))
 
         return result
 

From a65f467d229438f3d99334b121e3e7d715391170 Mon Sep 17 00:00:00 2001
From: Alex Hall <alex.mojaki@gmail.com>
Date: Sat, 3 Jun 2023 13:58:16 +0200
Subject: [PATCH 04/14] ai button in assistant

---
 core/text.py        |  3 ++-
 frontend/src/App.js | 60 +++++++++++++++++++++++++++++++++++++++------
 2 files changed, 54 insertions(+), 9 deletions(-)

diff --git a/core/text.py b/core/text.py
index a70cf476..c78d5541 100644
--- a/core/text.py
+++ b/core/text.py
@@ -601,7 +601,8 @@ def get_requirements(cls):
         raw_inputs = cls.example_inputs()
         stdin_input = raw_inputs.pop("stdin_input", None)
         if not cls.is_function_exercise:
-            inputs = highlighted_markdown(indented_inputs_string(raw_inputs))
+            raw_inputs = indented_inputs_string(raw_inputs)
+            inputs = highlighted_markdown(raw_inputs)
             result.append(dict(type="non_function_exercise", inputs=inputs, unparsed=dict(inputs=raw_inputs)))
         else:
             raw_header = f"def {cls.solution.__name__}{basic_signature(cls.solution)}:"
diff --git a/frontend/src/App.js b/frontend/src/App.js
index 56e54f9a..88728ead 100644
--- a/frontend/src/App.js
+++ b/frontend/src/App.js
@@ -40,6 +40,7 @@ import {
   faListOl,
   faPlay,
   faQuestionCircle,
+  faRobot,
   faSignOutAlt,
   faStop,
   faUserGraduate
@@ -273,7 +274,7 @@ const Assistant = (assistant) => {
                    {newMessages && <span className="badge badge-pill badge-danger">{terms.new}</span>}
                  </div>}
     >
-      <Messages {...{messageSections}}/>
+      <Messages {...{ messageSections }}/>
     </Collapsible>
     <Collapsible classParentString="assistant-hints card"
                  contentInnerClassName="assistant-content card-body"
@@ -283,14 +284,52 @@ const Assistant = (assistant) => {
     >
       <HintsAssistant {...assistant}/>
     </Collapsible>
+    <Collapsible classParentString="assistant-ai card"
+                 contentInnerClassName="assistant-content card-body"
+                 trigger={<div className="card-header">
+                   <FontAwesomeIcon icon={faRobot}/> AI {/*terms.hints_and_solution TODO */}
+                 </div>}
+    >
+      <AI/>
+    </Collapsible>
   </div>
-    ;
 }
 
-const Requirement = (
-  {
-    requirement,
-  }) => {
+function AI() {
+  return <button onClick={async () => {
+    const page = currentPage();
+    const step = currentStep();
+    const requirements = step.requirements.map((requirement) =>
+      requirementText(
+        { ...requirement, ...(requirement.unparsed || {}) },
+        terms.unparsed,
+      ));
+    const { editorContent, assistant } = bookState;
+    const data = {
+      page,
+      stepName: step.name,
+      requirements,
+      editorContent,
+      assistant,
+      terms: terms.unparsed,
+    };
+    const res = await fetch(
+      "http://127.0.0.1:5001/futurecoder-io/us-central1/chat",
+      {
+        method: "POST",
+        body: JSON.stringify(data),
+        headers: {
+          "Content-Type": "application/json",
+        },
+      }
+    );
+    console.log(await res.text());
+  }}>
+    AI
+  </button>;
+}
+
+const requirementText = (requirement, terms) => {
   let text;
   switch (requirement.type) {
     case "verbatim":
@@ -322,9 +361,14 @@ const Requirement = (
       text = requirement.message;
       break;
   }
-  return <div className="assistant-requirement" dangerouslySetInnerHTML={{__html: text}}/>
+  return text;
 }
 
+const Requirement = ({ requirement, }) => {
+  return <div className="assistant-requirement"
+              dangerouslySetInnerHTML={{ __html: requirementText(requirement, terms) }}/>
+};
+
 const QuestionWizard = (
   {
     messages,
@@ -333,7 +377,7 @@ const QuestionWizard = (
   }) =>
   <>
     <h1>{terms.question_wizard}</h1>
-    <div dangerouslySetInnerHTML={{__html: terms.question_wizard_intro}}/>
+    <div dangerouslySetInnerHTML={{ __html: terms.question_wizard_intro }}/>
     <hr/>
     {requestExpectedOutput && <>
       <div dangerouslySetInnerHTML={{__html: terms.question_wizard_expected_output}}/>

From b52dbe4544ef10fc608a149d867dc00b6e9663b1 Mon Sep 17 00:00:00 2001
From: Alex Hall <alex.mojaki@gmail.com>
Date: Sun, 4 Jun 2023 18:37:16 +0200
Subject: [PATCH 05/14] show chat response

---
 frontend/src/App.js        | 73 +++++++++++++++++++++-----------------
 frontend/src/book/store.js |  1 +
 2 files changed, 41 insertions(+), 33 deletions(-)

diff --git a/frontend/src/App.js b/frontend/src/App.js
index 88728ead..929fcd29 100644
--- a/frontend/src/App.js
+++ b/frontend/src/App.js
@@ -290,43 +290,50 @@ const Assistant = (assistant) => {
                    <FontAwesomeIcon icon={faRobot}/> AI {/*terms.hints_and_solution TODO */}
                  </div>}
     >
-      <AI/>
+      <AI chat={assistant.chat}/>
     </Collapsible>
   </div>
 }
 
-function AI() {
-  return <button onClick={async () => {
-    const page = currentPage();
-    const step = currentStep();
-    const requirements = step.requirements.map((requirement) =>
-      requirementText(
-        { ...requirement, ...(requirement.unparsed || {}) },
-        terms.unparsed,
-      ));
-    const { editorContent, assistant } = bookState;
-    const data = {
-      page,
-      stepName: step.name,
-      requirements,
-      editorContent,
-      assistant,
-      terms: terms.unparsed,
-    };
-    const res = await fetch(
-      "http://127.0.0.1:5001/futurecoder-io/us-central1/chat",
-      {
-        method: "POST",
-        body: JSON.stringify(data),
-        headers: {
-          "Content-Type": "application/json",
-        },
-      }
-    );
-    console.log(await res.text());
-  }}>
-    AI
-  </button>;
+function AI({ chat }) {
+  return <div>
+    <div>
+      {chat}
+    </div>
+    <button
+      className="btn btn-primary"
+      onClick={async () => {
+        const page = currentPage();
+        const step = currentStep();
+        const requirements = step.requirements.map((requirement) =>
+          requirementText(
+            { ...requirement, ...(requirement.unparsed || {}) },
+            terms.unparsed,
+          ));
+        const { editorContent, assistant } = bookState;
+        const data = {
+          page,
+          stepName: step.name,
+          requirements,
+          editorContent,
+          assistant,
+          terms: terms.unparsed,
+        };
+        const res = await fetch(
+          "http://127.0.0.1:5001/futurecoder-io/us-central1/chat",
+          {
+            method: "POST",
+            body: JSON.stringify(data),
+            headers: {
+              "Content-Type": "application/json",
+            },
+          }
+        );
+        bookSetState("assistant.chat", await res.text());
+      }}>
+      Send
+    </button>
+  </div>;
 }
 
 const requirementText = (requirement, terms) => {
diff --git a/frontend/src/book/store.js b/frontend/src/book/store.js
index 473b5db3..5795399c 100644
--- a/frontend/src/book/store.js
+++ b/frontend/src/book/store.js
@@ -90,6 +90,7 @@ const initialState = {
     messageSections: [],
     requestingSolution: 0,
     lastSeenMessageSections: [],
+    chat: "",
   },
   prediction: {
     choices: null,

From f3d26d925bc6c0b36cca9e736125f18a976bf841 Mon Sep 17 00:00:00 2001
From: Alex Hall <alex.mojaki@gmail.com>
Date: Sun, 4 Jun 2023 18:53:27 +0200
Subject: [PATCH 06/14] markdown

---
 frontend/package-lock.json | 1531 +++++++++++++++++++++++++++++++++++-
 frontend/package.json      |    1 +
 frontend/src/App.js        |    5 +-
 3 files changed, 1522 insertions(+), 15 deletions(-)

diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 3c2dfd6e..b6ebe3a5 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -35,6 +35,7 @@
         "react-fast-compare": "^3.0.1",
         "react-firebaseui": "^5.0.2",
         "react-inner-html": "^1.0.1",
+        "react-markdown": "^8.0.7",
         "react-redux": "^7.2.2",
         "react-scripts": "^5.0.1",
         "react-scroll": "^1.8.2",
@@ -4169,6 +4170,14 @@
         "@types/node": "*"
       }
     },
+    "node_modules/@types/debug": {
+      "version": "4.1.8",
+      "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.8.tgz",
+      "integrity": "sha512-/vPO1EPOs306Cvhwv7KfVfYvOJqA/S/AXjaHQiJboCZzcNDb+TIJFN9/2C9DZ//ijSKWioNyUxD792QmDJ+HKQ==",
+      "dependencies": {
+        "@types/ms": "*"
+      }
+    },
     "node_modules/@types/eslint": {
       "version": "8.4.10",
       "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.4.10.tgz",
@@ -4221,6 +4230,14 @@
         "@types/node": "*"
       }
     },
+    "node_modules/@types/hast": {
+      "version": "2.3.4",
+      "resolved": "https://registry.npmjs.org/@types/hast/-/hast-2.3.4.tgz",
+      "integrity": "sha512-wLEm0QvaoawEDoTRwzTXp4b4jpwiJDvR5KMnFnVodm3scufTlBOWRD6N1OBf9TZMhjlNsSfcO5V+7AF4+Vy+9g==",
+      "dependencies": {
+        "@types/unist": "*"
+      }
+    },
     "node_modules/@types/html-minifier-terser": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/@types/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz",
@@ -4270,11 +4287,24 @@
       "resolved": "https://registry.npmjs.org/@types/long/-/long-4.0.1.tgz",
       "integrity": "sha512-5tXH6Bx/kNGd3MgffdmP4dy2Z+G4eaXw0SE81Tq3BNadtnMR5/ySMzX4SLEzHJzSmPNn4HIdpQsBvXMUykr58w=="
     },
+    "node_modules/@types/mdast": {
+      "version": "3.0.11",
+      "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-3.0.11.tgz",
+      "integrity": "sha512-Y/uImid8aAwrEA24/1tcRZwpxX3pIFTSilcNDKSPn+Y2iDywSEachzRuvgAYYLR3wpGXAsMbv5lvKLDZLeYPAw==",
+      "dependencies": {
+        "@types/unist": "*"
+      }
+    },
     "node_modules/@types/mime": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/@types/mime/-/mime-3.0.1.tgz",
       "integrity": "sha512-Y4XFY5VJAuw0FgAqPNd6NNoV44jbq9Bz2L7Rh/J6jLTiHBSBJa9fxqQIvkIld4GsoDOcCbvzOUAbLPsSKKg+uA=="
     },
+    "node_modules/@types/ms": {
+      "version": "0.7.31",
+      "resolved": "https://registry.npmjs.org/@types/ms/-/ms-0.7.31.tgz",
+      "integrity": "sha512-iiUgKzV9AuaEkZqkOLDIvlQiL6ltuZd9tGcW3gwpnX8JbuiuhFlEGmmFXEXkN50Cvq7Os88IY2v0dkDqXYWVgA=="
+    },
     "node_modules/@types/node": {
       "version": "14.14.25",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-14.14.25.tgz",
@@ -4290,6 +4320,11 @@
       "resolved": "https://registry.npmjs.org/@types/prettier/-/prettier-2.7.2.tgz",
       "integrity": "sha512-KufADq8uQqo1pYKVIYzfKbJfBAc0sOeXqGbFaSpv8MRmC/zXgowNZmFcbngndGk922QDmOASEXUZCaY48gs4cg=="
     },
+    "node_modules/@types/prop-types": {
+      "version": "15.7.5",
+      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz",
+      "integrity": "sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w=="
+    },
     "node_modules/@types/q": {
       "version": "1.5.5",
       "resolved": "https://registry.npmjs.org/@types/q/-/q-1.5.5.tgz",
@@ -4305,6 +4340,17 @@
       "resolved": "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.4.tgz",
       "integrity": "sha512-EEhsLsD6UsDM1yFhAvy0Cjr6VwmpMWqFBCb9w07wVugF7w9nfajxLuVmngTIpgS6svCnm6Vaw+MZhoDCKnOfsw=="
     },
+    "node_modules/@types/react": {
+      "version": "18.2.8",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.8.tgz",
+      "integrity": "sha512-lTyWUNrd8ntVkqycEEplasWy2OxNlShj3zqS0LuB1ENUGis5HodmhM7DtCoUGbxj3VW/WsGA0DUhpG6XrM7gPA==",
+      "peer": true,
+      "dependencies": {
+        "@types/prop-types": "*",
+        "@types/scheduler": "*",
+        "csstype": "^3.0.2"
+      }
+    },
     "node_modules/@types/resolve": {
       "version": "1.17.1",
       "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.17.1.tgz",
@@ -4318,6 +4364,12 @@
       "resolved": "https://registry.npmjs.org/@types/retry/-/retry-0.12.1.tgz",
       "integrity": "sha512-xoDlM2S4ortawSWORYqsdU+2rxdh4LRW9ytc3zmT37RIKQh6IHyKwwtKhKis9ah8ol07DCkZxPt8BBvPjC6v4g=="
     },
+    "node_modules/@types/scheduler": {
+      "version": "0.16.3",
+      "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.3.tgz",
+      "integrity": "sha512-5cJ8CB4yAx7BH1oMvdU0Jh9lrEXyPkar6F9G/ERswkCuvP4KQZfZkSjcMbAICCpQTN4OuZn8tz0HiKv9TGZgrQ==",
+      "peer": true
+    },
     "node_modules/@types/semver": {
       "version": "7.3.13",
       "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.3.13.tgz",
@@ -4358,6 +4410,11 @@
       "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.2.tgz",
       "integrity": "sha512-F5DIZ36YVLE+PN+Zwws4kJogq47hNgX3Nx6WyDJ3kcplxyke3XIzB8uK5n/Lpm1HBsbGzd6nmGehL8cPekP+Tg=="
     },
+    "node_modules/@types/unist": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.6.tgz",
+      "integrity": "sha512-PBjIUxZHOuj0R15/xuwJYjFi+KZdNFrehocChv4g5hu6aFroHue8m0lBP0POdK2nKzbw0cgV1mws8+V/JAcEkQ=="
+    },
     "node_modules/@types/ws": {
       "version": "8.5.4",
       "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.5.4.tgz",
@@ -5481,6 +5538,15 @@
         "babel-plugin-transform-react-remove-prop-types": "^0.4.24"
       }
     },
+    "node_modules/bail": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/bail/-/bail-2.0.2.tgz",
+      "integrity": "sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
@@ -5794,6 +5860,15 @@
         "node": ">=10"
       }
     },
+    "node_modules/character-entities": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/character-entities/-/character-entities-2.0.2.tgz",
+      "integrity": "sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/check-types": {
       "version": "11.2.2",
       "resolved": "https://registry.npmjs.org/check-types/-/check-types-11.2.2.tgz",
@@ -5976,6 +6051,15 @@
       "resolved": "https://registry.npmjs.org/comlink/-/comlink-4.3.1.tgz",
       "integrity": "sha512-+YbhUdNrpBZggBAHWcgQMLPLH1KDF3wJpeqrCKieWQ8RL7atmgsgTQko1XEBK6PsecfopWNntopJ+ByYG1lRaA=="
     },
+    "node_modules/comma-separated-tokens": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/comma-separated-tokens/-/comma-separated-tokens-2.0.3.tgz",
+      "integrity": "sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/commander": {
       "version": "8.3.0",
       "resolved": "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz",
@@ -6585,6 +6669,12 @@
       "resolved": "https://registry.npmjs.org/cssom/-/cssom-0.3.8.tgz",
       "integrity": "sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg=="
     },
+    "node_modules/csstype": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
+      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==",
+      "peer": true
+    },
     "node_modules/damerau-levenshtein": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
@@ -6624,6 +6714,18 @@
       "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.4.3.tgz",
       "integrity": "sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA=="
     },
+    "node_modules/decode-named-character-reference": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/decode-named-character-reference/-/decode-named-character-reference-1.0.2.tgz",
+      "integrity": "sha512-O8x12RzrUF8xyVcY0KJowWsmaJxQbmy0/EtnNtHRpsOcT7dFk5W598coHqBVpmWo1oQQfsCqfCmkZN5DJrZVdg==",
+      "dependencies": {
+        "character-entities": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/dedent": {
       "version": "0.7.0",
       "resolved": "https://registry.npmjs.org/dedent/-/dedent-0.7.0.tgz",
@@ -6713,6 +6815,14 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/dequal": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
+      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/destroy": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
@@ -8068,6 +8178,11 @@
         }
       ]
     },
+    "node_modules/extend": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
+      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g=="
+    },
     "node_modules/fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
@@ -8915,6 +9030,15 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/hast-util-whitespace": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/hast-util-whitespace/-/hast-util-whitespace-2.0.1.tgz",
+      "integrity": "sha512-nAxA0v8+vXSBDt3AnRUNjyRIQ0rD+ntpbAp4LnPkumc5M9yUbSMa4XDU9Q6etY4f1Wp4bNgvc1yjiZtsTTrSng==",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/he": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
@@ -9259,6 +9383,11 @@
       "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
       "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew=="
     },
+    "node_modules/inline-style-parser": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/inline-style-parser/-/inline-style-parser-0.1.1.tgz",
+      "integrity": "sha512-7NXolsK4CAS5+xvdj5OMMbI962hU/wvwoxk+LWR9Ek9bVtyuuYScDN6eS0rUm6TxApFpw7CX1o4uJzcd4AyD3Q=="
+    },
     "node_modules/internal-slot": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.4.tgz",
@@ -9335,6 +9464,28 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-buffer": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-2.0.5.tgz",
+      "integrity": "sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/is-callable": {
       "version": "1.2.7",
       "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
@@ -12094,6 +12245,74 @@
         "node": ">=0.12.0"
       }
     },
+    "node_modules/mdast-util-definitions": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/mdast-util-definitions/-/mdast-util-definitions-5.1.2.tgz",
+      "integrity": "sha512-8SVPMuHqlPME/z3gqVwWY4zVXn8lqKv/pAhC57FuJ40ImXyBpmO5ukh98zB2v7Blql2FiHjHv9LVztSIqjY+MA==",
+      "dependencies": {
+        "@types/mdast": "^3.0.0",
+        "@types/unist": "^2.0.0",
+        "unist-util-visit": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-from-markdown": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/mdast-util-from-markdown/-/mdast-util-from-markdown-1.3.1.tgz",
+      "integrity": "sha512-4xTO/M8c82qBcnQc1tgpNtubGUW/Y1tBQ1B0i5CtSoelOLKFYlElIr3bvgREYYO5iRqbMY1YuqZng0GVOI8Qww==",
+      "dependencies": {
+        "@types/mdast": "^3.0.0",
+        "@types/unist": "^2.0.0",
+        "decode-named-character-reference": "^1.0.0",
+        "mdast-util-to-string": "^3.1.0",
+        "micromark": "^3.0.0",
+        "micromark-util-decode-numeric-character-reference": "^1.0.0",
+        "micromark-util-decode-string": "^1.0.0",
+        "micromark-util-normalize-identifier": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0",
+        "unist-util-stringify-position": "^3.0.0",
+        "uvu": "^0.5.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-to-hast": {
+      "version": "12.3.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-to-hast/-/mdast-util-to-hast-12.3.0.tgz",
+      "integrity": "sha512-pits93r8PhnIoU4Vy9bjW39M2jJ6/tdHyja9rrot9uujkN7UTU9SDnE6WNJz/IGyQk3XHX6yNNtrBH6cQzm8Hw==",
+      "dependencies": {
+        "@types/hast": "^2.0.0",
+        "@types/mdast": "^3.0.0",
+        "mdast-util-definitions": "^5.0.0",
+        "micromark-util-sanitize-uri": "^1.1.0",
+        "trim-lines": "^3.0.0",
+        "unist-util-generated": "^2.0.0",
+        "unist-util-position": "^4.0.0",
+        "unist-util-visit": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-to-string": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-to-string/-/mdast-util-to-string-3.2.0.tgz",
+      "integrity": "sha512-V4Zn/ncyN1QNSqSBxTrMOLpjr+IKdHl2v3KVLoWmDPscP4r9GcCi71gjgvUV1SFSKh92AjAG4peFuBl2/YgCJg==",
+      "dependencies": {
+        "@types/mdast": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/mdn-data": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.4.tgz",
@@ -12149,6 +12368,427 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/micromark": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/micromark/-/micromark-3.2.0.tgz",
+      "integrity": "sha512-uD66tJj54JLYq0De10AhWycZWGQNUvDI55xPgk2sQM5kn1JYlhbCMTtEeT27+vAhW2FBQxLlOmS3pmA7/2z4aA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "@types/debug": "^4.0.0",
+        "debug": "^4.0.0",
+        "decode-named-character-reference": "^1.0.0",
+        "micromark-core-commonmark": "^1.0.1",
+        "micromark-factory-space": "^1.0.0",
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-chunked": "^1.0.0",
+        "micromark-util-combine-extensions": "^1.0.0",
+        "micromark-util-decode-numeric-character-reference": "^1.0.0",
+        "micromark-util-encode": "^1.0.0",
+        "micromark-util-normalize-identifier": "^1.0.0",
+        "micromark-util-resolve-all": "^1.0.0",
+        "micromark-util-sanitize-uri": "^1.0.0",
+        "micromark-util-subtokenize": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.1",
+        "uvu": "^0.5.0"
+      }
+    },
+    "node_modules/micromark-core-commonmark": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-core-commonmark/-/micromark-core-commonmark-1.1.0.tgz",
+      "integrity": "sha512-BgHO1aRbolh2hcrzL2d1La37V0Aoz73ymF8rAcKnohLy93titmv62E0gP8Hrx9PKcKrqCZ1BbLGbP3bEhoXYlw==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "decode-named-character-reference": "^1.0.0",
+        "micromark-factory-destination": "^1.0.0",
+        "micromark-factory-label": "^1.0.0",
+        "micromark-factory-space": "^1.0.0",
+        "micromark-factory-title": "^1.0.0",
+        "micromark-factory-whitespace": "^1.0.0",
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-chunked": "^1.0.0",
+        "micromark-util-classify-character": "^1.0.0",
+        "micromark-util-html-tag-name": "^1.0.0",
+        "micromark-util-normalize-identifier": "^1.0.0",
+        "micromark-util-resolve-all": "^1.0.0",
+        "micromark-util-subtokenize": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.1",
+        "uvu": "^0.5.0"
+      }
+    },
+    "node_modules/micromark-factory-destination": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-factory-destination/-/micromark-factory-destination-1.1.0.tgz",
+      "integrity": "sha512-XaNDROBgx9SgSChd69pjiGKbV+nfHGDPVYFs5dOoDd7ZnMAE+Cuu91BCpsY8RT2NP9vo/B8pds2VQNCLiu0zhg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0"
+      }
+    },
+    "node_modules/micromark-factory-label": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-factory-label/-/micromark-factory-label-1.1.0.tgz",
+      "integrity": "sha512-OLtyez4vZo/1NjxGhcpDSbHQ+m0IIGnT8BoPamh+7jVlzLJBH98zzuCoUeMxvM6WsNeh8wx8cKvqLiPHEACn0w==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0",
+        "uvu": "^0.5.0"
+      }
+    },
+    "node_modules/micromark-factory-space": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-factory-space/-/micromark-factory-space-1.1.0.tgz",
+      "integrity": "sha512-cRzEj7c0OL4Mw2v6nwzttyOZe8XY/Z8G0rzmWQZTBi/jjwyw/U4uqKtUORXQrR5bAZZnbTI/feRV/R7hc4jQYQ==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-types": "^1.0.0"
+      }
+    },
+    "node_modules/micromark-factory-title": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-factory-title/-/micromark-factory-title-1.1.0.tgz",
+      "integrity": "sha512-J7n9R3vMmgjDOCY8NPw55jiyaQnH5kBdV2/UXCtZIpnHH3P6nHUKaH7XXEYuWwx/xUJcawa8plLBEjMPU24HzQ==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-factory-space": "^1.0.0",
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0"
+      }
+    },
+    "node_modules/micromark-factory-whitespace": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-factory-whitespace/-/micromark-factory-whitespace-1.1.0.tgz",
+      "integrity": "sha512-v2WlmiymVSp5oMg+1Q0N1Lxmt6pMhIHD457whWM7/GUlEks1hI9xj5w3zbc4uuMKXGisksZk8DzP2UyGbGqNsQ==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-factory-space": "^1.0.0",
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0"
+      }
+    },
+    "node_modules/micromark-util-character": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-character/-/micromark-util-character-1.2.0.tgz",
+      "integrity": "sha512-lXraTwcX3yH/vMDaFWCQJP1uIszLVebzUa3ZHdrgxr7KEU/9mL4mVgCpGbyhvNLNlauROiNUq7WN5u7ndbY6xg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0"
+      }
+    },
+    "node_modules/micromark-util-chunked": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-chunked/-/micromark-util-chunked-1.1.0.tgz",
+      "integrity": "sha512-Ye01HXpkZPNcV6FiyoW2fGZDUw4Yc7vT0E9Sad83+bEDiCJ1uXu0S3mr8WLpsz3HaG3x2q0HM6CTuPdcZcluFQ==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-util-symbol": "^1.0.0"
+      }
+    },
+    "node_modules/micromark-util-classify-character": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-classify-character/-/micromark-util-classify-character-1.1.0.tgz",
+      "integrity": "sha512-SL0wLxtKSnklKSUplok1WQFoGhUdWYKggKUiqhX+Swala+BtptGCu5iPRc+xvzJ4PXE/hwM3FNXsfEVgoZsWbw==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0"
+      }
+    },
+    "node_modules/micromark-util-combine-extensions": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-combine-extensions/-/micromark-util-combine-extensions-1.1.0.tgz",
+      "integrity": "sha512-Q20sp4mfNf9yEqDL50WwuWZHUrCO4fEyeDCnMGmG5Pr0Cz15Uo7KBs6jq+dq0EgX4DPwwrh9m0X+zPV1ypFvUA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-util-chunked": "^1.0.0",
+        "micromark-util-types": "^1.0.0"
+      }
+    },
+    "node_modules/micromark-util-decode-numeric-character-reference": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-decode-numeric-character-reference/-/micromark-util-decode-numeric-character-reference-1.1.0.tgz",
+      "integrity": "sha512-m9V0ExGv0jB1OT21mrWcuf4QhP46pH1KkfWy9ZEezqHKAxkj4mPCy3nIH1rkbdMlChLHX531eOrymlwyZIf2iw==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-util-symbol": "^1.0.0"
+      }
+    },
+    "node_modules/micromark-util-decode-string": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-decode-string/-/micromark-util-decode-string-1.1.0.tgz",
+      "integrity": "sha512-YphLGCK8gM1tG1bd54azwyrQRjCFcmgj2S2GoJDNnh4vYtnL38JS8M4gpxzOPNyHdNEpheyWXCTnnTDY3N+NVQ==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "decode-named-character-reference": "^1.0.0",
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-decode-numeric-character-reference": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0"
+      }
+    },
+    "node_modules/micromark-util-encode": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-encode/-/micromark-util-encode-1.1.0.tgz",
+      "integrity": "sha512-EuEzTWSTAj9PA5GOAs992GzNh2dGQO52UvAbtSOMvXTxv3Criqb6IOzJUBCmEqrrXSblJIJBbFFv6zPxpreiJw==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ]
+    },
+    "node_modules/micromark-util-html-tag-name": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-html-tag-name/-/micromark-util-html-tag-name-1.2.0.tgz",
+      "integrity": "sha512-VTQzcuQgFUD7yYztuQFKXT49KghjtETQ+Wv/zUjGSGBioZnkA4P1XXZPT1FHeJA6RwRXSF47yvJ1tsJdoxwO+Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ]
+    },
+    "node_modules/micromark-util-normalize-identifier": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-normalize-identifier/-/micromark-util-normalize-identifier-1.1.0.tgz",
+      "integrity": "sha512-N+w5vhqrBihhjdpM8+5Xsxy71QWqGn7HYNUvch71iV2PM7+E3uWGox1Qp90loa1ephtCxG2ftRV/Conitc6P2Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-util-symbol": "^1.0.0"
+      }
+    },
+    "node_modules/micromark-util-resolve-all": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-resolve-all/-/micromark-util-resolve-all-1.1.0.tgz",
+      "integrity": "sha512-b/G6BTMSg+bX+xVCshPTPyAu2tmA0E4X98NSR7eIbeC6ycCqCeE7wjfDIgzEbkzdEVJXRtOG4FbEm/uGbCRouA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-util-types": "^1.0.0"
+      }
+    },
+    "node_modules/micromark-util-sanitize-uri": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-sanitize-uri/-/micromark-util-sanitize-uri-1.2.0.tgz",
+      "integrity": "sha512-QO4GXv0XZfWey4pYFndLUKEAktKkG5kZTdUNaTAkzbuJxn2tNBOr+QtxR2XpWaMhbImT2dPzyLrPXLlPhph34A==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-encode": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0"
+      }
+    },
+    "node_modules/micromark-util-subtokenize": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-subtokenize/-/micromark-util-subtokenize-1.1.0.tgz",
+      "integrity": "sha512-kUQHyzRoxvZO2PuLzMt2P/dwVsTiivCK8icYTeR+3WgbuPqfHgPPy7nFKbeqRivBvn/3N3GBiNC+JRTMSxEC7A==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-util-chunked": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0",
+        "uvu": "^0.5.0"
+      }
+    },
+    "node_modules/micromark-util-symbol": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-symbol/-/micromark-util-symbol-1.1.0.tgz",
+      "integrity": "sha512-uEjpEYY6KMs1g7QfJ2eX1SQEV+ZT4rUD3UcF6l57acZvLNK7PBZL+ty82Z1qhK1/yXIY4bdx04FKMgR0g4IAag==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ]
+    },
+    "node_modules/micromark-util-types": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-types/-/micromark-util-types-1.1.0.tgz",
+      "integrity": "sha512-ukRBgie8TIAcacscVHSiddHjO4k/q3pnedmzMQ4iwDcK0FtFCohKOlFbaOL/mPgfnPsL3C1ZyxJa4sbWrBl3jg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ]
+    },
     "node_modules/micromatch": {
       "version": "4.0.5",
       "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
@@ -12301,6 +12941,14 @@
         "mkdirp": "bin/cmd.js"
       }
     },
+    "node_modules/mri": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz",
+      "integrity": "sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/ms": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
@@ -14228,6 +14876,15 @@
         "react-is": "^16.13.1"
       }
     },
+    "node_modules/property-information": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/property-information/-/property-information-6.2.0.tgz",
+      "integrity": "sha512-kma4U7AFCTwpqq5twzC1YVIDXSqg6qQK6JN0smOw8fgRy1OkMi0CYSzFmsy6dnqSenamAtj0CyXMUJ1Mf6oROg==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/protobufjs": {
       "version": "6.11.3",
       "resolved": "https://registry.npmjs.org/protobufjs/-/protobufjs-6.11.3.tgz",
@@ -14721,6 +15378,41 @@
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
       "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
     },
+    "node_modules/react-markdown": {
+      "version": "8.0.7",
+      "resolved": "https://registry.npmjs.org/react-markdown/-/react-markdown-8.0.7.tgz",
+      "integrity": "sha512-bvWbzG4MtOU62XqBx3Xx+zB2raaFFsq4mYiAzfjXJMEz2sixgeAfraA3tvzULF02ZdOMUOKTBFFaZJDDrq+BJQ==",
+      "dependencies": {
+        "@types/hast": "^2.0.0",
+        "@types/prop-types": "^15.0.0",
+        "@types/unist": "^2.0.0",
+        "comma-separated-tokens": "^2.0.0",
+        "hast-util-whitespace": "^2.0.0",
+        "prop-types": "^15.0.0",
+        "property-information": "^6.0.0",
+        "react-is": "^18.0.0",
+        "remark-parse": "^10.0.0",
+        "remark-rehype": "^10.0.0",
+        "space-separated-tokens": "^2.0.0",
+        "style-to-object": "^0.4.0",
+        "unified": "^10.0.0",
+        "unist-util-visit": "^4.0.0",
+        "vfile": "^5.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      },
+      "peerDependencies": {
+        "@types/react": ">=16",
+        "react": ">=16"
+      }
+    },
+    "node_modules/react-markdown/node_modules/react-is": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
+      "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w=="
+    },
     "node_modules/react-redux": {
       "version": "7.2.2",
       "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-7.2.2.tgz",
@@ -15037,6 +15729,35 @@
         "node": ">= 0.10"
       }
     },
+    "node_modules/remark-parse": {
+      "version": "10.0.2",
+      "resolved": "https://registry.npmjs.org/remark-parse/-/remark-parse-10.0.2.tgz",
+      "integrity": "sha512-3ydxgHa/ZQzG8LvC7jTXccARYDcRld3VfcgIIFs7bI6vbRSxJJmzgLEIIoYKyrfhaY+ujuWaf/PJiMZXoiCXgw==",
+      "dependencies": {
+        "@types/mdast": "^3.0.0",
+        "mdast-util-from-markdown": "^1.0.0",
+        "unified": "^10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/remark-rehype": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/remark-rehype/-/remark-rehype-10.1.0.tgz",
+      "integrity": "sha512-EFmR5zppdBp0WQeDVZ/b66CWJipB2q2VLNFMabzDSGR66Z2fQii83G5gTBbgGEnEEA0QRussvrFHxk1HWGJskw==",
+      "dependencies": {
+        "@types/hast": "^2.0.0",
+        "@types/mdast": "^3.0.0",
+        "mdast-util-to-hast": "^12.1.0",
+        "unified": "^10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/renderkid": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/renderkid/-/renderkid-3.0.0.tgz",
@@ -15291,6 +16012,17 @@
         "queue-microtask": "^1.2.2"
       }
     },
+    "node_modules/sade": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/sade/-/sade-1.8.1.tgz",
+      "integrity": "sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==",
+      "dependencies": {
+        "mri": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/safe-buffer": {
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
@@ -15722,6 +16454,15 @@
       "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==",
       "deprecated": "Please use @jridgewell/sourcemap-codec instead"
     },
+    "node_modules/space-separated-tokens": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-2.0.2.tgz",
+      "integrity": "sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/spdy": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/spdy/-/spdy-4.0.2.tgz",
@@ -15973,6 +16714,14 @@
         "webpack": "^5.0.0"
       }
     },
+    "node_modules/style-to-object": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/style-to-object/-/style-to-object-0.4.1.tgz",
+      "integrity": "sha512-HFpbb5gr2ypci7Qw+IOhnP2zOU7e77b+rzM+wTzXzfi1PrtBCX0E7Pk4wL4iTLnhzZ+JgEGAhX81ebTg/aYjQw==",
+      "dependencies": {
+        "inline-style-parser": "0.1.1"
+      }
+    },
     "node_modules/stylehacks": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/stylehacks/-/stylehacks-5.1.1.tgz",
@@ -16401,6 +17150,24 @@
         "node": ">=8"
       }
     },
+    "node_modules/trim-lines": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/trim-lines/-/trim-lines-3.0.1.tgz",
+      "integrity": "sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/trough": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/trough/-/trough-2.1.0.tgz",
+      "integrity": "sha512-AqTiAOLcj85xS7vQ8QkAV41hPDIJ71XJB4RCUrzo/1GM2CQwhkJGaf9Hgr7BOugMRpgGUrqRg/DrBDl4H40+8g==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/tryer": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/tryer/-/tryer-1.0.1.tgz",
@@ -16628,23 +17395,124 @@
         "node": ">=4"
       }
     },
-    "node_modules/unicode-property-aliases-ecmascript": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz",
-      "integrity": "sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==",
-      "engines": {
-        "node": ">=4"
+    "node_modules/unicode-property-aliases-ecmascript": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz",
+      "integrity": "sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unified": {
+      "version": "10.1.2",
+      "resolved": "https://registry.npmjs.org/unified/-/unified-10.1.2.tgz",
+      "integrity": "sha512-pUSWAi/RAnVy1Pif2kAoeWNBa3JVrx0MId2LASj8G+7AiHWoKZNTomq6LG326T68U7/e263X6fTdcXIy7XnF7Q==",
+      "dependencies": {
+        "@types/unist": "^2.0.0",
+        "bail": "^2.0.0",
+        "extend": "^3.0.0",
+        "is-buffer": "^2.0.0",
+        "is-plain-obj": "^4.0.0",
+        "trough": "^2.0.0",
+        "vfile": "^5.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unified/node_modules/is-plain-obj": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz",
+      "integrity": "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/unique-string": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/unique-string/-/unique-string-2.0.0.tgz",
+      "integrity": "sha512-uNaeirEPvpZWSgzwsPGtU2zVSTrn/8L5q/IexZmH0eH6SA73CmAA5U4GwORTxQAZs95TAXLNqeLoPPNO5gZfWg==",
+      "dependencies": {
+        "crypto-random-string": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/unist-util-generated": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/unist-util-generated/-/unist-util-generated-2.0.1.tgz",
+      "integrity": "sha512-qF72kLmPxAw0oN2fwpWIqbXAVyEqUzDHMsbtPvOudIlUzXYFIeQIuxXQCRCFh22B7cixvU0MG7m3MW8FTq/S+A==",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-is": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-5.2.1.tgz",
+      "integrity": "sha512-u9njyyfEh43npf1M+yGKDGVPbY/JWEemg5nH05ncKPfi+kBbKBJoTdsogMu33uhytuLlv9y0O7GH7fEdwLdLQw==",
+      "dependencies": {
+        "@types/unist": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-position": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/unist-util-position/-/unist-util-position-4.0.4.tgz",
+      "integrity": "sha512-kUBE91efOWfIVBo8xzh/uZQ7p9ffYRtUbMRZBNFYwf0RK8koUMx6dGUfwylLOKmaT2cs4wSW96QoYUSXAyEtpg==",
+      "dependencies": {
+        "@types/unist": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-stringify-position": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-3.0.3.tgz",
+      "integrity": "sha512-k5GzIBZ/QatR8N5X2y+drfpWG8IDBzdnVj6OInRNWm1oXrzydiaAT2OQiA8DPRRZyAKb9b6I2a6PxYklZD0gKg==",
+      "dependencies": {
+        "@types/unist": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-visit": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-4.1.2.tgz",
+      "integrity": "sha512-MSd8OUGISqHdVvfY9TPhyK2VdUrPgxkUtWSuMHF6XAAFuL4LokseigBnZtPnJMu+FbynTkFNnFlyjxpVKujMRg==",
+      "dependencies": {
+        "@types/unist": "^2.0.0",
+        "unist-util-is": "^5.0.0",
+        "unist-util-visit-parents": "^5.1.1"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/unique-string": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/unique-string/-/unique-string-2.0.0.tgz",
-      "integrity": "sha512-uNaeirEPvpZWSgzwsPGtU2zVSTrn/8L5q/IexZmH0eH6SA73CmAA5U4GwORTxQAZs95TAXLNqeLoPPNO5gZfWg==",
+    "node_modules/unist-util-visit-parents": {
+      "version": "5.1.3",
+      "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-5.1.3.tgz",
+      "integrity": "sha512-x6+y8g7wWMyQhL1iZfhIPhDAs7Xwbn9nRosDXl7qoPTSCy0yNxnKc+hWokFifWQIDGi154rdUqKvbCa4+1kLhg==",
       "dependencies": {
-        "crypto-random-string": "^2.0.0"
+        "@types/unist": "^2.0.0",
+        "unist-util-is": "^5.0.0"
       },
-      "engines": {
-        "node": ">=8"
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
       }
     },
     "node_modules/universalify": {
@@ -16767,6 +17635,39 @@
         "uuid": "dist/bin/uuid"
       }
     },
+    "node_modules/uvu": {
+      "version": "0.5.6",
+      "resolved": "https://registry.npmjs.org/uvu/-/uvu-0.5.6.tgz",
+      "integrity": "sha512-+g8ENReyr8YsOc6fv/NVJs2vFdHBnBNdfE49rshrTzDWOlUx4Gq7KOS2GD8eqhy2j+Ejq29+SbKH8yjkAqXqoA==",
+      "dependencies": {
+        "dequal": "^2.0.0",
+        "diff": "^5.0.0",
+        "kleur": "^4.0.3",
+        "sade": "^1.7.3"
+      },
+      "bin": {
+        "uvu": "bin.js"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/uvu/node_modules/diff": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/diff/-/diff-5.1.0.tgz",
+      "integrity": "sha512-D+mk+qE8VC/PAUrlAU34N+VfXev0ghe5ywmpqrawphmVZc1bEfn56uo9qpyGp1p4xpzOHkSW4ztBd6L7Xx4ACw==",
+      "engines": {
+        "node": ">=0.3.1"
+      }
+    },
+    "node_modules/uvu/node_modules/kleur": {
+      "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/kleur/-/kleur-4.1.5.tgz",
+      "integrity": "sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/v8-compile-cache-lib": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/v8-compile-cache-lib/-/v8-compile-cache-lib-3.0.1.tgz",
@@ -16801,6 +17702,34 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/vfile": {
+      "version": "5.3.7",
+      "resolved": "https://registry.npmjs.org/vfile/-/vfile-5.3.7.tgz",
+      "integrity": "sha512-r7qlzkgErKjobAmyNIkkSpizsFPYiUPuJb5pNW1RB4JcYVZhs4lIbVqk8XPk033CV/1z8ss5pkax8SuhGpcG8g==",
+      "dependencies": {
+        "@types/unist": "^2.0.0",
+        "is-buffer": "^2.0.0",
+        "unist-util-stringify-position": "^3.0.0",
+        "vfile-message": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/vfile-message": {
+      "version": "3.1.4",
+      "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-3.1.4.tgz",
+      "integrity": "sha512-fa0Z6P8HUrQN4BZaX05SIVXic+7kE3b05PWAtPuYP9QLHsLKYR7/AlLW3NtOrpXRLeawpDLMsVkmk5DG0NXgWw==",
+      "dependencies": {
+        "@types/unist": "^2.0.0",
+        "unist-util-stringify-position": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/w3c-hr-time": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz",
@@ -20714,6 +21643,14 @@
         "@types/node": "*"
       }
     },
+    "@types/debug": {
+      "version": "4.1.8",
+      "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.8.tgz",
+      "integrity": "sha512-/vPO1EPOs306Cvhwv7KfVfYvOJqA/S/AXjaHQiJboCZzcNDb+TIJFN9/2C9DZ//ijSKWioNyUxD792QmDJ+HKQ==",
+      "requires": {
+        "@types/ms": "*"
+      }
+    },
     "@types/eslint": {
       "version": "8.4.10",
       "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.4.10.tgz",
@@ -20766,6 +21703,14 @@
         "@types/node": "*"
       }
     },
+    "@types/hast": {
+      "version": "2.3.4",
+      "resolved": "https://registry.npmjs.org/@types/hast/-/hast-2.3.4.tgz",
+      "integrity": "sha512-wLEm0QvaoawEDoTRwzTXp4b4jpwiJDvR5KMnFnVodm3scufTlBOWRD6N1OBf9TZMhjlNsSfcO5V+7AF4+Vy+9g==",
+      "requires": {
+        "@types/unist": "*"
+      }
+    },
     "@types/html-minifier-terser": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/@types/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz",
@@ -20815,11 +21760,24 @@
       "resolved": "https://registry.npmjs.org/@types/long/-/long-4.0.1.tgz",
       "integrity": "sha512-5tXH6Bx/kNGd3MgffdmP4dy2Z+G4eaXw0SE81Tq3BNadtnMR5/ySMzX4SLEzHJzSmPNn4HIdpQsBvXMUykr58w=="
     },
+    "@types/mdast": {
+      "version": "3.0.11",
+      "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-3.0.11.tgz",
+      "integrity": "sha512-Y/uImid8aAwrEA24/1tcRZwpxX3pIFTSilcNDKSPn+Y2iDywSEachzRuvgAYYLR3wpGXAsMbv5lvKLDZLeYPAw==",
+      "requires": {
+        "@types/unist": "*"
+      }
+    },
     "@types/mime": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/@types/mime/-/mime-3.0.1.tgz",
       "integrity": "sha512-Y4XFY5VJAuw0FgAqPNd6NNoV44jbq9Bz2L7Rh/J6jLTiHBSBJa9fxqQIvkIld4GsoDOcCbvzOUAbLPsSKKg+uA=="
     },
+    "@types/ms": {
+      "version": "0.7.31",
+      "resolved": "https://registry.npmjs.org/@types/ms/-/ms-0.7.31.tgz",
+      "integrity": "sha512-iiUgKzV9AuaEkZqkOLDIvlQiL6ltuZd9tGcW3gwpnX8JbuiuhFlEGmmFXEXkN50Cvq7Os88IY2v0dkDqXYWVgA=="
+    },
     "@types/node": {
       "version": "14.14.25",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-14.14.25.tgz",
@@ -20835,6 +21793,11 @@
       "resolved": "https://registry.npmjs.org/@types/prettier/-/prettier-2.7.2.tgz",
       "integrity": "sha512-KufADq8uQqo1pYKVIYzfKbJfBAc0sOeXqGbFaSpv8MRmC/zXgowNZmFcbngndGk922QDmOASEXUZCaY48gs4cg=="
     },
+    "@types/prop-types": {
+      "version": "15.7.5",
+      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz",
+      "integrity": "sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w=="
+    },
     "@types/q": {
       "version": "1.5.5",
       "resolved": "https://registry.npmjs.org/@types/q/-/q-1.5.5.tgz",
@@ -20850,6 +21813,17 @@
       "resolved": "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.4.tgz",
       "integrity": "sha512-EEhsLsD6UsDM1yFhAvy0Cjr6VwmpMWqFBCb9w07wVugF7w9nfajxLuVmngTIpgS6svCnm6Vaw+MZhoDCKnOfsw=="
     },
+    "@types/react": {
+      "version": "18.2.8",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.8.tgz",
+      "integrity": "sha512-lTyWUNrd8ntVkqycEEplasWy2OxNlShj3zqS0LuB1ENUGis5HodmhM7DtCoUGbxj3VW/WsGA0DUhpG6XrM7gPA==",
+      "peer": true,
+      "requires": {
+        "@types/prop-types": "*",
+        "@types/scheduler": "*",
+        "csstype": "^3.0.2"
+      }
+    },
     "@types/resolve": {
       "version": "1.17.1",
       "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.17.1.tgz",
@@ -20863,6 +21837,12 @@
       "resolved": "https://registry.npmjs.org/@types/retry/-/retry-0.12.1.tgz",
       "integrity": "sha512-xoDlM2S4ortawSWORYqsdU+2rxdh4LRW9ytc3zmT37RIKQh6IHyKwwtKhKis9ah8ol07DCkZxPt8BBvPjC6v4g=="
     },
+    "@types/scheduler": {
+      "version": "0.16.3",
+      "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.3.tgz",
+      "integrity": "sha512-5cJ8CB4yAx7BH1oMvdU0Jh9lrEXyPkar6F9G/ERswkCuvP4KQZfZkSjcMbAICCpQTN4OuZn8tz0HiKv9TGZgrQ==",
+      "peer": true
+    },
     "@types/semver": {
       "version": "7.3.13",
       "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.3.13.tgz",
@@ -20903,6 +21883,11 @@
       "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.2.tgz",
       "integrity": "sha512-F5DIZ36YVLE+PN+Zwws4kJogq47hNgX3Nx6WyDJ3kcplxyke3XIzB8uK5n/Lpm1HBsbGzd6nmGehL8cPekP+Tg=="
     },
+    "@types/unist": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.6.tgz",
+      "integrity": "sha512-PBjIUxZHOuj0R15/xuwJYjFi+KZdNFrehocChv4g5hu6aFroHue8m0lBP0POdK2nKzbw0cgV1mws8+V/JAcEkQ=="
+    },
     "@types/ws": {
       "version": "8.5.4",
       "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.5.4.tgz",
@@ -21721,6 +22706,11 @@
         "babel-plugin-transform-react-remove-prop-types": "^0.4.24"
       }
     },
+    "bail": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/bail/-/bail-2.0.2.tgz",
+      "integrity": "sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw=="
+    },
     "balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
@@ -21957,6 +22947,11 @@
       "resolved": "https://registry.npmjs.org/char-regex/-/char-regex-1.0.2.tgz",
       "integrity": "sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw=="
     },
+    "character-entities": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/character-entities/-/character-entities-2.0.2.tgz",
+      "integrity": "sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ=="
+    },
     "check-types": {
       "version": "11.2.2",
       "resolved": "https://registry.npmjs.org/check-types/-/check-types-11.2.2.tgz",
@@ -22096,6 +23091,11 @@
       "resolved": "https://registry.npmjs.org/comlink/-/comlink-4.3.1.tgz",
       "integrity": "sha512-+YbhUdNrpBZggBAHWcgQMLPLH1KDF3wJpeqrCKieWQ8RL7atmgsgTQko1XEBK6PsecfopWNntopJ+ByYG1lRaA=="
     },
+    "comma-separated-tokens": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/comma-separated-tokens/-/comma-separated-tokens-2.0.3.tgz",
+      "integrity": "sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg=="
+    },
     "commander": {
       "version": "8.3.0",
       "resolved": "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz",
@@ -22511,6 +23511,12 @@
         }
       }
     },
+    "csstype": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
+      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==",
+      "peer": true
+    },
     "damerau-levenshtein": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
@@ -22539,6 +23545,14 @@
       "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.4.3.tgz",
       "integrity": "sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA=="
     },
+    "decode-named-character-reference": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/decode-named-character-reference/-/decode-named-character-reference-1.0.2.tgz",
+      "integrity": "sha512-O8x12RzrUF8xyVcY0KJowWsmaJxQbmy0/EtnNtHRpsOcT7dFk5W598coHqBVpmWo1oQQfsCqfCmkZN5DJrZVdg==",
+      "requires": {
+        "character-entities": "^2.0.0"
+      }
+    },
     "dedent": {
       "version": "0.7.0",
       "resolved": "https://registry.npmjs.org/dedent/-/dedent-0.7.0.tgz",
@@ -22604,6 +23618,11 @@
       "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
       "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw=="
     },
+    "dequal": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
+      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA=="
+    },
     "destroy": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
@@ -23603,6 +24622,11 @@
         }
       }
     },
+    "extend": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
+      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g=="
+    },
     "fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
@@ -24205,6 +25229,11 @@
         "has-symbols": "^1.0.2"
       }
     },
+    "hast-util-whitespace": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/hast-util-whitespace/-/hast-util-whitespace-2.0.1.tgz",
+      "integrity": "sha512-nAxA0v8+vXSBDt3AnRUNjyRIQ0rD+ntpbAp4LnPkumc5M9yUbSMa4XDU9Q6etY4f1Wp4bNgvc1yjiZtsTTrSng=="
+    },
     "he": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
@@ -24465,6 +25494,11 @@
       "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
       "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew=="
     },
+    "inline-style-parser": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/inline-style-parser/-/inline-style-parser-0.1.1.tgz",
+      "integrity": "sha512-7NXolsK4CAS5+xvdj5OMMbI962hU/wvwoxk+LWR9Ek9bVtyuuYScDN6eS0rUm6TxApFpw7CX1o4uJzcd4AyD3Q=="
+    },
     "internal-slot": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.4.tgz",
@@ -24520,6 +25554,11 @@
         "has-tostringtag": "^1.0.0"
       }
     },
+    "is-buffer": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-2.0.5.tgz",
+      "integrity": "sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ=="
+    },
     "is-callable": {
       "version": "1.2.7",
       "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
@@ -26535,6 +27574,58 @@
       "resolved": "https://registry.npmjs.org/material-design-lite/-/material-design-lite-1.3.0.tgz",
       "integrity": "sha1-0ATOP+6Zoe63Sni4oyUTSl8RcdM="
     },
+    "mdast-util-definitions": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/mdast-util-definitions/-/mdast-util-definitions-5.1.2.tgz",
+      "integrity": "sha512-8SVPMuHqlPME/z3gqVwWY4zVXn8lqKv/pAhC57FuJ40ImXyBpmO5ukh98zB2v7Blql2FiHjHv9LVztSIqjY+MA==",
+      "requires": {
+        "@types/mdast": "^3.0.0",
+        "@types/unist": "^2.0.0",
+        "unist-util-visit": "^4.0.0"
+      }
+    },
+    "mdast-util-from-markdown": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/mdast-util-from-markdown/-/mdast-util-from-markdown-1.3.1.tgz",
+      "integrity": "sha512-4xTO/M8c82qBcnQc1tgpNtubGUW/Y1tBQ1B0i5CtSoelOLKFYlElIr3bvgREYYO5iRqbMY1YuqZng0GVOI8Qww==",
+      "requires": {
+        "@types/mdast": "^3.0.0",
+        "@types/unist": "^2.0.0",
+        "decode-named-character-reference": "^1.0.0",
+        "mdast-util-to-string": "^3.1.0",
+        "micromark": "^3.0.0",
+        "micromark-util-decode-numeric-character-reference": "^1.0.0",
+        "micromark-util-decode-string": "^1.0.0",
+        "micromark-util-normalize-identifier": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0",
+        "unist-util-stringify-position": "^3.0.0",
+        "uvu": "^0.5.0"
+      }
+    },
+    "mdast-util-to-hast": {
+      "version": "12.3.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-to-hast/-/mdast-util-to-hast-12.3.0.tgz",
+      "integrity": "sha512-pits93r8PhnIoU4Vy9bjW39M2jJ6/tdHyja9rrot9uujkN7UTU9SDnE6WNJz/IGyQk3XHX6yNNtrBH6cQzm8Hw==",
+      "requires": {
+        "@types/hast": "^2.0.0",
+        "@types/mdast": "^3.0.0",
+        "mdast-util-definitions": "^5.0.0",
+        "micromark-util-sanitize-uri": "^1.1.0",
+        "trim-lines": "^3.0.0",
+        "unist-util-generated": "^2.0.0",
+        "unist-util-position": "^4.0.0",
+        "unist-util-visit": "^4.0.0"
+      }
+    },
+    "mdast-util-to-string": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-to-string/-/mdast-util-to-string-3.2.0.tgz",
+      "integrity": "sha512-V4Zn/ncyN1QNSqSBxTrMOLpjr+IKdHl2v3KVLoWmDPscP4r9GcCi71gjgvUV1SFSKh92AjAG4peFuBl2/YgCJg==",
+      "requires": {
+        "@types/mdast": "^3.0.0"
+      }
+    },
     "mdn-data": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.4.tgz",
@@ -26578,6 +27669,217 @@
       "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
       "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w=="
     },
+    "micromark": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/micromark/-/micromark-3.2.0.tgz",
+      "integrity": "sha512-uD66tJj54JLYq0De10AhWycZWGQNUvDI55xPgk2sQM5kn1JYlhbCMTtEeT27+vAhW2FBQxLlOmS3pmA7/2z4aA==",
+      "requires": {
+        "@types/debug": "^4.0.0",
+        "debug": "^4.0.0",
+        "decode-named-character-reference": "^1.0.0",
+        "micromark-core-commonmark": "^1.0.1",
+        "micromark-factory-space": "^1.0.0",
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-chunked": "^1.0.0",
+        "micromark-util-combine-extensions": "^1.0.0",
+        "micromark-util-decode-numeric-character-reference": "^1.0.0",
+        "micromark-util-encode": "^1.0.0",
+        "micromark-util-normalize-identifier": "^1.0.0",
+        "micromark-util-resolve-all": "^1.0.0",
+        "micromark-util-sanitize-uri": "^1.0.0",
+        "micromark-util-subtokenize": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.1",
+        "uvu": "^0.5.0"
+      }
+    },
+    "micromark-core-commonmark": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-core-commonmark/-/micromark-core-commonmark-1.1.0.tgz",
+      "integrity": "sha512-BgHO1aRbolh2hcrzL2d1La37V0Aoz73ymF8rAcKnohLy93titmv62E0gP8Hrx9PKcKrqCZ1BbLGbP3bEhoXYlw==",
+      "requires": {
+        "decode-named-character-reference": "^1.0.0",
+        "micromark-factory-destination": "^1.0.0",
+        "micromark-factory-label": "^1.0.0",
+        "micromark-factory-space": "^1.0.0",
+        "micromark-factory-title": "^1.0.0",
+        "micromark-factory-whitespace": "^1.0.0",
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-chunked": "^1.0.0",
+        "micromark-util-classify-character": "^1.0.0",
+        "micromark-util-html-tag-name": "^1.0.0",
+        "micromark-util-normalize-identifier": "^1.0.0",
+        "micromark-util-resolve-all": "^1.0.0",
+        "micromark-util-subtokenize": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.1",
+        "uvu": "^0.5.0"
+      }
+    },
+    "micromark-factory-destination": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-factory-destination/-/micromark-factory-destination-1.1.0.tgz",
+      "integrity": "sha512-XaNDROBgx9SgSChd69pjiGKbV+nfHGDPVYFs5dOoDd7ZnMAE+Cuu91BCpsY8RT2NP9vo/B8pds2VQNCLiu0zhg==",
+      "requires": {
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0"
+      }
+    },
+    "micromark-factory-label": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-factory-label/-/micromark-factory-label-1.1.0.tgz",
+      "integrity": "sha512-OLtyez4vZo/1NjxGhcpDSbHQ+m0IIGnT8BoPamh+7jVlzLJBH98zzuCoUeMxvM6WsNeh8wx8cKvqLiPHEACn0w==",
+      "requires": {
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0",
+        "uvu": "^0.5.0"
+      }
+    },
+    "micromark-factory-space": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-factory-space/-/micromark-factory-space-1.1.0.tgz",
+      "integrity": "sha512-cRzEj7c0OL4Mw2v6nwzttyOZe8XY/Z8G0rzmWQZTBi/jjwyw/U4uqKtUORXQrR5bAZZnbTI/feRV/R7hc4jQYQ==",
+      "requires": {
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-types": "^1.0.0"
+      }
+    },
+    "micromark-factory-title": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-factory-title/-/micromark-factory-title-1.1.0.tgz",
+      "integrity": "sha512-J7n9R3vMmgjDOCY8NPw55jiyaQnH5kBdV2/UXCtZIpnHH3P6nHUKaH7XXEYuWwx/xUJcawa8plLBEjMPU24HzQ==",
+      "requires": {
+        "micromark-factory-space": "^1.0.0",
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0"
+      }
+    },
+    "micromark-factory-whitespace": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-factory-whitespace/-/micromark-factory-whitespace-1.1.0.tgz",
+      "integrity": "sha512-v2WlmiymVSp5oMg+1Q0N1Lxmt6pMhIHD457whWM7/GUlEks1hI9xj5w3zbc4uuMKXGisksZk8DzP2UyGbGqNsQ==",
+      "requires": {
+        "micromark-factory-space": "^1.0.0",
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0"
+      }
+    },
+    "micromark-util-character": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-character/-/micromark-util-character-1.2.0.tgz",
+      "integrity": "sha512-lXraTwcX3yH/vMDaFWCQJP1uIszLVebzUa3ZHdrgxr7KEU/9mL4mVgCpGbyhvNLNlauROiNUq7WN5u7ndbY6xg==",
+      "requires": {
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0"
+      }
+    },
+    "micromark-util-chunked": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-chunked/-/micromark-util-chunked-1.1.0.tgz",
+      "integrity": "sha512-Ye01HXpkZPNcV6FiyoW2fGZDUw4Yc7vT0E9Sad83+bEDiCJ1uXu0S3mr8WLpsz3HaG3x2q0HM6CTuPdcZcluFQ==",
+      "requires": {
+        "micromark-util-symbol": "^1.0.0"
+      }
+    },
+    "micromark-util-classify-character": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-classify-character/-/micromark-util-classify-character-1.1.0.tgz",
+      "integrity": "sha512-SL0wLxtKSnklKSUplok1WQFoGhUdWYKggKUiqhX+Swala+BtptGCu5iPRc+xvzJ4PXE/hwM3FNXsfEVgoZsWbw==",
+      "requires": {
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0"
+      }
+    },
+    "micromark-util-combine-extensions": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-combine-extensions/-/micromark-util-combine-extensions-1.1.0.tgz",
+      "integrity": "sha512-Q20sp4mfNf9yEqDL50WwuWZHUrCO4fEyeDCnMGmG5Pr0Cz15Uo7KBs6jq+dq0EgX4DPwwrh9m0X+zPV1ypFvUA==",
+      "requires": {
+        "micromark-util-chunked": "^1.0.0",
+        "micromark-util-types": "^1.0.0"
+      }
+    },
+    "micromark-util-decode-numeric-character-reference": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-decode-numeric-character-reference/-/micromark-util-decode-numeric-character-reference-1.1.0.tgz",
+      "integrity": "sha512-m9V0ExGv0jB1OT21mrWcuf4QhP46pH1KkfWy9ZEezqHKAxkj4mPCy3nIH1rkbdMlChLHX531eOrymlwyZIf2iw==",
+      "requires": {
+        "micromark-util-symbol": "^1.0.0"
+      }
+    },
+    "micromark-util-decode-string": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-decode-string/-/micromark-util-decode-string-1.1.0.tgz",
+      "integrity": "sha512-YphLGCK8gM1tG1bd54azwyrQRjCFcmgj2S2GoJDNnh4vYtnL38JS8M4gpxzOPNyHdNEpheyWXCTnnTDY3N+NVQ==",
+      "requires": {
+        "decode-named-character-reference": "^1.0.0",
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-decode-numeric-character-reference": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0"
+      }
+    },
+    "micromark-util-encode": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-encode/-/micromark-util-encode-1.1.0.tgz",
+      "integrity": "sha512-EuEzTWSTAj9PA5GOAs992GzNh2dGQO52UvAbtSOMvXTxv3Criqb6IOzJUBCmEqrrXSblJIJBbFFv6zPxpreiJw=="
+    },
+    "micromark-util-html-tag-name": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-html-tag-name/-/micromark-util-html-tag-name-1.2.0.tgz",
+      "integrity": "sha512-VTQzcuQgFUD7yYztuQFKXT49KghjtETQ+Wv/zUjGSGBioZnkA4P1XXZPT1FHeJA6RwRXSF47yvJ1tsJdoxwO+Q=="
+    },
+    "micromark-util-normalize-identifier": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-normalize-identifier/-/micromark-util-normalize-identifier-1.1.0.tgz",
+      "integrity": "sha512-N+w5vhqrBihhjdpM8+5Xsxy71QWqGn7HYNUvch71iV2PM7+E3uWGox1Qp90loa1ephtCxG2ftRV/Conitc6P2Q==",
+      "requires": {
+        "micromark-util-symbol": "^1.0.0"
+      }
+    },
+    "micromark-util-resolve-all": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-resolve-all/-/micromark-util-resolve-all-1.1.0.tgz",
+      "integrity": "sha512-b/G6BTMSg+bX+xVCshPTPyAu2tmA0E4X98NSR7eIbeC6ycCqCeE7wjfDIgzEbkzdEVJXRtOG4FbEm/uGbCRouA==",
+      "requires": {
+        "micromark-util-types": "^1.0.0"
+      }
+    },
+    "micromark-util-sanitize-uri": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-sanitize-uri/-/micromark-util-sanitize-uri-1.2.0.tgz",
+      "integrity": "sha512-QO4GXv0XZfWey4pYFndLUKEAktKkG5kZTdUNaTAkzbuJxn2tNBOr+QtxR2XpWaMhbImT2dPzyLrPXLlPhph34A==",
+      "requires": {
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-encode": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0"
+      }
+    },
+    "micromark-util-subtokenize": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-subtokenize/-/micromark-util-subtokenize-1.1.0.tgz",
+      "integrity": "sha512-kUQHyzRoxvZO2PuLzMt2P/dwVsTiivCK8icYTeR+3WgbuPqfHgPPy7nFKbeqRivBvn/3N3GBiNC+JRTMSxEC7A==",
+      "requires": {
+        "micromark-util-chunked": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0",
+        "uvu": "^0.5.0"
+      }
+    },
+    "micromark-util-symbol": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-symbol/-/micromark-util-symbol-1.1.0.tgz",
+      "integrity": "sha512-uEjpEYY6KMs1g7QfJ2eX1SQEV+ZT4rUD3UcF6l57acZvLNK7PBZL+ty82Z1qhK1/yXIY4bdx04FKMgR0g4IAag=="
+    },
+    "micromark-util-types": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-types/-/micromark-util-types-1.1.0.tgz",
+      "integrity": "sha512-ukRBgie8TIAcacscVHSiddHjO4k/q3pnedmzMQ4iwDcK0FtFCohKOlFbaOL/mPgfnPsL3C1ZyxJa4sbWrBl3jg=="
+    },
     "micromatch": {
       "version": "4.0.5",
       "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
@@ -26681,6 +27983,11 @@
         "minimist": "^1.2.6"
       }
     },
+    "mri": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz",
+      "integrity": "sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA=="
+    },
     "ms": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
@@ -27894,6 +29201,11 @@
         "react-is": "^16.13.1"
       }
     },
+    "property-information": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/property-information/-/property-information-6.2.0.tgz",
+      "integrity": "sha512-kma4U7AFCTwpqq5twzC1YVIDXSqg6qQK6JN0smOw8fgRy1OkMi0CYSzFmsy6dnqSenamAtj0CyXMUJ1Mf6oROg=="
+    },
     "protobufjs": {
       "version": "6.11.3",
       "resolved": "https://registry.npmjs.org/protobufjs/-/protobufjs-6.11.3.tgz",
@@ -28253,6 +29565,35 @@
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
       "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
     },
+    "react-markdown": {
+      "version": "8.0.7",
+      "resolved": "https://registry.npmjs.org/react-markdown/-/react-markdown-8.0.7.tgz",
+      "integrity": "sha512-bvWbzG4MtOU62XqBx3Xx+zB2raaFFsq4mYiAzfjXJMEz2sixgeAfraA3tvzULF02ZdOMUOKTBFFaZJDDrq+BJQ==",
+      "requires": {
+        "@types/hast": "^2.0.0",
+        "@types/prop-types": "^15.0.0",
+        "@types/unist": "^2.0.0",
+        "comma-separated-tokens": "^2.0.0",
+        "hast-util-whitespace": "^2.0.0",
+        "prop-types": "^15.0.0",
+        "property-information": "^6.0.0",
+        "react-is": "^18.0.0",
+        "remark-parse": "^10.0.0",
+        "remark-rehype": "^10.0.0",
+        "space-separated-tokens": "^2.0.0",
+        "style-to-object": "^0.4.0",
+        "unified": "^10.0.0",
+        "unist-util-visit": "^4.0.0",
+        "vfile": "^5.0.0"
+      },
+      "dependencies": {
+        "react-is": {
+          "version": "18.2.0",
+          "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
+          "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w=="
+        }
+      }
+    },
     "react-redux": {
       "version": "7.2.2",
       "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-7.2.2.tgz",
@@ -28488,6 +29829,27 @@
       "resolved": "https://registry.npmjs.org/relateurl/-/relateurl-0.2.7.tgz",
       "integrity": "sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog=="
     },
+    "remark-parse": {
+      "version": "10.0.2",
+      "resolved": "https://registry.npmjs.org/remark-parse/-/remark-parse-10.0.2.tgz",
+      "integrity": "sha512-3ydxgHa/ZQzG8LvC7jTXccARYDcRld3VfcgIIFs7bI6vbRSxJJmzgLEIIoYKyrfhaY+ujuWaf/PJiMZXoiCXgw==",
+      "requires": {
+        "@types/mdast": "^3.0.0",
+        "mdast-util-from-markdown": "^1.0.0",
+        "unified": "^10.0.0"
+      }
+    },
+    "remark-rehype": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/remark-rehype/-/remark-rehype-10.1.0.tgz",
+      "integrity": "sha512-EFmR5zppdBp0WQeDVZ/b66CWJipB2q2VLNFMabzDSGR66Z2fQii83G5gTBbgGEnEEA0QRussvrFHxk1HWGJskw==",
+      "requires": {
+        "@types/hast": "^2.0.0",
+        "@types/mdast": "^3.0.0",
+        "mdast-util-to-hast": "^12.1.0",
+        "unified": "^10.0.0"
+      }
+    },
     "renderkid": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/renderkid/-/renderkid-3.0.0.tgz",
@@ -28656,6 +30018,14 @@
         "queue-microtask": "^1.2.2"
       }
     },
+    "sade": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/sade/-/sade-1.8.1.tgz",
+      "integrity": "sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==",
+      "requires": {
+        "mri": "^1.1.0"
+      }
+    },
     "safe-buffer": {
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
@@ -28983,6 +30353,11 @@
       "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz",
       "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA=="
     },
+    "space-separated-tokens": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-2.0.2.tgz",
+      "integrity": "sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q=="
+    },
     "spdy": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/spdy/-/spdy-4.0.2.tgz",
@@ -29168,6 +30543,14 @@
       "integrity": "sha512-GPcQ+LDJbrcxHORTRes6Jy2sfvK2kS6hpSfI/fXhPt+spVzxF6LJ1dHLN9zIGmVaaP044YKaIatFaufENRiDoQ==",
       "requires": {}
     },
+    "style-to-object": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/style-to-object/-/style-to-object-0.4.1.tgz",
+      "integrity": "sha512-HFpbb5gr2ypci7Qw+IOhnP2zOU7e77b+rzM+wTzXzfi1PrtBCX0E7Pk4wL4iTLnhzZ+JgEGAhX81ebTg/aYjQw==",
+      "requires": {
+        "inline-style-parser": "0.1.1"
+      }
+    },
     "stylehacks": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/stylehacks/-/stylehacks-5.1.1.tgz",
@@ -29488,6 +30871,16 @@
         "punycode": "^2.1.1"
       }
     },
+    "trim-lines": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/trim-lines/-/trim-lines-3.0.1.tgz",
+      "integrity": "sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg=="
+    },
+    "trough": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/trough/-/trough-2.1.0.tgz",
+      "integrity": "sha512-AqTiAOLcj85xS7vQ8QkAV41hPDIJ71XJB4RCUrzo/1GM2CQwhkJGaf9Hgr7BOugMRpgGUrqRg/DrBDl4H40+8g=="
+    },
     "tryer": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/tryer/-/tryer-1.0.1.tgz",
@@ -29650,6 +31043,27 @@
       "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz",
       "integrity": "sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w=="
     },
+    "unified": {
+      "version": "10.1.2",
+      "resolved": "https://registry.npmjs.org/unified/-/unified-10.1.2.tgz",
+      "integrity": "sha512-pUSWAi/RAnVy1Pif2kAoeWNBa3JVrx0MId2LASj8G+7AiHWoKZNTomq6LG326T68U7/e263X6fTdcXIy7XnF7Q==",
+      "requires": {
+        "@types/unist": "^2.0.0",
+        "bail": "^2.0.0",
+        "extend": "^3.0.0",
+        "is-buffer": "^2.0.0",
+        "is-plain-obj": "^4.0.0",
+        "trough": "^2.0.0",
+        "vfile": "^5.0.0"
+      },
+      "dependencies": {
+        "is-plain-obj": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz",
+          "integrity": "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg=="
+        }
+      }
+    },
     "unique-string": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/unique-string/-/unique-string-2.0.0.tgz",
@@ -29658,6 +31072,54 @@
         "crypto-random-string": "^2.0.0"
       }
     },
+    "unist-util-generated": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/unist-util-generated/-/unist-util-generated-2.0.1.tgz",
+      "integrity": "sha512-qF72kLmPxAw0oN2fwpWIqbXAVyEqUzDHMsbtPvOudIlUzXYFIeQIuxXQCRCFh22B7cixvU0MG7m3MW8FTq/S+A=="
+    },
+    "unist-util-is": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-5.2.1.tgz",
+      "integrity": "sha512-u9njyyfEh43npf1M+yGKDGVPbY/JWEemg5nH05ncKPfi+kBbKBJoTdsogMu33uhytuLlv9y0O7GH7fEdwLdLQw==",
+      "requires": {
+        "@types/unist": "^2.0.0"
+      }
+    },
+    "unist-util-position": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/unist-util-position/-/unist-util-position-4.0.4.tgz",
+      "integrity": "sha512-kUBE91efOWfIVBo8xzh/uZQ7p9ffYRtUbMRZBNFYwf0RK8koUMx6dGUfwylLOKmaT2cs4wSW96QoYUSXAyEtpg==",
+      "requires": {
+        "@types/unist": "^2.0.0"
+      }
+    },
+    "unist-util-stringify-position": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-3.0.3.tgz",
+      "integrity": "sha512-k5GzIBZ/QatR8N5X2y+drfpWG8IDBzdnVj6OInRNWm1oXrzydiaAT2OQiA8DPRRZyAKb9b6I2a6PxYklZD0gKg==",
+      "requires": {
+        "@types/unist": "^2.0.0"
+      }
+    },
+    "unist-util-visit": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-4.1.2.tgz",
+      "integrity": "sha512-MSd8OUGISqHdVvfY9TPhyK2VdUrPgxkUtWSuMHF6XAAFuL4LokseigBnZtPnJMu+FbynTkFNnFlyjxpVKujMRg==",
+      "requires": {
+        "@types/unist": "^2.0.0",
+        "unist-util-is": "^5.0.0",
+        "unist-util-visit-parents": "^5.1.1"
+      }
+    },
+    "unist-util-visit-parents": {
+      "version": "5.1.3",
+      "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-5.1.3.tgz",
+      "integrity": "sha512-x6+y8g7wWMyQhL1iZfhIPhDAs7Xwbn9nRosDXl7qoPTSCy0yNxnKc+hWokFifWQIDGi154rdUqKvbCa4+1kLhg==",
+      "requires": {
+        "@types/unist": "^2.0.0",
+        "unist-util-is": "^5.0.0"
+      }
+    },
     "universalify": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
@@ -29741,6 +31203,29 @@
       "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
       "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg=="
     },
+    "uvu": {
+      "version": "0.5.6",
+      "resolved": "https://registry.npmjs.org/uvu/-/uvu-0.5.6.tgz",
+      "integrity": "sha512-+g8ENReyr8YsOc6fv/NVJs2vFdHBnBNdfE49rshrTzDWOlUx4Gq7KOS2GD8eqhy2j+Ejq29+SbKH8yjkAqXqoA==",
+      "requires": {
+        "dequal": "^2.0.0",
+        "diff": "^5.0.0",
+        "kleur": "^4.0.3",
+        "sade": "^1.7.3"
+      },
+      "dependencies": {
+        "diff": {
+          "version": "5.1.0",
+          "resolved": "https://registry.npmjs.org/diff/-/diff-5.1.0.tgz",
+          "integrity": "sha512-D+mk+qE8VC/PAUrlAU34N+VfXev0ghe5ywmpqrawphmVZc1bEfn56uo9qpyGp1p4xpzOHkSW4ztBd6L7Xx4ACw=="
+        },
+        "kleur": {
+          "version": "4.1.5",
+          "resolved": "https://registry.npmjs.org/kleur/-/kleur-4.1.5.tgz",
+          "integrity": "sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ=="
+        }
+      }
+    },
     "v8-compile-cache-lib": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/v8-compile-cache-lib/-/v8-compile-cache-lib-3.0.1.tgz",
@@ -29768,6 +31253,26 @@
       "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
       "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg=="
     },
+    "vfile": {
+      "version": "5.3.7",
+      "resolved": "https://registry.npmjs.org/vfile/-/vfile-5.3.7.tgz",
+      "integrity": "sha512-r7qlzkgErKjobAmyNIkkSpizsFPYiUPuJb5pNW1RB4JcYVZhs4lIbVqk8XPk033CV/1z8ss5pkax8SuhGpcG8g==",
+      "requires": {
+        "@types/unist": "^2.0.0",
+        "is-buffer": "^2.0.0",
+        "unist-util-stringify-position": "^3.0.0",
+        "vfile-message": "^3.0.0"
+      }
+    },
+    "vfile-message": {
+      "version": "3.1.4",
+      "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-3.1.4.tgz",
+      "integrity": "sha512-fa0Z6P8HUrQN4BZaX05SIVXic+7kE3b05PWAtPuYP9QLHsLKYR7/AlLW3NtOrpXRLeawpDLMsVkmk5DG0NXgWw==",
+      "requires": {
+        "@types/unist": "^2.0.0",
+        "unist-util-stringify-position": "^3.0.0"
+      }
+    },
     "w3c-hr-time": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index 585bdc08..4767bea2 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -35,6 +35,7 @@
     "react-fast-compare": "^3.0.1",
     "react-firebaseui": "^5.0.2",
     "react-inner-html": "^1.0.1",
+    "react-markdown": "^8.0.7",
     "react-redux": "^7.2.2",
     "react-scripts": "^5.0.1",
     "react-scroll": "^1.8.2",
diff --git a/frontend/src/App.js b/frontend/src/App.js
index 929fcd29..10d20d9d 100644
--- a/frontend/src/App.js
+++ b/frontend/src/App.js
@@ -58,6 +58,7 @@ import HeaderLoginInfo from "./components/HeaderLoginInfo";
 import terms from "./terms.json"
 import _ from "lodash";
 import {otherVisibleLanguages} from "./languages";
+import ReactMarkdown from "react-markdown";
 
 
 const EditorButtons = (
@@ -297,9 +298,9 @@ const Assistant = (assistant) => {
 
 function AI({ chat }) {
   return <div>
-    <div>
+    <ReactMarkdown>
       {chat}
-    </div>
+    </ReactMarkdown>
     <button
       className="btn btn-primary"
       onClick={async () => {

From f036d55db108685dccf0fbc74159e5561ae96582 Mon Sep 17 00:00:00 2001
From: Alex Hall <alex.mojaki@gmail.com>
Date: Sun, 11 Jun 2023 16:16:22 +0200
Subject: [PATCH 07/14] Extract Requirements and AI files

---
 frontend/src/AI.js           | 46 +++++++++++++++++
 frontend/src/App.js          | 95 ++----------------------------------
 frontend/src/Requirements.js | 58 ++++++++++++++++++++++
 3 files changed, 107 insertions(+), 92 deletions(-)
 create mode 100644 frontend/src/AI.js
 create mode 100644 frontend/src/Requirements.js

diff --git a/frontend/src/AI.js b/frontend/src/AI.js
new file mode 100644
index 00000000..59a68509
--- /dev/null
+++ b/frontend/src/AI.js
@@ -0,0 +1,46 @@
+import ReactMarkdown from "react-markdown";
+import {bookSetState, bookState, currentPage, currentStep} from "./book/store";
+import {requirementText} from "./Requirements";
+import terms from "./terms.json";
+import React from "react";
+
+export function AI({ chat }) {
+  return <div>
+    <ReactMarkdown>
+      {chat}
+    </ReactMarkdown>
+    <button
+      className="btn btn-primary"
+      onClick={async () => {
+        const page = currentPage();
+        const step = currentStep();
+        const requirements = step.requirements.map((requirement) =>
+          requirementText(
+            { ...requirement, ...(requirement.unparsed || {}) },
+            terms.unparsed,
+          ));
+        const { editorContent, assistant } = bookState;
+        const data = {
+          page,
+          stepName: step.name,
+          requirements,
+          editorContent,
+          assistant,
+          terms: terms.unparsed,
+        };
+        const res = await fetch(
+          "http://127.0.0.1:5001/futurecoder-io/us-central1/chat",
+          {
+            method: "POST",
+            body: JSON.stringify(data),
+            headers: {
+              "Content-Type": "application/json",
+            },
+          }
+        );
+        bookSetState("assistant.chat", await res.text());
+      }}>
+      Send
+    </button>
+  </div>;
+}
diff --git a/frontend/src/App.js b/frontend/src/App.js
index 10d20d9d..e5474d85 100644
--- a/frontend/src/App.js
+++ b/frontend/src/App.js
@@ -58,7 +58,8 @@ import HeaderLoginInfo from "./components/HeaderLoginInfo";
 import terms from "./terms.json"
 import _ from "lodash";
 import {otherVisibleLanguages} from "./languages";
-import ReactMarkdown from "react-markdown";
+import {Requirements} from "./Requirements";
+import {AI} from "./AI";
 
 
 const EditorButtons = (
@@ -255,16 +256,7 @@ const Assistant = (assistant) => {
                    <FontAwesomeIcon icon={faQuestionCircle}/> {terms.requirements}
                  </div>}
     >
-      <p>
-        {terms.requirements_description}
-      </p>
-      <ul>
-        {step.requirements.map((requirement, index) =>
-          <li key={index}>
-            <Requirement requirement={requirement}/>
-          </li>
-        )}
-      </ul>
+      <Requirements requirements={step.requirements}/>
     </Collapsible>
     <Collapsible onOpening={openAssessment}
                  onClosing={() => bookSetState("assessmentOpen", false)}
@@ -296,87 +288,6 @@ const Assistant = (assistant) => {
   </div>
 }
 
-function AI({ chat }) {
-  return <div>
-    <ReactMarkdown>
-      {chat}
-    </ReactMarkdown>
-    <button
-      className="btn btn-primary"
-      onClick={async () => {
-        const page = currentPage();
-        const step = currentStep();
-        const requirements = step.requirements.map((requirement) =>
-          requirementText(
-            { ...requirement, ...(requirement.unparsed || {}) },
-            terms.unparsed,
-          ));
-        const { editorContent, assistant } = bookState;
-        const data = {
-          page,
-          stepName: step.name,
-          requirements,
-          editorContent,
-          assistant,
-          terms: terms.unparsed,
-        };
-        const res = await fetch(
-          "http://127.0.0.1:5001/futurecoder-io/us-central1/chat",
-          {
-            method: "POST",
-            body: JSON.stringify(data),
-            headers: {
-              "Content-Type": "application/json",
-            },
-          }
-        );
-        bookSetState("assistant.chat", await res.text());
-      }}>
-      Send
-    </button>
-  </div>;
-}
-
-const requirementText = (requirement, terms) => {
-  let text;
-  switch (requirement.type) {
-    case "verbatim":
-      text = terms.verbatim;
-      break;
-    case "exercise":
-      text = terms.exercise_requirement;
-      break;
-    case "program_in_text":
-      text = terms.program_in_text;
-      break;
-    case "function_exercise":
-      text = _.template(terms.function_exercise)(requirement);
-      break;
-    case "function_exercise_goal":
-      text = _.template(terms.function_exercise_goal)(requirement);
-      break;
-    case "exercise_stdin":
-      text = terms.exercise_stdin;
-      break;
-    case "non_function_exercise":
-      if (!requirement.inputs.trim()) {
-        text = terms.no_input_variables;
-      } else {
-        text = _.template(terms.non_function_exercise)(requirement);
-      }
-      break;
-    default:
-      text = requirement.message;
-      break;
-  }
-  return text;
-}
-
-const Requirement = ({ requirement, }) => {
-  return <div className="assistant-requirement"
-              dangerouslySetInnerHTML={{ __html: requirementText(requirement, terms) }}/>
-};
-
 const QuestionWizard = (
   {
     messages,
diff --git a/frontend/src/Requirements.js b/frontend/src/Requirements.js
new file mode 100644
index 00000000..ae658531
--- /dev/null
+++ b/frontend/src/Requirements.js
@@ -0,0 +1,58 @@
+import terms from "./terms.json";
+import React from "react";
+import _ from "lodash";
+
+export const requirementText = (requirement, terms) => {
+  let text;
+  switch (requirement.type) {
+    case "verbatim":
+      text = terms.verbatim;
+      break;
+    case "exercise":
+      text = terms.exercise_requirement;
+      break;
+    case "program_in_text":
+      text = terms.program_in_text;
+      break;
+    case "function_exercise":
+      text = _.template(terms.function_exercise)(requirement);
+      break;
+    case "function_exercise_goal":
+      text = _.template(terms.function_exercise_goal)(requirement);
+      break;
+    case "exercise_stdin":
+      text = terms.exercise_stdin;
+      break;
+    case "non_function_exercise":
+      if (!requirement.inputs.trim()) {
+        text = terms.no_input_variables;
+      } else {
+        text = _.template(terms.non_function_exercise)(requirement);
+      }
+      break;
+    default:
+      text = requirement.message;
+      break;
+  }
+  return text;
+}
+
+export function Requirements({ requirements }) {
+  return <>
+    <p>
+      {terms.requirements_description}
+    </p>
+    <ul>
+      {requirements.map((requirement, index) =>
+        <li key={index}>
+          <Requirement requirement={requirement}/>
+        </li>
+      )}
+    </ul>
+  </>;
+}
+
+const Requirement = ({ requirement, }) => {
+  return <div className="assistant-requirement"
+              dangerouslySetInnerHTML={{ __html: requirementText(requirement, terms) }}/>
+};

From c4970b5679568fa5deac1ff56cab4d79ef88afd9 Mon Sep 17 00:00:00 2001
From: Alex Hall <alex.mojaki@gmail.com>
Date: Sun, 11 Jun 2023 16:29:12 +0200
Subject: [PATCH 08/14] Custom user message

---
 frontend/src/AI.js                    | 25 ++++++++++++++++++++-----
 frontend/src/App.js                   |  2 +-
 frontend/src/book/store.js            |  4 +++-
 frontend/src/frontendlib/HookInput.js |  2 +-
 4 files changed, 25 insertions(+), 8 deletions(-)

diff --git a/frontend/src/AI.js b/frontend/src/AI.js
index 59a68509..1f7e4f0d 100644
--- a/frontend/src/AI.js
+++ b/frontend/src/AI.js
@@ -3,12 +3,22 @@ import {bookSetState, bookState, currentPage, currentStep} from "./book/store";
 import {requirementText} from "./Requirements";
 import terms from "./terms.json";
 import React from "react";
+import {useInput} from "./frontendlib/HookInput";
 
-export function AI({ chat }) {
+export function AI({ response }) {
+  const userMessage = useInput("", {
+    placeholder: "Enter message...",  // TODO terms
+    type: 'text',
+    className: 'form-control',
+    style: {
+      width: "100%",
+    },
+  });
   return <div>
-    <ReactMarkdown>
-      {chat}
-    </ReactMarkdown>
+    <div>
+      {userMessage.input}
+    </div>
+    <br/>
     <button
       className="btn btn-primary"
       onClick={async () => {
@@ -27,6 +37,7 @@ export function AI({ chat }) {
           editorContent,
           assistant,
           terms: terms.unparsed,
+          userMessage: userMessage.value,
         };
         const res = await fetch(
           "http://127.0.0.1:5001/futurecoder-io/us-central1/chat",
@@ -38,8 +49,12 @@ export function AI({ chat }) {
             },
           }
         );
-        bookSetState("assistant.chat", await res.text());
+        bookSetState("assistant.ai.response", await res.text());
+        userMessage.setHookValue("");
       }}>
+      <ReactMarkdown>
+        {response}
+      </ReactMarkdown>
       Send
     </button>
   </div>;
diff --git a/frontend/src/App.js b/frontend/src/App.js
index e5474d85..fb20726d 100644
--- a/frontend/src/App.js
+++ b/frontend/src/App.js
@@ -283,7 +283,7 @@ const Assistant = (assistant) => {
                    <FontAwesomeIcon icon={faRobot}/> AI {/*terms.hints_and_solution TODO */}
                  </div>}
     >
-      <AI chat={assistant.chat}/>
+      <AI {...assistant.ai}/>
     </Collapsible>
   </div>
 }
diff --git a/frontend/src/book/store.js b/frontend/src/book/store.js
index 5795399c..f4359457 100644
--- a/frontend/src/book/store.js
+++ b/frontend/src/book/store.js
@@ -90,7 +90,9 @@ const initialState = {
     messageSections: [],
     requestingSolution: 0,
     lastSeenMessageSections: [],
-    chat: "",
+    ai: {
+      response: "",
+    }
   },
   prediction: {
     choices: null,
diff --git a/frontend/src/frontendlib/HookInput.js b/frontend/src/frontendlib/HookInput.js
index c88bd303..aaca48b9 100644
--- a/frontend/src/frontendlib/HookInput.js
+++ b/frontend/src/frontendlib/HookInput.js
@@ -11,5 +11,5 @@ export const HookInput = (hook, options, element = "input") =>
 export const useInput = (initialValue, options, element = "input") => {
   const hook = useState(initialValue);
   const input = HookInput(hook, options, element);
-  return {input, value: hook[0]};
+  return {input, value: hook[0], setHookValue: hook[1]};
 }

From ac418a7ad6a490b38fc024237c87400302cda631 Mon Sep 17 00:00:00 2001
From: Alex Hall <alex.mojaki@gmail.com>
Date: Thu, 15 Jun 2023 18:48:21 +0200
Subject: [PATCH 09/14] move response out of button

---
 frontend/src/AI.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/frontend/src/AI.js b/frontend/src/AI.js
index 1f7e4f0d..b095dbc6 100644
--- a/frontend/src/AI.js
+++ b/frontend/src/AI.js
@@ -52,10 +52,11 @@ export function AI({ response }) {
         bookSetState("assistant.ai.response", await res.text());
         userMessage.setHookValue("");
       }}>
-      <ReactMarkdown>
-        {response}
-      </ReactMarkdown>
       Send
     </button>
+    <br/>
+    <ReactMarkdown>
+      {response}
+    </ReactMarkdown>
   </div>;
 }

From b9f0a8b70a9caa0c1027b49e27a187a2c09108dc Mon Sep 17 00:00:00 2001
From: Alex Hall <alex.mojaki@gmail.com>
Date: Thu, 15 Jun 2023 21:54:48 +0200
Subject: [PATCH 10/14] loading indicator on button

---
 frontend/src/AI.js                           |  8 ++++++--
 frontend/src/components/LoadingIndicator.jsx | 10 ++++++++++
 frontend/src/css/main.scss                   |  2 +-
 frontend/src/shell/Terminal.jsx              |  8 ++------
 4 files changed, 19 insertions(+), 9 deletions(-)
 create mode 100644 frontend/src/components/LoadingIndicator.jsx

diff --git a/frontend/src/AI.js b/frontend/src/AI.js
index b095dbc6..c0868e83 100644
--- a/frontend/src/AI.js
+++ b/frontend/src/AI.js
@@ -4,8 +4,9 @@ import {requirementText} from "./Requirements";
 import terms from "./terms.json";
 import React from "react";
 import {useInput} from "./frontendlib/HookInput";
+import LoadingIndicator from "./components/LoadingIndicator";
 
-export function AI({ response }) {
+export function AI({ response, running }) {
   const userMessage = useInput("", {
     placeholder: "Enter message...",  // TODO terms
     type: 'text',
@@ -21,6 +22,7 @@ export function AI({ response }) {
     <br/>
     <button
       className="btn btn-primary"
+      disabled={running}
       onClick={async () => {
         const page = currentPage();
         const step = currentStep();
@@ -39,6 +41,7 @@ export function AI({ response }) {
           terms: terms.unparsed,
           userMessage: userMessage.value,
         };
+        bookSetState("assistant.ai.running", true)
         const res = await fetch(
           "http://127.0.0.1:5001/futurecoder-io/us-central1/chat",
           {
@@ -49,10 +52,11 @@ export function AI({ response }) {
             },
           }
         );
+        bookSetState("assistant.ai.running", false)
         bookSetState("assistant.ai.response", await res.text());
         userMessage.setHookValue("");
       }}>
-      Send
+      {running ? <LoadingIndicator/> : "Send"}
     </button>
     <br/>
     <ReactMarkdown>
diff --git a/frontend/src/components/LoadingIndicator.jsx b/frontend/src/components/LoadingIndicator.jsx
new file mode 100644
index 00000000..059d623b
--- /dev/null
+++ b/frontend/src/components/LoadingIndicator.jsx
@@ -0,0 +1,10 @@
+import React from "react";
+
+const LoadingIndicator = () => <div className="lds-ellipsis">
+  <div/>
+  <div/>
+  <div/>
+  <div/>
+</div>
+
+export default LoadingIndicator;
diff --git a/frontend/src/css/main.scss b/frontend/src/css/main.scss
index e4156cb4..7e52bd49 100644
--- a/frontend/src/css/main.scss
+++ b/frontend/src/css/main.scss
@@ -376,7 +376,7 @@
   display: inline-block;
   position: relative;
   width: 80px;
-  height: 80px;
+  height: 15px;
 }
 
 .lds-ellipsis div {
diff --git a/frontend/src/shell/Terminal.jsx b/frontend/src/shell/Terminal.jsx
index 8a0c3da0..b9a280b3 100644
--- a/frontend/src/shell/Terminal.jsx
+++ b/frontend/src/shell/Terminal.jsx
@@ -11,6 +11,7 @@ import sourceStyles from './defs/styles/Terminal'
 import types from './defs/types/Terminal'
 import {bookState} from "../book/store";
 import {OutputPrediction} from "../OutputPrediction";
+import LoadingIndicator from "../components/LoadingIndicator";
 
 export default class Terminal extends Component {
   constructor(props) {
@@ -231,12 +232,7 @@ export default class Terminal extends Component {
           >
             {/* Input */}
             {bookState.processing &&
-            <div className="lds-ellipsis">
-              <div/>
-              <div/>
-              <div/>
-              <div/>
-            </div>}
+              <LoadingIndicator/>}
 
             {bookState.prediction.state !== "waiting" && bookState.prediction.state !== "showingResult" &&
             <input

From ca160c29df2fdb21dd148ca4a5838d430eaaba02 Mon Sep 17 00:00:00 2001
From: Alex Hall <alex.mojaki@gmail.com>
Date: Thu, 15 Jun 2023 22:02:54 +0200
Subject: [PATCH 11/14] enter to send

---
 frontend/src/AI.js | 74 ++++++++++++++++++++++++----------------------
 1 file changed, 38 insertions(+), 36 deletions(-)

diff --git a/frontend/src/AI.js b/frontend/src/AI.js
index c0868e83..ae50e3e6 100644
--- a/frontend/src/AI.js
+++ b/frontend/src/AI.js
@@ -15,52 +15,54 @@ export function AI({ response, running }) {
       width: "100%",
     },
   });
-  return <div>
+  return <form onSubmit={async (e) => {
+    e.preventDefault();
+    const page = currentPage();
+    const step = currentStep();
+    const requirements = step.requirements.map((requirement) =>
+      requirementText(
+        { ...requirement, ...(requirement.unparsed || {}) },
+        terms.unparsed,
+      ));
+    const { editorContent, assistant } = bookState;
+    const data = {
+      page,
+      stepName: step.name,
+      requirements,
+      editorContent,
+      assistant,
+      terms: terms.unparsed,
+      userMessage: userMessage.value,
+    };
+    bookSetState("assistant.ai.running", true)
+    const res = await fetch(
+      "http://127.0.0.1:5001/futurecoder-io/us-central1/chat",
+      {
+        method: "POST",
+        body: JSON.stringify(data),
+        headers: {
+          "Content-Type": "application/json",
+        },
+      }
+    );
+    bookSetState("assistant.ai.running", false)
+    bookSetState("assistant.ai.response", await res.text());
+    userMessage.setHookValue("");
+  }}>
     <div>
       {userMessage.input}
     </div>
     <br/>
     <button
+      type="submit"
       className="btn btn-primary"
       disabled={running}
-      onClick={async () => {
-        const page = currentPage();
-        const step = currentStep();
-        const requirements = step.requirements.map((requirement) =>
-          requirementText(
-            { ...requirement, ...(requirement.unparsed || {}) },
-            terms.unparsed,
-          ));
-        const { editorContent, assistant } = bookState;
-        const data = {
-          page,
-          stepName: step.name,
-          requirements,
-          editorContent,
-          assistant,
-          terms: terms.unparsed,
-          userMessage: userMessage.value,
-        };
-        bookSetState("assistant.ai.running", true)
-        const res = await fetch(
-          "http://127.0.0.1:5001/futurecoder-io/us-central1/chat",
-          {
-            method: "POST",
-            body: JSON.stringify(data),
-            headers: {
-              "Content-Type": "application/json",
-            },
-          }
-        );
-        bookSetState("assistant.ai.running", false)
-        bookSetState("assistant.ai.response", await res.text());
-        userMessage.setHookValue("");
-      }}>
-      {running ? <LoadingIndicator/> : "Send"}
+    >
+      {running ? <LoadingIndicator/> : "Send"} {/* TODO terms */}
     </button>
     <br/>
     <ReactMarkdown>
       {response}
     </ReactMarkdown>
-  </div>;
+  </form>;
 }

From 7a88f2a65b24de74a27ac3bd427e9b28ecf5f1f2 Mon Sep 17 00:00:00 2001
From: Alex Hall <alex.mojaki@gmail.com>
Date: Thu, 15 Jun 2023 22:06:24 +0200
Subject: [PATCH 12/14] Send icon

---
 frontend/src/AI.js | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/frontend/src/AI.js b/frontend/src/AI.js
index ae50e3e6..2ad0d4b7 100644
--- a/frontend/src/AI.js
+++ b/frontend/src/AI.js
@@ -5,6 +5,8 @@ import terms from "./terms.json";
 import React from "react";
 import {useInput} from "./frontendlib/HookInput";
 import LoadingIndicator from "./components/LoadingIndicator";
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import {faPaperPlane, faRobot} from "@fortawesome/free-solid-svg-icons";
 
 export function AI({ response, running }) {
   const userMessage = useInput("", {
@@ -58,7 +60,12 @@ export function AI({ response, running }) {
       className="btn btn-primary"
       disabled={running}
     >
-      {running ? <LoadingIndicator/> : "Send"} {/* TODO terms */}
+      {running ?
+        <LoadingIndicator/> :
+        <>
+          <FontAwesomeIcon icon={faPaperPlane}/> Send {/* TODO terms */}
+        </>
+      }
     </button>
     <br/>
     <ReactMarkdown>

From b2c579a62e9b6ae6d158d60a53d36e7fc1f9219a Mon Sep 17 00:00:00 2001
From: Alex Hall <alex.mojaki@gmail.com>
Date: Sun, 31 Mar 2024 17:55:31 +0200
Subject: [PATCH 13/14] multiple messages UI

---
 frontend/src/AI.js                            | 128 ++++++++++--------
 frontend/src/book/store.js                    |  21 ++-
 .../locales/en/LC_MESSAGES/futurecoder.mo     | Bin 297003 -> 297004 bytes
 3 files changed, 90 insertions(+), 59 deletions(-)

diff --git a/frontend/src/AI.js b/frontend/src/AI.js
index 2ad0d4b7..f2fbeee8 100644
--- a/frontend/src/AI.js
+++ b/frontend/src/AI.js
@@ -1,14 +1,14 @@
 import ReactMarkdown from "react-markdown";
-import {bookSetState, bookState, currentPage, currentStep} from "./book/store";
+import {bookState, currentPage, currentStep, receiveAiMessage, sendAiMessage} from "./book/store";
 import {requirementText} from "./Requirements";
 import terms from "./terms.json";
 import React from "react";
 import {useInput} from "./frontendlib/HookInput";
 import LoadingIndicator from "./components/LoadingIndicator";
 import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
-import {faPaperPlane, faRobot} from "@fortawesome/free-solid-svg-icons";
+import {faPaperPlane} from "@fortawesome/free-solid-svg-icons";
 
-export function AI({ response, running }) {
+export function AI({ messages, running }) {
   const userMessage = useInput("", {
     placeholder: "Enter message...",  // TODO terms
     type: 'text',
@@ -17,59 +17,71 @@ export function AI({ response, running }) {
       width: "100%",
     },
   });
-  return <form onSubmit={async (e) => {
-    e.preventDefault();
-    const page = currentPage();
-    const step = currentStep();
-    const requirements = step.requirements.map((requirement) =>
-      requirementText(
-        { ...requirement, ...(requirement.unparsed || {}) },
-        terms.unparsed,
-      ));
-    const { editorContent, assistant } = bookState;
-    const data = {
-      page,
-      stepName: step.name,
-      requirements,
-      editorContent,
-      assistant,
-      terms: terms.unparsed,
-      userMessage: userMessage.value,
-    };
-    bookSetState("assistant.ai.running", true)
-    const res = await fetch(
-      "http://127.0.0.1:5001/futurecoder-io/us-central1/chat",
-      {
-        method: "POST",
-        body: JSON.stringify(data),
-        headers: {
-          "Content-Type": "application/json",
-        },
-      }
-    );
-    bookSetState("assistant.ai.running", false)
-    bookSetState("assistant.ai.response", await res.text());
-    userMessage.setHookValue("");
-  }}>
-    <div>
-      {userMessage.input}
-    </div>
-    <br/>
-    <button
-      type="submit"
-      className="btn btn-primary"
-      disabled={running}
-    >
-      {running ?
-        <LoadingIndicator/> :
-        <>
-          <FontAwesomeIcon icon={faPaperPlane}/> Send {/* TODO terms */}
-        </>
-      }
-    </button>
-    <br/>
-    <ReactMarkdown>
-      {response}
-    </ReactMarkdown>
-  </form>;
+  return <div>
+    {messages.map((message, index) =>
+      <div key={index}>
+        {message.role === "user" ?
+          <>
+            <strong>You:</strong> {message.content}
+          </>
+          :
+          <ReactMarkdown>
+            {"**Bot:** " + message.content}
+          </ReactMarkdown>
+        }
+        <hr/>
+      </div>
+    )}
+    <form onSubmit={async (e) => {
+      e.preventDefault();
+      const page = currentPage();
+      const step = currentStep();
+      const requirements = step.requirements.map((requirement) =>
+        requirementText(
+          { ...requirement, ...(requirement.unparsed || {}) },
+          terms.unparsed,
+        ));
+      const { editorContent, assistant } = bookState;
+      const data = {
+        page,
+        stepName: step.name,
+        requirements,
+        editorContent,
+        assistant,
+        terms: terms.unparsed,
+        userMessage: userMessage.value,
+      };
+      sendAiMessage(userMessage.value);
+      userMessage.setHookValue("");
+      const res = await fetch(
+        "http://127.0.0.1:5001/futurecoder-io/us-central1/chat",
+        {
+          method: "POST",
+          body: JSON.stringify(data),
+          headers: {
+            "Content-Type": "application/json",
+          },
+        }
+      );
+      const response = await res.text();
+      receiveAiMessage(response);
+    }}>
+      <div>
+        {userMessage.input}
+      </div>
+      <br/>
+      <button
+        type="submit"
+        className="btn btn-primary"
+        disabled={running}
+      >
+        {running ?
+          <LoadingIndicator/> :
+          <>
+            <FontAwesomeIcon icon={faPaperPlane}/> Send {/* TODO terms */}
+          </>
+        }
+      </button>
+    </form>
+  </div>;
 }
diff --git a/frontend/src/book/store.js b/frontend/src/book/store.js
index f4359457..543cf3d5 100644
--- a/frontend/src/book/store.js
+++ b/frontend/src/book/store.js
@@ -91,7 +91,8 @@ const initialState = {
     requestingSolution: 0,
     lastSeenMessageSections: [],
     ai: {
-      response: "",
+      messages: [],
+      running: false,
     }
   },
   prediction: {
@@ -533,3 +534,21 @@ export function postCodeEntry(codeEntry) {
     databaseRequest("POST", codeEntry, "code_entries").catch(e => console.error(e));
   }
 }
+
+export const sendAiMessage = makeAction(
+  'SEND_AI_MESSAGE',
+  (state, {value}) => {
+    state = ipush(state, "assistant.ai.messages", { role: "user", content: value });
+    state = iset(state, "assistant.ai.running", true);
+    return state;
+  }
+);
+
+export const receiveAiMessage = makeAction(
+  'RECEIVE_AI_MESSAGE',
+  (state, {value}) => {
+    state = ipush(state, "assistant.ai.messages", { role: "assistant", content: value });
+    state = iset(state, "assistant.ai.running", false);
+    return state;
+  }
+);
diff --git a/translations/locales/en/LC_MESSAGES/futurecoder.mo b/translations/locales/en/LC_MESSAGES/futurecoder.mo
index 69aedacc8db32598de412c89abaa4abe96952acd..582919860527ed093584c6ca24889db81c1737f3 100644
GIT binary patch
delta 2507
zcmXZd32=@_7{Ku-cBKhY#GQ~-f+R{@aSKUQf;fVP1`UG5F&dRPOTJ(nJ+#qchBhV9
zI--+e+R<uhn-0ogv_>PeN}I+}q^+ZZ8T~)snqhwX?DxLA`|j@ZWKTihCk26fr=@ws
zi0n9Hq=|^^JZt2HkH{fxPQ3P<kpwKleOQU<xansjVR#QmWAkz&(Ks75-hu=17V7(5
z&Kv27xi|!iu?yZjZ#*)HMo5M6It_K85{$wM%s_L&$SGfuOx#dQB<6~duJj-O!^n7i
zj3Ze1xJsVK9e)}rq~HIlk!0M7ad-#QFy@+(RDAoI$H)X4m2|v<ao3Fuz)x`;R^#)S
zbi+tK=3o}y#h+Nn#J`Lr5qG-H0&pS5;!zAjTWw?{hT>4n#&|r4y0FI{8og-@{@X|=
zT!A0pe%#HMjQqz)0ddX0ER>^q<BpMT#8vm*7YF@k<U`__4~(=$zZxSiU^ME^<Y0e1
zjk_`6p^?FO03*;NkKD>4QCF6OMff?6Wx{cfjm%~trBB>IK|a>IBWc)@=T@P9SuyJS
zw{S0Zs%0e+FJm8!FxI<(46GooXRYp#N2+M_pu?xOl~vdaJ2UZNY)4$}=O%3GZ@p)p
zfV1eIkGj>DQ6~tgV<jBZP%qmu)Fau0dV~)#6x-Fc(g7234)aS64LzePsF$cqJ@;UK
zfR)ztZ^QOjhAr?GK8Mdd%K~^l64zp8eJcm)uWn#vCzdpH3mF|~Wf*Zj>NuzH5<bAD
z%rE7QtbB>LQNLhUV=Ld|No<A%P29x0FqpUuC*dUwW#ax#t@shAH?z_Zv#=2^Mty%B
z*2Rx80Qceh_zikm)0oiQdedbYl1UQW!g|x>NlPm~@OxS-xAL$MR?LLMaVt&>bvtES
zTbamnZSW;rj&tz>4#eazD?RZY9D~PD(>gfZdL)EKUbyw<dm-xC9>aL-+Qyw-F18`w
zhTZW9Y8E`g{n)9kmG|&>Jc<k2St-HT2rG+O=rxQZ&WN&7L)vb~Da3^xJXSW+c+$ao
z^L}GTH_<uN%kmKQvIIq2nSn`I%z%4Qw|Y!xD-CcuYUNvillc8O)*+7SYQ5<kgDJ#6
zq87ZcZd`Vro8h6MrT2D>+X36%tvnjvq`w07mQU|tWjbz0EuH>7-46A|1mb0=cjH^s
zLiP)4g-q_{J}eJ)=MJOx-$l&|PegBb>BgXz+=ZwGq6pLR25N;H(#Lu$)_T+e^(#)s
zC4Jq%7jX@7!+vfjHlwEVO&p5zV%@lhPz#c8fA5D;|7pb2u@a|p`HrBbSyTdN$yp7=
znZ$JlQE=F@TnxbViB_uU-<o8_A6E}{A5wq=h(ANEgm+QzO79_7Rx{ol%+da2tsCUu
zjA3qzx1-+DE2wAHVz`TE;Sl0t)H-n!f5Uzw+(KH8Bs*A8`xGmc^rw!pQXBh>wz2`^
z@N0fQhmpkZzUb!r3R9S0YG`EP&{QiixF1vTD#l~%Sa!gdvqH_|>l5AOy7yFh*$U%J
z-KPeiR>1nWS>MMpEXQ!%l5XV-UO0>%y?hHNyNb3BHO)#f5YM8P<|<6aR#V(o&P2_I
zLTrq_8Sah*V<H1j#n$wfOeM|O@{>58I6BixFMJ&}3(7Ldf4y9OSyuXD3hHft3*&k5
z1ZK0B^=4V`U#q3r?)HB4)N<sX)S2tDU`ehU_z)&Cj+yUvVkma!ZY@HsH>HcH7cBJD
zBJyAVNK9GcUfhe>#P?Abmid~?|5BVxd=cZZ-%@uM@=$C4X*@>%xIA~eLm5}^QaWmy
zZNdpyhPtC6`R=*YNE*3xY`|9Nzud|w28_TWzI^ctS73ry)?}=y$?)NStpha~=DRsQ
M^9~$5V_rS*KX>$wLjV8(

delta 2505
zcmXZd4Rp^{7{Kwz?j4&U=5=G!jBU!+nD-GI#ztNiYu@)_hVr(d$@rs0hq4aN$!TG$
zI8zJNNi=m<lEOKTq|plw^Ac8>VsxzU^S{pFeC~7qzu&$0ckg|keOMIuK~dn|852GA
zJ|a6$8fh)~qmdsPh*V%Z;<Y~+NyHtv4=>>~+;YZ9C%l8H*!E{5F*pY`-ikx;ChGgK
zRYsyQACs{JyW@>2<B?%BLe3hm*{B1RVOOleEc7{N<U~V}9Ng?95_i!^5BiT@GBODt
z;Aj?}cA4k#{c0oc(C>HE$Vl9YgYh;_#JFolCgAJWJVqwdxJ1W19CY2tAp8iQ!y0@N
zlm0NW67w(@Yw;8dnS8^@aN?L67Jy4|AbyL%X#O-Z2179g=V1aKKwa1a4~>2_hW};c
zDO`ocxDU(tlF@$~DI&gin}r&Y*J_Q#5m*1~zBuTvk!{4Y?iuNVjp~dH#c0%>$-}4d
z1eRfw`$k6KXBdf|dK$X2$Omp^d00aHDW)-D+J8o#XCdYFZlItB*1IF=*n#I>L4Cgj
z^~-MJUX1avl7#26KSmhqT|g$DB@VDwcgQ2vG<wq^zE;*iAB<(<Ll{9^<L4%9?Qgwj
zo`7@cUxd2V=TRpJX>27N(@`&5A?lIrMm@qh?1)_gtaQU+IG6b)kA|Mn1=LFv+r&NS
zX=){m{_Xe#R$>s|#K*B=GZw(}k+=?X9<y?g{+i}ic41iyw~%pxRz?wfP{%orzvEqO
z!~AllrIiDC3-t?jwX*UJ9>cb{v9+6c7q%y^#Oe4Oc4Xp#ZLIhaPi<?Z1<u5lSb+Ne
z1`NRWuqp1vxA9B#gwdGP&U(|O5XmG74zk`fdDy|qQGQPkaVrlCWyMT53b$i+N4HZZ
z%*qs=3&(U^i3{*74#AX8R{G!@_$(elP3z!r>yc0z%fqcV--}Vt_6R0m_s;I@^071V
zcI<_RQM2GaevC0)tZc%Icmx+mSlNvOBCRZCp;vJ*ab{O5b);=6W)c^7^H|wJ<6$@J
z&HK&KZlcqum!%H%vINCgnT1JM%7A-Nw>mY}N^_inTKN{^bbddIjftarSZ_MV;aK96
zs0A-9j?2z-xgHu?dT;e~J79Xbl}F=x`m0cH`HbFHa<CM&bo%viJJcT&i3?Hh##g9?
z>=)DunbOyN*mBgJJA~R_i<%Xlh<@(UrJ|PHC8z~r2TsH5s1<HRf9tJSMW_YpSIoer
z@owOAxR$v20Jjrwp{DZ<Ou>Z%-MAH~1<Chm?}vG0D2)U<R%14o?=WhbMI~~UoK+&u
zCiWjj!C}ktu_+cMS-C?0w&7O%am@(#AscZJ@h7O2uom^M^i8(%D&xI?`Px5H>jwFk
zJIZZwDe5h~fO=N#o^kPPOeQWttrIu!JjRc93u!-w>|jA%$6C2e|M+oMe6e4umCZN^
zEBO61MiIX`-pzLq$1=a%qmhfr6Rh;aeK-NHU;++EV+R_FtU%4<Yg63iy7S0-WPE8n
z)!78K0ye{~`aXV*XD}SMPP6hkFC0RTUcMz6uA*%~O|x<g#8arHxf(}ehfKGXvrx04
z7+axlmb)Xtn8d(Y7)F0tHfhF|AHzw+(KD^|#dWAzP&t$Q*UQx?*GfE&LA~wkF@YDq
z$NB7Kz#QxSYqe~?yS?u|@(l7%{1><^Sh~m!T!Bf9<FnZ9L^Af`ZoP<FZ^{d(7cBI6
z0r{_gBr;xdFYdwl#Q&f!EN7X^|8mSAK8FbyU+C__a@5*?0>7g_ZH2qtp^U3{X)0=(
zZNbS{iMpd9E8TPBqi8ImV-tp;-zqEP7%&1$`0|3)uD}GpT$i=BE~^3mefHO7naa8Q
Kzc^_Y?*AX+-;bLB


From 8665bcd280359a0e036e6248a49430f59ea29888 Mon Sep 17 00:00:00 2001
From: Alex Hall <alex.mojaki@gmail.com>
Date: Mon, 1 Apr 2024 11:04:58 +0200
Subject: [PATCH 14/14] send multiple messages to backend

---
 frontend/src/AI.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/AI.js b/frontend/src/AI.js
index f2fbeee8..59d2bcfc 100644
--- a/frontend/src/AI.js
+++ b/frontend/src/AI.js
@@ -49,7 +49,7 @@ export function AI({ messages, running }) {
         editorContent,
         assistant,
         terms: terms.unparsed,
-        userMessage: userMessage.value,
+        messages: [...messages, {role: "user", content: userMessage.value}],
       };
       sendAiMessage(userMessage.value);
       userMessage.setHookValue("");