From 33f438aa5b03b0e67cfa4584e6c8ae99e102b614 Mon Sep 17 00:00:00 2001
From: Juan Carlos Farah <juancarlos.farah@pm.me>
Date: Tue, 2 May 2023 19:17:26 +0200
Subject: [PATCH] feat: first working version

---
 .editorconfig                                 |    8 +
 package.json                                  |   29 +-
 public/favicon.ico                            |  Bin 0 -> 3870 bytes
 public/logo192.png                            |  Bin 0 -> 5347 bytes
 public/logo512.png                            |  Bin 0 -> 9664 bytes
 public/manifest.json                          |   25 +
 src/config/appActionsTypes.ts                 |   20 +
 src/config/appDataTypes.ts                    |   20 +
 src/config/appSettingsTypes.ts                |   26 +
 src/config/constants.ts                       |   50 +
 src/config/env.ts                             |    3 +
 src/config/layout.ts                          |   11 +
 src/config/selectors.ts                       |  176 +-
 src/config/settings.ts                        |   73 +
 src/constants/messages.ts                     |    2 +
 src/hooks/useChatbotApi.tsx                   |   66 +
 src/interfaces/comment.ts                     |   22 +
 src/interfaces/reportedComment.ts             |    9 +
 src/interfaces/settings.ts                    |   68 +
 src/langs/en.json                             |  152 +-
 src/main.tsx                                  |    4 +-
 src/mocks/db.ts                               |   84 +-
 src/modules/common/ChatbotAvatar.tsx          |   16 +
 src/modules/common/ChatbotPrompt.tsx          |  162 ++
 src/modules/common/CodeEditor.tsx             |   48 +
 src/modules/common/Comment.tsx                |  132 +
 src/modules/common/CommentActions.tsx         |  114 +
 src/modules/common/CommentBody.tsx            |  133 +
 src/modules/common/CommentEditor.tsx          |  201 ++
 src/modules/common/CommentThread.tsx          |  218 ++
 src/modules/common/ReportCommentDialog.tsx    |   77 +
 src/modules/common/ResponseBox.tsx            |   35 +
 src/modules/common/TableView.tsx              |  166 ++
 src/modules/context/AppDataContext.tsx        |    3 +-
 src/modules/context/CommentContext.tsx        |   20 +
 .../context/LoadingIndicatorContext.tsx       |   43 +
 src/modules/context/ReviewContext.tsx         |   71 +
 src/modules/context/SettingsContext.tsx       |   52 +-
 src/modules/layout/CommentContainer.tsx       |   12 +
 src/modules/layout/CustomAvatar.tsx           |   49 +
 src/modules/layout/CustomCommentCard.tsx      |    8 +
 src/modules/layout/CustomDialog.tsx           |   90 +
 src/modules/layout/ResponseContainer.tsx      |    8 +
 src/modules/layout/ToolbarButton.tsx          |   43 +
 src/modules/main/AdminView.tsx                |   68 +
 src/modules/main/BuilderView.tsx              |   31 +-
 src/modules/main/PlayerView.tsx               |   39 +-
 src/modules/settings/CodeReviewSettings.tsx   |  160 +
 src/modules/settings/DisplaySettings.tsx      |   40 +
 src/modules/settings/DownloadActions.tsx      |   48 +
 src/modules/settings/DownloadData.tsx         |   51 +
 src/modules/settings/OrphanComments.tsx       |   67 +
 src/modules/settings/SettingsFab.tsx          |  123 +
 src/modules/settings/SettingsSwitch.tsx       |   42 +
 src/modules/settings/SettingsView.tsx         |    7 +
 src/modules/settings/SubmitButtons.tsx        |   49 +
 src/utils/comments.ts                         |  100 +
 src/utils/datetime.ts                         |   28 +
 src/utils/toast.ts                            |   43 +
 src/utils/utils.ts                            |   15 +
 yarn.lock                                     | 2572 +++++++++++++----
 61 files changed, 5427 insertions(+), 605 deletions(-)
 create mode 100644 .editorconfig
 create mode 100644 public/favicon.ico
 create mode 100644 public/logo192.png
 create mode 100644 public/logo512.png
 create mode 100644 public/manifest.json
 create mode 100644 src/config/appActionsTypes.ts
 create mode 100644 src/config/appDataTypes.ts
 create mode 100644 src/config/appSettingsTypes.ts
 create mode 100644 src/config/constants.ts
 create mode 100644 src/config/layout.ts
 create mode 100644 src/config/settings.ts
 create mode 100644 src/constants/messages.ts
 create mode 100644 src/hooks/useChatbotApi.tsx
 create mode 100644 src/interfaces/comment.ts
 create mode 100644 src/interfaces/reportedComment.ts
 create mode 100644 src/interfaces/settings.ts
 create mode 100644 src/modules/common/ChatbotAvatar.tsx
 create mode 100644 src/modules/common/ChatbotPrompt.tsx
 create mode 100644 src/modules/common/CodeEditor.tsx
 create mode 100644 src/modules/common/Comment.tsx
 create mode 100644 src/modules/common/CommentActions.tsx
 create mode 100644 src/modules/common/CommentBody.tsx
 create mode 100644 src/modules/common/CommentEditor.tsx
 create mode 100644 src/modules/common/CommentThread.tsx
 create mode 100644 src/modules/common/ReportCommentDialog.tsx
 create mode 100644 src/modules/common/ResponseBox.tsx
 create mode 100644 src/modules/common/TableView.tsx
 create mode 100644 src/modules/context/CommentContext.tsx
 create mode 100644 src/modules/context/LoadingIndicatorContext.tsx
 create mode 100644 src/modules/context/ReviewContext.tsx
 create mode 100644 src/modules/layout/CommentContainer.tsx
 create mode 100644 src/modules/layout/CustomAvatar.tsx
 create mode 100644 src/modules/layout/CustomCommentCard.tsx
 create mode 100644 src/modules/layout/CustomDialog.tsx
 create mode 100644 src/modules/layout/ResponseContainer.tsx
 create mode 100644 src/modules/layout/ToolbarButton.tsx
 create mode 100644 src/modules/main/AdminView.tsx
 create mode 100644 src/modules/settings/CodeReviewSettings.tsx
 create mode 100644 src/modules/settings/DisplaySettings.tsx
 create mode 100644 src/modules/settings/DownloadActions.tsx
 create mode 100644 src/modules/settings/DownloadData.tsx
 create mode 100644 src/modules/settings/OrphanComments.tsx
 create mode 100644 src/modules/settings/SettingsFab.tsx
 create mode 100644 src/modules/settings/SettingsSwitch.tsx
 create mode 100644 src/modules/settings/SettingsView.tsx
 create mode 100644 src/modules/settings/SubmitButtons.tsx
 create mode 100644 src/utils/comments.ts
 create mode 100644 src/utils/datetime.ts
 create mode 100644 src/utils/toast.ts
 create mode 100644 src/utils/utils.ts

diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 0000000..78c6dde
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,8 @@
+root = true
+
+[*]
+end_of_line = lf
+insert_final_newline = true
+charset = utf-8
+indent_style = space
+indent_size = 2
diff --git a/package.json b/package.json
index 22bca2c..0aec2b1 100644
--- a/package.json
+++ b/package.json
@@ -1,16 +1,20 @@
 {
-  "name": "graasp-app-starter-ts-vite",
-  "version": "0.0.0",
+  "name": "graasp-app-chatbot",
+  "version": "0.1.0",
   "license": "AGPL-3.0-only",
   "author": "Graasp",
   "contributors": [
+    "Juan Carlos Farah",
     "Basile Spaenlehauer"
   ],
   "homepage": ".",
   "dependencies": {
+    "@codemirror/lang-java": "6.0.1",
+    "@codemirror/lang-javascript": "6.1.7",
+    "@codemirror/lang-python": "6.1.2",
     "@emotion/react": "11.10.6",
     "@emotion/styled": "11.10.6",
-    "@graasp/apps-query-client": "github:graasp/graasp-apps-query-client#77-move-to-vite-for-bundling",
+    "@graasp/apps-query-client": "github:graasp/graasp-apps-query-client#79-persist",
     "@graasp/sdk": "0.11.0",
     "@graasp/ui": "2.4.1",
     "@mui/icons-material": "5.11.16",
@@ -19,18 +23,30 @@
     "@sentry/browser": "7.44.2",
     "@sentry/react": "7.44.2",
     "@sentry/tracing": "7.44.2",
-    "@tanstack/react-query": "^4.28.0",
-    "@tanstack/react-query-devtools": "^4.28.0",
+    "@tanstack/react-query": "4.29.5",
+    "@tanstack/react-query-devtools": "4.29.5",
+    "@types/file-saver": "2.0.5",
     "@types/node": "17.0.45",
     "@types/react": "18.0.28",
     "@types/react-dom": "18.0.11",
+    "@uiw/react-codemirror": "4.19.16",
+    "date-fns": "2.29.3",
+    "file-saver": "2.0.5",
     "i18next": "22.4.13",
     "immutable": "4.3.0",
+    "lodash.isobject": "3.0.2",
+    "lodash.isstring": "4.0.1",
+    "prism-react-renderer": "^2.0.3",
     "qs": "6.11.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-i18next": "12.2.0",
+    "react-markdown": "8.0.7",
+    "react-mde": "12.0.8",
+    "react-router-dom": "^6.10.0",
     "react-toastify": "9.1.2",
+    "remark-breaks": "^3.0.2",
+    "remark-gfm": "^3.0.1",
     "typescript": "4.9.5"
   },
   "scripts": {
@@ -58,6 +74,9 @@
     "@cypress/code-coverage": "3.10.4",
     "@trivago/prettier-plugin-sort-imports": "4.1.1",
     "@types/i18n": "0.13.6",
+    "@types/lodash.isequal": "^4.5.6",
+    "@types/lodash.isobject": "^3.0.7",
+    "@types/lodash.isstring": "^4.0.7",
     "@types/uuid": "9.0.1",
     "@typescript-eslint/eslint-plugin": "5.56.0",
     "@typescript-eslint/parser": "5.56.0",
diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..a11777cc471a4344702741ab1c8a588998b1311a
GIT binary patch
literal 3870
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
baj7?x%VD!5Cxk2YbYLNVeiXvvpMCWYo=by@

literal 0
HcmV?d00001

diff --git a/public/logo192.png b/public/logo192.png
new file mode 100644
index 0000000000000000000000000000000000000000..fc44b0a3796c0e0a64c3d858ca038bd4570465d9
GIT binary patch
literal 5347
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
X@eDJUQo;Ye2mwlRs<JiGX2Jghdw)}T

literal 0
HcmV?d00001

diff --git a/public/logo512.png b/public/logo512.png
new file mode 100644
index 0000000000000000000000000000000000000000..a4e47a6545bc15971f8f63fba70e4013df88a664
GIT binary patch
literal 9664
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
b{|{}U^kRn2wo}j7|0ATu<;8xA7zX}7|B6mN

literal 0
HcmV?d00001

diff --git a/public/manifest.json b/public/manifest.json
new file mode 100644
index 0000000..da6a72a
--- /dev/null
+++ b/public/manifest.json
@@ -0,0 +1,25 @@
+{
+  "short_name": "Chatbot",
+  "name": "Graasp Chatbot",
+  "icons": [
+    {
+      "src": "favicon.ico",
+      "sizes": "64x64 32x32 24x24 16x16",
+      "type": "image/x-icon"
+    },
+    {
+      "src": "logo192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "logo512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}
diff --git a/src/config/appActionsTypes.ts b/src/config/appActionsTypes.ts
new file mode 100644
index 0000000..f14a3a9
--- /dev/null
+++ b/src/config/appActionsTypes.ts
@@ -0,0 +1,20 @@
+export enum APP_ACTIONS_TYPES {
+  RUN_CODE = 'run_code',
+  SAVE_CODE = 'save_code',
+  CLEAR_OUTPUT = 'clear_output',
+  OPEN_FIGURE = 'open_figure',
+  STOP_EXECUTION_DURING_PROMPT = 'stop_execution_during_prompt',
+  STOP_EXECUTION = 'stop_execution',
+  SUBMITTED_INPUT = 'submitted_input',
+  CANCEL_PROMPT = 'cancel_prompt',
+  INITIALIZE_EXECUTION = 'initialize_execution',
+  NEW_FIGURE = 'new_figure',
+  SEND_PROMPT = 'send_prompt',
+
+  // Review actions
+  CREATE_COMMENT = 'create_comment',
+  EDIT_COMMENT = 'edit_comment',
+  REPORT_COMMENT = 'report_comment',
+  DELETE_COMMENT = 'delete_comment',
+  RESPOND_COMMENT = 'respond_comment',
+}
diff --git a/src/config/appDataTypes.ts b/src/config/appDataTypes.ts
new file mode 100644
index 0000000..bda85d4
--- /dev/null
+++ b/src/config/appDataTypes.ts
@@ -0,0 +1,20 @@
+enum APP_DATA_TYPES {
+  COMMENT = 'comment',
+  TEACHER_COMMENT = 'teacher_comment',
+  BOT_COMMENT = 'bot_comment',
+  CODE = 'code',
+  FLAG = 'flag',
+}
+
+enum APP_DATA_VISIBILITY {
+  MEMBER = 'member',
+  ITEM = 'item',
+}
+
+export const COMMENT_APP_DATA_TYPES: string[] = [
+  APP_DATA_TYPES.COMMENT,
+  APP_DATA_TYPES.TEACHER_COMMENT,
+  APP_DATA_TYPES.BOT_COMMENT,
+];
+
+export { APP_DATA_TYPES, APP_DATA_VISIBILITY };
diff --git a/src/config/appSettingsTypes.ts b/src/config/appSettingsTypes.ts
new file mode 100644
index 0000000..13ce044
--- /dev/null
+++ b/src/config/appSettingsTypes.ts
@@ -0,0 +1,26 @@
+export const GENERAL_SETTINGS_NAME = 'GENERAL_SETTINGS';
+export const CODE_EXECUTION_SETTINGS_NAME = 'CODE_EXECUTION_SETTINGS';
+export const CHATBOT_PROMPT_SETTINGS_NAME = 'CHATBOT_PROMPT_SETTINGS';
+export const DIFF_VIEW_SETTINGS_NAME = 'DIFF_VIEW_SETTINGS';
+export const APP_MODE_SETTINGS_NAME = 'APP_MODE_SETTINGS';
+export const DATA_FILE_LIST_SETTINGS_NAME = 'DATA_FILE_LIST_SETTINGS';
+export const INSTRUCTOR_CODE_VERSION_SETTINGS_NAME = 'INSTRUCTOR_CODE_VERSION';
+export const DATA_FILE_SETTINGS_NAME = 'DATA_FILE_SETTING';
+
+export enum CodeEditorSubmitTarget {
+  Settings,
+  Code,
+}
+
+export enum AppMode {
+  Execute = 'Execute',
+  Review = 'Review',
+  Collaborate = 'Collaborate',
+  Explain = 'Explain',
+}
+
+export type DataFile = {
+  appSettingId: string;
+  fileName: string;
+  virtualPath: string;
+};
diff --git a/src/config/constants.ts b/src/config/constants.ts
new file mode 100644
index 0000000..7e71ebf
--- /dev/null
+++ b/src/config/constants.ts
@@ -0,0 +1,50 @@
+export const GRAASP_LOGO_HEADER_HEIGHT = 40;
+export const BUTTON_LOADER_SIZE = 24;
+
+// Admin view constants
+export const NB_COL_TABLE_VIEW_TABLE = 4;
+
+// reset timeout in ms for settings dialog
+export const CLOSE_SETTINGS_TIMEOUT = 500;
+
+// commit message truncation length
+export const DEFAULT_TRUNCATION_COMMIT_MESSAGE_LENGTH = 15;
+
+export const MAX_INITIALS_AVATAR = 2;
+
+export const DEFAULT_REPL_INPUT_VALUE = '';
+
+export const ANONYMOUS_USER = 'You';
+export const INSTRUCTOR_CODE_NAME = 'Default';
+
+export const INSTRUCTOR_CODE_ID = 'instructor';
+
+export const JAVASCRIPT = 'javascript';
+export const JAVA = 'java';
+export const PYTHON = 'python';
+export const MATLAB = 'matlab';
+export const JSON_LANG = 'json';
+
+export const REVIEW_MODE_INDIVIDUAL = 'individual';
+export const REVIEW_MODE_COLLABORATIVE = 'collaborative';
+
+export const VISIBILITY_MEMBER = 'member';
+export const VISIBILITY_ITEM = 'item';
+
+export const REVIEW_MODES = [
+  {
+    label: 'Individual - Each student works in isolation',
+    value: REVIEW_MODE_INDIVIDUAL,
+  },
+  {
+    label: 'Collaborative - Students see other students work',
+    value: REVIEW_MODE_COLLABORATIVE,
+  },
+] as const;
+
+export const DEFAULT_BOT_USERNAME = 'Graasp Bot';
+
+// maximum number of messages allowed in a chatbot thread
+export const MAX_CHATBOT_THREAD_LENGTH = 50;
+
+export const DEFAULT_CHATBOT_PROMPT_APP_DATA = { chatbotPromptSettingId: '' };
diff --git a/src/config/env.ts b/src/config/env.ts
index 1197aca..386d3ef 100644
--- a/src/config/env.ts
+++ b/src/config/env.ts
@@ -6,6 +6,7 @@ const {
   VITE_GA_MEASUREMENT_ID,
   VITE_MOCK_API,
   VITE_API_HOST,
+  VITE_OPEN_AI_API_URL,
 } = window.Cypress ? Cypress.env() : import.meta.env;
 
 export const MOCK_API = VITE_MOCK_API === 'true';
@@ -15,3 +16,5 @@ export const VERSION = VITE_VERSION || 'latest';
 export const GRAASP_APP_ID = VITE_GRAASP_APP_ID;
 export const SENTRY_ENV = VITE_SENTRY_ENV;
 export const SENTRY_DSN = VITE_SENTRY_DSN;
+
+export const OPEN_AI_API_URL = VITE_OPEN_AI_API_URL;
diff --git a/src/config/layout.ts b/src/config/layout.ts
new file mode 100644
index 0000000..f5ff46e
--- /dev/null
+++ b/src/config/layout.ts
@@ -0,0 +1,11 @@
+export enum AppView {
+  LoadingView,
+  CodeReview,
+  CodeEditor,
+  CodeExecution,
+  DiffView,
+}
+
+export const SMALL_BORDER_RADIUS = '4px';
+export const BIG_BORDER_RADIUS = '8px';
+export const MAX_REPL_HEIGHT = '60vh';
diff --git a/src/config/selectors.ts b/src/config/selectors.ts
index 3d48de7..b83f722 100644
--- a/src/config/selectors.ts
+++ b/src/config/selectors.ts
@@ -1,6 +1,180 @@
+export const GRAASP_LOGO_CYPRESS = 'graasp_logo';
+export const TABLE_VIEW_TABLE_CYPRESS = 'table_view_table';
+export const TABLE_VIEW_PANE_CYPRESS = 'table_view_pane';
+export const SETTINGS_VIEW_PANE_CYPRESS = 'settings_view_pane';
+export const PRESET_VIEW_PANE_CYPRESS = 'preset_view_pane_';
 export const PLAYER_VIEW_CY = 'player-view';
 export const BUILDER_VIEW_CY = 'builder-view';
-export const ANALYTICS_VIEW_CY = 'analytics-view';
+export const ANALYTICS_VIEW_CY = 'analytics_view';
+export const TAB_PRESET_VIEW_CYPRESS = 'tab_preset_view';
+export const TAB_TABLE_VIEW_CYPRESS = 'tab_table_view';
+export const TAB_SETTINGS_VIEW_CYPRESS = 'tab_settings_view';
+export const TABLE_ROW_USERS_CYPRESS = 'table_row_users';
+export const TABLE_VIEW_BODY_USERS_CYPRESS = 'table_view_body_users';
+export const TABLE_VIEW_OPEN_REVIEW_BUTTON_CYPRESS =
+  'table_view_open_review_button';
+export const TABLE_VIEW_USER_REVIEW_DIALOG_CYPRESS =
+  'table_view_user_review_dialog';
+export const TABLE_VIEW_USERNAME_CELL_CYPRESS = 'table_view_username_cell';
+export const TABLE_VIEW_HELP_NEEDED_CELL_CYPRESS =
+  'table_view_help_needed_cell';
+export const TABLE_VIEW_NB_COMMENTS_CELL_CYPRESS =
+  'table_view_nb_comments_cell';
+export const TABLE_VIEW_VIEW_COMMENTS_CELL_CYPRESS =
+  'table_view_view_comments_cell';
+export const TABLE_VIEW_REVIEW_DIALOG_CLOSE_BUTTON_CYPRESS =
+  'table_view_review_dialog_close_button';
+
+export const CUSTOM_DIALOG_TITLE_CYPRESS = 'custom_dialog_title';
+export const CUSTOM_DIALOG_ACTIONS_CYPRESS = 'custom_dialog_actions';
+export const CUSTOM_DIALOG_CONTENT_CY = 'custom_dialog_content';
+
+export const NUMBER_OF_COMMENTS_CYPRESS = 'number_of_comments';
+export const TABLE_NO_COMMENTS_CYPRESS = 'table_no_comments';
+export const SETTINGS_SPEED_FAB_CYPRESS = 'settings_speed_fab';
+export const DISPLAY_SETTINGS_FAB_CYPRESS = 'display_settings_fab';
+export const CODE_SETTINGS_FAB_CYPRESS = 'code_settings_fab';
+export const SETTINGS_DIALOG_CANCEL_BUTTON_CYPRESS =
+  'settings_dialog_cancel_button';
+export const SETTINGS_DIALOG_SAVE_BUTTON_CYPRESS =
+  'settings_dialog_save_button';
+export const PROGRAMMING_LANGUAGE_SELECT_ID = 'programmingLanguageSelect';
+export const PROGRAMMING_LANGUAGE_SELECT_CYPRESS =
+  'programming_language_select';
+export const SETTINGS_CODE_DIALOG_WINDOW_CYPRESS =
+  'settings_code_dialog_window';
+export const SETTINGS_DISPLAY_DIALOG_WINDOW_CYPRESS =
+  'settings_display_dialog_window';
+export const SHOW_HEADER_SWITCH_CYPRESS = 'show_header_switch';
+export const SHOW_TOOLBAR_SWITCH_CYPRESS = 'show_toolbar_switch';
+export const SHOW_VERSION_NAVIGATION_SWITCH_CYPRESS =
+  'show_version_navigation_switch';
+export const SHOW_EDIT_BUTTON_SWITCH_CYPRESS = 'show_edit_button_switch';
+export const SHOW_RUN_BUTTON_SWITCH_CYPRESS = 'show_run_button_switch';
+export const SHOW_VISIBILITY_SWITCH_CYPRESS = 'show_visibility_switch';
+export const ALLOW_COMMENTS_SWITCH_CYPRESS = 'allow_comments_switch';
+export const ALLOW_REPLIES_SWITCH_CYPRESS = 'allow_replies_switch';
+export const REVIEW_MODES_SELECT_CYPRESS = 'review_modes_select';
+
+export const tableRowUserCypress = (id: string): string =>
+  `${TABLE_ROW_USERS_CYPRESS}-${id}`;
+export const CODE_REVIEW_CONTAINER_CYPRESS = 'code_review_container';
+export const CODE_REVIEW_ADD_BUTTON_CYPRESS = 'code_review_add_button';
+export const CODE_REVIEW_LINE_CYPRESS = 'code_review_line';
+export const CODE_REVIEW_LINE_CONTENT_CYPRESS = 'code_review_line_content';
+export const buildAddButtonDataCy = (index: number): string =>
+  `${CODE_REVIEW_ADD_BUTTON_CYPRESS}-${index}`;
+
+export const CODE_REVIEW_CHATBOT_PROMPT_COMMENT_CY =
+  'code_review_chatbot_prompt_comment';
+
+export const COMMENT_EDITOR_CYPRESS = 'comment_editor';
+export const COMMENT_EDITOR_CANCEL_BUTTON_CYPRESS =
+  'comment_editor_cancel_button';
+export const COMMENT_EDITOR_SAVE_BUTTON_CYPRESS = 'comment_editor_save_button';
+export const COMMENT_EDITOR_BOLD_BUTTON_CYPRESS = 'comment_editor_bold_button';
+export const COMMENT_EDITOR_ITALIC_BUTTON_CYPRESS =
+  'comment_editor_italic_button';
+export const COMMENT_EDITOR_CODE_BUTTON_CYPRESS = 'comment_editor_code_button';
+export const COMMENT_EDITOR_LINK_BUTTON_CYPRESS = 'comment_editor_link_button';
+export const COMMENT_EDITOR_QUOTE_BUTTON_CYPRESS =
+  'comment_editor_quote_button';
+export const COMMENT_EDITOR_LINE_INFO_TEXT_CYPRESS =
+  'comment_editor_line_info_text';
+export const COMMENT_EDITOR_TEXTAREA_CYPRESS = 'comment_editor_textarea';
+export const COMMENT_EDITOR_TEXTAREA_HELPER_TEXT_CY =
+  'comment_editor_textarea_helper_text';
+export const CODE_REVIEW_TOOLBAR_CYPRESS = 'comment_review_toolbar';
+export const TOOLBAR_USER_SELECT_CYPRESS = 'toolbar_user_select';
+export const TOOLBAR_VERSION_SELECT_CYPRESS = 'toolbar_version_select';
+export const TOOLBAR_COMMIT_INFO_BUTTON_CYPRESS = 'toolbar_commit_info';
+export const TOOLBAR_EDIT_CODE_BUTTON_CYPRESS = 'toolbar_edit_code_button';
+export const TOOLBAR_VISIBILITY_BUTTON_CYPRESS = 'toolbar_visibility_button';
+export const TOOLBAR_RUN_CODE_BUTTON_CYPRESS = 'toolbar_run_code_button';
+export const COMMENT_CONTAINER_CYPRESS = 'comment_container';
+export const CHATBOT_PROMPT_CONTAINER_CY = 'chatbot_prompt_container';
+export const COMMENT_RESPONSE_BOX_CY = 'comment-response-box';
+export const buildCommentContainerDataCy = (id: string): string =>
+  `${COMMENT_CONTAINER_CYPRESS}-${id}`;
+export const buildChatbotPromptContainerDataCy = (id: string): string =>
+  `${CHATBOT_PROMPT_CONTAINER_CY}-${id}`;
+export const buildCommentResponseBoxDataCy = (id: string): string =>
+  `${COMMENT_RESPONSE_BOX_CY}-${id}`;
+
+export const COMMENT_THREAD_CONTAINER_CYPRESS = 'comment_thread_container';
+export const ORPHAN_BUTTON_CYPRESS = 'orphan_button';
+export const CODE_EXECUTION_CONTAINER_CYPRESS = 'code_execution_container';
+export const CODE_EDITOR_ID_CY = 'code_editor';
+export const CODE_EDITOR_CONTAINER_CYPRESS = 'code_editor_container';
+export const CODE_EDITOR_LANGUAGE_SELECT_CYPRESS =
+  'code_editor_language_select';
+export const CODE_EDITOR_COMMIT_MESSAGE_CYPRESS = 'code_editor_commit_message';
+export const CODE_EDITOR_COMMIT_DESCRIPTION_CYPRESS =
+  'code_editor_commit_description';
+export const CODE_EDITOR_SUBMIT_BUTTON_CYPRESS = 'code_editor_submit_button';
+export const CODE_EDITOR_CANCEL_BUTTON_CYPRESS = 'code_editor_cancel_button';
+
+export const COMMIT_INFO_DIALOG_CYPRESS = 'commit_info_dialog';
+export const COMMIT_INFO_FIELD_CYPRESS = 'commit_info_field';
+export const buildCommitFieldDataCy = (fieldName: string): string =>
+  `${COMMIT_INFO_FIELD_CYPRESS}-${fieldName}`;
+
+export const REPL_CONTAINER_CY = 'repl_container';
+export const REPL_EDITOR_ID_CY = 'repl_editor';
+
+export const APP_MODE_EXECUTE_BUTTON_CY = 'app_mode_execute';
+export const APP_MODE_REVIEW_BUTTON_CY = 'app_mode_review';
+export const APP_MODE_COLLABORATE_BUTTON_CY = 'app_mode_collaborate';
+export const APP_MODE_EXPLAIN_BUTTON_CY = 'app_mode_explain';
+
+export const SETTING_APP_MODE_SELECT_FORM_LABEL_CY =
+  'setting_app_mode_select_label';
+export const SETTING_APP_MODE_SELECT_NAME_CY = 'setting_app_mode_select_label';
+export const SETTING_MAIN_CODE_EDITOR_CY = 'setting_main_code_editor';
+export const SETTING_HEADER_CODE_EDITOR_CY = 'setting_header_code_editor';
+export const SETTING_FOOTER_CODE_EDITOR_CY = 'setting_footer_code_editor';
+export const SETTING_CHATBOT_PROMPT_CODE_EDITOR_CY =
+  'setting_chatbot_prompt_code_editor';
+export const SETTING_INITIAL_PROMPT_CODE_EDITOR_CY =
+  'setting_initial_prompt_code_editor';
+export const SETTING_CHATBOT_PROMPT_LINE_NUMBER_CY =
+  'setting_chatbot_prompt_line_number';
+export const SETTING_MAX_COMMENT_LENGTH = 'setting_max_comment_length';
+export const SETTING_ADD_CHATBOT_PROMPT_CY = 'setting_add_chatbot_prompt';
+
+export const REPL_RUN_CODE_BUTTON_CY = 'repl_run_code_button';
+export const REPL_OUTPUT_CONSOLE_CY = 'repl_output_console_area';
+export const REPL_STATUS_INDICATOR_CY = 'repl_status_indicator';
+export const REPL_SAVE_BUTTON_CY = 'repl_save_button';
+export const REPL_STOP_BUTTON_CY = 'repl_stop_button';
+export const REPL_CLEAR_BUTTON_CY = 'repl_clear_button';
+export const REPL_FULL_SCREEN_BUTTON_CY = 'repl_full_screen_button';
+export const REPL_INPUT_DIALOG_BUTTON_CONTAINER_CY = 'repl_input_container';
+export const REPL_INPUT_DIALOG_CANCEL_BUTTON_CY = 'repl_input_cancel_button';
+export const REPL_INPUT_DIALOG_SUBMIT_BUTTON_CY = 'repl_input_submit_button';
+export const REPL_INPUT_DIALOG_PROMPT_TEXT_CY = 'repl_input_prompt_text';
+export const REPL_INPUT_DIALOG_TEXTFIELD_CY = 'repl_input_textfield';
+
+export const DOWNLOAD_ACTIONS_BUTTON_CY = 'download_actions_button';
+
+export const DOWNLOAD_DATA_BUTTON_CY = 'download_data_button';
+
+export const DIFF_VIEW_CONTAINER_CY = 'diff_view_container';
+export const DIFF_VIEW_COMPONENT_CY = 'diff_view_component';
+
+export const SETTING_DIFF_VIEW_OLD_CODE_CY = 'setting_diff_view_old_code';
+export const SETTING_DIFF_VIEW_NEW_CODE_CY = 'setting_diff_view_new_code';
 
 export const buildDataCy = (selector: string): string =>
   `[data-cy=${selector}]`;
+export const buildTableRowCypress = (selector: string): string =>
+  `[data-cy=${selector}]`;
+export const buildCommitFieldCypress = (selector: string): string =>
+  `[data-cy=${selector}]`;
+export const settingKeyDataCy = (key: string): string => `setting-${key}`;
+
+// keys for save buttons and tests
+export const EXECUTION_MODE_SETTINGS_KEY = 'EXECUTION_MODE_SETTINGS_KEY';
+export const REVIEW_MODE_SETTINGS_KEY = 'REVIEW_MODE_SETTINGS_KEY';
+export const EXPLAIN_MODE_SETTINGS_KEY = 'EXPLAIN_MODE_SETTINGS_KEY';
+export const SETTING_NEW_CHATBOT_PROMPT_KEY = 'NEW_CHATBOT_PROMPT_KEY';
diff --git a/src/config/settings.ts b/src/config/settings.ts
new file mode 100644
index 0000000..94e77ad
--- /dev/null
+++ b/src/config/settings.ts
@@ -0,0 +1,73 @@
+import { Context, PermissionLevel } from '@graasp/sdk';
+
+import {
+  AppModeSettings,
+  AppModeSettingsKeys,
+  ChatCompletionMessage,
+  ChatbotPromptSettings,
+  ChatbotPromptSettingsKeys,
+  DataFileListSettings,
+  DataFileListSettingsKeys,
+  GeneralSettings,
+  GeneralSettingsKeys,
+} from '@/interfaces/settings';
+
+import { AppMode } from './appSettingsTypes';
+import { PYTHON, REVIEW_MODE_INDIVIDUAL } from './constants';
+import { AppView } from './layout';
+
+export const DEFAULT_APP_MODE = AppMode.Execute;
+export const DEFAULT_APP_VIEW = AppView.CodeReview;
+
+export const DEFAULT_CONTEXT = Context.BUILDER;
+export const DEFAULT_PERMISSION = PermissionLevel.Read;
+export const DEFAULT_LINE_HIDDEN_STATE = false;
+
+export const DEFAULT_CONTEXT_API_HOST = '';
+export const DEFAULT_CONTEXT_ITEM_ID = '';
+export const DEFAULT_CONTEXT_LANGUAGE = 'en';
+export const DEFAULT_CONTEXT_STANDALONE = false;
+export const DEFAULT_CONTEXT_OFFLINE = false;
+export const DEFAULT_CONTEXT_DEV = false;
+export const DEFAULT_CONTEXT_SETTINGS = {};
+
+// default values
+export const DEFAULT_SHOW_HEADER_SETTING = false;
+export const DEFAULT_SHOW_TOOLBAR_SETTING = true;
+export const DEFAULT_SHOW_VERSION_NAVIGATION_SETTING = false;
+export const DEFAULT_SHOW_EDIT_BUTTON_SETTING = false;
+export const DEFAULT_SHOW_RUN_BUTTON_SETTING = false;
+export const DEFAULT_SHOW_VISIBILITY_BUTTON_SETTING = true;
+export const DEFAULT_ALLOW_COMMENTS_SETTING = true;
+export const DEFAULT_ALLOW_REPLIES_SETTING = true;
+export const DEFAULT_ALLOW_COMMENT_REPORTING = true;
+export const DEFAULT_PROGRAMMING_LANGUAGE_SETTING = PYTHON;
+export const DEFAULT_CODE_SETTING = '';
+export const DEFAULT_COMMIT_MESSAGE_SETTING = '';
+export const DEFAULT_COMMIT_DESCRIPTION_SETTING = '';
+export const DEFAULT_MAX_COMMENT_LENGTH_SETTING = 300;
+
+export const DEFAULT_REVIEW_MODE_SETTING = REVIEW_MODE_INDIVIDUAL;
+
+// default settings object
+export const DEFAULT_GENERAL_SETTINGS: GeneralSettings = {
+  [GeneralSettingsKeys.AllowReplies]: DEFAULT_ALLOW_REPLIES_SETTING,
+  [GeneralSettingsKeys.AllowCommentsReporting]: DEFAULT_ALLOW_COMMENT_REPORTING,
+  [GeneralSettingsKeys.MaxCommentLength]: DEFAULT_MAX_COMMENT_LENGTH_SETTING,
+};
+
+// app mode setting
+export const DEFAULT_APP_MODE_SETTINGS: AppModeSettings = {
+  [AppModeSettingsKeys.Mode]: DEFAULT_APP_MODE,
+};
+
+// app mode setting
+export const DEFAULT_DATA_FILE_LIST_SETTINGS: DataFileListSettings = {
+  [DataFileListSettingsKeys.Files]: [],
+};
+
+// chatbot prompt setting
+export const DEFAULT_CHATBOT_PROMPT_SETTINGS: ChatbotPromptSettings = {
+  [ChatbotPromptSettingsKeys.InitialPrompt]: [] as ChatCompletionMessage[],
+  [ChatbotPromptSettingsKeys.ChatbotPrompt]: '',
+};
diff --git a/src/constants/messages.ts b/src/constants/messages.ts
new file mode 100644
index 0000000..b752742
--- /dev/null
+++ b/src/constants/messages.ts
@@ -0,0 +1,2 @@
+export const UNEXPECTED_ERROR_MESSAGE = 'An unexpected error has occurred.';
+export const SUCCESS_MESSAGE = 'The operation succeeded.';
diff --git a/src/hooks/useChatbotApi.tsx b/src/hooks/useChatbotApi.tsx
new file mode 100644
index 0000000..8f726e0
--- /dev/null
+++ b/src/hooks/useChatbotApi.tsx
@@ -0,0 +1,66 @@
+import { useEffect, useState } from 'react';
+
+import { OPEN_AI_API_URL } from '@/config/env';
+import { ChatCompletionMessage } from '@/interfaces/settings';
+
+export type UserDataType = { [key: string]: unknown };
+type CallbackType = (
+  completion: ChatCompletionMessage,
+  data: UserDataType,
+) => void;
+type ReturnType = {
+  isLoading: boolean;
+  callApi: (prompt: ChatCompletionMessage[], userData: UserDataType) => void;
+};
+export const useChatbotApi = (callback: CallbackType): ReturnType => {
+  const [isLoading, setIsLoading] = useState(false);
+  const [shouldFetch, setShouldFetch] = useState(false);
+  const [prompt, setPrompt] = useState<ChatCompletionMessage[]>([]);
+  const [data, setData] = useState<UserDataType>({});
+
+  useEffect(
+    () => {
+      async function fetchApi(): Promise<void> {
+        setIsLoading(true);
+        fetch(OPEN_AI_API_URL, {
+          method: 'POST',
+          body: JSON.stringify({ prompt }),
+          headers: {
+            'Content-type': 'application/json; charset=UTF-8',
+          },
+        })
+          .then((response) => {
+            if (response.ok) {
+              return response.json();
+            }
+            return { completion: 'Sorry, an error occured' };
+          })
+          .then((json) => {
+            const { completion } = json;
+            callback(completion, data);
+            setIsLoading(false);
+            setShouldFetch(false);
+          });
+      }
+      if (prompt && shouldFetch) {
+        fetchApi();
+      }
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [shouldFetch],
+  );
+
+  const callApi = (
+    chatbotPrompt: ChatCompletionMessage[],
+    userData: { [key: string]: unknown },
+  ): void => {
+    setPrompt(chatbotPrompt);
+    setData(userData);
+    setShouldFetch(true);
+  };
+
+  return {
+    isLoading,
+    callApi,
+  };
+};
diff --git a/src/interfaces/comment.ts b/src/interfaces/comment.ts
new file mode 100644
index 0000000..4f75c4b
--- /dev/null
+++ b/src/interfaces/comment.ts
@@ -0,0 +1,22 @@
+import { AppData } from '@graasp/apps-query-client';
+
+import { APP_DATA_TYPES } from '../config/appDataTypes';
+
+export type VisibilityVariants = 'member' | 'item';
+
+export interface CommentAppData {
+  data: {
+    line: number;
+    codeId: string;
+    content: string;
+    parent: string;
+    multiline?: {
+      start: number;
+      end: number;
+    };
+    chatbotPromptSettingId?: string;
+  };
+  type: APP_DATA_TYPES.COMMENT | APP_DATA_TYPES.BOT_COMMENT;
+  visibility?: VisibilityVariants;
+}
+export type CommentType = AppData & CommentAppData;
diff --git a/src/interfaces/reportedComment.ts b/src/interfaces/reportedComment.ts
new file mode 100644
index 0000000..56f78c3
--- /dev/null
+++ b/src/interfaces/reportedComment.ts
@@ -0,0 +1,9 @@
+import { AppData } from '@graasp/apps-query-client';
+
+interface ReportedCommentAppData {
+  data: {
+    reason: string;
+    commentId: string;
+  };
+}
+export type ReportedCommentType = AppData & ReportedCommentAppData;
diff --git a/src/interfaces/settings.ts b/src/interfaces/settings.ts
new file mode 100644
index 0000000..1e1a91a
--- /dev/null
+++ b/src/interfaces/settings.ts
@@ -0,0 +1,68 @@
+import { AppSetting } from '@graasp/apps-query-client';
+
+import { AppMode, DataFile } from '@/config/appSettingsTypes';
+
+// general settings keys
+export enum GeneralSettingsKeys {
+  AllowReplies = 'allowReplies',
+  AllowCommentsReporting = 'allowCommentReporting',
+  MaxCommentLength = 'maxCommentLength',
+}
+
+// App Mode Setting keys
+export enum AppModeSettingsKeys {
+  Mode = 'mode',
+}
+
+// App Mode Setting keys
+export enum DataFileListSettingsKeys {
+  Files = 'files',
+}
+
+// Chatbot Prompt Setting keys
+export enum ChatbotPromptSettingsKeys {
+  InitialPrompt = 'initialPrompt',
+  ChatbotPrompt = 'chatbotPrompt',
+}
+
+// type of general settings
+export type GeneralSettings = {
+  [GeneralSettingsKeys.AllowReplies]: boolean;
+  [GeneralSettingsKeys.AllowCommentsReporting]: boolean;
+  [GeneralSettingsKeys.MaxCommentLength]: number;
+
+  // used to allow access using settings[settingKey] syntax
+  [key: string]: unknown;
+};
+
+export type AppModeSettings = {
+  [AppModeSettingsKeys.Mode]: AppMode;
+
+  // used to allow access using settings[settingKey] syntax
+  [key: string]: unknown;
+};
+
+export type DataFileListSettings = {
+  [DataFileListSettingsKeys.Files]: DataFile[];
+
+  // used to allow access using settings[settingKey] syntax
+  [key: string]: unknown;
+};
+
+export type ChatCompletionMessageRoles = 'system' | 'user' | 'assistant';
+
+export type ChatCompletionMessage = {
+  role: ChatCompletionMessageRoles;
+  content: string;
+};
+
+export type ChatbotPromptSettings = {
+  [ChatbotPromptSettingsKeys.InitialPrompt]: ChatCompletionMessage[];
+  [ChatbotPromptSettingsKeys.ChatbotPrompt]: string;
+
+  // used to allow access using settings[settingKey] syntax
+  [key: string]: unknown;
+};
+export type ChatbotPromptAppSettings = AppSetting & {
+  data: ChatbotPromptSettings;
+};
diff --git a/src/langs/en.json b/src/langs/en.json
index a356c2f..8c2e067 100644
--- a/src/langs/en.json
+++ b/src/langs/en.json
@@ -1,5 +1,155 @@
 {
   "translations": {
-    "Welcome to the Graasp App Starter Kit": "Welcome to the Graasp App Starter Kit"
+    "Welcome to the Graasp App Starter Kit": "Welcome to the Graasp App Starter Kit",
+    "Cancel": "Cancel",
+    "Finish": "Finish",
+    "Save": "Save",
+    "Stop": "Stop",
+    "Clear": "Clear",
+    "Saved": "Saved",
+    "Send": "Send",
+    "Reply": "Reply",
+    "Yes": "Yes",
+    "Write": "Write",
+    "Preview": "Preview",
+    "User": "User",
+    "Version": "Version",
+    "Are you sure you want to delete this comment?": "Are you sure you want to delete this comment?",
+    "View the Users in the Sample Space": "View the Users in the Sample Space",
+    "Selected Student is:": "Selected Student is:",
+    "No student selected": "No student selected",
+    "Image Uri": "Image Uri",
+    "Name": "Name",
+    "Settings": "Settings",
+    "Code": "Code",
+    "Programming Language": "Programming Language",
+    "Show Header to Students": "Show Header to Students",
+    "Allow Comments": "Allow Comments",
+    "Allow Replies": "Allow Replies",
+    "Student Comments": "Student Comments",
+    "Code Review": "Code Review",
+    "Total Number of Messages": "Total Number of Messages",
+    "View Chat": "View Chat",
+    "Select a bot to impersonate": "Select a bot to impersonate",
+    "Close": "Close",
+    "Viewing comments from": "Viewing comments from {{user}}",
+    "Bot Users": "Bot Users",
+    "Avatar": "Avatar",
+    "Instructor": "Instructor",
+    "Actions": "Actions",
+    "No Bots": "No Bots",
+    "Add a New Bot User": "Add a New Bot User",
+    "Warning! You are impersonating a bot. Clear the field above to write comments as yourself.": "Warning! You are impersonating a bot. Clear the field above to write comments as yourself.",
+    "[DELETED]": "[DELETED]",
+    "Toggle Visibility": "Toggle Visibility",
+    "Toggle Fullscreen": "Toggle Fullscreen",
+    "Fullscreen": "Fullscreen",
+    "show more": "show more",
+    "Delete Bot": "Delete Bot",
+    "Delete All Comments for Bot": "Delete All Comments for Bot",
+    "Enable Auto Reply": "Enable Auto Reply",
+    "Enable Automatic Message Seeding": "Enable Automatic Message Seeding",
+    "Upload File": "Upload File",
+    "Bot Personality": "Bot Personality",
+    "Reset Defaults": "Reset Defaults",
+    "Add Empty Step": "Add Empty Step",
+    "Show Toolbar to Students": "Show Toolbar to Students",
+    "Show All Comments": "Show All Comments",
+    "Hide All Comments": "Hide All Comments",
+    "Code Settings": "Code Settings",
+    "Display Settings": "Display Settings",
+    "Show Version Navigation": "Show Version Navigation",
+    "Show Code Edit Button": "Show Code Edit Button",
+    "Show Code Run Button": "Show Code Run Button",
+    "Show Visibility Toggle": "Show Visibility Toggle",
+    "Allow students to see other students' code": "Allow students to see other students' code",
+    "Downloading": "Downloading",
+    "Download Actions": "Download Actions",
+    "Edit": "Edit",
+    "Commit Info": "Commit Info",
+    "Run": "Run",
+    "Author": "Author",
+    "Message": "Message",
+    "Description": "Description",
+    "Created": "Created",
+    "Commit Changes": "Commit Changes",
+    "Commit Message": "Commit Message",
+    "Optional Extended Description": "Optional Extended Description",
+    "Updated Code sample": "Updated Code sample",
+    "Add an Optional Description": "Add an Optional Description",
+    "You can reply with": "You can reply with",
+    "Quick Replies": "Quick Replies",
+    "Restart interaction": "Restart interaction",
+    "Default Version": "Default Version",
+    "Help needed": "Help needed",
+    "Table View": "Table View",
+    "Settings View": "Settings",
+    "Preset View": "Preset View",
+    "No Comments": "No Comments",
+    "Define Interaction Mode": "Define Interaction Mode",
+    "App Customization": "App Customization",
+    "Delete": "Delete",
+    "Report": "Report",
+    "Reason": "Reason",
+    "Report a comment": "Report a comment",
+    "Please provide below the reason for reporting this comment": "Please provide below the reason for reporting this comment",
+    "Type your comment": "Type your comment",
+    "Respond to this comment": "Respond to this comment",
+    "LineComment": "Line Comment: {{line}}",
+    "MultiLineComment": "Multiline Comment: {{start}} - {{end}}",
+    "Define Review Mode": "Define Review Mode",
+    "Individual - Each student works in isolation": "Individual - Each student works in isolation",
+    "Collaborative - Students see other students work": "Collaborative - Students see other students work",
+    "Remove orphans": "Remove orphans",
+    "Number of orphan threads": "Orphan threads: {{threads}} ({{totalComments}} total comments)",
+    "total comments": "total comments",
+    "Submit Code": "Submit Code",
+    "User Select": "User Select",
+    "This is the Code Execution panel": "This is the Code Execution panel",
+    "Back to Code Review": "Back to Code Review",
+    "No Commit Message": "~No message~",
+    "Execute Code": "Execute Code",
+    "Review Code": "Review Code",
+    "Collaborate on Code": "Collaborate on Code",
+    "Header code": "Header code",
+    "Footer code": "Footer code",
+    "Code to review": "Code to review",
+    "Input requested": "Input requested",
+    "Submit": "Submit",
+    "Unsaved modifications": "Unsaved modifications",
+    "APP_VERSION": "version {{ version }}",
+    "Choose the App Mode": "Choose the App Mode",
+    "File added": "File added",
+    "Upload complete": "Upload complete",
+    "This is just a preview. No files can be uploaded.": "This is just a preview. No files can be uploaded.",
+    "Data files": "Data files",
+    "Upload Data Files": "Upload Data Files",
+    "No files": "No files",
+    "Supported formats": "Supported formats: {{formats}}",
+    "Old Code": "Old Code",
+    "New Code": "New Code",
+    "Line Offset": "Line Offset",
+    "Save Setting to Preview": "Save Setting to Preview",
+    "Show Preview": "Show Preview",
+    "Pre-loaded libraries": "Preloaded Libraries",
+    "Stop Execution": "Stop Execution",
+    "Clear outputs and figures": "Clear Outputs and Figures",
+    "Run Code": "Run Code",
+    "Save Code": "Save Code",
+    "just now": "just now",
+    "Maximum comment length": "Maximum comment length",
+    "COMMENT_TEXT_TOO_LONG": "The comment text can not be longer than {{max_length}} characters",
+    "Add New Chatbot Prompt": "Add New Chatbot Prompt",
+    "Edit Chatbot Prompt": "Edit Chatbot Prompt",
+    "Chatbot Prompts": "Chatbot Prompts",
+    "No Chatbot Prompts": "No Chatbot Prompts",
+    "Initial Prompt": "Initial Prompt",
+    "Chatbot Prompt": "Chatbot Prompt",
+    "Line Number (first line is 0)": "Line Number (first line is 0)",
+    "Loading": "Loading",
+    "Optional Text": "Optional Text",
+    "Download Data": "Download Data",
+    "Cue": "Cue",
+    "Prompt": "Prompt"
   }
 }
diff --git a/src/main.tsx b/src/main.tsx
index 2a61418..cec1d92 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -7,7 +7,7 @@ import { Replay } from '@sentry/browser';
 import * as Sentry from '@sentry/react';
 import { BrowserTracing } from '@sentry/tracing';
 
-import { MOCK_API } from './config/env';
+import { MOCK_API, OPEN_AI_API_URL } from './config/env';
 import { generateSentryConfig } from './config/sentry';
 import './index.css';
 import buildDatabase, { mockContext, mockMembers } from './mocks/db';
@@ -26,7 +26,7 @@ Sentry.init({
 /* istanbul ignore next */
 if (MOCK_API) {
   mockApi({
-    externalUrls: [],
+    externalUrls: [OPEN_AI_API_URL],
     appContext: window.Cypress ? window.appContext : mockContext,
     database: window.Cypress
       ? window.database
diff --git a/src/mocks/db.ts b/src/mocks/db.ts
index a7b98a6..215abe2 100644
--- a/src/mocks/db.ts
+++ b/src/mocks/db.ts
@@ -1,5 +1,8 @@
 import type { Database, LocalContext, Member } from '@graasp/apps-query-client';
 
+import { v4 } from 'uuid';
+
+// import { APP_DATA_TYPES } from '@/config/appDataTypes';
 import { API_HOST } from '@/config/env';
 
 export const mockContext: LocalContext = {
@@ -7,32 +10,91 @@ export const mockContext: LocalContext = {
   permission: 'admin',
   context: 'player',
   itemId: '1234-1234-123456-8123-123456',
-  memberId: 'mock-member-id',
+  memberId: v4(),
 };
 
 export const mockMembers: Member[] = [
   {
-    id: mockContext.memberId || '',
-    name: 'current-member',
-    email: '',
-    extra: {},
-  },
-  {
-    id: 'mock-member-id-2',
-    name: 'mock-member-2',
+    id: mockContext.memberId || v4(),
+    name: 'ID-123',
     email: '',
     extra: {},
   },
 ];
 
+// const commentBot = v4();
+// const commentParent = v4();
+
 const buildDatabase = (
   appContext: Partial<LocalContext>,
   members?: Member[],
 ): Database => ({
-  appData: [],
+  appData: [
+    // {
+    //   id: commentBot,
+    //   data: {
+    //     content: 'This would be thee bot comment',
+    //     parent: null,
+    //     chatbotPromptSettingId: 'rubbish',
+    //   },
+    //   memberId: 'mock-member-id',
+    //   type: APP_DATA_TYPES.BOT_COMMENT,
+    //   itemId: appContext.itemId || '',
+    //   visibility: 'member',
+    //   creator: 'mock-member-id',
+    //   createdAt: new Date().toISOString(),
+    //   updatedAt: new Date().toISOString(),
+    // },
+    // {
+    //   id: commentParent,
+    //   data: {
+    //     content: '*Hello* this is a _comment_ on line 3',
+    //     parent: commentBot,
+    //   },
+    //   memberId: 'mock-member-id',
+    //   type: APP_DATA_TYPES.COMMENT,
+    //   itemId: appContext.itemId || '',
+    //   visibility: 'member',
+    //   creator: 'mock-member-id',
+    //   createdAt: new Date().toISOString(),
+    //   updatedAt: new Date().toISOString(),
+    // },
+    // {
+    //   id: v4(),
+    //   data: {
+    //     content: '*Hello* this is a _response_ on line 3',
+    //     parent: commentParent,
+    //   },
+    //   memberId: 'mock-member-id',
+    //   type: APP_DATA_TYPES.COMMENT,
+    //   itemId: appContext.itemId || '',
+    //   creator: 'mock-member-id',
+    //   visibility: 'member',
+    //   createdAt: new Date().toISOString(),
+    //   updatedAt: new Date().toISOString(),
+    // },
+  ],
   appActions: [],
   members: members ?? mockMembers,
-  appSettings: [],
+  appSettings: [
+    // {
+    //   id: 'e09b45ad-4391-48fd-99f1-8f0f300f4b59',
+    //   name: 'CHATBOT_PROMPT_SETTINGS',
+    //   itemId: '81f2dc95-1f15-48f6-92b2-913e38265270',
+    //   data: {
+    //     chatbotPrompt: 'Hello! I am a chatbot. Ask me anything.',
+    //     initialPrompt: [
+    //       {
+    //         role: 'system',
+    //         content: 'You are a chatbot.',
+    //       },
+    //     ],
+    //   },
+    //   creator: 'a25baa07-09e6-4c8c-a53e-9adc94937037',
+    //   createdAt: '2023-04-26T09:34:16.160Z',
+    //   updatedAt: '2023-04-26T09:34:16.160Z',
+    // },
+  ],
 });
 
 export default buildDatabase;
diff --git a/src/modules/common/ChatbotAvatar.tsx b/src/modules/common/ChatbotAvatar.tsx
new file mode 100644
index 0000000..d87bcbf
--- /dev/null
+++ b/src/modules/common/ChatbotAvatar.tsx
@@ -0,0 +1,16 @@
+import { FC } from 'react';
+
+import { SmartToy as BotIcon } from '@mui/icons-material';
+import { Avatar } from '@mui/material';
+
+const ChatbotAvatar: FC = () => (
+  <Avatar
+    sx={{
+      backgroundColor: 'var(--graasp-primary)',
+    }}
+  >
+    <BotIcon htmlColor="#fff" />
+  </Avatar>
+);
+
+export default ChatbotAvatar;
diff --git a/src/modules/common/ChatbotPrompt.tsx b/src/modules/common/ChatbotPrompt.tsx
new file mode 100644
index 0000000..84d3f2b
--- /dev/null
+++ b/src/modules/common/ChatbotPrompt.tsx
@@ -0,0 +1,162 @@
+import { FC, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import { CardContent, CardHeader } from '@mui/material';
+
+import { APP_ACTIONS_TYPES } from '@/config/appActionsTypes';
+import { APP_DATA_TYPES, COMMENT_APP_DATA_TYPES } from '@/config/appDataTypes';
+import { GENERAL_SETTINGS_NAME } from '@/config/appSettingsTypes';
+import { DEFAULT_BOT_USERNAME, INSTRUCTOR_CODE_ID } from '@/config/constants';
+import { MUTATION_KEYS, useMutation } from '@/config/queryClient';
+import {
+  buildChatbotPromptContainerDataCy,
+  buildCommentResponseBoxDataCy,
+} from '@/config/selectors';
+import { DEFAULT_GENERAL_SETTINGS } from '@/config/settings';
+import { UserDataType, useChatbotApi } from '@/hooks/useChatbotApi';
+import {
+  ChatCompletionMessage,
+  ChatCompletionMessageRoles,
+  GeneralSettingsKeys,
+} from '@/interfaces/settings';
+
+import { useAppDataContext } from '../context/AppDataContext';
+import { useLoadingIndicator } from '../context/LoadingIndicatorContext';
+import { useSettings } from '../context/SettingsContext';
+import CommentContainer from '../layout/CommentContainer';
+import CustomCommentCard from '../layout/CustomCommentCard';
+import ChatbotAvatar from './ChatbotAvatar';
+import CommentBody from './CommentBody';
+import CommentEditor from './CommentEditor';
+import ResponseBox from './ResponseBox';
+
+const ChatbotPrompt: FC = () => {
+  const { t } = useTranslation();
+  const { postAppDataAsync, appData } = useAppDataContext();
+  const [openEditor, setOpenEditor] = useState(false);
+  const { mutate: postAction } = useMutation<
+    unknown,
+    unknown,
+    { data: unknown; type: string }
+  >(MUTATION_KEYS.POST_APP_ACTION);
+  // if a message already exists with the prompt id we should not display this prompt
+  const {
+    chatbotPrompt,
+    [GENERAL_SETTINGS_NAME]: generalSettings = DEFAULT_GENERAL_SETTINGS,
+  } = useSettings();
+  const { startLoading, stopLoading } = useLoadingIndicator();
+
+  const { callApi } = useChatbotApi(
+    (completion: ChatCompletionMessage, data: UserDataType) => {
+      const newData = { ...data, content: completion };
+      // post comment from bot
+      postAppDataAsync({
+        data: newData,
+        type: APP_DATA_TYPES.BOT_COMMENT,
+      })?.then(() => stopLoading());
+      postAction({ data: newData, type: APP_ACTIONS_TYPES.CREATE_COMMENT });
+    },
+  );
+
+  const comments = appData.filter((c) =>
+    COMMENT_APP_DATA_TYPES.includes(c.type),
+  );
+
+  const realChatbotPromptExists = comments.find(
+    (c) => c.data.chatbotPromptSettingId !== undefined,
+  );
+  const handleNewDiscussion = (newUserComment: string): void => {
+    const chatbotMessage = chatbotPrompt?.data.chatbotPrompt;
+    startLoading();
+    const newData = {
+      parent: null,
+      codeId: INSTRUCTOR_CODE_ID,
+      content: chatbotMessage,
+      chatbotPromptSettingId: chatbotPrompt?.id,
+    };
+    // post chatbot comment as app data with async call
+    postAppDataAsync({
+      data: newData,
+      type: APP_DATA_TYPES.BOT_COMMENT,
+    })?.then((botComment) => {
+      const userData = {
+        parent: botComment.id,
+        codeId: INSTRUCTOR_CODE_ID,
+        content: newUserComment,
+      };
+      // post new user comment as appdata with normal call
+      postAppDataAsync({
+        data: userData,
+        type: APP_DATA_TYPES.COMMENT,
+      })?.then((userMessage) => {
+        const fullPrompt = [
+          ...(chatbotPrompt?.data.initialPrompt || []),
+          {
+            role: 'assistant' as ChatCompletionMessageRoles,
+            content: chatbotMessage,
+          },
+          {
+            role: 'user' as ChatCompletionMessageRoles,
+            content: newUserComment,
+          },
+        ];
+        callApi(fullPrompt, {
+          parent: userMessage.id,
+          codeId: INSTRUCTOR_CODE_ID,
+        });
+        postAction({
+          data: { prompt: fullPrompt },
+          type: APP_ACTIONS_TYPES.SEND_PROMPT,
+        });
+      });
+      postAction({ data: userData, type: APP_ACTIONS_TYPES.CREATE_COMMENT });
+    });
+    postAction({ data: newData, type: APP_ACTIONS_TYPES.CREATE_COMMENT });
+
+    // close editor
+    setOpenEditor(false);
+  };
+
+  // display only if real chatbot prompt does not exist yet
+  if (!realChatbotPromptExists) {
+    // console.log(chatbotPrompt);
+    // if (chatbotPrompt?.data?.chatbotPrompt === '') {
+    //   return <>Please configure the chatbot prompt.</>;
+    // }
+    return (
+      <CommentContainer>
+        <CustomCommentCard
+          elevation={0}
+          data-cy={buildChatbotPromptContainerDataCy(chatbotPrompt?.id)}
+        >
+          <CardHeader
+            title={DEFAULT_BOT_USERNAME}
+            subheader={t('just now')}
+            avatar={<ChatbotAvatar />}
+          />
+          <CardContent sx={{ p: 2, py: 0, '&:last-child': { pb: 0 } }}>
+            <CommentBody>{chatbotPrompt?.data?.chatbotPrompt}</CommentBody>
+          </CardContent>
+        </CustomCommentCard>
+
+        {openEditor ? (
+          <CommentEditor
+            maxTextLength={
+              generalSettings[GeneralSettingsKeys.MaxCommentLength]
+            }
+            onCancel={() => setOpenEditor(false)}
+            onSend={handleNewDiscussion}
+          />
+        ) : (
+          <ResponseBox
+            dataCy={buildCommentResponseBoxDataCy(chatbotPrompt?.id)}
+            onClick={() => setOpenEditor(true)}
+            commentId={chatbotPrompt?.id}
+          />
+        )}
+      </CommentContainer>
+    );
+  }
+  return null;
+};
+export default ChatbotPrompt;
diff --git a/src/modules/common/CodeEditor.tsx b/src/modules/common/CodeEditor.tsx
new file mode 100644
index 0000000..fd13ebc
--- /dev/null
+++ b/src/modules/common/CodeEditor.tsx
@@ -0,0 +1,48 @@
+import React, { FC } from 'react';
+
+import { Box, Stack, styled, useTheme } from '@mui/material';
+
+import { javascript } from '@codemirror/lang-javascript';
+import CodeMirror from '@uiw/react-codemirror';
+
+import { SMALL_BORDER_RADIUS } from '@/config/layout';
+import { CODE_EDITOR_ID_CY } from '@/config/selectors';
+
+const StyledEditorContainer = styled(Box)({
+  border: 'solid silver 1px',
+  borderRadius: SMALL_BORDER_RADIUS,
+  maxHeight: '40vh',
+  overflow: 'hidden',
+});
+
+type Props = {
+  value: string;
+  readOnly?: boolean;
+  onChange?: (newValue: string) => void;
+};
+
+const CodeEditor: FC<Props> = ({ value, readOnly, onChange }) => {
+  const theme = useTheme();
+
+  return (
+    <Stack display="flex" direction="column" spacing={1} maxHeight="100%">
+      <StyledEditorContainer>
+        <CodeMirror
+          id={CODE_EDITOR_ID_CY}
+          onChange={onChange}
+          height="100%"
+          style={{
+            height: '100%',
+          }}
+          value={value}
+          theme={theme.palette.mode}
+          basicSetup
+          extensions={[javascript()]}
+          readOnly={readOnly}
+        />
+      </StyledEditorContainer>
+    </Stack>
+  );
+};
+
+export default CodeEditor;
diff --git a/src/modules/common/Comment.tsx b/src/modules/common/Comment.tsx
new file mode 100644
index 0000000..ed5661f
--- /dev/null
+++ b/src/modules/common/Comment.tsx
@@ -0,0 +1,132 @@
+import React, { FC, ReactElement, useRef, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import { MoreVert } from '@mui/icons-material';
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardProps,
+  IconButton,
+  Tooltip,
+  styled,
+} from '@mui/material';
+
+import { useLocalContext } from '@graasp/apps-query-client';
+
+import { APP_DATA_TYPES } from '@/config/appDataTypes';
+import { GENERAL_SETTINGS_NAME } from '@/config/appSettingsTypes';
+import { ANONYMOUS_USER, DEFAULT_BOT_USERNAME } from '@/config/constants';
+import { BIG_BORDER_RADIUS } from '@/config/layout';
+import { MUTATION_KEYS, useMutation } from '@/config/queryClient';
+import { buildCommentContainerDataCy } from '@/config/selectors';
+import { DEFAULT_GENERAL_SETTINGS } from '@/config/settings';
+import { CommentType } from '@/interfaces/comment';
+import { ReportedCommentType } from '@/interfaces/reportedComment';
+import { GeneralSettingsKeys } from '@/interfaces/settings';
+import { getFormattedTime } from '@/utils/datetime';
+
+// import { useMembersContext } from '../context/MembersContext';
+import { useSettings } from '../context/SettingsContext';
+import CustomAvatar from '../layout/CustomAvatar';
+import ChatbotAvatar from './ChatbotAvatar';
+import CommentActions from './CommentActions';
+import CommentBody from './CommentBody';
+import ReportCommentDialog from './ReportCommentDialog';
+
+const CustomCard = styled(Card)<CardProps>({
+  borderRadius: BIG_BORDER_RADIUS,
+});
+
+type Props = {
+  comment: CommentType;
+};
+
+const Comment: FC<Props> = ({ comment }) => {
+  const { t, i18n } = useTranslation();
+  // const members = useMembersContext();
+  const { [GENERAL_SETTINGS_NAME]: settings = DEFAULT_GENERAL_SETTINGS } =
+    useSettings();
+  const currentMember = useLocalContext().get('memberId');
+  const { mutate: postAppData } = useMutation<
+    ReportedCommentType,
+    unknown,
+    unknown,
+    ReportedCommentType
+  >(MUTATION_KEYS.POST_APP_DATA);
+
+  const allowCommentReporting =
+    settings[GeneralSettingsKeys.AllowCommentsReporting];
+  const [menuAnchorEl, setMenuAnchorEl] = useState<null | HTMLElement>(null);
+  const [openActionsMenu, setOpenActionsMenu] = useState(false);
+  const [openFlagDialog, setOpenFlagDialog] = useState(false);
+  const commentRef = useRef<HTMLDivElement>(null);
+
+  // currently not using members
+  // const member = members.find((u) => u.id === comment.memberId);
+  // const userName = member?.name || ANONYMOUS_USER;
+
+  const isBot = comment.type === APP_DATA_TYPES.BOT_COMMENT;
+
+  const isEditable = (): boolean => currentMember === comment.creator;
+  const isDeletable = (): boolean => isEditable();
+
+  const sendCommentReport = (reason: string): void => {
+    postAppData({
+      data: { reason, commentId: comment.id },
+      type: APP_DATA_TYPES.FLAG,
+    });
+  };
+
+  const renderCommentActions = (): ReactElement => (
+    <>
+      <Tooltip title={t('Actions')}>
+        <IconButton
+          onClick={(e) => {
+            setMenuAnchorEl(e.currentTarget);
+            setOpenActionsMenu(true);
+          }}
+        >
+          <MoreVert />
+        </IconButton>
+      </Tooltip>
+      <CommentActions
+        open={openActionsMenu}
+        menuAnchorEl={menuAnchorEl}
+        showEdit={isEditable()}
+        showDelete={isDeletable()}
+        showFlag={allowCommentReporting}
+        onClickFlag={() => setOpenFlagDialog(true)}
+        onClose={() => {
+          setMenuAnchorEl(null);
+          setOpenActionsMenu(false);
+        }}
+      />
+      <ReportCommentDialog
+        open={openFlagDialog}
+        setOpen={setOpenFlagDialog}
+        onSendReport={sendCommentReport}
+        commentRef={commentRef}
+      />
+    </>
+  );
+  return (
+    <CustomCard
+      data-cy={buildCommentContainerDataCy(comment.id)}
+      elevation={0}
+      ref={commentRef}
+    >
+      <CardHeader
+        title={isBot ? DEFAULT_BOT_USERNAME : ANONYMOUS_USER}
+        subheader={getFormattedTime(comment.updatedAt, i18n.language)}
+        avatar={isBot ? <ChatbotAvatar /> : <CustomAvatar />}
+        action={renderCommentActions()}
+      />
+      <CardContent sx={{ p: 2, py: 0, '&:last-child': { pb: 0 } }}>
+        <CommentBody>{comment.data.content}</CommentBody>
+      </CardContent>
+    </CustomCard>
+  );
+};
+
+export default Comment;
diff --git a/src/modules/common/CommentActions.tsx b/src/modules/common/CommentActions.tsx
new file mode 100644
index 0000000..b5f64a4
--- /dev/null
+++ b/src/modules/common/CommentActions.tsx
@@ -0,0 +1,114 @@
+import React, { FC } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import { Delete, Edit, Flag } from '@mui/icons-material';
+import { ListItemIcon, ListItemText, Menu, MenuItem } from '@mui/material';
+
+import { APP_ACTIONS_TYPES } from '@/config/appActionsTypes';
+import { MUTATION_KEYS, useMutation } from '@/config/queryClient';
+
+import { useAppDataContext } from '../context/AppDataContext';
+import { useCommentContext } from '../context/CommentContext';
+import { useReviewContext } from '../context/ReviewContext';
+
+type Props = {
+  open: boolean;
+  menuAnchorEl: null | HTMLElement;
+  onClose: () => void;
+  onClickFlag?: () => void;
+  showDelete?: boolean;
+  showEdit?: boolean;
+  showFlag?: boolean;
+};
+
+const CommentActions: FC<Props> = ({
+  open,
+  menuAnchorEl,
+  onClose,
+  onClickFlag,
+  showDelete = true,
+  showEdit = true,
+  showFlag = true,
+}) => {
+  const { t } = useTranslation();
+  const comment = useCommentContext();
+  const { editComment } = useReviewContext();
+  const { deleteAppData } = useAppDataContext();
+  const { mutate: postAction } = useMutation<
+    unknown,
+    unknown,
+    { data: unknown; type: string }
+  >(MUTATION_KEYS.POST_APP_ACTION);
+
+  return (
+    <Menu
+      MenuListProps={{ dense: true }}
+      open={open}
+      anchorEl={menuAnchorEl}
+      // center the popover
+      anchorOrigin={{
+        vertical: 'bottom',
+        horizontal: 'right',
+      }}
+      transformOrigin={{
+        vertical: 'top',
+        horizontal: 'right',
+      }}
+      onClose={() => onClose()}
+    >
+      {showEdit && (
+        <MenuItem
+          onClick={() => {
+            editComment(comment.id);
+            postAction({
+              data: { comment },
+              type: APP_ACTIONS_TYPES.EDIT_COMMENT,
+            });
+            onClose();
+          }}
+        >
+          <ListItemIcon>
+            <Edit color="primary" />
+          </ListItemIcon>
+          <ListItemText>{t('Edit')}</ListItemText>
+        </MenuItem>
+      )}
+      {showDelete && (
+        <MenuItem
+          onClick={() => {
+            deleteAppData({ id: comment.id });
+            postAction({
+              data: { comment },
+              type: APP_ACTIONS_TYPES.DELETE_COMMENT,
+            });
+            onClose();
+          }}
+        >
+          <ListItemIcon>
+            <Delete color="error" />
+          </ListItemIcon>
+          <ListItemText>{t('Delete')}</ListItemText>
+        </MenuItem>
+      )}
+      {showFlag && (
+        <MenuItem
+          onClick={() => {
+            onClickFlag?.();
+            postAction({
+              data: { comment },
+              type: APP_ACTIONS_TYPES.REPORT_COMMENT,
+            });
+            onClose();
+          }}
+        >
+          <ListItemIcon>
+            <Flag color="warning" />
+          </ListItemIcon>
+          <ListItemText>{t('Report')}</ListItemText>
+        </MenuItem>
+      )}
+    </Menu>
+  );
+};
+
+export default CommentActions;
diff --git a/src/modules/common/CommentBody.tsx b/src/modules/common/CommentBody.tsx
new file mode 100644
index 0000000..723d6f8
--- /dev/null
+++ b/src/modules/common/CommentBody.tsx
@@ -0,0 +1,133 @@
+import React, { FC, PropsWithChildren, ReactElement } from 'react';
+import ReactMarkdown from 'react-markdown';
+import { CodeProps } from 'react-markdown/lib/ast-to-react';
+
+import { styled } from '@mui/material';
+
+import { Highlight, themes } from 'prism-react-renderer';
+import remarkBreaks from 'remark-breaks';
+import remarkGfm from 'remark-gfm';
+
+import { BIG_BORDER_RADIUS } from '@/config/layout';
+
+const StyledReactMarkdown = styled(ReactMarkdown)(({ theme }) => ({
+  '& .prism-code': {
+    fontFamily: 'var(--monospace-fonts)',
+    backgroundColor: 'transparent !important',
+    fontSize: '0.8rem',
+    padding: theme.spacing(1),
+  },
+  '& :last-child': {
+    marginBottom: 0,
+  },
+  '& div.token-line': {
+    fontFamily: 'var(--monospace-fonts)',
+  },
+  // set margins for all elements
+  '& p, ul ': {
+    marginBlockStart: theme.spacing(0),
+    marginBlockEnd: theme.spacing(1),
+    fontFamily: theme.typography.fontFamily,
+    fontSize: '1rem',
+  },
+  '& p': {
+    lineHeight: '1.5',
+  },
+  '& ul': {
+    // define offset for list
+    paddingInlineStart: theme.spacing(2),
+  },
+  '& code': {
+    padding: theme.spacing(0.5, 1),
+    borderRadius: BIG_BORDER_RADIUS,
+    backgroundColor: 'var(--code-bg)',
+    wordWrap: 'break-word',
+    whiteSpace: 'pre-wrap',
+    fontSize: '0.9rem',
+    fontFamily: 'var(--monospace-fonts)',
+  },
+  '& pre': {
+    margin: theme.spacing(1, 2),
+    backgroundColor: 'var(--code-bg)',
+    borderRadius: BIG_BORDER_RADIUS,
+  },
+  '& blockquote': {
+    borderLeft: 'solid darkgray 4px',
+    color: 'darkgray',
+    marginLeft: '0',
+    paddingLeft: theme.spacing(2),
+  },
+  '& table, th, td, tr': {
+    border: 'solid black 1px ',
+  },
+  '& table': {
+    borderCollapse: 'collapse',
+  },
+  // alternate background colors in table rows
+  '& tr:nth-of-type(even)': {
+    backgroundColor: 'lightgray',
+  },
+}));
+
+type Props = {
+  children: string;
+};
+
+const renderCode = ({
+  inline,
+  className: classNameInit,
+  children: codeContent,
+  ...props
+}: CodeProps): ReactElement => {
+  const match = /language-(\w+)/.exec(classNameInit || '');
+  return !inline && match ? (
+    <Highlight
+      theme={themes.vsLight}
+      code={String(codeContent).replace(/\n$/, '')}
+      language={match[1]}
+      {...props}
+    >
+      {({ className, style, tokens, getLineProps, getTokenProps }) => (
+        <div className={className} style={style}>
+          {tokens.map((line, i) => (
+            // eslint-disable-next-line react/jsx-key
+            <div
+              {...getLineProps({
+                line,
+                key: i,
+              })}
+            >
+              {line.map((token, key) => (
+                // eslint-disable-next-line react/jsx-key
+                <span
+                  {...getTokenProps({
+                    token,
+                    key,
+                  })}
+                />
+              ))}
+            </div>
+          ))}
+        </div>
+      )}
+    </Highlight>
+  ) : (
+    <code className={classNameInit} {...props}>
+      {codeContent}
+    </code>
+  );
+};
+
+const CommentBody: FC<PropsWithChildren<Props>> = ({ children }) => (
+  <StyledReactMarkdown
+    linkTarget="_blank"
+    remarkPlugins={[remarkGfm, remarkBreaks]}
+    components={{
+      code: renderCode,
+    }}
+  >
+    {children}
+  </StyledReactMarkdown>
+);
+
+export default CommentBody;
diff --git a/src/modules/common/CommentEditor.tsx b/src/modules/common/CommentEditor.tsx
new file mode 100644
index 0000000..1e70283
--- /dev/null
+++ b/src/modules/common/CommentEditor.tsx
@@ -0,0 +1,201 @@
+import React, { FC, useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import {
+  boldCommand,
+  codeCommand,
+  italicCommand,
+  linkCommand,
+  quoteCommand,
+  useTextAreaMarkdownEditor,
+} from 'react-mde';
+
+import {
+  Code,
+  FormatBold,
+  FormatItalic,
+  FormatQuote,
+  InsertLink,
+} from '@mui/icons-material';
+import {
+  Box,
+  FormHelperText,
+  Stack,
+  TextareaAutosize,
+  styled,
+} from '@mui/material';
+
+import { Button } from '@graasp/ui';
+
+import { SMALL_BORDER_RADIUS } from '@/config/layout';
+import {
+  COMMENT_EDITOR_BOLD_BUTTON_CYPRESS,
+  COMMENT_EDITOR_CANCEL_BUTTON_CYPRESS,
+  COMMENT_EDITOR_CODE_BUTTON_CYPRESS,
+  COMMENT_EDITOR_CYPRESS,
+  COMMENT_EDITOR_ITALIC_BUTTON_CYPRESS,
+  COMMENT_EDITOR_LINE_INFO_TEXT_CYPRESS,
+  COMMENT_EDITOR_LINK_BUTTON_CYPRESS,
+  COMMENT_EDITOR_QUOTE_BUTTON_CYPRESS,
+  COMMENT_EDITOR_SAVE_BUTTON_CYPRESS,
+  COMMENT_EDITOR_TEXTAREA_CYPRESS,
+  COMMENT_EDITOR_TEXTAREA_HELPER_TEXT_CY,
+} from '@/config/selectors';
+import { DEFAULT_MAX_COMMENT_LENGTH_SETTING } from '@/config/settings';
+import { CommentType } from '@/interfaces/comment';
+
+import ToolbarButton from '../layout/ToolbarButton';
+
+const TextArea = styled(TextareaAutosize)(({ theme }) => ({
+  borderRadius: SMALL_BORDER_RADIUS,
+  padding: theme.spacing(2),
+  fontSize: '1rem',
+  boxSizing: 'border-box',
+  resize: 'vertical',
+  border: 0,
+  outline: 'solid rgba(80, 80, 210, 0.5) 1px',
+  width: '100%',
+  minWidth: '0',
+  minHeight: `calc(1rem + 2*${theme.spacing(2)})`,
+  transition: 'outline 250ms ease-in-out',
+  '&:focus': {
+    outline: 'solid var(--graasp-primary) 2px !important',
+  },
+  '&:hover': {
+    outline: 'solid var(--graasp-primary) 1px ',
+  },
+}));
+
+type Props = {
+  onCancel: () => void;
+  onSend: (comment: string) => void;
+  comment?: CommentType;
+  maxTextLength?: number;
+};
+
+const CommentEditor: FC<Props> = ({
+  onCancel,
+  onSend,
+  comment,
+  maxTextLength = DEFAULT_MAX_COMMENT_LENGTH_SETTING,
+}) => {
+  const { t } = useTranslation();
+  const [text, setText] = useState(comment?.data.content ?? '');
+  const [textTooLong, setTextTooLong] = useState('');
+  const { ref, commandController } = useTextAreaMarkdownEditor({
+    commandMap: {
+      bold: boldCommand,
+      italic: italicCommand,
+      code: codeCommand,
+      link: linkCommand,
+      quote: quoteCommand,
+    },
+  });
+
+  // focus textarea on mount
+  useEffect(() => {
+    if (ref.current) {
+      ref.current.focus();
+    }
+  });
+
+  const handleTextChange = ({
+    target: { value },
+  }: {
+    target: { value: string };
+  }): void => {
+    if (value.length < maxTextLength) {
+      setText(value);
+      setTextTooLong('');
+    } else {
+      setTextTooLong(t('COMMENT_TEXT_TOO_LONG', { max_length: maxTextLength }));
+    }
+  };
+
+  return (
+    <Box sx={{ p: 1 }} data-cy={COMMENT_EDITOR_CYPRESS}>
+      <Stack direction="column" spacing={1}>
+        <Stack direction="row" spacing={1}>
+          <ToolbarButton
+            dataCy={COMMENT_EDITOR_BOLD_BUTTON_CYPRESS}
+            onClick={async () => {
+              await commandController.executeCommand('bold');
+            }}
+          >
+            <FormatBold fontSize="inherit" />
+          </ToolbarButton>
+          <ToolbarButton
+            dataCy={COMMENT_EDITOR_ITALIC_BUTTON_CYPRESS}
+            onClick={async () => {
+              await commandController.executeCommand('italic');
+            }}
+          >
+            <FormatItalic fontSize="inherit" />
+          </ToolbarButton>
+          <ToolbarButton
+            dataCy={COMMENT_EDITOR_CODE_BUTTON_CYPRESS}
+            onClick={async () => {
+              await commandController.executeCommand('code');
+            }}
+          >
+            <Code fontSize="inherit" />
+          </ToolbarButton>
+          <ToolbarButton
+            dataCy={COMMENT_EDITOR_LINK_BUTTON_CYPRESS}
+            onClick={async () => {
+              await commandController.executeCommand('link');
+            }}
+          >
+            <InsertLink fontSize="inherit" />
+          </ToolbarButton>
+          <ToolbarButton
+            dataCy={COMMENT_EDITOR_QUOTE_BUTTON_CYPRESS}
+            onClick={async () => {
+              await commandController.executeCommand('quote');
+            }}
+          >
+            <FormatQuote fontSize="inherit" />
+          </ToolbarButton>
+        </Stack>
+        <TextArea
+          data-cy={COMMENT_EDITOR_TEXTAREA_CYPRESS}
+          placeholder={t('Type your comment')}
+          minRows={1}
+          maxRows={10}
+          ref={ref}
+          value={text}
+          onChange={handleTextChange}
+        />
+        <FormHelperText data-cy={COMMENT_EDITOR_TEXTAREA_HELPER_TEXT_CY} error>
+          {textTooLong || ' '}
+        </FormHelperText>
+        <Stack
+          data-cy={COMMENT_EDITOR_LINE_INFO_TEXT_CYPRESS}
+          direction="row"
+          alignItems="center"
+          justifyContent="space-between"
+        >
+          <Stack direction="row" spacing={1} justifyContent="end">
+            <Button
+              dataCy={COMMENT_EDITOR_CANCEL_BUTTON_CYPRESS}
+              color="secondary"
+              variant="outlined"
+              onClick={() => onCancel()}
+            >
+              {t('Cancel')}
+            </Button>
+            <Button
+              dataCy={COMMENT_EDITOR_SAVE_BUTTON_CYPRESS}
+              color="primary"
+              variant="outlined"
+              onClick={() => onSend(text)}
+            >
+              {t('Send')}
+            </Button>
+          </Stack>
+        </Stack>
+      </Stack>
+    </Box>
+  );
+};
+
+export default CommentEditor;
diff --git a/src/modules/common/CommentThread.tsx b/src/modules/common/CommentThread.tsx
new file mode 100644
index 0000000..08b6e10
--- /dev/null
+++ b/src/modules/common/CommentThread.tsx
@@ -0,0 +1,218 @@
+import { FC, Fragment } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import { CircularProgress, Stack, Typography } from '@mui/material';
+
+import { List } from 'immutable';
+
+import { APP_ACTIONS_TYPES } from '@/config/appActionsTypes';
+import { APP_DATA_TYPES } from '@/config/appDataTypes';
+import { GENERAL_SETTINGS_NAME } from '@/config/appSettingsTypes';
+import { MAX_CHATBOT_THREAD_LENGTH } from '@/config/constants';
+import { MUTATION_KEYS, useMutation } from '@/config/queryClient';
+import { COMMENT_THREAD_CONTAINER_CYPRESS } from '@/config/selectors';
+import { DEFAULT_GENERAL_SETTINGS } from '@/config/settings';
+import { UserDataType, useChatbotApi } from '@/hooks/useChatbotApi';
+import { CommentType } from '@/interfaces/comment';
+import {
+  ChatCompletionMessage,
+  ChatCompletionMessageRoles,
+  GeneralSettingsKeys,
+} from '@/interfaces/settings';
+import { buildThread } from '@/utils/comments';
+
+import { useAppDataContext } from '../context/AppDataContext';
+import { CommentProvider } from '../context/CommentContext';
+import { useLoadingIndicator } from '../context/LoadingIndicatorContext';
+import { useReviewContext } from '../context/ReviewContext';
+import { useSettings } from '../context/SettingsContext';
+import CommentContainer from '../layout/CommentContainer';
+import ResponseContainer from '../layout/ResponseContainer';
+import Comment from './Comment';
+import CommentEditor from './CommentEditor';
+import ResponseBox from './ResponseBox';
+
+type Props = {
+  children?: List<CommentType>;
+};
+
+const CommentThread: FC<Props> = ({ children }) => {
+  const { t } = useTranslation();
+  const {
+    addResponse,
+    currentRepliedCommentId,
+    currentEditedCommentId,
+    closeComment,
+    closeEditingComment,
+  } = useReviewContext();
+  const { patchAppData, postAppDataAsync } = useAppDataContext();
+  const { mutate: postAction } = useMutation<
+    unknown,
+    unknown,
+    { data: unknown; type: string }
+  >(MUTATION_KEYS.POST_APP_ACTION);
+  const {
+    chatbotPrompt,
+    [GENERAL_SETTINGS_NAME]: generalSettings = DEFAULT_GENERAL_SETTINGS,
+  } = useSettings();
+  const { isLoading, startLoading, stopLoading } = useLoadingIndicator();
+
+  const { callApi } = useChatbotApi(
+    (completion: ChatCompletionMessage, data: UserDataType) => {
+      // post comment from bot
+      const newData = { ...data, content: completion };
+      postAppDataAsync({
+        data: newData,
+        type: APP_DATA_TYPES.BOT_COMMENT,
+      })?.then(() => stopLoading());
+      postAction({ data: newData, type: APP_ACTIONS_TYPES.CREATE_COMMENT });
+    },
+  );
+
+  const isEdited = (id: string): boolean => id === currentEditedCommentId;
+  const isReplied = (id: string): boolean => id === currentRepliedCommentId;
+  const allowedChatbotResponse = (
+    arr: List<CommentType>,
+    idx: number,
+    commentType: string,
+  ): boolean =>
+    (arr.size < MAX_CHATBOT_THREAD_LENGTH &&
+      commentType === APP_DATA_TYPES.BOT_COMMENT) ||
+    // when the comment is a user comment it should not be a response to a chatbot comment
+    // -> in this case, we want to wait for the cahtbot response
+    (commentType === APP_DATA_TYPES.COMMENT &&
+      arr.get(idx - 1)?.type !== APP_DATA_TYPES.BOT_COMMENT);
+
+  if (!children || children?.isEmpty()) {
+    return null;
+  }
+
+  const threads = children
+    .filter((c) => !c.data.parent)
+    .map((parent) => buildThread(parent, children))
+    .sortBy((thread) => thread.get(0)?.createdAt);
+
+  return (
+    <>
+      {threads.map((thread) => (
+        <CommentContainer
+          data-cy={COMMENT_THREAD_CONTAINER_CYPRESS}
+          key={`comment-thread-${thread.get(0)?.id}`}
+        >
+          {thread.map((c, i, arr) => (
+            <Fragment key={c.id}>
+              <CommentProvider value={c}>
+                {isEdited(c.id) ? (
+                  <CommentEditor
+                    maxTextLength={
+                      generalSettings[GeneralSettingsKeys.MaxCommentLength]
+                    }
+                    onCancel={() => {
+                      closeEditingComment();
+                    }}
+                    onSend={(content) => {
+                      patchAppData({
+                        id: c.id,
+                        data: {
+                          ...c.data,
+                          content,
+                        },
+                      });
+                      closeEditingComment();
+                    }}
+                    comment={c}
+                  />
+                ) : (
+                  <Comment comment={c} />
+                )}
+              </CommentProvider>
+              {
+                // show input bar to respond to comment
+                i + 1 === arr.size &&
+                  !isLoading &&
+                  !isEdited(c.id) &&
+                  !isReplied(c.id) &&
+                  allowedChatbotResponse(arr, i, c.type) && (
+                    <ResponseBox commentId={c.id} onClick={addResponse} />
+                  )
+              }
+              {i + 1 === arr.size && isLoading && (
+                <ResponseContainer>
+                  <Stack spacing={2} direction="row" justifyContent="center">
+                    <Typography color="#666">{t('Loading')}</Typography>
+                    <CircularProgress sx={{ color: '#666' }} size="20px" />
+                  </Stack>
+                </ResponseContainer>
+              )}
+              {
+                // if input bar was clicked, a comment editor opens to compose a response
+                isReplied(c.id) && (
+                  <CommentEditor
+                    onCancel={closeComment}
+                    onSend={(content) => {
+                      startLoading();
+                      const data = {
+                        ...c.data,
+                        parent: c.id,
+                        content,
+                      };
+
+                      postAppDataAsync({
+                        data,
+                        type: APP_DATA_TYPES.COMMENT,
+                      })?.then((parent) => {
+                        // post to the api
+
+                        const { initialPrompt } = chatbotPrompt.data;
+
+                        const messages = thread.map((msg) => {
+                          let role: ChatCompletionMessageRoles;
+                          switch (msg.type) {
+                            case APP_DATA_TYPES.BOT_COMMENT:
+                              role = 'assistant';
+                              break;
+                            case APP_DATA_TYPES.COMMENT:
+                            default:
+                              role = 'user';
+                          }
+
+                          return { role, content: msg.data.content };
+                        });
+
+                        const fullPrompt = [
+                          ...initialPrompt,
+                          ...messages,
+                          {
+                            role: 'user' as ChatCompletionMessageRoles,
+                            content,
+                          },
+                        ];
+
+                        callApi(fullPrompt, {
+                          ...data,
+                          parent: parent.id,
+                        });
+                        postAction({
+                          data: { prompt: fullPrompt },
+                          type: APP_ACTIONS_TYPES.SEND_PROMPT,
+                        });
+                      });
+                      postAction({
+                        data,
+                        type: APP_ACTIONS_TYPES.RESPOND_COMMENT,
+                      });
+                      closeComment();
+                    }}
+                    comment={{ ...c, data: { ...c.data, content: '' } }}
+                  />
+                )
+              }
+            </Fragment>
+          ))}
+        </CommentContainer>
+      ))}
+    </>
+  );
+};
+
+export default CommentThread;
diff --git a/src/modules/common/ReportCommentDialog.tsx b/src/modules/common/ReportCommentDialog.tsx
new file mode 100644
index 0000000..3407966
--- /dev/null
+++ b/src/modules/common/ReportCommentDialog.tsx
@@ -0,0 +1,77 @@
+import React, { FC, RefObject, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import { Stack, TextField, Typography } from '@mui/material';
+
+import { Button } from '@graasp/ui';
+
+import CustomDialog from '../layout/CustomDialog';
+
+type Props = {
+  commentRef: RefObject<HTMLElement | undefined>;
+  open: boolean;
+  setOpen: (open: boolean) => void;
+  onSendReport: (reason: string) => void;
+};
+
+const ReportCommentDialog: FC<Props> = ({
+  commentRef,
+  open,
+  setOpen,
+  onSendReport,
+}) => {
+  const { t } = useTranslation();
+  const [reason, setReason] = useState('');
+
+  const reasonInputControl = (
+    <TextField
+      fullWidth
+      placeholder={`${t('Reason')}…`}
+      onChange={(e) => setReason(e.target.value)}
+      value={reason}
+    />
+  );
+
+  return (
+    <CustomDialog
+      open={open}
+      title={t('Report a comment')}
+      content={
+        <Stack direction="column" spacing={1}>
+          <Typography variant="body1">
+            {t('Please provide below the reason for reporting this comment')}
+          </Typography>
+          {reasonInputControl}
+        </Stack>
+      }
+      onClose={() => {
+        setOpen(false);
+      }}
+      actions={
+        <>
+          <Button
+            color="error"
+            variant="outlined"
+            onClick={() => setOpen(false)}
+          >
+            {t('Cancel')}
+          </Button>
+          <Button
+            variant="outlined"
+            onClick={() => {
+              // send the report with the reason
+              onSendReport(reason);
+              // close dialog
+              setOpen(false);
+            }}
+          >
+            {t('Report')}
+          </Button>
+        </>
+      }
+      anchor={commentRef}
+    />
+  );
+};
+
+export default ReportCommentDialog;
diff --git a/src/modules/common/ResponseBox.tsx b/src/modules/common/ResponseBox.tsx
new file mode 100644
index 0000000..8b26f60
--- /dev/null
+++ b/src/modules/common/ResponseBox.tsx
@@ -0,0 +1,35 @@
+import { FC } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import { TextField, styled } from '@mui/material';
+
+import { COMMENT_RESPONSE_BOX_CY } from '@/config/selectors';
+
+import ResponseContainer from '../layout/ResponseContainer';
+
+const StyledTextField = styled(TextField)(({ theme }) => ({
+  '& input': {
+    padding: theme.spacing(1),
+  },
+}));
+
+type Props = {
+  commentId: string;
+  dataCy?: string;
+  onClick: (id: string) => void;
+};
+
+const ResponseBox: FC<Props> = ({ onClick, commentId, dataCy }) => {
+  const { t } = useTranslation();
+  return (
+    <ResponseContainer>
+      <StyledTextField
+        data-cy={dataCy || COMMENT_RESPONSE_BOX_CY}
+        fullWidth
+        placeholder={t('Respond to this comment')}
+        onClick={() => onClick(commentId)}
+      />
+    </ResponseContainer>
+  );
+};
+export default ResponseBox;
diff --git a/src/modules/common/TableView.tsx b/src/modules/common/TableView.tsx
new file mode 100644
index 0000000..e42237e
--- /dev/null
+++ b/src/modules/common/TableView.tsx
@@ -0,0 +1,166 @@
+import { FC, ReactElement, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import { Close } from '@mui/icons-material';
+import InputIcon from '@mui/icons-material/Input';
+import {
+  IconButton,
+  Table,
+  TableBody,
+  TableCell,
+  TableContainer,
+  TableHead,
+  TableRow,
+} from '@mui/material';
+
+import { List } from 'immutable';
+
+import { COMMENT_APP_DATA_TYPES } from '@/config/appDataTypes';
+import { ANONYMOUS_USER, NB_COL_TABLE_VIEW_TABLE } from '@/config/constants';
+import {
+  TABLE_NO_COMMENTS_CYPRESS,
+  TABLE_VIEW_BODY_USERS_CYPRESS,
+  TABLE_VIEW_NB_COMMENTS_CELL_CYPRESS,
+  TABLE_VIEW_OPEN_REVIEW_BUTTON_CYPRESS,
+  TABLE_VIEW_REVIEW_DIALOG_CLOSE_BUTTON_CYPRESS,
+  TABLE_VIEW_TABLE_CYPRESS,
+  TABLE_VIEW_USERNAME_CELL_CYPRESS,
+  TABLE_VIEW_USER_REVIEW_DIALOG_CYPRESS,
+  TABLE_VIEW_VIEW_COMMENTS_CELL_CYPRESS,
+  tableRowUserCypress,
+} from '@/config/selectors';
+import { CommentType } from '@/interfaces/comment';
+import {
+  AppDataProvider,
+  useAppDataContext,
+} from '@/modules/context/AppDataContext';
+import { useMembersContext } from '@/modules/context/MembersContext';
+import CustomDialog from '@/modules/layout/CustomDialog';
+import PlayerView from '@/modules/main/PlayerView';
+import { getOrphans } from '@/utils/comments';
+
+import DownloadActions from '../settings/DownloadActions';
+import DownloadData from '../settings/DownloadData';
+import OrphanComments from '../settings/OrphanComments';
+
+const DEFAULT_CURRENT_USER = {
+  name: ANONYMOUS_USER,
+  id: '',
+};
+
+const TableView: FC = () => {
+  const { t } = useTranslation();
+  const [openCommentView, setOpenCommentView] = useState(false);
+  const [currentUser, setCurrentUser] = useState(DEFAULT_CURRENT_USER);
+  const members = useMembersContext();
+  const { appData } = useAppDataContext();
+
+  const comments = appData?.filter((res) =>
+    COMMENT_APP_DATA_TYPES.includes(res.type),
+  ) as List<CommentType>;
+
+  const renderTableBody = (): ReactElement[] | ReactElement | null => {
+    const orphansId = getOrphans(comments).map((c) => c.id);
+    const nonOrphanComments = comments?.filter(
+      (c) => !orphansId.includes(c.id),
+    );
+    // nonOrphanComments is undefined or, is an empty list -> there are not resources to display
+    if (!nonOrphanComments || nonOrphanComments.isEmpty()) {
+      // show that there are no comments available
+      return (
+        <TableRow>
+          <TableCell
+            colSpan={NB_COL_TABLE_VIEW_TABLE}
+            data-cy={TABLE_NO_COMMENTS_CYPRESS}
+          >
+            {t('No Comments')}
+          </TableCell>
+        </TableRow>
+      );
+    }
+    const commentsByUsers = nonOrphanComments
+      .groupBy(({ memberId }) => memberId)
+      .toArray();
+    return commentsByUsers.map(([userId, userComments]) => {
+      const userName =
+        members.find(({ id }) => id === userId)?.name || ANONYMOUS_USER;
+      return (
+        <TableRow key={userId} data-cy={tableRowUserCypress(userId)}>
+          <TableCell data-cy={TABLE_VIEW_USERNAME_CELL_CYPRESS}>
+            {userName}
+          </TableCell>
+          <TableCell data-cy={TABLE_VIEW_NB_COMMENTS_CELL_CYPRESS}>
+            <div>{userComments.count()}</div>
+          </TableCell>
+          <TableCell data-cy={TABLE_VIEW_VIEW_COMMENTS_CELL_CYPRESS}>
+            <IconButton
+              data-cy={TABLE_VIEW_OPEN_REVIEW_BUTTON_CYPRESS}
+              onClick={() => {
+                setCurrentUser({
+                  name: userName,
+                  id: userId,
+                });
+                setOpenCommentView(true);
+              }}
+            >
+              <InputIcon color="primary" />
+            </IconButton>
+          </TableCell>
+        </TableRow>
+      );
+    });
+  };
+
+  const onCloseDialog = (): void => {
+    setCurrentUser(DEFAULT_CURRENT_USER);
+    setOpenCommentView(false);
+  };
+
+  // todo: filter app data
+  const renderDialogContent = (): ReactElement => (
+    <>
+      <AppDataProvider>
+        <PlayerView />
+      </AppDataProvider>
+      <IconButton
+        data-cy={TABLE_VIEW_REVIEW_DIALOG_CLOSE_BUTTON_CYPRESS}
+        onClick={onCloseDialog}
+        sx={{ position: 'absolute', top: 0, right: 0, m: 1 }}
+      >
+        <Close />
+      </IconButton>
+    </>
+  );
+
+  return (
+    <>
+      <DownloadActions />
+      <DownloadData />
+      <OrphanComments comments={comments} />
+      <TableContainer data-cy={TABLE_VIEW_TABLE_CYPRESS}>
+        <Table aria-label="student table">
+          <TableHead>
+            <TableRow>
+              <TableCell>{t('Name')}</TableCell>
+              <TableCell>{t('Total Number of Messages')}</TableCell>
+              <TableCell>{t('View Chat')}</TableCell>
+            </TableRow>
+          </TableHead>
+          <TableBody data-cy={TABLE_VIEW_BODY_USERS_CYPRESS}>
+            {renderTableBody()}
+          </TableBody>
+        </Table>
+      </TableContainer>
+      <CustomDialog
+        dataCy={TABLE_VIEW_USER_REVIEW_DIALOG_CYPRESS}
+        open={openCommentView}
+        maxWidth="lg"
+        title={t('Viewing comments from', { user: currentUser.name })}
+        content={renderDialogContent()}
+        onClose={onCloseDialog}
+      />
+    </>
+  );
+};
+
+export default TableView;
diff --git a/src/modules/context/AppDataContext.tsx b/src/modules/context/AppDataContext.tsx
index 821aac4..7112107 100644
--- a/src/modules/context/AppDataContext.tsx
+++ b/src/modules/context/AppDataContext.tsx
@@ -4,7 +4,8 @@ import { AppData } from '@graasp/apps-query-client';
 
 import { List } from 'immutable';
 
-import { MUTATION_KEYS, hooks, useMutation } from '../../config/queryClient';
+import { MUTATION_KEYS, hooks, useMutation } from '@/config/queryClient';
+
 import Loader from '../common/Loader';
 
 type PostAppDataType = {
diff --git a/src/modules/context/CommentContext.tsx b/src/modules/context/CommentContext.tsx
new file mode 100644
index 0000000..7ec2c07
--- /dev/null
+++ b/src/modules/context/CommentContext.tsx
@@ -0,0 +1,20 @@
+import React, { FC, ReactElement, createContext } from 'react';
+
+import { CommentType } from '@/interfaces/comment';
+
+const defaultContextValue = {};
+const CommentContext = createContext<CommentType>(
+  defaultContextValue as CommentType,
+);
+
+type Prop = {
+  value: CommentType;
+  children: ReactElement;
+};
+
+export const CommentProvider: FC<Prop> = ({ children, value }) => (
+  <CommentContext.Provider value={value}>{children}</CommentContext.Provider>
+);
+
+export const useCommentContext = (): CommentType =>
+  React.useContext<CommentType>(CommentContext);
diff --git a/src/modules/context/LoadingIndicatorContext.tsx b/src/modules/context/LoadingIndicatorContext.tsx
new file mode 100644
index 0000000..8f714af
--- /dev/null
+++ b/src/modules/context/LoadingIndicatorContext.tsx
@@ -0,0 +1,43 @@
+import {
+  FC,
+  PropsWithChildren,
+  createContext,
+  useContext,
+  useMemo,
+  useState,
+} from 'react';
+
+type LoadingIndicatorType = {
+  startLoading: () => void;
+  stopLoading: () => void;
+  isLoading: boolean;
+};
+const defaultContextValue: LoadingIndicatorType = {
+  startLoading: () => null,
+  stopLoading: () => null,
+  isLoading: false,
+};
+const LoadingIndicatorContext =
+  createContext<LoadingIndicatorType>(defaultContextValue);
+
+const LoadingIndicatorProvider: FC<PropsWithChildren> = ({ children }) => {
+  const [isLoading, setIsLoading] = useState(false);
+  const context: LoadingIndicatorType = useMemo(
+    () => ({
+      startLoading: () => setIsLoading(true),
+      stopLoading: () => setIsLoading(false),
+      isLoading,
+    }),
+    [isLoading],
+  );
+  return (
+    <LoadingIndicatorContext.Provider value={context}>
+      {children}
+    </LoadingIndicatorContext.Provider>
+  );
+};
+
+export default LoadingIndicatorProvider;
+
+export const useLoadingIndicator = (): LoadingIndicatorType =>
+  useContext(LoadingIndicatorContext);
diff --git a/src/modules/context/ReviewContext.tsx b/src/modules/context/ReviewContext.tsx
new file mode 100644
index 0000000..c6fcef8
--- /dev/null
+++ b/src/modules/context/ReviewContext.tsx
@@ -0,0 +1,71 @@
+import React, {
+  FC,
+  ReactElement,
+  createContext,
+  useMemo,
+  useState,
+} from 'react';
+
+export const NO_COMMENT_OPENED = -1;
+const NO_COMMENT_EDITED = '';
+
+export type ReviewContextType = {
+  addResponse: (commentId: string) => void;
+  editComment: (commentId: string) => void;
+  currentEditedCommentId: string;
+  currentRepliedCommentId: string;
+  closeComment: () => void;
+  closeEditingComment: () => void;
+};
+
+const defaultContextValue = {
+  addResponse: (commentId: string) =>
+    // eslint-disable-next-line no-console
+    console.log(`response added to ${commentId}`),
+  editComment: (commentId: string) =>
+    // eslint-disable-next-line no-console
+    console.log(`comment with id ${commentId} is edited`),
+  currentEditedCommentId: NO_COMMENT_EDITED,
+  currentRepliedCommentId: NO_COMMENT_EDITED,
+  // eslint-disable-next-line no-console
+  closeComment: () => console.log(`comment closed`),
+  // eslint-disable-next-line no-console
+  closeEditingComment: () => console.log(`comment finished editing`),
+};
+
+const ReviewContext = createContext<ReviewContextType>(defaultContextValue);
+
+type Prop = {
+  children: ReactElement | ReactElement[];
+};
+
+export const ReviewProvider: FC<Prop> = ({ children }) => {
+  const [currentEditedCommentId, setCurrentEditedCommentId] =
+    useState<string>(NO_COMMENT_EDITED);
+  const [currentRepliedCommentId, setCurrentRepliedCommentId] =
+    useState<string>(NO_COMMENT_EDITED);
+  const contextValue = useMemo(
+    () => ({
+      addResponse: (commentId: string) => {
+        setCurrentRepliedCommentId(commentId);
+      },
+      editComment: (commentId: string) => setCurrentEditedCommentId(commentId),
+      currentEditedCommentId,
+      currentRepliedCommentId,
+      closeComment: () => {
+        setCurrentRepliedCommentId(NO_COMMENT_EDITED);
+      },
+      closeEditingComment: () => setCurrentEditedCommentId(NO_COMMENT_EDITED),
+    }),
+    [currentEditedCommentId, currentRepliedCommentId],
+  );
+
+  return (
+    <ReviewContext.Provider value={contextValue}>
+      {children}
+    </ReviewContext.Provider>
+  );
+};
+
+export const useReviewContext = (): ReviewContextType =>
+  React.useContext<ReviewContextType>(ReviewContext);
diff --git a/src/modules/context/SettingsContext.tsx b/src/modules/context/SettingsContext.tsx
index 74be562..0bd4d0d 100644
--- a/src/modules/context/SettingsContext.tsx
+++ b/src/modules/context/SettingsContext.tsx
@@ -2,19 +2,46 @@ import { FC, ReactElement, createContext, useContext } from 'react';
 
 import { AppSetting } from '@graasp/apps-query-client';
 
-import { MUTATION_KEYS, hooks, useMutation } from '../../config/queryClient';
+import {
+  APP_MODE_SETTINGS_NAME,
+  CHATBOT_PROMPT_SETTINGS_NAME,
+  GENERAL_SETTINGS_NAME,
+} from '@/config/appSettingsTypes';
+import { MUTATION_KEYS, hooks, useMutation } from '@/config/queryClient';
+import {
+  DEFAULT_APP_MODE_SETTINGS,
+  DEFAULT_CHATBOT_PROMPT_SETTINGS,
+  DEFAULT_GENERAL_SETTINGS,
+} from '@/config/settings';
+import {
+  AppModeSettings,
+  ChatbotPromptAppSettings,
+  ChatbotPromptSettings,
+  ChatbotPromptSettingsKeys,
+  GeneralSettings,
+} from '@/interfaces/settings';
+
 import Loader from '../common/Loader';
 
 // mapping between Setting names and their data type
-// eslint-disable-next-line @typescript-eslint/ban-types
-type AllSettingsType = {};
+interface AllSettingsType {
+  [GENERAL_SETTINGS_NAME]?: GeneralSettings;
+  [APP_MODE_SETTINGS_NAME]?: AppModeSettings;
+  [CHATBOT_PROMPT_SETTINGS_NAME]?: ChatbotPromptSettings;
+}
 
 // default values for the data property of settings by name
-const defaultSettingsValues: AllSettingsType = {};
+const defaultSettingsValues: AllSettingsType = {
+  [GENERAL_SETTINGS_NAME]: DEFAULT_GENERAL_SETTINGS,
+  [APP_MODE_SETTINGS_NAME]: DEFAULT_APP_MODE_SETTINGS,
+  [CHATBOT_PROMPT_SETTINGS_NAME]: DEFAULT_CHATBOT_PROMPT_SETTINGS,
+};
 
 // list of the settings names
 const ALL_SETTING_NAMES = [
-  // name of your settings
+  GENERAL_SETTINGS_NAME,
+  APP_MODE_SETTINGS_NAME,
+  CHATBOT_PROMPT_SETTINGS_NAME,
 ] as const;
 
 // automatically generated types
@@ -22,6 +49,7 @@ type AllSettingsNameType = (typeof ALL_SETTING_NAMES)[number];
 type AllSettingsDataType = AllSettingsType[keyof AllSettingsType];
 
 export type SettingsContextType = AllSettingsType & {
+  chatbotPrompt: ChatbotPromptAppSettings;
   saveSettings: (
     name: AllSettingsNameType,
     newValue: AllSettingsDataType,
@@ -30,6 +58,12 @@ export type SettingsContextType = AllSettingsType & {
 
 const defaultContextValue = {
   ...defaultSettingsValues,
+  chatbotPrompt: {
+    data: {
+      [ChatbotPromptSettingsKeys.InitialPrompt]: [{}],
+      [ChatbotPromptSettingsKeys.ChatbotPrompt]: '',
+    },
+  } as ChatbotPromptAppSettings,
   saveSettings: () => null,
 };
 
@@ -92,8 +126,16 @@ export const SettingsProvider: FC<Prop> = ({ children }) => {
         },
         {},
       );
+
+      const chatbotPrompt = (appSettingsList.find(
+        (s) => s.name === CHATBOT_PROMPT_SETTINGS_NAME,
+      ) as ChatbotPromptAppSettings) || {
+        data: DEFAULT_CHATBOT_PROMPT_SETTINGS,
+      };
+
       return {
         ...allSettings,
+        chatbotPrompt,
         saveSettings,
       };
     }
diff --git a/src/modules/layout/CommentContainer.tsx b/src/modules/layout/CommentContainer.tsx
new file mode 100644
index 0000000..83790b5
--- /dev/null
+++ b/src/modules/layout/CommentContainer.tsx
@@ -0,0 +1,12 @@
+import { styled } from '@mui/material';
+
+import { BIG_BORDER_RADIUS } from '../../config/layout';
+
+const CommentContainer = styled('div')(({ theme }) => ({
+  backgroundColor: 'white',
+  border: 'solid silver 1px',
+  marginTop: theme.spacing(1),
+  marginBottom: theme.spacing(1),
+  borderRadius: BIG_BORDER_RADIUS,
+}));
+export default CommentContainer;
diff --git a/src/modules/layout/CustomAvatar.tsx b/src/modules/layout/CustomAvatar.tsx
new file mode 100644
index 0000000..4f311cf
--- /dev/null
+++ b/src/modules/layout/CustomAvatar.tsx
@@ -0,0 +1,49 @@
+import React, { FC } from 'react';
+
+import { Avatar } from '@mui/material';
+
+import { Member } from '@graasp/apps-query-client';
+
+import { ANONYMOUS_USER } from '@/config/constants';
+
+// generate a background color for avatars from userName
+const stringToColor = (name: string): string => {
+  let hash = 0;
+  let i;
+
+  /* eslint-disable no-bitwise */
+  for (i = 0; i < name.length; i += 1) {
+    hash = name.charCodeAt(i) + ((hash << 5) - hash);
+  }
+
+  let color = '#';
+
+  for (i = 0; i < 3; i += 1) {
+    const value = (hash >> (i * 8)) & 0xff;
+    color += `00${value.toString(16)}`.slice(-2);
+  }
+  /* eslint-enable no-bitwise */
+
+  return color;
+};
+
+type Props = {
+  member?: Member;
+  imgSrc?: string;
+};
+
+const CustomAvatar: FC<Props> = ({ member, imgSrc }) => {
+  const userName = member?.name || ANONYMOUS_USER;
+  const initials = 'Y';
+  return (
+    <Avatar
+      alt={initials}
+      src={imgSrc}
+      sx={{ bgcolor: stringToColor(userName) }}
+    >
+      {initials}
+    </Avatar>
+  );
+};
+
+export default CustomAvatar;
diff --git a/src/modules/layout/CustomCommentCard.tsx b/src/modules/layout/CustomCommentCard.tsx
new file mode 100644
index 0000000..f089f69
--- /dev/null
+++ b/src/modules/layout/CustomCommentCard.tsx
@@ -0,0 +1,8 @@
+import { Card, CardProps, styled } from '@mui/material';
+
+import { BIG_BORDER_RADIUS } from '../../config/layout';
+
+const CustomCommentCard = styled(Card)<CardProps>({
+  borderRadius: BIG_BORDER_RADIUS,
+});
+export default CustomCommentCard;
diff --git a/src/modules/layout/CustomDialog.tsx b/src/modules/layout/CustomDialog.tsx
new file mode 100644
index 0000000..571d41d
--- /dev/null
+++ b/src/modules/layout/CustomDialog.tsx
@@ -0,0 +1,90 @@
+import React, { FC, MutableRefObject, ReactElement, RefObject } from 'react';
+
+import {
+  Breakpoint,
+  Dialog,
+  DialogActions,
+  DialogContent,
+  DialogTitle,
+  styled,
+} from '@mui/material';
+
+import {
+  CUSTOM_DIALOG_ACTIONS_CYPRESS,
+  CUSTOM_DIALOG_CONTENT_CY,
+  CUSTOM_DIALOG_TITLE_CYPRESS,
+} from '@/config/selectors';
+
+type RefType =
+  | null
+  | MutableRefObject<HTMLElement | undefined>
+  | RefObject<HTMLElement | undefined>;
+
+const getPlacedModalStyle = (
+  anchor: RefType,
+): { [key: string]: string | number } => {
+  if (anchor?.current) {
+    const { top = 0 } = anchor.current.getBoundingClientRect();
+    return {
+      position: 'fixed',
+      top: top - 50,
+    };
+  }
+  return {};
+};
+
+const StyledDialogTitle = styled(DialogTitle)({});
+
+type Props = {
+  open: boolean;
+  title: string | ReactElement;
+  content: ReactElement | string;
+  actions?: ReactElement;
+  onClose?: () => void;
+  dataCy?: string;
+  keepMounted?: boolean;
+  fullScreen?: boolean;
+  maxWidth?: Breakpoint;
+  noPadding?: boolean;
+  anchor?: RefType;
+};
+
+const CustomDialog: FC<Props> = ({
+  open,
+  title,
+  content,
+  actions,
+  onClose,
+  dataCy,
+  keepMounted = true,
+  fullScreen = false,
+  maxWidth = 'sm',
+  noPadding = false,
+  anchor = null,
+}) => (
+  <Dialog
+    keepMounted={keepMounted}
+    data-cy={dataCy}
+    fullWidth
+    fullScreen={fullScreen}
+    maxWidth={maxWidth}
+    open={open}
+    onClose={onClose}
+    PaperProps={anchor ? { style: getPlacedModalStyle(anchor) } : {}}
+  >
+    <StyledDialogTitle data-cy={CUSTOM_DIALOG_TITLE_CYPRESS}>
+      {title}
+    </StyledDialogTitle>
+    <DialogContent
+      data-cy={CUSTOM_DIALOG_CONTENT_CY}
+      sx={noPadding ? { py: 0 } : {}}
+    >
+      {content}
+    </DialogContent>
+    <DialogActions data-cy={CUSTOM_DIALOG_ACTIONS_CYPRESS}>
+      {actions}
+    </DialogActions>
+  </Dialog>
+);
+
+export default CustomDialog;
diff --git a/src/modules/layout/ResponseContainer.tsx b/src/modules/layout/ResponseContainer.tsx
new file mode 100644
index 0000000..0ab3644
--- /dev/null
+++ b/src/modules/layout/ResponseContainer.tsx
@@ -0,0 +1,8 @@
+import { styled } from '@mui/material';
+
+const ResponseContainer = styled('div')(({ theme }) => ({
+  padding: theme.spacing(2),
+  borderBottomLeftRadius: theme.spacing(1),
+  borderBottomRightRadius: theme.spacing(1),
+}));
+export default ResponseContainer;
diff --git a/src/modules/layout/ToolbarButton.tsx b/src/modules/layout/ToolbarButton.tsx
new file mode 100644
index 0000000..cb497e4
--- /dev/null
+++ b/src/modules/layout/ToolbarButton.tsx
@@ -0,0 +1,43 @@
+import React, {
+  ForwardRefRenderFunction,
+  PropsWithChildren,
+  forwardRef,
+} from 'react';
+
+import { Button } from '@mui/material';
+
+type Props = {
+  dataCy?: string;
+  onClick: () => void;
+  disabled?: boolean;
+};
+
+const ToolbarButton: ForwardRefRenderFunction<
+  HTMLButtonElement,
+  PropsWithChildren<Props>
+> = (props, ref) => {
+  // structure the custom props from the other ones given by the tooltip
+  const { dataCy, onClick, disabled, ...otherProps } = props;
+  return (
+    <Button
+      ref={ref}
+      {...otherProps}
+      data-cy={dataCy}
+      disabled={disabled}
+      sx={{
+        p: 1,
+        // ensure that buttons stay as small as possible
+        // MuiButton has a min-width of 64px by default
+        minWidth: '0px',
+      }}
+      variant="outlined"
+      size="medium"
+      color="primary"
+      onClick={onClick}
+    />
+  );
+};
+
+export default forwardRef<HTMLButtonElement, PropsWithChildren<Props>>(
+  ToolbarButton,
+);
diff --git a/src/modules/main/AdminView.tsx b/src/modules/main/AdminView.tsx
new file mode 100644
index 0000000..2a8f0ff
--- /dev/null
+++ b/src/modules/main/AdminView.tsx
@@ -0,0 +1,68 @@
+import React, { FC, ReactElement, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import { Settings, TableChart } from '@mui/icons-material';
+import { TabContext, TabList, TabPanel } from '@mui/lab';
+import { Tab } from '@mui/material';
+
+import {
+  SETTINGS_VIEW_PANE_CYPRESS,
+  TABLE_VIEW_PANE_CYPRESS,
+  TAB_SETTINGS_VIEW_CYPRESS,
+  TAB_TABLE_VIEW_CYPRESS,
+} from '@/config/selectors';
+
+import TableView from '../common/TableView';
+import SettingsFab from '../settings/SettingsFab';
+import SettingsView from '../settings/SettingsView';
+
+enum Tabs {
+  TABLE_VIEW = 'TABLE_VIEW',
+  SETTINGS_VIEW = 'SETTINGS_VIEW',
+}
+
+const AdminView: FC = () => {
+  const { t } = useTranslation();
+  const [activeTab, setActiveTab] = useState(Tabs.TABLE_VIEW);
+
+  const renderTable = (): ReactElement => (
+    <TabContext value={activeTab}>
+      <TabList
+        textColor="secondary"
+        indicatorColor="secondary"
+        onChange={(_, newTab: Tabs) => setActiveTab(newTab)}
+        centered
+      >
+        <Tab
+          data-cy={TAB_TABLE_VIEW_CYPRESS}
+          value={Tabs.TABLE_VIEW}
+          label={t('Table View')}
+          icon={<TableChart />}
+          iconPosition="start"
+        />
+        <Tab
+          data-cy={TAB_SETTINGS_VIEW_CYPRESS}
+          value={Tabs.SETTINGS_VIEW}
+          label={t('Settings View')}
+          icon={<Settings />}
+          iconPosition="start"
+        />
+      </TabList>
+      <TabPanel value={Tabs.TABLE_VIEW} data-cy={TABLE_VIEW_PANE_CYPRESS}>
+        <TableView />
+      </TabPanel>
+      <TabPanel value={Tabs.SETTINGS_VIEW} data-cy={SETTINGS_VIEW_PANE_CYPRESS}>
+        <SettingsView />
+      </TabPanel>
+    </TabContext>
+  );
+
+  return (
+    <>
+      {renderTable()}
+      <SettingsFab />
+    </>
+  );
+};
+
+export default AdminView;
diff --git a/src/modules/main/BuilderView.tsx b/src/modules/main/BuilderView.tsx
index 54e8cbb..e4ce036 100644
--- a/src/modules/main/BuilderView.tsx
+++ b/src/modules/main/BuilderView.tsx
@@ -1,7 +1,30 @@
-import { BUILDER_VIEW_CY } from '@/config/selectors';
+import React, { FC } from 'react';
 
-const BuilderView = (): JSX.Element => (
-  <div data-cy={BUILDER_VIEW_CY}>Player</div>
-);
+import { useLocalContext } from '@graasp/apps-query-client';
+import { PermissionLevel } from '@graasp/sdk';
+
+import { hooks } from '@/config/queryClient';
+
+import Loader from '../common/Loader';
+import AdminView from './AdminView';
+import PlayerView from './PlayerView';
+
+const BuilderView: FC = () => {
+  const context = useLocalContext();
+  const generalAppSettings = hooks.useAppSettings();
+
+  if (!generalAppSettings) {
+    return <Loader />;
+  }
+
+  switch (context?.get('permission')) {
+    // show "teacher view"
+    case PermissionLevel.Admin:
+      return <AdminView />;
+    case PermissionLevel.Read:
+    default:
+      return <PlayerView />;
+  }
+};
 
 export default BuilderView;
diff --git a/src/modules/main/PlayerView.tsx b/src/modules/main/PlayerView.tsx
index 5967bd2..03a489c 100644
--- a/src/modules/main/PlayerView.tsx
+++ b/src/modules/main/PlayerView.tsx
@@ -1,7 +1,40 @@
+import { Box } from '@mui/material';
+
+import { useLocalContext } from '@graasp/apps-query-client';
+
+import { List } from 'immutable';
+
+import { COMMENT_APP_DATA_TYPES } from '@/config/appDataTypes';
 import { PLAYER_VIEW_CY } from '@/config/selectors';
+import { CommentType } from '@/interfaces/comment';
+import ChatbotPrompt from '@/modules/common/ChatbotPrompt';
+import CommentThread from '@/modules/common/CommentThread';
+import { useAppDataContext } from '@/modules/context/AppDataContext';
+import { ReviewProvider } from '@/modules/context/ReviewContext';
+
+import LoadingIndicatorProvider from '../context/LoadingIndicatorContext';
+
+const PlayerView = (): JSX.Element => {
+  const { appData } = useAppDataContext();
+  const { memberId } = useLocalContext();
+
+  const comments = appData?.filter(
+    (res) =>
+      COMMENT_APP_DATA_TYPES.includes(res.type) && res.creator === memberId,
+  ) as List<CommentType>;
 
-const PlayerView = (): JSX.Element => (
-  <div data-cy={PLAYER_VIEW_CY}>Player</div>
-);
+  return (
+    <div data-cy={PLAYER_VIEW_CY}>
+      <ReviewProvider>
+        <LoadingIndicatorProvider>
+          <Box sx={{ p: 10 }}>
+            <ChatbotPrompt />
+            <CommentThread>{comments}</CommentThread>
+          </Box>
+        </LoadingIndicatorProvider>
+      </ReviewProvider>
+    </div>
+  );
+};
 
 export default PlayerView;
diff --git a/src/modules/settings/CodeReviewSettings.tsx b/src/modules/settings/CodeReviewSettings.tsx
new file mode 100644
index 0000000..2765134
--- /dev/null
+++ b/src/modules/settings/CodeReviewSettings.tsx
@@ -0,0 +1,160 @@
+import { FC, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import {
+  Box,
+  Button,
+  Card,
+  CardActions,
+  CardContent,
+  FormLabel,
+  Stack,
+  TextareaAutosize,
+  Typography,
+  styled,
+} from '@mui/material';
+
+import { CHATBOT_PROMPT_SETTINGS_NAME } from '@/config/appSettingsTypes';
+import { SMALL_BORDER_RADIUS } from '@/config/layout';
+import {
+  SETTING_CHATBOT_PROMPT_CODE_EDITOR_CY,
+  SETTING_NEW_CHATBOT_PROMPT_KEY,
+} from '@/config/selectors';
+import CodeEditor from '@/modules/common/CodeEditor';
+import { useSettings } from '@/modules/context/SettingsContext';
+import CustomDialog from '@/modules/layout/CustomDialog';
+import SubmitButtons from '@/modules/settings/SubmitButtons';
+import { showErrorToast } from '@/utils/toast';
+
+const TextArea = styled(TextareaAutosize)(({ theme }) => ({
+  borderRadius: SMALL_BORDER_RADIUS,
+  padding: theme.spacing(2),
+  fontSize: '1rem',
+  boxSizing: 'border-box',
+  resize: 'vertical',
+  border: 0,
+  outline: 'solid rgba(80, 80, 210, 0.5) 1px',
+  width: '100%',
+  minWidth: '0',
+  minHeight: `calc(1rem + 2*${theme.spacing(2)})`,
+  transition: 'outline 250ms ease-in-out',
+  '&:focus': {
+    outline: 'solid var(--graasp-primary) 2px !important',
+  },
+  '&:hover': {
+    outline: 'solid var(--graasp-primary) 1px ',
+  },
+}));
+
+const CodeReviewSettings: FC = () => {
+  const { t } = useTranslation();
+  const { chatbotPrompt, saveSettings } = useSettings();
+  const [openModal, setOpenModal] = useState(false);
+  const [unsavedChanges, setUnsavedChanges] = useState(false);
+
+  const initialPrompt = chatbotPrompt?.data?.initialPrompt || [];
+  const stringifiedJsonPrompt = JSON.stringify(initialPrompt);
+  const chatbotCue = chatbotPrompt?.data?.chatbotPrompt || '';
+  const [newChatbotPrompt, setNewChatbotPrompt] = useState(
+    stringifiedJsonPrompt,
+  );
+  const [newChatbotCue, setNewChatbotCue] = useState(chatbotCue);
+
+  const closeModal = (): void => {
+    setOpenModal(false);
+  };
+
+  const handleChangeChatbotPrompt = (value: string): void => {
+    setNewChatbotPrompt(value);
+    setUnsavedChanges(true);
+  };
+
+  const handleChangeChatbotCue = (value: string): void => {
+    setNewChatbotCue(value);
+    setUnsavedChanges(true);
+  };
+
+  const handleSave = (): void => {
+    try {
+      const jsonNewChatbotPrompt = JSON.parse(newChatbotPrompt);
+      const data = {
+        initialPrompt: jsonNewChatbotPrompt,
+        chatbotPrompt: newChatbotCue,
+      };
+      saveSettings(CHATBOT_PROMPT_SETTINGS_NAME, data);
+      closeModal();
+    } catch (e) {
+      // do something
+      showErrorToast('Prompt has to be in JSON format.');
+    }
+  };
+
+  return (
+    <Stack spacing={1}>
+      <FormLabel>{t('Chatbot Prompt')}</FormLabel>
+      <Stack spacing={1}>
+        <Card elevation={0} variant="outlined">
+          <CardContent sx={{ pb: 0 }}>
+            <Stack direction="row" spacing={1}>
+              <FormLabel>{t('Prompt')}:</FormLabel>
+              <CodeEditor value={stringifiedJsonPrompt} readOnly />
+            </Stack>
+            <Stack direction="row" spacing={1}>
+              <FormLabel>{t('Cue')}:</FormLabel>
+              <Typography>{chatbotCue}</Typography>
+            </Stack>
+          </CardContent>
+          <CardActions sx={{ justifyContent: 'flex-end' }}>
+            <Button
+              variant="outlined"
+              onClick={() => {
+                setOpenModal(true);
+              }}
+            >
+              {t('Edit')}
+            </Button>
+          </CardActions>
+        </Card>
+      </Stack>
+      <CustomDialog
+        open={openModal}
+        onClose={closeModal}
+        title={t('Chatbot Prompt')}
+        content={
+          <Stack>
+            <Box>
+              <FormLabel>{t('Prompt')}</FormLabel>
+              <CodeEditor
+                value={newChatbotPrompt}
+                onChange={(value: string) => handleChangeChatbotPrompt(value)}
+              />
+            </Box>
+            <Box>
+              <FormLabel>{t('Cue')}</FormLabel>
+              <TextArea
+                id={SETTING_CHATBOT_PROMPT_CODE_EDITOR_CY}
+                value={newChatbotCue}
+                onChange={({ target: { value } }) =>
+                  handleChangeChatbotCue(value)
+                }
+              />
+            </Box>
+          </Stack>
+        }
+        actions={
+          <SubmitButtons
+            onCancel={() => {
+              setNewChatbotPrompt(stringifiedJsonPrompt);
+              setNewChatbotCue(chatbotCue);
+              closeModal();
+            }}
+            onSave={handleSave}
+            settingKey={SETTING_NEW_CHATBOT_PROMPT_KEY}
+            unsavedChanges={unsavedChanges}
+          />
+        }
+      />
+    </Stack>
+  );
+};
+export default CodeReviewSettings;
diff --git a/src/modules/settings/DisplaySettings.tsx b/src/modules/settings/DisplaySettings.tsx
new file mode 100644
index 0000000..b704ce2
--- /dev/null
+++ b/src/modules/settings/DisplaySettings.tsx
@@ -0,0 +1,40 @@
+import { FC } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import { Divider, Stack, TextField, Typography } from '@mui/material';
+
+import {
+  ALLOW_REPLIES_SWITCH_CYPRESS,
+  SETTING_MAX_COMMENT_LENGTH,
+} from '@/config/selectors';
+import { GeneralSettings, GeneralSettingsKeys } from '@/interfaces/settings';
+import SettingsSwitch from '@/modules/settings/SettingsSwitch';
+
+type Props = {
+  localSettings: GeneralSettings;
+  changeSetting: (settingKey: string, newValue: string | boolean) => void;
+};
+
+const DisplaySettings: FC<Props> = ({ localSettings, changeSetting }) => {
+  const { t } = useTranslation();
+  return (
+    <Stack>
+      <Typography variant="subtitle2">
+        {t('Define Interaction Mode')}
+      </Typography>
+
+      <SettingsSwitch
+        settingKey={GeneralSettingsKeys.AllowReplies}
+        value={localSettings[GeneralSettingsKeys.AllowReplies]}
+        label={t('Allow Replies')}
+        dataCy={ALLOW_REPLIES_SWITCH_CYPRESS}
+        changeSetting={changeSetting}
+      />
+
+      <Divider sx={{ mt: 1 }} />
+      <Typography variant="subtitle2">{t('Maximum comment length')}</Typography>
+      <TextField id={SETTING_MAX_COMMENT_LENGTH} type="number" />
+    </Stack>
+  );
+};
+export default DisplaySettings;
diff --git a/src/modules/settings/DownloadActions.tsx b/src/modules/settings/DownloadActions.tsx
new file mode 100644
index 0000000..c2e9257
--- /dev/null
+++ b/src/modules/settings/DownloadActions.tsx
@@ -0,0 +1,48 @@
+import { FC, useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import { CloudDownload } from '@mui/icons-material';
+import { LoadingButton } from '@mui/lab';
+
+import { saveAs } from 'file-saver';
+
+import { hooks } from '@/config/queryClient';
+import { DOWNLOAD_ACTIONS_BUTTON_CY } from '@/config/selectors';
+
+const DownloadActions: FC = () => {
+  const { t } = useTranslation();
+  const [actionsRequested, setActionsRequested] = useState(false);
+
+  const { refetch } = hooks.useAppActions({ enabled: false });
+
+  useEffect(
+    () => {
+      if (actionsRequested) {
+        // fetch actions
+        refetch().then(({ data }) => {
+          const actions = data;
+          const dataBlob = new Blob([JSON.stringify(actions?.toJS())] || [], {
+            type: 'text/plain;charset=utf-8',
+          });
+          const fileName = `${new Date().toISOString()}_app_actions.json`;
+          saveAs(dataBlob, fileName);
+        });
+        setActionsRequested(false);
+      }
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [actionsRequested],
+  );
+
+  return (
+    <LoadingButton
+      data-cy={DOWNLOAD_ACTIONS_BUTTON_CY}
+      onClick={() => setActionsRequested(true)}
+      loading={actionsRequested}
+      startIcon={<CloudDownload />}
+    >
+      {actionsRequested ? t('Downloading') : t('Download Actions')}
+    </LoadingButton>
+  );
+};
+export default DownloadActions;
diff --git a/src/modules/settings/DownloadData.tsx b/src/modules/settings/DownloadData.tsx
new file mode 100644
index 0000000..42fb630
--- /dev/null
+++ b/src/modules/settings/DownloadData.tsx
@@ -0,0 +1,51 @@
+import { FC, useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import { CloudDownload } from '@mui/icons-material';
+import { LoadingButton } from '@mui/lab';
+
+import { saveAs } from 'file-saver';
+
+import { hooks } from '@/config/queryClient';
+import { DOWNLOAD_DATA_BUTTON_CY } from '@/config/selectors';
+
+const DownloadData: FC = () => {
+  const { t } = useTranslation();
+  const [dataRequested, setDataRequested] = useState(false);
+
+  const { refetch } = hooks.useAppData();
+
+  useEffect(
+    () => {
+      if (dataRequested) {
+        // fetch data
+        refetch().then(({ data }) => {
+          const appData = data;
+          const appDataBlob = new Blob(
+            [JSON.stringify(appData?.toJS())] || [],
+            {
+              type: 'text/plain;charset=utf-8',
+            },
+          );
+          const fileName = `${new Date().toISOString()}_app_data.json`;
+          saveAs(appDataBlob, fileName);
+        });
+        setDataRequested(false);
+      }
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [dataRequested],
+  );
+
+  return (
+    <LoadingButton
+      data-cy={DOWNLOAD_DATA_BUTTON_CY}
+      onClick={() => setDataRequested(true)}
+      loading={dataRequested}
+      startIcon={<CloudDownload />}
+    >
+      {dataRequested ? t('Downloading') : t('Download Data')}
+    </LoadingButton>
+  );
+};
+export default DownloadData;
diff --git a/src/modules/settings/OrphanComments.tsx b/src/modules/settings/OrphanComments.tsx
new file mode 100644
index 0000000..99d2de4
--- /dev/null
+++ b/src/modules/settings/OrphanComments.tsx
@@ -0,0 +1,67 @@
+import React, { FC } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import { FormControlLabel } from '@mui/material';
+
+import { UUID } from '@graasp/apps-query-client';
+import { Button } from '@graasp/ui';
+
+import { List } from 'immutable';
+
+import { ORPHAN_BUTTON_CYPRESS } from '@/config/selectors';
+import { CommentType } from '@/interfaces/comment';
+import { useAppDataContext } from '@/modules/context/AppDataContext';
+import { getOrphans, getThreadIdsFromFirstCommentId } from '@/utils/comments';
+
+type Prop = {
+  comments: List<CommentType>;
+};
+
+const OrphanComments: FC<Prop> = ({ comments }) => {
+  const { t } = useTranslation();
+  const { deleteAppData } = useAppDataContext();
+
+  const getOrphanComments = (allComments: List<CommentType>): List<UUID[]> => {
+    const orphans = getOrphans(allComments);
+    return orphans.map((o) => getThreadIdsFromFirstCommentId(comments, o.id));
+  };
+
+  const handleOnClickRemoveOrphans = (orphanThreads: List<UUID[]>): void => {
+    orphanThreads.forEach((thread) => {
+      thread.forEach((id) => {
+        deleteAppData({ id });
+      });
+    });
+  };
+
+  const orphanThreads = getOrphanComments(comments);
+
+  if (!orphanThreads.size) {
+    return null;
+  }
+
+  const buttonControl = (
+    <Button
+      dataCy={ORPHAN_BUTTON_CYPRESS}
+      variant="outlined"
+      color="primary"
+      sx={{ mr: 1 }}
+      onClick={() => handleOnClickRemoveOrphans(orphanThreads)}
+      disabled={orphanThreads.size === 0}
+    >
+      {t('Remove orphans')}
+    </Button>
+  );
+  const totalNumberOfOrphanComments = orphanThreads.reduce(
+    (tot, thread) => tot + thread.length,
+    0,
+  );
+  const buttonLabel = t('Number of orphan threads', {
+    threads: orphanThreads.size,
+    totalComments: totalNumberOfOrphanComments,
+  });
+
+  return <FormControlLabel control={buttonControl} label={buttonLabel} />;
+};
+
+export default OrphanComments;
diff --git a/src/modules/settings/SettingsFab.tsx b/src/modules/settings/SettingsFab.tsx
new file mode 100644
index 0000000..61dd7b7
--- /dev/null
+++ b/src/modules/settings/SettingsFab.tsx
@@ -0,0 +1,123 @@
+import { FC, ReactElement, useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import { DisplaySettings as DisplaySettingsIcon } from '@mui/icons-material';
+import { Box, Fab, Stack, Tooltip } from '@mui/material';
+
+import { Button } from '@graasp/ui';
+
+import isEqual from 'lodash.isequal';
+
+import { GENERAL_SETTINGS_NAME } from '@/config/appSettingsTypes';
+import { CLOSE_SETTINGS_TIMEOUT } from '@/config/constants';
+import {
+  DISPLAY_SETTINGS_FAB_CYPRESS,
+  SETTINGS_DIALOG_CANCEL_BUTTON_CYPRESS,
+  SETTINGS_DIALOG_SAVE_BUTTON_CYPRESS,
+  SETTINGS_DISPLAY_DIALOG_WINDOW_CYPRESS,
+} from '@/config/selectors';
+import { DEFAULT_GENERAL_SETTINGS } from '@/config/settings';
+import { useSettings } from '@/modules/context/SettingsContext';
+import CustomDialog from '@/modules/layout/CustomDialog';
+
+import DisplaySettings from './DisplaySettings';
+
+const SettingsFab: FC = () => {
+  const { t } = useTranslation();
+  const {
+    [GENERAL_SETTINGS_NAME]: settings = DEFAULT_GENERAL_SETTINGS,
+    saveSettings,
+  } = useSettings();
+  const [openDisplaySettings, setOpenDisplaySettings] = useState(false);
+  const [localSettings, setLocalSettings] = useState(settings);
+
+  useEffect(() => setLocalSettings(settings), [settings]);
+
+  const unsavedChanges = !isEqual(settings, localSettings);
+
+  const resetSettings = (): void => setLocalSettings(settings);
+
+  const changeSetting = (
+    settingKey: string,
+    newValue: string | boolean,
+  ): void => {
+    setLocalSettings({
+      ...localSettings,
+      [settingKey]: newValue,
+    });
+  };
+
+  const handleClose = (save: boolean): void => {
+    if (save) {
+      saveSettings(GENERAL_SETTINGS_NAME, localSettings);
+    } else {
+      // restore old settings after some short delay to not glitch the display
+      setTimeout(() => resetSettings(), CLOSE_SETTINGS_TIMEOUT);
+    }
+    // close the dialog
+    setOpenDisplaySettings(false);
+  };
+
+  const renderActions = (): ReactElement => (
+    <Box>
+      <Button
+        sx={{ m: 1 }}
+        dataCy={SETTINGS_DIALOG_CANCEL_BUTTON_CYPRESS}
+        onClick={() => handleClose(false)}
+        color="error"
+        variant="outlined"
+      >
+        {t('Cancel')}
+      </Button>
+      <Button
+        sx={{ m: 1 }}
+        dataCy={SETTINGS_DIALOG_SAVE_BUTTON_CYPRESS}
+        onClick={() => handleClose(true)}
+        disabled={!unsavedChanges}
+        variant="outlined"
+      >
+        {unsavedChanges ? t('Save') : t('Saved')}
+      </Button>
+    </Box>
+  );
+
+  return (
+    <>
+      <CustomDialog
+        dataCy={SETTINGS_DISPLAY_DIALOG_WINDOW_CYPRESS}
+        open={openDisplaySettings}
+        title={
+          <Stack direction="row" alignItems="center">
+            <DisplaySettingsIcon sx={{ mr: 1 }} />
+            {t('Display Settings')}
+          </Stack>
+        }
+        content={
+          <DisplaySettings
+            localSettings={localSettings}
+            changeSetting={changeSetting}
+          />
+        }
+        actions={renderActions()}
+      />
+      <Stack
+        spacing={1}
+        sx={{ position: 'fixed !important', right: '1rem', bottom: '1rem' }}
+      >
+        <Tooltip title={t('Display Settings')} placement="left">
+          <Fab
+            color="primary"
+            data-cy={DISPLAY_SETTINGS_FAB_CYPRESS}
+            onClick={() => {
+              setOpenDisplaySettings(true);
+            }}
+          >
+            <DisplaySettingsIcon />
+          </Fab>
+        </Tooltip>
+      </Stack>
+    </>
+  );
+};
+
+export default SettingsFab;
diff --git a/src/modules/settings/SettingsSwitch.tsx b/src/modules/settings/SettingsSwitch.tsx
new file mode 100644
index 0000000..ffa7918
--- /dev/null
+++ b/src/modules/settings/SettingsSwitch.tsx
@@ -0,0 +1,42 @@
+import { FC } from 'react';
+
+import { FormControlLabel, Switch } from '@mui/material';
+
+type Props = {
+  settingKey: string;
+  value: boolean;
+  label: string;
+  labelPlacement?: 'end' | 'start' | 'top' | 'bottom';
+  disabled?: boolean;
+  dataCy?: string;
+  changeSetting: (settingKey: string, switchState: boolean) => void;
+};
+
+const SettingsSwitch: FC<Props> = ({
+  settingKey,
+  value,
+  label,
+  labelPlacement = 'end',
+  disabled = false,
+  dataCy,
+  changeSetting,
+}) => {
+  const switchControl = (
+    <Switch
+      color="primary"
+      checked={value}
+      onChange={({ target }) => changeSetting(settingKey, target.checked)}
+      disabled={disabled}
+      data-cy={dataCy}
+    />
+  );
+  return (
+    <FormControlLabel
+      control={switchControl}
+      label={label}
+      labelPlacement={labelPlacement}
+    />
+  );
+};
+
+export default SettingsSwitch;
diff --git a/src/modules/settings/SettingsView.tsx b/src/modules/settings/SettingsView.tsx
new file mode 100644
index 0000000..de4e49b
--- /dev/null
+++ b/src/modules/settings/SettingsView.tsx
@@ -0,0 +1,7 @@
+import { FC } from 'react';
+
+import CodeReviewSettings from './CodeReviewSettings';
+
+const SettingsView: FC = () => <CodeReviewSettings />;
+
+export default SettingsView;
diff --git a/src/modules/settings/SubmitButtons.tsx b/src/modules/settings/SubmitButtons.tsx
new file mode 100644
index 0000000..e4a821f
--- /dev/null
+++ b/src/modules/settings/SubmitButtons.tsx
@@ -0,0 +1,49 @@
+import { FC } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import { Box, Button } from '@mui/material';
+
+import {
+  SETTINGS_DIALOG_CANCEL_BUTTON_CYPRESS,
+  SETTINGS_DIALOG_SAVE_BUTTON_CYPRESS,
+  settingKeyDataCy,
+} from '@/config/selectors';
+
+type Props = {
+  settingKey: string;
+  unsavedChanges: boolean;
+  onSave: () => void;
+  onCancel: () => void;
+};
+
+const SubmitButtons: FC<Props> = ({
+  settingKey,
+  unsavedChanges,
+  onSave,
+  onCancel,
+}) => {
+  const { t } = useTranslation();
+  return (
+    <Box id={settingKeyDataCy(settingKey)}>
+      <Button
+        sx={{ m: 1 }}
+        data-cy={SETTINGS_DIALOG_CANCEL_BUTTON_CYPRESS}
+        onClick={onCancel}
+        color="error"
+        variant="outlined"
+      >
+        {t('Cancel')}
+      </Button>
+      <Button
+        sx={{ m: 1 }}
+        data-cy={SETTINGS_DIALOG_SAVE_BUTTON_CYPRESS}
+        onClick={onSave}
+        disabled={!unsavedChanges}
+        variant="outlined"
+      >
+        {unsavedChanges ? t('Save') : t('Saved')}
+      </Button>
+    </Box>
+  );
+};
+export default SubmitButtons;
diff --git a/src/utils/comments.ts b/src/utils/comments.ts
new file mode 100644
index 0000000..4af3dae
--- /dev/null
+++ b/src/utils/comments.ts
@@ -0,0 +1,100 @@
+import { AppData, UUID } from '@graasp/apps-query-client';
+
+import { List } from 'immutable';
+
+import { CommentType } from '@/interfaces/comment';
+
+const findCommentWithId = (
+  comments: List<CommentType>,
+  commentId: UUID,
+): AppData | undefined => comments.find((c) => c.id === commentId);
+
+const findCommentWithParentId = (
+  comments: List<CommentType>,
+  commentId: UUID,
+): AppData | undefined => comments.find((c) => c.data?.parent === commentId);
+
+const findChild = (
+  comments: List<CommentType>,
+  parentId: UUID,
+): CommentType | undefined => comments.find((c) => c.data.parent === parentId);
+
+const getThreadIdsFromLastCommentId = (
+  allComments: List<CommentType>,
+  lastCommentId: UUID,
+): UUID[] => {
+  // this method goes bottom up to find comment ids in the thread
+  const thread = [];
+  let parentId = lastCommentId;
+  let parent = null;
+  do {
+    parent = findCommentWithId(allComments, parentId);
+    if (parent) {
+      thread.push(parentId);
+      parentId = parent.data?.parent as UUID;
+    }
+  } while (parent);
+  return thread;
+};
+
+const getThreadIdsFromFirstCommentId = (
+  allComments: List<CommentType>,
+  firstId: UUID,
+): UUID[] => {
+  // this method goes from top to bottom
+  let parentId = firstId;
+  const thread = [firstId];
+  let children = null;
+  // find children to the comment
+  do {
+    children = findCommentWithParentId(allComments, parentId);
+    if (children) {
+      thread.push(children.id);
+      parentId = children.id;
+    }
+  } while (children);
+  return thread;
+};
+
+const getOrphans = (allComments: List<CommentType>): List<CommentType> => {
+  // orphans are comments which parent does not exist
+  let orphans: List<CommentType> = List();
+  allComments.forEach((c) => {
+    const parentId = c.data?.parent as UUID;
+    const parent = findCommentWithId(allComments, parentId);
+    // comment is not on thread start but his parent is not found
+    if (parentId && !parent) {
+      orphans = orphans.push(c);
+    }
+  });
+  return orphans;
+};
+
+const buildThread = (
+  parentComment: CommentType,
+  comments: List<CommentType>,
+): List<CommentType> => {
+  // build thread list
+  let thread = List([parentComment]);
+  let parentId = parentComment.id;
+  let nextChild = null;
+  do {
+    nextChild = findChild(comments, parentId);
+    if (nextChild) {
+      thread = thread.push(nextChild);
+      parentId = nextChild.id;
+    }
+  } while (nextChild);
+
+  return thread;
+};
+
+export {
+  buildThread,
+  findChild,
+  findCommentWithId,
+  findCommentWithParentId,
+  getThreadIdsFromLastCommentId,
+  getThreadIdsFromFirstCommentId,
+  getOrphans,
+};
diff --git a/src/utils/datetime.ts b/src/utils/datetime.ts
new file mode 100644
index 0000000..9e83aab
--- /dev/null
+++ b/src/utils/datetime.ts
@@ -0,0 +1,28 @@
+// known problem with date-fns:
+// https://stackoverflow.com/questions/63375527/how-to-set-up-imported-multiple-times-rule-for-date-fns-in-eslint
+// eslint-disable-next-line import/no-duplicates
+import { formatDistance } from 'date-fns';
+// eslint-disable-next-line import/no-duplicates
+import { enGB, fr } from 'date-fns/locale';
+
+// to add a new language to the dates
+const locales: { [key: string]: Locale } = {
+  fr,
+  en: enGB,
+};
+
+export const NO_DATE_PLACEHOLDER = 'N.D.';
+
+const getFormattedTime = (time: string, lang: string): string => {
+  const parsedInputDate = Date.parse(time);
+
+  return Number.isNaN(parsedInputDate)
+    ? NO_DATE_PLACEHOLDER
+    : formatDistance(parsedInputDate, new Date(), {
+        includeSeconds: true,
+        addSuffix: true, // adds "ago" at the end
+        locale: locales[lang], // provides localization
+      });
+};
+
+export { getFormattedTime };
diff --git a/src/utils/toast.ts b/src/utils/toast.ts
new file mode 100644
index 0000000..65d1acb
--- /dev/null
+++ b/src/utils/toast.ts
@@ -0,0 +1,43 @@
+import { toast } from 'react-toastify';
+
+import isObject from 'lodash.isobject';
+import isString from 'lodash.isstring';
+
+import {
+  SUCCESS_MESSAGE,
+  UNEXPECTED_ERROR_MESSAGE,
+} from '@/constants/messages';
+
+const showErrorToast = (payload: string | { message: string }): void => {
+  let message = UNEXPECTED_ERROR_MESSAGE;
+  if (isString(payload)) {
+    message = payload;
+  } else if (isObject(payload)) {
+    if (payload.message) {
+      ({ message } = payload);
+    }
+  }
+
+  toast.error(message, {
+    toastId: message,
+    position: 'bottom-right',
+  });
+};
+
+const showSuccessToast = (payload: string | { message: string }): void => {
+  let message = SUCCESS_MESSAGE;
+  if (isString(payload)) {
+    message = payload;
+  } else if (isObject(payload)) {
+    if (payload.message) {
+      ({ message } = payload);
+    }
+  }
+
+  toast.success(message, {
+    toastId: message,
+    position: 'bottom-right',
+  });
+};
+
+export { showErrorToast, showSuccessToast };
diff --git a/src/utils/utils.ts b/src/utils/utils.ts
new file mode 100644
index 0000000..570bded
--- /dev/null
+++ b/src/utils/utils.ts
@@ -0,0 +1,15 @@
+import { AppData } from '@graasp/apps-query-client';
+
+import { List } from 'immutable';
+
+export const buildCodeRowKey = (
+  line: { content: string }[],
+  index: number,
+): string => `row #${index} ${line.map((l) => l.content).join(' ')}`;
+
+export const sortAppDataFromNewest = <T extends AppData>(
+  appData: List<T>,
+): List<T> =>
+  appData.sort((a, b) =>
+    Date.parse(a.updatedAt) < Date.parse(b.updatedAt) ? 1 : -1,
+  );
diff --git a/yarn.lock b/yarn.lock
index 15ad771..25e5673 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6,51 +6,51 @@ __metadata:
   cacheKey: 8
 
 "@ampproject/remapping@npm:^2.2.0":
-  version: 2.2.0
-  resolution: "@ampproject/remapping@npm:2.2.0"
+  version: 2.2.1
+  resolution: "@ampproject/remapping@npm:2.2.1"
   dependencies:
-    "@jridgewell/gen-mapping": ^0.1.0
+    "@jridgewell/gen-mapping": ^0.3.0
     "@jridgewell/trace-mapping": ^0.3.9
-  checksum: d74d170d06468913921d72430259424b7e4c826b5a7d39ff839a29d547efb97dc577caa8ba3fb5cf023624e9af9d09651afc3d4112a45e2050328abc9b3a2292
+  checksum: 03c04fd526acc64a1f4df22651186f3e5ef0a9d6d6530ce4482ec9841269cf7a11dbb8af79237c282d721c5312024ff17529cd72cc4768c11e999b58e2302079
   languageName: node
   linkType: hard
 
-"@babel/code-frame@npm:^7.0.0, @babel/code-frame@npm:^7.12.13, @babel/code-frame@npm:^7.16.7, @babel/code-frame@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/code-frame@npm:7.18.6"
+"@babel/code-frame@npm:^7.0.0, @babel/code-frame@npm:^7.12.13, @babel/code-frame@npm:^7.16.7, @babel/code-frame@npm:^7.18.6, @babel/code-frame@npm:^7.21.4":
+  version: 7.21.4
+  resolution: "@babel/code-frame@npm:7.21.4"
   dependencies:
     "@babel/highlight": ^7.18.6
-  checksum: 195e2be3172d7684bf95cff69ae3b7a15a9841ea9d27d3c843662d50cdd7d6470fd9c8e64be84d031117e4a4083486effba39f9aef6bbb2c89f7f21bcfba33ba
+  checksum: e5390e6ec1ac58dcef01d4f18eaf1fd2f1325528661ff6d4a5de8979588b9f5a8e852a54a91b923846f7a5c681b217f0a45c2524eb9560553160cd963b7d592c
   languageName: node
   linkType: hard
 
-"@babel/compat-data@npm:^7.17.7, @babel/compat-data@npm:^7.20.1, @babel/compat-data@npm:^7.20.5":
-  version: 7.21.0
-  resolution: "@babel/compat-data@npm:7.21.0"
-  checksum: dbf632c532f9c75ba0be7d1dc9f6cd3582501af52f10a6b90415d634ec5878735bd46064c91673b10317af94d4cc99c4da5bd9d955978cdccb7905fc33291e4d
+"@babel/compat-data@npm:^7.17.7, @babel/compat-data@npm:^7.20.5, @babel/compat-data@npm:^7.21.4":
+  version: 7.21.4
+  resolution: "@babel/compat-data@npm:7.21.4"
+  checksum: 5f8b98c66f2ffba9f3c3a82c0cf354c52a0ec5ad4797b370dc32bdcd6e136ac4febe5e93d76ce76e175632e2dbf6ce9f46319aa689fcfafa41b6e49834fa4b66
   languageName: node
   linkType: hard
 
 "@babel/core@npm:^7.12.3, @babel/core@npm:^7.16.0, @babel/core@npm:^7.20.12, @babel/core@npm:^7.7.5":
-  version: 7.21.3
-  resolution: "@babel/core@npm:7.21.3"
+  version: 7.21.4
+  resolution: "@babel/core@npm:7.21.4"
   dependencies:
     "@ampproject/remapping": ^2.2.0
-    "@babel/code-frame": ^7.18.6
-    "@babel/generator": ^7.21.3
-    "@babel/helper-compilation-targets": ^7.20.7
+    "@babel/code-frame": ^7.21.4
+    "@babel/generator": ^7.21.4
+    "@babel/helper-compilation-targets": ^7.21.4
     "@babel/helper-module-transforms": ^7.21.2
     "@babel/helpers": ^7.21.0
-    "@babel/parser": ^7.21.3
+    "@babel/parser": ^7.21.4
     "@babel/template": ^7.20.7
-    "@babel/traverse": ^7.21.3
-    "@babel/types": ^7.21.3
+    "@babel/traverse": ^7.21.4
+    "@babel/types": ^7.21.4
     convert-source-map: ^1.7.0
     debug: ^4.1.0
     gensync: ^1.0.0-beta.2
     json5: ^2.2.2
     semver: ^6.3.0
-  checksum: bef25fbea96f461bf79bd1d0e4f0cdce679fd5ada464a89c1141ddba59ae1adfdbb23e04440c266ed525712d33d5ffd818cd8b0c25b1dee0e648d5559516153a
+  checksum: a3beebb2cc79908a02f27a07dc381bcb34e8ecc58fa99f568ad0934c49e12111fc977ee9c5b51eb7ea2da66f63155d37c4dd96b6472eaeecfc35843ccb56bf3d
   languageName: node
   linkType: hard
 
@@ -79,15 +79,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/generator@npm:^7.17.3, @babel/generator@npm:^7.21.3":
-  version: 7.21.3
-  resolution: "@babel/generator@npm:7.21.3"
+"@babel/generator@npm:^7.17.3, @babel/generator@npm:^7.21.4":
+  version: 7.21.4
+  resolution: "@babel/generator@npm:7.21.4"
   dependencies:
-    "@babel/types": ^7.21.3
+    "@babel/types": ^7.21.4
     "@jridgewell/gen-mapping": ^0.3.2
     "@jridgewell/trace-mapping": ^0.3.17
     jsesc: ^2.5.1
-  checksum: be6bb5a32a0273260b91210d4137b7b5da148a2db8dd324654275cb0af865ae59de5e1536e93ac83423b2586415059e1c24cf94293026755cf995757238da749
+  checksum: 9ffbb526a53bb8469b5402f7b5feac93809b09b2a9f82fcbfcdc5916268a65dae746a1f2479e03ba4fb0776facd7c892191f63baa61ab69b2cfdb24f7b92424d
   languageName: node
   linkType: hard
 
@@ -110,24 +110,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/helper-compilation-targets@npm:^7.17.7, @babel/helper-compilation-targets@npm:^7.18.9, @babel/helper-compilation-targets@npm:^7.20.0, @babel/helper-compilation-targets@npm:^7.20.7":
-  version: 7.20.7
-  resolution: "@babel/helper-compilation-targets@npm:7.20.7"
+"@babel/helper-compilation-targets@npm:^7.17.7, @babel/helper-compilation-targets@npm:^7.18.9, @babel/helper-compilation-targets@npm:^7.20.7, @babel/helper-compilation-targets@npm:^7.21.4":
+  version: 7.21.4
+  resolution: "@babel/helper-compilation-targets@npm:7.21.4"
   dependencies:
-    "@babel/compat-data": ^7.20.5
-    "@babel/helper-validator-option": ^7.18.6
+    "@babel/compat-data": ^7.21.4
+    "@babel/helper-validator-option": ^7.21.0
     browserslist: ^4.21.3
     lru-cache: ^5.1.1
     semver: ^6.3.0
   peerDependencies:
     "@babel/core": ^7.0.0
-  checksum: 8c32c873ba86e2e1805b30e0807abd07188acbe00ebb97576f0b09061cc65007f1312b589eccb4349c5a8c7f8bb9f2ab199d41da7030bf103d9f347dcd3a3cf4
+  checksum: bf9c7d3e7e6adff9222c05d898724cd4ee91d7eb9d52222c7ad2a22955620c2872cc2d9bdf0e047df8efdb79f4e3af2a06b53f509286145feccc4d10ddc318be
   languageName: node
   linkType: hard
 
 "@babel/helper-create-class-features-plugin@npm:^7.18.6, @babel/helper-create-class-features-plugin@npm:^7.21.0":
-  version: 7.21.0
-  resolution: "@babel/helper-create-class-features-plugin@npm:7.21.0"
+  version: 7.21.4
+  resolution: "@babel/helper-create-class-features-plugin@npm:7.21.4"
   dependencies:
     "@babel/helper-annotate-as-pure": ^7.18.6
     "@babel/helper-environment-visitor": ^7.18.9
@@ -139,19 +139,19 @@ __metadata:
     "@babel/helper-split-export-declaration": ^7.18.6
   peerDependencies:
     "@babel/core": ^7.0.0
-  checksum: 3e781d91d1056ea9b3a0395f3017492594a8b86899119b4a1645227c31727b8bec9bc8f6b72e86b1c5cf2dd6690893d2e8c5baff4974c429e616ead089552a21
+  checksum: 9123ca80a4894aafdb1f0bc08e44f6be7b12ed1fbbe99c501b484f9b1a17ff296b6c90c18c222047d53c276f07f17b4de857946fa9d0aa207023b03e4cc716f2
   languageName: node
   linkType: hard
 
 "@babel/helper-create-regexp-features-plugin@npm:^7.18.6, @babel/helper-create-regexp-features-plugin@npm:^7.20.5":
-  version: 7.21.0
-  resolution: "@babel/helper-create-regexp-features-plugin@npm:7.21.0"
+  version: 7.21.4
+  resolution: "@babel/helper-create-regexp-features-plugin@npm:7.21.4"
   dependencies:
     "@babel/helper-annotate-as-pure": ^7.18.6
     regexpu-core: ^5.3.1
   peerDependencies:
     "@babel/core": ^7.0.0
-  checksum: 63a6396a4e9444edc7e97617845583ea5cf059573d0b4cc566869f38576d543e37fde0edfcc21d6dfb7962ed241e909561714dc41c5213198bac04e0983b04f2
+  checksum: 78334865db2cd1d64d103bd0d96dee2818b0387d10aa973c084e245e829df32652bca530803e397b7158af4c02b9b21d5a9601c29bdfbb8d54a3d4ad894e067b
   languageName: node
   linkType: hard
 
@@ -215,12 +215,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/helper-module-imports@npm:^7.16.7, @babel/helper-module-imports@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/helper-module-imports@npm:7.18.6"
+"@babel/helper-module-imports@npm:^7.16.7, @babel/helper-module-imports@npm:^7.18.6, @babel/helper-module-imports@npm:^7.21.4":
+  version: 7.21.4
+  resolution: "@babel/helper-module-imports@npm:7.21.4"
   dependencies:
-    "@babel/types": ^7.18.6
-  checksum: f393f8a3b3304b1b7a288a38c10989de754f01d29caf62ce7c4e5835daf0a27b81f3ac687d9d2780d39685aae7b55267324b512150e7b2be967b0c493b6a1def
+    "@babel/types": ^7.21.4
+  checksum: bd330a2edaafeb281fbcd9357652f8d2666502567c0aad71db926e8499c773c9ea9c10dfaae30122452940326d90c8caff5c649ed8e1bf15b23f858758d3abc6
   languageName: node
   linkType: hard
 
@@ -366,12 +366,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/parser@npm:^7.14.7, @babel/parser@npm:^7.17.3, @babel/parser@npm:^7.20.5, @babel/parser@npm:^7.20.7, @babel/parser@npm:^7.21.3":
-  version: 7.21.3
-  resolution: "@babel/parser@npm:7.21.3"
+"@babel/parser@npm:^7.14.7, @babel/parser@npm:^7.17.3, @babel/parser@npm:^7.20.5, @babel/parser@npm:^7.20.7, @babel/parser@npm:^7.21.4":
+  version: 7.21.4
+  resolution: "@babel/parser@npm:7.21.4"
   bin:
     parser: ./bin/babel-parser.js
-  checksum: a71e6456a1260c2a943736b56cc0acdf5f2a53c6c79e545f56618967e51f9b710d1d3359264e7c979313a7153741b1d95ad8860834cc2ab4ce4f428b13cc07be
+  checksum: de610ecd1bff331766d0c058023ca11a4f242bfafefc42caf926becccfb6756637d167c001987ca830dd4b34b93c629a4cef63f8c8c864a8564cdfde1989ac77
   languageName: node
   linkType: hard
 
@@ -386,7 +386,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:^7.18.9":
+"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:^7.20.7":
   version: 7.20.7
   resolution: "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:7.20.7"
   dependencies:
@@ -399,7 +399,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-proposal-async-generator-functions@npm:^7.20.1":
+"@babel/plugin-proposal-async-generator-functions@npm:^7.20.7":
   version: 7.20.7
   resolution: "@babel/plugin-proposal-async-generator-functions@npm:7.20.7"
   dependencies:
@@ -425,7 +425,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-proposal-class-static-block@npm:^7.18.6":
+"@babel/plugin-proposal-class-static-block@npm:^7.21.0":
   version: 7.21.0
   resolution: "@babel/plugin-proposal-class-static-block@npm:7.21.0"
   dependencies:
@@ -489,7 +489,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-proposal-logical-assignment-operators@npm:^7.18.9":
+"@babel/plugin-proposal-logical-assignment-operators@npm:^7.20.7":
   version: 7.20.7
   resolution: "@babel/plugin-proposal-logical-assignment-operators@npm:7.20.7"
   dependencies:
@@ -525,7 +525,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-proposal-object-rest-spread@npm:^7.20.2":
+"@babel/plugin-proposal-object-rest-spread@npm:^7.20.7":
   version: 7.20.7
   resolution: "@babel/plugin-proposal-object-rest-spread@npm:7.20.7"
   dependencies:
@@ -552,7 +552,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-proposal-optional-chaining@npm:^7.16.0, @babel/plugin-proposal-optional-chaining@npm:^7.18.9, @babel/plugin-proposal-optional-chaining@npm:^7.20.7":
+"@babel/plugin-proposal-optional-chaining@npm:^7.16.0, @babel/plugin-proposal-optional-chaining@npm:^7.20.7, @babel/plugin-proposal-optional-chaining@npm:^7.21.0":
   version: 7.21.0
   resolution: "@babel/plugin-proposal-optional-chaining@npm:7.21.0"
   dependencies:
@@ -577,7 +577,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-proposal-private-property-in-object@npm:^7.16.0, @babel/plugin-proposal-private-property-in-object@npm:^7.18.6":
+"@babel/plugin-proposal-private-property-in-object@npm:^7.16.0, @babel/plugin-proposal-private-property-in-object@npm:^7.21.0":
   version: 7.21.0
   resolution: "@babel/plugin-proposal-private-property-in-object@npm:7.21.0"
   dependencies:
@@ -670,13 +670,13 @@ __metadata:
   linkType: hard
 
 "@babel/plugin-syntax-flow@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-syntax-flow@npm:7.18.6"
+  version: 7.21.4
+  resolution: "@babel/plugin-syntax-flow@npm:7.21.4"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.18.6
+    "@babel/helper-plugin-utils": ^7.20.2
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: abe82062b3eef14de7d2b3c0e4fecf80a3e796ca497e9df616d12dd250968abf71495ee85a955b43a6c827137203f0c409450cf792732ed0d6907c806580ea71
+  checksum: fe4ba7b285965c62ff820d55d260cb5b6e5282dbedddd1fb0a0f2667291dcf0fa1b3d92fa9bf90946b02b307926a0a5679fbdd31d80ceaed5971293aa1fc5744
   languageName: node
   linkType: hard
 
@@ -702,14 +702,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-syntax-jsx@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-syntax-jsx@npm:7.18.6"
+"@babel/plugin-syntax-jsx@npm:^7.18.6, @babel/plugin-syntax-jsx@npm:^7.21.4":
+  version: 7.21.4
+  resolution: "@babel/plugin-syntax-jsx@npm:7.21.4"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.18.6
+    "@babel/helper-plugin-utils": ^7.20.2
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 6d37ea972970195f1ffe1a54745ce2ae456e0ac6145fae9aa1480f297248b262ea6ebb93010eddb86ebfacb94f57c05a1fc5d232b9a67325b09060299d515c67
+  checksum: bb7309402a1d4e155f32aa0cf216e1fa8324d6c4cfd248b03280028a015a10e46b6efd6565f515f8913918a3602b39255999c06046f7d4b8a5106be2165d724a
   languageName: node
   linkType: hard
 
@@ -802,17 +802,17 @@ __metadata:
   linkType: hard
 
 "@babel/plugin-syntax-typescript@npm:^7.20.0":
-  version: 7.20.0
-  resolution: "@babel/plugin-syntax-typescript@npm:7.20.0"
+  version: 7.21.4
+  resolution: "@babel/plugin-syntax-typescript@npm:7.21.4"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.19.0
+    "@babel/helper-plugin-utils": ^7.20.2
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 6189c0b5c32ba3c9a80a42338bd50719d783b20ef29b853d4f03929e971913d3cefd80184e924ae98ad6db09080be8fe6f1ffde9a6db8972523234f0274d36f7
+  checksum: a59ce2477b7ae8c8945dc37dda292fef9ce46a6507b3d76b03ce7f3a6c9451a6567438b20a78ebcb3955d04095fd1ccd767075a863f79fcc30aa34dcfa441fe0
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-arrow-functions@npm:^7.18.6":
+"@babel/plugin-transform-arrow-functions@npm:^7.20.7":
   version: 7.20.7
   resolution: "@babel/plugin-transform-arrow-functions@npm:7.20.7"
   dependencies:
@@ -823,7 +823,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-async-to-generator@npm:^7.18.6":
+"@babel/plugin-transform-async-to-generator@npm:^7.20.7":
   version: 7.20.7
   resolution: "@babel/plugin-transform-async-to-generator@npm:7.20.7"
   dependencies:
@@ -847,7 +847,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-block-scoping@npm:^7.20.2":
+"@babel/plugin-transform-block-scoping@npm:^7.21.0":
   version: 7.21.0
   resolution: "@babel/plugin-transform-block-scoping@npm:7.21.0"
   dependencies:
@@ -858,7 +858,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-classes@npm:^7.20.2":
+"@babel/plugin-transform-classes@npm:^7.21.0":
   version: 7.21.0
   resolution: "@babel/plugin-transform-classes@npm:7.21.0"
   dependencies:
@@ -877,7 +877,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-computed-properties@npm:^7.18.9":
+"@babel/plugin-transform-computed-properties@npm:^7.20.7":
   version: 7.20.7
   resolution: "@babel/plugin-transform-computed-properties@npm:7.20.7"
   dependencies:
@@ -889,7 +889,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-destructuring@npm:^7.20.2":
+"@babel/plugin-transform-destructuring@npm:^7.21.3":
   version: 7.21.3
   resolution: "@babel/plugin-transform-destructuring@npm:7.21.3"
   dependencies:
@@ -947,7 +947,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-for-of@npm:^7.18.8":
+"@babel/plugin-transform-for-of@npm:^7.21.0":
   version: 7.21.0
   resolution: "@babel/plugin-transform-for-of@npm:7.21.0"
   dependencies:
@@ -993,7 +993,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-modules-amd@npm:^7.19.6":
+"@babel/plugin-transform-modules-amd@npm:^7.20.11":
   version: 7.20.11
   resolution: "@babel/plugin-transform-modules-amd@npm:7.20.11"
   dependencies:
@@ -1005,7 +1005,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-modules-commonjs@npm:^7.19.6":
+"@babel/plugin-transform-modules-commonjs@npm:^7.21.2":
   version: 7.21.2
   resolution: "@babel/plugin-transform-modules-commonjs@npm:7.21.2"
   dependencies:
@@ -1018,7 +1018,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-modules-systemjs@npm:^7.19.6":
+"@babel/plugin-transform-modules-systemjs@npm:^7.20.11":
   version: 7.20.11
   resolution: "@babel/plugin-transform-modules-systemjs@npm:7.20.11"
   dependencies:
@@ -1044,7 +1044,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-named-capturing-groups-regex@npm:^7.19.1":
+"@babel/plugin-transform-named-capturing-groups-regex@npm:^7.20.5":
   version: 7.20.5
   resolution: "@babel/plugin-transform-named-capturing-groups-regex@npm:7.20.5"
   dependencies:
@@ -1079,7 +1079,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-parameters@npm:^7.20.1, @babel/plugin-transform-parameters@npm:^7.20.7":
+"@babel/plugin-transform-parameters@npm:^7.20.7, @babel/plugin-transform-parameters@npm:^7.21.3":
   version: 7.21.3
   resolution: "@babel/plugin-transform-parameters@npm:7.21.3"
   dependencies:
@@ -1172,7 +1172,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-regenerator@npm:^7.18.6":
+"@babel/plugin-transform-regenerator@npm:^7.20.5":
   version: 7.20.5
   resolution: "@babel/plugin-transform-regenerator@npm:7.20.5"
   dependencies:
@@ -1196,10 +1196,10 @@ __metadata:
   linkType: hard
 
 "@babel/plugin-transform-runtime@npm:^7.16.4":
-  version: 7.21.0
-  resolution: "@babel/plugin-transform-runtime@npm:7.21.0"
+  version: 7.21.4
+  resolution: "@babel/plugin-transform-runtime@npm:7.21.4"
   dependencies:
-    "@babel/helper-module-imports": ^7.18.6
+    "@babel/helper-module-imports": ^7.21.4
     "@babel/helper-plugin-utils": ^7.20.2
     babel-plugin-polyfill-corejs2: ^0.3.3
     babel-plugin-polyfill-corejs3: ^0.6.0
@@ -1207,7 +1207,7 @@ __metadata:
     semver: ^6.3.0
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 6c9d655bef0caaf998984eea47145bd1a95cfcbad2901c5f31a73b32fa5d1748f5e7abeb962243bcd197d16b1d5a0c9f02198d174c1247de973bbd12559b3a4d
+  checksum: 7e2e6b0d6f9762fde58738829e4d3b5e13dc88ccc1463e4eee83c8d8f50238eeb8e3699923f5ad4d7edf597515f74d67fbb14eb330225075fc7733b547e22145
   languageName: node
   linkType: hard
 
@@ -1222,7 +1222,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-spread@npm:^7.19.0":
+"@babel/plugin-transform-spread@npm:^7.20.7":
   version: 7.20.7
   resolution: "@babel/plugin-transform-spread@npm:7.20.7"
   dependencies:
@@ -1267,7 +1267,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-typescript@npm:^7.21.0":
+"@babel/plugin-transform-typescript@npm:^7.21.3":
   version: 7.21.3
   resolution: "@babel/plugin-transform-typescript@npm:7.21.3"
   dependencies:
@@ -1305,29 +1305,29 @@ __metadata:
   linkType: hard
 
 "@babel/preset-env@npm:^7.16.4":
-  version: 7.20.2
-  resolution: "@babel/preset-env@npm:7.20.2"
+  version: 7.21.4
+  resolution: "@babel/preset-env@npm:7.21.4"
   dependencies:
-    "@babel/compat-data": ^7.20.1
-    "@babel/helper-compilation-targets": ^7.20.0
+    "@babel/compat-data": ^7.21.4
+    "@babel/helper-compilation-targets": ^7.21.4
     "@babel/helper-plugin-utils": ^7.20.2
-    "@babel/helper-validator-option": ^7.18.6
+    "@babel/helper-validator-option": ^7.21.0
     "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": ^7.18.6
-    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": ^7.18.9
-    "@babel/plugin-proposal-async-generator-functions": ^7.20.1
+    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": ^7.20.7
+    "@babel/plugin-proposal-async-generator-functions": ^7.20.7
     "@babel/plugin-proposal-class-properties": ^7.18.6
-    "@babel/plugin-proposal-class-static-block": ^7.18.6
+    "@babel/plugin-proposal-class-static-block": ^7.21.0
     "@babel/plugin-proposal-dynamic-import": ^7.18.6
     "@babel/plugin-proposal-export-namespace-from": ^7.18.9
     "@babel/plugin-proposal-json-strings": ^7.18.6
-    "@babel/plugin-proposal-logical-assignment-operators": ^7.18.9
+    "@babel/plugin-proposal-logical-assignment-operators": ^7.20.7
     "@babel/plugin-proposal-nullish-coalescing-operator": ^7.18.6
     "@babel/plugin-proposal-numeric-separator": ^7.18.6
-    "@babel/plugin-proposal-object-rest-spread": ^7.20.2
+    "@babel/plugin-proposal-object-rest-spread": ^7.20.7
     "@babel/plugin-proposal-optional-catch-binding": ^7.18.6
-    "@babel/plugin-proposal-optional-chaining": ^7.18.9
+    "@babel/plugin-proposal-optional-chaining": ^7.21.0
     "@babel/plugin-proposal-private-methods": ^7.18.6
-    "@babel/plugin-proposal-private-property-in-object": ^7.18.6
+    "@babel/plugin-proposal-private-property-in-object": ^7.21.0
     "@babel/plugin-proposal-unicode-property-regex": ^7.18.6
     "@babel/plugin-syntax-async-generators": ^7.8.4
     "@babel/plugin-syntax-class-properties": ^7.12.13
@@ -1344,40 +1344,40 @@ __metadata:
     "@babel/plugin-syntax-optional-chaining": ^7.8.3
     "@babel/plugin-syntax-private-property-in-object": ^7.14.5
     "@babel/plugin-syntax-top-level-await": ^7.14.5
-    "@babel/plugin-transform-arrow-functions": ^7.18.6
-    "@babel/plugin-transform-async-to-generator": ^7.18.6
+    "@babel/plugin-transform-arrow-functions": ^7.20.7
+    "@babel/plugin-transform-async-to-generator": ^7.20.7
     "@babel/plugin-transform-block-scoped-functions": ^7.18.6
-    "@babel/plugin-transform-block-scoping": ^7.20.2
-    "@babel/plugin-transform-classes": ^7.20.2
-    "@babel/plugin-transform-computed-properties": ^7.18.9
-    "@babel/plugin-transform-destructuring": ^7.20.2
+    "@babel/plugin-transform-block-scoping": ^7.21.0
+    "@babel/plugin-transform-classes": ^7.21.0
+    "@babel/plugin-transform-computed-properties": ^7.20.7
+    "@babel/plugin-transform-destructuring": ^7.21.3
     "@babel/plugin-transform-dotall-regex": ^7.18.6
     "@babel/plugin-transform-duplicate-keys": ^7.18.9
     "@babel/plugin-transform-exponentiation-operator": ^7.18.6
-    "@babel/plugin-transform-for-of": ^7.18.8
+    "@babel/plugin-transform-for-of": ^7.21.0
     "@babel/plugin-transform-function-name": ^7.18.9
     "@babel/plugin-transform-literals": ^7.18.9
     "@babel/plugin-transform-member-expression-literals": ^7.18.6
-    "@babel/plugin-transform-modules-amd": ^7.19.6
-    "@babel/plugin-transform-modules-commonjs": ^7.19.6
-    "@babel/plugin-transform-modules-systemjs": ^7.19.6
+    "@babel/plugin-transform-modules-amd": ^7.20.11
+    "@babel/plugin-transform-modules-commonjs": ^7.21.2
+    "@babel/plugin-transform-modules-systemjs": ^7.20.11
     "@babel/plugin-transform-modules-umd": ^7.18.6
-    "@babel/plugin-transform-named-capturing-groups-regex": ^7.19.1
+    "@babel/plugin-transform-named-capturing-groups-regex": ^7.20.5
     "@babel/plugin-transform-new-target": ^7.18.6
     "@babel/plugin-transform-object-super": ^7.18.6
-    "@babel/plugin-transform-parameters": ^7.20.1
+    "@babel/plugin-transform-parameters": ^7.21.3
     "@babel/plugin-transform-property-literals": ^7.18.6
-    "@babel/plugin-transform-regenerator": ^7.18.6
+    "@babel/plugin-transform-regenerator": ^7.20.5
     "@babel/plugin-transform-reserved-words": ^7.18.6
     "@babel/plugin-transform-shorthand-properties": ^7.18.6
-    "@babel/plugin-transform-spread": ^7.19.0
+    "@babel/plugin-transform-spread": ^7.20.7
     "@babel/plugin-transform-sticky-regex": ^7.18.6
     "@babel/plugin-transform-template-literals": ^7.18.9
     "@babel/plugin-transform-typeof-symbol": ^7.18.9
     "@babel/plugin-transform-unicode-escapes": ^7.18.10
     "@babel/plugin-transform-unicode-regex": ^7.18.6
     "@babel/preset-modules": ^0.1.5
-    "@babel/types": ^7.20.2
+    "@babel/types": ^7.21.4
     babel-plugin-polyfill-corejs2: ^0.3.3
     babel-plugin-polyfill-corejs3: ^0.6.0
     babel-plugin-polyfill-regenerator: ^0.4.1
@@ -1385,7 +1385,7 @@ __metadata:
     semver: ^6.3.0
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: ece2d7e9c7789db6116e962b8e1a55eb55c110c44c217f0c8f6ffea4ca234954e66557f7bd019b7affadf7fbb3a53ccc807e93fc935aacd48146234b73b6947e
+  checksum: 1e328674c4b39e985fa81e5a8eee9aaab353dea4ff1f28f454c5e27a6498c762e25d42e827f5bfc9d7acf6c9b8bc317b5283aa7c83d9fd03c1a89e5c08f334f9
   languageName: node
   linkType: hard
 
@@ -1421,15 +1421,17 @@ __metadata:
   linkType: hard
 
 "@babel/preset-typescript@npm:^7.16.0":
-  version: 7.21.0
-  resolution: "@babel/preset-typescript@npm:7.21.0"
+  version: 7.21.4
+  resolution: "@babel/preset-typescript@npm:7.21.4"
   dependencies:
     "@babel/helper-plugin-utils": ^7.20.2
     "@babel/helper-validator-option": ^7.21.0
-    "@babel/plugin-transform-typescript": ^7.21.0
+    "@babel/plugin-syntax-jsx": ^7.21.4
+    "@babel/plugin-transform-modules-commonjs": ^7.21.2
+    "@babel/plugin-transform-typescript": ^7.21.3
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 6e1f4d7294de2678fbaf36035e98847b2be432f40fe7a1204e5e45b8b05bcbe22902fe0d726e16af14de5bc08987fae28a7899871503fd661050d85f58755af6
+  checksum: 83b2f2bf7be3a970acd212177525f58bbb1f2e042b675a47d021a675ae27cf00b6b6babfaf3ae5c980592c9ed1b0712e5197796b691905d25c99f9006478ea06
   languageName: node
   linkType: hard
 
@@ -1449,6 +1451,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/runtime@npm:^7.18.6":
+  version: 7.21.5
+  resolution: "@babel/runtime@npm:7.21.5"
+  dependencies:
+    regenerator-runtime: ^0.13.11
+  checksum: 358f2779d3187f5c67ad302e8f8d435412925d0b991d133c7d4a7b1ddd5a3fda1b6f34537cb64628dfd96a27ae46df105bed3895b8d754b88cacdded8d1129dd
+  languageName: node
+  linkType: hard
+
 "@babel/template@npm:^7.18.10, @babel/template@npm:^7.20.7":
   version: 7.20.7
   resolution: "@babel/template@npm:7.20.7"
@@ -1478,21 +1489,21 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/traverse@npm:^7.20.5, @babel/traverse@npm:^7.20.7, @babel/traverse@npm:^7.21.0, @babel/traverse@npm:^7.21.2, @babel/traverse@npm:^7.21.3":
-  version: 7.21.3
-  resolution: "@babel/traverse@npm:7.21.3"
+"@babel/traverse@npm:^7.20.5, @babel/traverse@npm:^7.20.7, @babel/traverse@npm:^7.21.0, @babel/traverse@npm:^7.21.2, @babel/traverse@npm:^7.21.4":
+  version: 7.21.4
+  resolution: "@babel/traverse@npm:7.21.4"
   dependencies:
-    "@babel/code-frame": ^7.18.6
-    "@babel/generator": ^7.21.3
+    "@babel/code-frame": ^7.21.4
+    "@babel/generator": ^7.21.4
     "@babel/helper-environment-visitor": ^7.18.9
     "@babel/helper-function-name": ^7.21.0
     "@babel/helper-hoist-variables": ^7.18.6
     "@babel/helper-split-export-declaration": ^7.18.6
-    "@babel/parser": ^7.21.3
-    "@babel/types": ^7.21.3
+    "@babel/parser": ^7.21.4
+    "@babel/types": ^7.21.4
     debug: ^4.1.0
     globals: ^11.1.0
-  checksum: 0af5bcd47a2fc501592b90ac1feae9d449afb9ab0772a4f6e68230f4cd3a475795d538c1de3f880fe3414b6c2820bac84d02c6549eea796f39d74a603717447b
+  checksum: f22f067c2d9b6497abf3d4e53ea71f3aa82a21f2ed434dd69b8c5767f11f2a4c24c8d2f517d2312c9e5248e5c69395fdca1c95a2b3286122c75f5783ddb6f53c
   languageName: node
   linkType: hard
 
@@ -1506,14 +1517,145 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/types@npm:^7.17.0, @babel/types@npm:^7.18.6, @babel/types@npm:^7.18.9, @babel/types@npm:^7.20.0, @babel/types@npm:^7.20.2, @babel/types@npm:^7.20.5, @babel/types@npm:^7.20.7, @babel/types@npm:^7.21.0, @babel/types@npm:^7.21.2, @babel/types@npm:^7.21.3, @babel/types@npm:^7.4.4, @babel/types@npm:^7.8.3":
-  version: 7.21.3
-  resolution: "@babel/types@npm:7.21.3"
+"@babel/types@npm:^7.17.0, @babel/types@npm:^7.18.6, @babel/types@npm:^7.18.9, @babel/types@npm:^7.20.0, @babel/types@npm:^7.20.2, @babel/types@npm:^7.20.5, @babel/types@npm:^7.20.7, @babel/types@npm:^7.21.0, @babel/types@npm:^7.21.2, @babel/types@npm:^7.21.4, @babel/types@npm:^7.4.4, @babel/types@npm:^7.8.3":
+  version: 7.21.4
+  resolution: "@babel/types@npm:7.21.4"
   dependencies:
     "@babel/helper-string-parser": ^7.19.4
     "@babel/helper-validator-identifier": ^7.19.1
     to-fast-properties: ^2.0.0
-  checksum: b750274718ba9cefd0b81836c464009bb6ba339fccce51b9baff497a0a2d96c044c61dc90cf203cec0adc770454b53a9681c3f7716883c802b85ab84c365ba35
+  checksum: 587bc55a91ce003b0f8aa10d70070f8006560d7dc0360dc0406d306a2cb2a10154e2f9080b9c37abec76907a90b330a536406cb75e6bdc905484f37b75c73219
+  languageName: node
+  linkType: hard
+
+"@codemirror/autocomplete@npm:^6.0.0, @codemirror/autocomplete@npm:^6.3.2":
+  version: 6.6.0
+  resolution: "@codemirror/autocomplete@npm:6.6.0"
+  dependencies:
+    "@codemirror/language": ^6.0.0
+    "@codemirror/state": ^6.0.0
+    "@codemirror/view": ^6.6.0
+    "@lezer/common": ^1.0.0
+  peerDependencies:
+    "@codemirror/language": ^6.0.0
+    "@codemirror/state": ^6.0.0
+    "@codemirror/view": ^6.0.0
+    "@lezer/common": ^1.0.0
+  checksum: 01d5d81e46d179da2c742020d7cb7c97cceb1af5772ac1fbf81abfe18408d694a78851234137fabadce1ed8f829d598a2e9c4b6fbd9632a813fa72772e458f9d
+  languageName: node
+  linkType: hard
+
+"@codemirror/commands@npm:^6.0.0, @codemirror/commands@npm:^6.1.0":
+  version: 6.2.3
+  resolution: "@codemirror/commands@npm:6.2.3"
+  dependencies:
+    "@codemirror/language": ^6.0.0
+    "@codemirror/state": ^6.2.0
+    "@codemirror/view": ^6.0.0
+    "@lezer/common": ^1.0.0
+  checksum: e6b7d07818d6df4372a272539b84a256e651cfa3416a33f9e1859f2ced0f6e3c944e0c40c2c407dcd5b13ffab2931d4e5ea5952db439837071de336e7a31c722
+  languageName: node
+  linkType: hard
+
+"@codemirror/lang-java@npm:6.0.1":
+  version: 6.0.1
+  resolution: "@codemirror/lang-java@npm:6.0.1"
+  dependencies:
+    "@codemirror/language": ^6.0.0
+    "@lezer/java": ^1.0.0
+  checksum: 4679104683cbffcd224ac04c7e5d144b787494697b26470b07017259035b7bb3fa62609d9a61bfbc566f1756d9f972f9f26d96a3c1362dd48881c1172f9a914d
+  languageName: node
+  linkType: hard
+
+"@codemirror/lang-javascript@npm:6.1.7":
+  version: 6.1.7
+  resolution: "@codemirror/lang-javascript@npm:6.1.7"
+  dependencies:
+    "@codemirror/autocomplete": ^6.0.0
+    "@codemirror/language": ^6.6.0
+    "@codemirror/lint": ^6.0.0
+    "@codemirror/state": ^6.0.0
+    "@codemirror/view": ^6.0.0
+    "@lezer/common": ^1.0.0
+    "@lezer/javascript": ^1.0.0
+  checksum: 15ce6695e7276102dbc874d178cbc4434d126b7a3e08f89aa9338c7dce5d2d6bdd5f1c6d114a744a8fa26dfc62b0dc639fe6e5c7b306bd14ed37272e75739736
+  languageName: node
+  linkType: hard
+
+"@codemirror/lang-python@npm:6.1.2":
+  version: 6.1.2
+  resolution: "@codemirror/lang-python@npm:6.1.2"
+  dependencies:
+    "@codemirror/autocomplete": ^6.3.2
+    "@codemirror/language": ^6.0.0
+    "@lezer/python": ^1.0.0
+  checksum: e822a1236fb3c2773e1889d4a24f8f2f7fb45ab8cf6e0521d311508a3eda19c4dcf4e2f943766b93545e673f3f0336725418e0bb48b3d9fb6a942339d164cfa5
+  languageName: node
+  linkType: hard
+
+"@codemirror/language@npm:^6.0.0, @codemirror/language@npm:^6.6.0":
+  version: 6.6.0
+  resolution: "@codemirror/language@npm:6.6.0"
+  dependencies:
+    "@codemirror/state": ^6.0.0
+    "@codemirror/view": ^6.0.0
+    "@lezer/common": ^1.0.0
+    "@lezer/highlight": ^1.0.0
+    "@lezer/lr": ^1.0.0
+    style-mod: ^4.0.0
+  checksum: bb9411620e2f231653a3f0c4429e0d19a3843bff5dbc117df4649d7bf783ec4ad809c0add8bc0887a4ec3f48b4f8f941621168e47d76101d5383f0d670af1722
+  languageName: node
+  linkType: hard
+
+"@codemirror/lint@npm:^6.0.0":
+  version: 6.2.1
+  resolution: "@codemirror/lint@npm:6.2.1"
+  dependencies:
+    "@codemirror/state": ^6.0.0
+    "@codemirror/view": ^6.0.0
+    crelt: ^1.0.5
+  checksum: 0e383c6b8b0fc463f90f8ebdc71628ba39cffbe4f3667a8382b8eedb61aff9eafe947cb3db947701c8f306acdc9576a2da889d0161ccdd14c9245705cfbd4571
+  languageName: node
+  linkType: hard
+
+"@codemirror/search@npm:^6.0.0":
+  version: 6.4.0
+  resolution: "@codemirror/search@npm:6.4.0"
+  dependencies:
+    "@codemirror/state": ^6.0.0
+    "@codemirror/view": ^6.0.0
+    crelt: ^1.0.5
+  checksum: 441e04fc896ac984f224e3adb20bc8a6c63d929778335c70d2cb1e3843674c7998db93e2ab1cd05e8276cb3819766cd23951eec748fdf8e66e3611bd9a55aab5
+  languageName: node
+  linkType: hard
+
+"@codemirror/state@npm:^6.0.0, @codemirror/state@npm:^6.1.1, @codemirror/state@npm:^6.1.4, @codemirror/state@npm:^6.2.0":
+  version: 6.2.0
+  resolution: "@codemirror/state@npm:6.2.0"
+  checksum: fdc99c773dc09c700dd02bf918f06132aa8d3069c262cc4eb6ca5c810ce24ae2d7e90719ae7630a8158fd263018de6d40bd78f312e6bfba754e737b64e6c6b3d
+  languageName: node
+  linkType: hard
+
+"@codemirror/theme-one-dark@npm:^6.0.0":
+  version: 6.1.2
+  resolution: "@codemirror/theme-one-dark@npm:6.1.2"
+  dependencies:
+    "@codemirror/language": ^6.0.0
+    "@codemirror/state": ^6.0.0
+    "@codemirror/view": ^6.0.0
+    "@lezer/highlight": ^1.0.0
+  checksum: 29bc09f79534115f62658caf3d0db527fe347d058b69a8c7f580ae636827377aadd0606fd0d83dbab8d6f3b0a5df53d3253c619341b5fb93d2c8291a8efb9556
+  languageName: node
+  linkType: hard
+
+"@codemirror/view@npm:^6.0.0, @codemirror/view@npm:^6.6.0":
+  version: 6.10.1
+  resolution: "@codemirror/view@npm:6.10.1"
+  dependencies:
+    "@codemirror/state": ^6.1.4
+    style-mod: ^4.0.0
+    w3c-keyname: ^2.2.4
+  checksum: 3a3aaf38866c8859234de6092c2e71d1e77957492bd40dc2c4e2812887a637ef52c07bb238f8bd5f2aace769483740e822f8d683808eb46f4791b71d649a28ed
   languageName: node
   linkType: hard
 
@@ -1883,16 +2025,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@emotion/cache@npm:^11.10.5":
-  version: 11.10.5
-  resolution: "@emotion/cache@npm:11.10.5"
+"@emotion/cache@npm:^11.10.5, @emotion/cache@npm:^11.10.7":
+  version: 11.10.7
+  resolution: "@emotion/cache@npm:11.10.7"
   dependencies:
     "@emotion/memoize": ^0.8.0
     "@emotion/sheet": ^1.2.1
     "@emotion/utils": ^1.2.0
     "@emotion/weak-memoize": ^0.3.0
     stylis: 4.1.3
-  checksum: 1dd2d9af2d3ecbd3d4469ecdf91a335eef6034c851b57a474471b2d2280613eb35bbed98c0368cc4625f188619fbdaf04cf07e8107aaffce94b2178444c0fe7b
+  checksum: 6b1efed2dffc93dac419409d91f6d57a200d858ec5ffa4b7c30080fdbd93db431ff86bb779c5b8830b8373f3c5dd754d9beb386604ed2667c7d55608ff653dfc
   languageName: node
   linkType: hard
 
@@ -2010,192 +2152,192 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/android-arm64@npm:0.17.12":
-  version: 0.17.12
-  resolution: "@esbuild/android-arm64@npm:0.17.12"
+"@esbuild/android-arm64@npm:0.17.18":
+  version: 0.17.18
+  resolution: "@esbuild/android-arm64@npm:0.17.18"
   conditions: os=android & cpu=arm64
   languageName: node
   linkType: hard
 
-"@esbuild/android-arm@npm:0.17.12":
-  version: 0.17.12
-  resolution: "@esbuild/android-arm@npm:0.17.12"
+"@esbuild/android-arm@npm:0.17.18":
+  version: 0.17.18
+  resolution: "@esbuild/android-arm@npm:0.17.18"
   conditions: os=android & cpu=arm
   languageName: node
   linkType: hard
 
-"@esbuild/android-x64@npm:0.17.12":
-  version: 0.17.12
-  resolution: "@esbuild/android-x64@npm:0.17.12"
+"@esbuild/android-x64@npm:0.17.18":
+  version: 0.17.18
+  resolution: "@esbuild/android-x64@npm:0.17.18"
   conditions: os=android & cpu=x64
   languageName: node
   linkType: hard
 
-"@esbuild/darwin-arm64@npm:0.17.12":
-  version: 0.17.12
-  resolution: "@esbuild/darwin-arm64@npm:0.17.12"
+"@esbuild/darwin-arm64@npm:0.17.18":
+  version: 0.17.18
+  resolution: "@esbuild/darwin-arm64@npm:0.17.18"
   conditions: os=darwin & cpu=arm64
   languageName: node
   linkType: hard
 
-"@esbuild/darwin-x64@npm:0.17.12":
-  version: 0.17.12
-  resolution: "@esbuild/darwin-x64@npm:0.17.12"
+"@esbuild/darwin-x64@npm:0.17.18":
+  version: 0.17.18
+  resolution: "@esbuild/darwin-x64@npm:0.17.18"
   conditions: os=darwin & cpu=x64
   languageName: node
   linkType: hard
 
-"@esbuild/freebsd-arm64@npm:0.17.12":
-  version: 0.17.12
-  resolution: "@esbuild/freebsd-arm64@npm:0.17.12"
+"@esbuild/freebsd-arm64@npm:0.17.18":
+  version: 0.17.18
+  resolution: "@esbuild/freebsd-arm64@npm:0.17.18"
   conditions: os=freebsd & cpu=arm64
   languageName: node
   linkType: hard
 
-"@esbuild/freebsd-x64@npm:0.17.12":
-  version: 0.17.12
-  resolution: "@esbuild/freebsd-x64@npm:0.17.12"
+"@esbuild/freebsd-x64@npm:0.17.18":
+  version: 0.17.18
+  resolution: "@esbuild/freebsd-x64@npm:0.17.18"
   conditions: os=freebsd & cpu=x64
   languageName: node
   linkType: hard
 
-"@esbuild/linux-arm64@npm:0.17.12":
-  version: 0.17.12
-  resolution: "@esbuild/linux-arm64@npm:0.17.12"
+"@esbuild/linux-arm64@npm:0.17.18":
+  version: 0.17.18
+  resolution: "@esbuild/linux-arm64@npm:0.17.18"
   conditions: os=linux & cpu=arm64
   languageName: node
   linkType: hard
 
-"@esbuild/linux-arm@npm:0.17.12":
-  version: 0.17.12
-  resolution: "@esbuild/linux-arm@npm:0.17.12"
+"@esbuild/linux-arm@npm:0.17.18":
+  version: 0.17.18
+  resolution: "@esbuild/linux-arm@npm:0.17.18"
   conditions: os=linux & cpu=arm
   languageName: node
   linkType: hard
 
-"@esbuild/linux-ia32@npm:0.17.12":
-  version: 0.17.12
-  resolution: "@esbuild/linux-ia32@npm:0.17.12"
+"@esbuild/linux-ia32@npm:0.17.18":
+  version: 0.17.18
+  resolution: "@esbuild/linux-ia32@npm:0.17.18"
   conditions: os=linux & cpu=ia32
   languageName: node
   linkType: hard
 
-"@esbuild/linux-loong64@npm:0.17.12":
-  version: 0.17.12
-  resolution: "@esbuild/linux-loong64@npm:0.17.12"
+"@esbuild/linux-loong64@npm:0.17.18":
+  version: 0.17.18
+  resolution: "@esbuild/linux-loong64@npm:0.17.18"
   conditions: os=linux & cpu=loong64
   languageName: node
   linkType: hard
 
-"@esbuild/linux-mips64el@npm:0.17.12":
-  version: 0.17.12
-  resolution: "@esbuild/linux-mips64el@npm:0.17.12"
+"@esbuild/linux-mips64el@npm:0.17.18":
+  version: 0.17.18
+  resolution: "@esbuild/linux-mips64el@npm:0.17.18"
   conditions: os=linux & cpu=mips64el
   languageName: node
   linkType: hard
 
-"@esbuild/linux-ppc64@npm:0.17.12":
-  version: 0.17.12
-  resolution: "@esbuild/linux-ppc64@npm:0.17.12"
+"@esbuild/linux-ppc64@npm:0.17.18":
+  version: 0.17.18
+  resolution: "@esbuild/linux-ppc64@npm:0.17.18"
   conditions: os=linux & cpu=ppc64
   languageName: node
   linkType: hard
 
-"@esbuild/linux-riscv64@npm:0.17.12":
-  version: 0.17.12
-  resolution: "@esbuild/linux-riscv64@npm:0.17.12"
+"@esbuild/linux-riscv64@npm:0.17.18":
+  version: 0.17.18
+  resolution: "@esbuild/linux-riscv64@npm:0.17.18"
   conditions: os=linux & cpu=riscv64
   languageName: node
   linkType: hard
 
-"@esbuild/linux-s390x@npm:0.17.12":
-  version: 0.17.12
-  resolution: "@esbuild/linux-s390x@npm:0.17.12"
+"@esbuild/linux-s390x@npm:0.17.18":
+  version: 0.17.18
+  resolution: "@esbuild/linux-s390x@npm:0.17.18"
   conditions: os=linux & cpu=s390x
   languageName: node
   linkType: hard
 
-"@esbuild/linux-x64@npm:0.17.12":
-  version: 0.17.12
-  resolution: "@esbuild/linux-x64@npm:0.17.12"
+"@esbuild/linux-x64@npm:0.17.18":
+  version: 0.17.18
+  resolution: "@esbuild/linux-x64@npm:0.17.18"
   conditions: os=linux & cpu=x64
   languageName: node
   linkType: hard
 
-"@esbuild/netbsd-x64@npm:0.17.12":
-  version: 0.17.12
-  resolution: "@esbuild/netbsd-x64@npm:0.17.12"
+"@esbuild/netbsd-x64@npm:0.17.18":
+  version: 0.17.18
+  resolution: "@esbuild/netbsd-x64@npm:0.17.18"
   conditions: os=netbsd & cpu=x64
   languageName: node
   linkType: hard
 
-"@esbuild/openbsd-x64@npm:0.17.12":
-  version: 0.17.12
-  resolution: "@esbuild/openbsd-x64@npm:0.17.12"
+"@esbuild/openbsd-x64@npm:0.17.18":
+  version: 0.17.18
+  resolution: "@esbuild/openbsd-x64@npm:0.17.18"
   conditions: os=openbsd & cpu=x64
   languageName: node
   linkType: hard
 
-"@esbuild/sunos-x64@npm:0.17.12":
-  version: 0.17.12
-  resolution: "@esbuild/sunos-x64@npm:0.17.12"
+"@esbuild/sunos-x64@npm:0.17.18":
+  version: 0.17.18
+  resolution: "@esbuild/sunos-x64@npm:0.17.18"
   conditions: os=sunos & cpu=x64
   languageName: node
   linkType: hard
 
-"@esbuild/win32-arm64@npm:0.17.12":
-  version: 0.17.12
-  resolution: "@esbuild/win32-arm64@npm:0.17.12"
+"@esbuild/win32-arm64@npm:0.17.18":
+  version: 0.17.18
+  resolution: "@esbuild/win32-arm64@npm:0.17.18"
   conditions: os=win32 & cpu=arm64
   languageName: node
   linkType: hard
 
-"@esbuild/win32-ia32@npm:0.17.12":
-  version: 0.17.12
-  resolution: "@esbuild/win32-ia32@npm:0.17.12"
+"@esbuild/win32-ia32@npm:0.17.18":
+  version: 0.17.18
+  resolution: "@esbuild/win32-ia32@npm:0.17.18"
   conditions: os=win32 & cpu=ia32
   languageName: node
   linkType: hard
 
-"@esbuild/win32-x64@npm:0.17.12":
-  version: 0.17.12
-  resolution: "@esbuild/win32-x64@npm:0.17.12"
+"@esbuild/win32-x64@npm:0.17.18":
+  version: 0.17.18
+  resolution: "@esbuild/win32-x64@npm:0.17.18"
   conditions: os=win32 & cpu=x64
   languageName: node
   linkType: hard
 
 "@eslint-community/eslint-utils@npm:^4.2.0":
-  version: 4.3.0
-  resolution: "@eslint-community/eslint-utils@npm:4.3.0"
+  version: 4.4.0
+  resolution: "@eslint-community/eslint-utils@npm:4.4.0"
   dependencies:
     eslint-visitor-keys: ^3.3.0
   peerDependencies:
     eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
-  checksum: f487760a692f0f1fef76e248ad72976919576ba57edc2b1b1dc1d182553bae6b5bf7b078e654da85d04f0af8a485d20bd26280002768f4fbcd2e330078340cb0
+  checksum: cdfe3ae42b4f572cbfb46d20edafe6f36fc5fb52bf2d90875c58aefe226892b9677fef60820e2832caf864a326fe4fc225714c46e8389ccca04d5f9288aabd22
   languageName: node
   linkType: hard
 
 "@eslint-community/regexpp@npm:^4.4.0":
-  version: 4.4.0
-  resolution: "@eslint-community/regexpp@npm:4.4.0"
-  checksum: 2d127af0c752b80e8a782eacfe996a86925d21de92da3ffc6f9e615e701145e44a62e26bdd88bfac2cd76779c39ba8d9875a91046ec5e7e5f23cb647c247ea6a
+  version: 4.5.0
+  resolution: "@eslint-community/regexpp@npm:4.5.0"
+  checksum: 99c01335947dbd7f2129e954413067e217ccaa4e219fe0917b7d2bd96135789384b8fedbfb8eb09584d5130b27a7b876a7150ab7376f51b3a0c377d5ce026a10
   languageName: node
   linkType: hard
 
 "@eslint/eslintrc@npm:^2.0.1":
-  version: 2.0.1
-  resolution: "@eslint/eslintrc@npm:2.0.1"
+  version: 2.0.2
+  resolution: "@eslint/eslintrc@npm:2.0.2"
   dependencies:
     ajv: ^6.12.4
     debug: ^4.3.2
-    espree: ^9.5.0
+    espree: ^9.5.1
     globals: ^13.19.0
     ignore: ^5.2.0
     import-fresh: ^3.2.1
     js-yaml: ^4.1.0
     minimatch: ^3.1.2
     strip-json-comments: ^3.1.1
-  checksum: 56b9192a687a450db53a7b883daf9f0f447c43b3510189cf88808a7a2467c2a302a42a50f184cc6d5a9faf3d1df890a2ef0fd0d60b751f32a3e9dfea717c6b48
+  checksum: cfcf5e12c7b2c4476482e7f12434e76eae16fcd163ee627309adb10b761e5caa4a4e52ed7be464423320ff3d11eca5b50de5bf8be3e25834222470835dd5c801
   languageName: node
   linkType: hard
 
@@ -2252,11 +2394,11 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@graasp/apps-query-client@github:graasp/graasp-apps-query-client#77-move-to-vite-for-bundling":
-  version: 0.4.2
-  resolution: "@graasp/apps-query-client@https://github.com/graasp/graasp-apps-query-client.git#commit=fe0309b3b91a72a928734e9d166873120c0a2db8"
+"@graasp/apps-query-client@github:graasp/graasp-apps-query-client#79-persist":
+  version: 1.0.0
+  resolution: "@graasp/apps-query-client@https://github.com/graasp/graasp-apps-query-client.git#commit=4006741d243bbe26098939902d9e3154e990d881"
   dependencies:
-    "@graasp/sdk": 0.9.3
+    "@graasp/sdk": 0.11.0
     axios: 0.27.2
     http-status-codes: 2.2.0
     immutable: 4.3.0
@@ -2268,7 +2410,7 @@ __metadata:
     "@tanstack/react-query-devtools": ^4.28.0
     react: ^18.0.0
     react-dom: ^18.0.0
-  checksum: a7769e337ad7d7903db677608b9a2f039afc58a9713d41e93ff325cad62ccb3db0cf43cd33232bf8ac7c5108c0766e915851b1d4a26c156cfcb281ad4053b226
+  checksum: a40deb2251f3705744bb2b90f40ff4fe7a37137654d306283d72f5fa8b22ea97bbe5a48b963729e838d9af35675b7536bdd2ee0b34ab06b02b4ae2f25932092a
   languageName: node
   linkType: hard
 
@@ -2404,48 +2546,52 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jridgewell/gen-mapping@npm:^0.1.0":
-  version: 0.1.1
-  resolution: "@jridgewell/gen-mapping@npm:0.1.1"
-  dependencies:
-    "@jridgewell/set-array": ^1.0.0
-    "@jridgewell/sourcemap-codec": ^1.4.10
-  checksum: 3bcc21fe786de6ffbf35c399a174faab05eb23ce6a03e8769569de28abbf4facc2db36a9ddb0150545ae23a8d35a7cf7237b2aa9e9356a7c626fb4698287d5cc
-  languageName: node
-  linkType: hard
-
-"@jridgewell/gen-mapping@npm:^0.3.2":
-  version: 0.3.2
-  resolution: "@jridgewell/gen-mapping@npm:0.3.2"
+"@jridgewell/gen-mapping@npm:^0.3.0, @jridgewell/gen-mapping@npm:^0.3.2":
+  version: 0.3.3
+  resolution: "@jridgewell/gen-mapping@npm:0.3.3"
   dependencies:
     "@jridgewell/set-array": ^1.0.1
     "@jridgewell/sourcemap-codec": ^1.4.10
     "@jridgewell/trace-mapping": ^0.3.9
-  checksum: 1832707a1c476afebe4d0fbbd4b9434fdb51a4c3e009ab1e9938648e21b7a97049fa6009393bdf05cab7504108413441df26d8a3c12193996e65493a4efb6882
+  checksum: 4a74944bd31f22354fc01c3da32e83c19e519e3bbadafa114f6da4522ea77dd0c2842607e923a591d60a76699d819a2fbb6f3552e277efdb9b58b081390b60ab
   languageName: node
   linkType: hard
 
-"@jridgewell/resolve-uri@npm:3.1.0, @jridgewell/resolve-uri@npm:^3.0.3":
+"@jridgewell/resolve-uri@npm:3.1.0":
   version: 3.1.0
   resolution: "@jridgewell/resolve-uri@npm:3.1.0"
   checksum: b5ceaaf9a110fcb2780d1d8f8d4a0bfd216702f31c988d8042e5f8fbe353c55d9b0f55a1733afdc64806f8e79c485d2464680ac48a0d9fcadb9548ee6b81d267
   languageName: node
   linkType: hard
 
-"@jridgewell/set-array@npm:^1.0.0, @jridgewell/set-array@npm:^1.0.1":
+"@jridgewell/resolve-uri@npm:^3.0.3":
+  version: 3.1.1
+  resolution: "@jridgewell/resolve-uri@npm:3.1.1"
+  checksum: f5b441fe7900eab4f9155b3b93f9800a916257f4e8563afbcd3b5a5337b55e52bd8ae6735453b1b745457d9f6cdb16d74cd6220bbdd98cf153239e13f6cbb653
+  languageName: node
+  linkType: hard
+
+"@jridgewell/set-array@npm:^1.0.1":
   version: 1.1.2
   resolution: "@jridgewell/set-array@npm:1.1.2"
   checksum: 69a84d5980385f396ff60a175f7177af0b8da4ddb81824cb7016a9ef914eee9806c72b6b65942003c63f7983d4f39a5c6c27185bbca88eb4690b62075602e28e
   languageName: node
   linkType: hard
 
-"@jridgewell/sourcemap-codec@npm:1.4.14, @jridgewell/sourcemap-codec@npm:^1.4.10, @jridgewell/sourcemap-codec@npm:^1.4.13":
+"@jridgewell/sourcemap-codec@npm:1.4.14":
   version: 1.4.14
   resolution: "@jridgewell/sourcemap-codec@npm:1.4.14"
   checksum: 61100637b6d173d3ba786a5dff019e1a74b1f394f323c1fee337ff390239f053b87266c7a948777f4b1ee68c01a8ad0ab61e5ff4abb5a012a0b091bec391ab97
   languageName: node
   linkType: hard
 
+"@jridgewell/sourcemap-codec@npm:^1.4.10, @jridgewell/sourcemap-codec@npm:^1.4.13":
+  version: 1.4.15
+  resolution: "@jridgewell/sourcemap-codec@npm:1.4.15"
+  checksum: b881c7e503db3fc7f3c1f35a1dd2655a188cc51a3612d76efc8a6eb74728bef5606e6758ee77423e564092b4a518aba569bbb21c9bac5ab7a35b0c6ae7e344c8
+  languageName: node
+  linkType: hard
+
 "@jridgewell/trace-mapping@npm:0.3.9":
   version: 0.3.9
   resolution: "@jridgewell/trace-mapping@npm:0.3.9"
@@ -2457,12 +2603,67 @@ __metadata:
   linkType: hard
 
 "@jridgewell/trace-mapping@npm:^0.3.17, @jridgewell/trace-mapping@npm:^0.3.9":
-  version: 0.3.17
-  resolution: "@jridgewell/trace-mapping@npm:0.3.17"
+  version: 0.3.18
+  resolution: "@jridgewell/trace-mapping@npm:0.3.18"
   dependencies:
     "@jridgewell/resolve-uri": 3.1.0
     "@jridgewell/sourcemap-codec": 1.4.14
-  checksum: 9d703b859cff5cd83b7308fd457a431387db5db96bd781a63bf48e183418dd9d3d44e76b9e4ae13237f6abeeb25d739ec9215c1d5bfdd08f66f750a50074a339
+  checksum: 0572669f855260808c16fe8f78f5f1b4356463b11d3f2c7c0b5580c8ba1cbf4ae53efe9f627595830856e57dbac2325ac17eb0c3dd0ec42102e6f227cc289c02
+  languageName: node
+  linkType: hard
+
+"@lezer/common@npm:^1.0.0":
+  version: 1.0.2
+  resolution: "@lezer/common@npm:1.0.2"
+  checksum: bbcc58e07be02652bf0700d2856042ec089d5be0b95893d628b3e18192ade864fac83b61b19653e10b9f1472261a178b12318d934e9004edd5483a577c0db56b
+  languageName: node
+  linkType: hard
+
+"@lezer/highlight@npm:^1.0.0, @lezer/highlight@npm:^1.1.3":
+  version: 1.1.4
+  resolution: "@lezer/highlight@npm:1.1.4"
+  dependencies:
+    "@lezer/common": ^1.0.0
+  checksum: 30e848c02839bfcd9472fcd6e74d71cba12379cef38f27d0c6cab0e6831f92150cfc629d267a40cc31f84cf46ac0a935400163fdf931b2672c516bec29417485
+  languageName: node
+  linkType: hard
+
+"@lezer/java@npm:^1.0.0":
+  version: 1.0.3
+  resolution: "@lezer/java@npm:1.0.3"
+  dependencies:
+    "@lezer/highlight": ^1.0.0
+    "@lezer/lr": ^1.0.0
+  checksum: 2fffea6627d130413ffad4e61040267974cca3167d98881b9e5b5e2455530de74a82c234d93603e92a4972fad314671453c49c0a76b0f4547c4617d671fd7b99
+  languageName: node
+  linkType: hard
+
+"@lezer/javascript@npm:^1.0.0":
+  version: 1.4.3
+  resolution: "@lezer/javascript@npm:1.4.3"
+  dependencies:
+    "@lezer/highlight": ^1.1.3
+    "@lezer/lr": ^1.3.0
+  checksum: 520dc2d84c84841ef554993c1c0dfe503487aa9be398ebcf617b51d06f99121841d4ca1cf25f3f53d00efa820ea778cc2271da425a606ac66e9f09a4c8cc6677
+  languageName: node
+  linkType: hard
+
+"@lezer/lr@npm:^1.0.0, @lezer/lr@npm:^1.3.0":
+  version: 1.3.4
+  resolution: "@lezer/lr@npm:1.3.4"
+  dependencies:
+    "@lezer/common": ^1.0.0
+  checksum: 58bc25a9ba891dc6ca713fc8768706935e65d6e54d79a8ddb40c742cc799e87eddf4f49a6d6566a649c4726a9ab79a4200d36c9351608285a9bee6cdf3b33341
+  languageName: node
+  linkType: hard
+
+"@lezer/python@npm:^1.0.0":
+  version: 1.1.5
+  resolution: "@lezer/python@npm:1.1.5"
+  dependencies:
+    "@lezer/highlight": ^1.0.0
+    "@lezer/lr": ^1.0.0
+  checksum: 0327b90d18135bcc6e0b13369074f6e4cbc3204f6b91e0ffac674a2f8e4d32a0ecb7450fa0974c066018f09ec4be2c6568a0fac219336696188363a8cf1c92a3
   languageName: node
   linkType: hard
 
@@ -2520,9 +2721,9 @@ __metadata:
   linkType: hard
 
 "@mui/core-downloads-tracker@npm:^5.11.14":
-  version: 5.11.14
-  resolution: "@mui/core-downloads-tracker@npm:5.11.14"
-  checksum: 8b1b42e125b15136ee82d2cb48354202b87beb8e20defcf3a8b758b033732444d09446d85a28c23b0dcaa8b5d067bc20bdd654c9adf551d826b142b4b09d7dd7
+  version: 5.12.2
+  resolution: "@mui/core-downloads-tracker@npm:5.12.2"
+  checksum: d748bdc56df6fdfe6712550a94263cf094c53ddcb70f6a8f633caf23927edf5ac88b1f888429d895fe2a5045b27eb7aa9826ccee5b917e31973667d604ed87fe
   languageName: node
   linkType: hard
 
@@ -2619,12 +2820,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@mui/private-theming@npm:^5.11.13":
-  version: 5.11.13
-  resolution: "@mui/private-theming@npm:5.11.13"
+"@mui/private-theming@npm:^5.12.0":
+  version: 5.12.0
+  resolution: "@mui/private-theming@npm:5.12.0"
   dependencies:
     "@babel/runtime": ^7.21.0
-    "@mui/utils": ^5.11.13
+    "@mui/utils": ^5.12.0
     prop-types: ^15.8.1
   peerDependencies:
     "@types/react": ^17.0.0 || ^18.0.0
@@ -2632,17 +2833,17 @@ __metadata:
   peerDependenciesMeta:
     "@types/react":
       optional: true
-  checksum: 9e5e02c6482945d9fa52e920fb206fb032d1b1df4bb06ea9d032babb53ed171e3b5a7969091072a5d04b0ab52c90f01ba51b90ba27730019d3f7eccc49ca4628
+  checksum: 761bc7a57e1643c2c4c327886882fa5efc7bacae1c6fffe6be4197f49d337261c916a883d96996445efcdedc0672251725c1e5b264b6250d6c9527fd0cafcc62
   languageName: node
   linkType: hard
 
-"@mui/styled-engine@npm:^5.11.11":
-  version: 5.11.11
-  resolution: "@mui/styled-engine@npm:5.11.11"
+"@mui/styled-engine@npm:^5.12.0":
+  version: 5.12.0
+  resolution: "@mui/styled-engine@npm:5.12.0"
   dependencies:
     "@babel/runtime": ^7.21.0
-    "@emotion/cache": ^11.10.5
-    csstype: ^3.1.1
+    "@emotion/cache": ^11.10.7
+    csstype: ^3.1.2
     prop-types: ^15.8.1
   peerDependencies:
     "@emotion/react": ^11.4.1
@@ -2653,21 +2854,21 @@ __metadata:
       optional: true
     "@emotion/styled":
       optional: true
-  checksum: 63b71aafe79afbe1638a31d9cc1361d11edd5b4a8eacc50da86d83b5db11c9a1713c5744d1533360488aef85afc8d4a5429517447b78b598493c7a7d639390dd
+  checksum: 4a415473cf62aa05012f667dd2e9b1dc2fb175be5b0c4d0b8df541e2dac3d7db410e920e0d5910c8e2b8996a4fb51f74d79483e2878a9b5c0d334498f5537d74
   languageName: node
   linkType: hard
 
 "@mui/system@npm:^5.11.14, @mui/system@npm:^5.8.2":
-  version: 5.11.14
-  resolution: "@mui/system@npm:5.11.14"
+  version: 5.12.1
+  resolution: "@mui/system@npm:5.12.1"
   dependencies:
     "@babel/runtime": ^7.21.0
-    "@mui/private-theming": ^5.11.13
-    "@mui/styled-engine": ^5.11.11
-    "@mui/types": ^7.2.3
-    "@mui/utils": ^5.11.13
+    "@mui/private-theming": ^5.12.0
+    "@mui/styled-engine": ^5.12.0
+    "@mui/types": ^7.2.4
+    "@mui/utils": ^5.12.0
     clsx: ^1.2.1
-    csstype: ^3.1.1
+    csstype: ^3.1.2
     prop-types: ^15.8.1
   peerDependencies:
     "@emotion/react": ^11.5.0
@@ -2681,25 +2882,25 @@ __metadata:
       optional: true
     "@types/react":
       optional: true
-  checksum: a9df588ee7358438244ba5115f1f3bfe548b4c9077280204b6f6d4b98f20fd93f76bc36bf1430848b64e5c3a495ecb0e5000379932faa3dfb92360a34262f301
+  checksum: b951959bf5e5af581319354c044f441d97849ff120cfec111d2ed5e7fa05efd63721acff96f48093b8e2bdeb5ccbe35c48613fb925be2b58c596447d10dbed3e
   languageName: node
   linkType: hard
 
-"@mui/types@npm:^7.1.3, @mui/types@npm:^7.2.3":
-  version: 7.2.3
-  resolution: "@mui/types@npm:7.2.3"
+"@mui/types@npm:^7.1.3, @mui/types@npm:^7.2.3, @mui/types@npm:^7.2.4":
+  version: 7.2.4
+  resolution: "@mui/types@npm:7.2.4"
   peerDependencies:
     "@types/react": "*"
   peerDependenciesMeta:
     "@types/react":
       optional: true
-  checksum: b8511cb78f8df25c8978317ad3fd585c782116b657f2d32233352c09d415c77040e532f41bbe96de6ad46be87138767d3129a9f0de3561900a9a64db7693bce4
+  checksum: 16bea0547492193a22fd1794382f314698a114f6c673825314c66b56766c3a9d305992cc495684722b7be16a1ecf7e6e48a79caa64f90c439b530e8c02611a61
   languageName: node
   linkType: hard
 
-"@mui/utils@npm:^5.11.13, @mui/utils@npm:^5.6.0, @mui/utils@npm:^5.8.0":
-  version: 5.11.13
-  resolution: "@mui/utils@npm:5.11.13"
+"@mui/utils@npm:^5.11.13, @mui/utils@npm:^5.12.0, @mui/utils@npm:^5.6.0, @mui/utils@npm:^5.8.0":
+  version: 5.12.0
+  resolution: "@mui/utils@npm:5.12.0"
   dependencies:
     "@babel/runtime": ^7.21.0
     "@types/prop-types": ^15.7.5
@@ -2708,7 +2909,7 @@ __metadata:
     react-is: ^18.2.0
   peerDependencies:
     react: ^17.0.0 || ^18.0.0
-  checksum: 0f403f2635fd5cd39c013b9d4defa2cf1ecc023e35b8c9866d6123792480dcafe47207e43420c10b0d030e64df31e78adfdb8248e2476da27f07d80ed0b44927
+  checksum: 87b2c7468803b083f50af28d7c215c45291e73fef16570848b596d0f1cde1fc613c20e8951f431217b31451de254744abd50eda5013dedec4982420b5bf1c6b6
   languageName: node
   linkType: hard
 
@@ -2818,9 +3019,16 @@ __metadata:
   linkType: hard
 
 "@popperjs/core@npm:^2.11.5, @popperjs/core@npm:^2.11.6":
-  version: 2.11.6
-  resolution: "@popperjs/core@npm:2.11.6"
-  checksum: 47fb328cec1924559d759b48235c78574f2d71a8a6c4c03edb6de5d7074078371633b91e39bbf3f901b32aa8af9b9d8f82834856d2f5737a23475036b16817f0
+  version: 2.11.7
+  resolution: "@popperjs/core@npm:2.11.7"
+  checksum: 5b6553747899683452a1d28898c1b39173a4efd780e74360bfcda8eb42f1c5e819602769c81a10920fc68c881d07fb40429604517d499567eac079cfa6470f19
+  languageName: node
+  linkType: hard
+
+"@remix-run/router@npm:1.5.0":
+  version: 1.5.0
+  resolution: "@remix-run/router@npm:1.5.0"
+  checksum: 9c510c174af1553edd1f039ba16e7e3d34e04d53b3bac18814660e31cd0c48297ea4291ff86d0736b560123ebc63ecb62fa525829181d16a8dad15270d6672d7
   languageName: node
   linkType: hard
 
@@ -2921,41 +3129,41 @@ __metadata:
   linkType: hard
 
 "@tanstack/match-sorter-utils@npm:^8.7.0":
-  version: 8.7.6
-  resolution: "@tanstack/match-sorter-utils@npm:8.7.6"
+  version: 8.8.4
+  resolution: "@tanstack/match-sorter-utils@npm:8.8.4"
   dependencies:
     remove-accents: 0.4.2
-  checksum: 3f3dda277e6e55ca1224a28b38a2deb3ac912c2f2f5263a32fa0d9126c6b6d05feb475539729fd248f1eb88b612109db90b847ec8fdfc05d0f4073c900a2d3f6
+  checksum: d005f500754f52ef94966cbbe4217f26e7e3c07291faa2578b06bca9a5abe01689569994c37a1d01c6e783addf5ffbb28fa82eba7961d36eabf43ec43d1e496b
   languageName: node
   linkType: hard
 
-"@tanstack/query-core@npm:4.27.0":
-  version: 4.27.0
-  resolution: "@tanstack/query-core@npm:4.27.0"
-  checksum: 914b4f01ac75632f4603b650e9105f64c739b79250baf76aad16cee216f7bad6060c04eda0c70838fe61a5f6c17883e19fcc3075b2433a906539da95ce785796
+"@tanstack/query-core@npm:4.29.5":
+  version: 4.29.5
+  resolution: "@tanstack/query-core@npm:4.29.5"
+  checksum: 367176beccd78e959c74e69e96497b626dd1c139398501eb7a04cf92215edf262665c3e7bb59df68320779d49893d3153a3b41e750b9046655b45cfe44691b36
   languageName: node
   linkType: hard
 
-"@tanstack/react-query-devtools@npm:^4.28.0":
-  version: 4.28.0
-  resolution: "@tanstack/react-query-devtools@npm:4.28.0"
+"@tanstack/react-query-devtools@npm:4.29.5":
+  version: 4.29.5
+  resolution: "@tanstack/react-query-devtools@npm:4.29.5"
   dependencies:
     "@tanstack/match-sorter-utils": ^8.7.0
     superjson: ^1.10.0
     use-sync-external-store: ^1.2.0
   peerDependencies:
-    "@tanstack/react-query": 4.28.0
+    "@tanstack/react-query": 4.29.5
     react: ^16.8.0 || ^17.0.0 || ^18.0.0
     react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
-  checksum: 76d39c4f5d2a884e6b7af9dee39f1f2427da515cd6bd3ddc99d1d97ec5fa01db5c134ac0d0fab57cdc860a736a3aa0443cc35295e302e9ff119b023663d073a6
+  checksum: c354a0b75196ca95303bb41c515d230134491405e2db2c297cdabf42b867dbc02e3839630c86b3b5d210409d061c5fb82598cc199dc4b61127150633ae6b3bde
   languageName: node
   linkType: hard
 
-"@tanstack/react-query@npm:^4.28.0":
-  version: 4.28.0
-  resolution: "@tanstack/react-query@npm:4.28.0"
+"@tanstack/react-query@npm:4.29.5":
+  version: 4.29.5
+  resolution: "@tanstack/react-query@npm:4.29.5"
   dependencies:
-    "@tanstack/query-core": 4.27.0
+    "@tanstack/query-core": 4.29.5
     use-sync-external-store: ^1.2.0
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -2966,7 +3174,7 @@ __metadata:
       optional: true
     react-native:
       optional: true
-  checksum: 7baa70d22b55cfa22f8a1d92ba9f8379c5436ee81fce3f0e7df4a8c29bb26bfef4a83759cf10f752b40ae2940099fcce88ce91a773240f4999ae91136980c6e3
+  checksum: de45573900810b37216aa8d6599cae5ea43602eaada9fd2224f57ff7ab1de10b3f2e681e7fdb993ee1519ed8ffc7e6e07d6bf3ad1b9da4136b1ae78ca19f31f6
   languageName: node
   linkType: hard
 
@@ -3025,6 +3233,31 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/debug@npm:^4.0.0":
+  version: 4.1.7
+  resolution: "@types/debug@npm:4.1.7"
+  dependencies:
+    "@types/ms": "*"
+  checksum: 0a7b89d8ed72526858f0b61c6fd81f477853e8c4415bb97f48b1b5545248d2ae389931680b94b393b993a7cfe893537a200647d93defe6d87159b96812305adc
+  languageName: node
+  linkType: hard
+
+"@types/file-saver@npm:^2.0.5":
+  version: 2.0.5
+  resolution: "@types/file-saver@npm:2.0.5"
+  checksum: a31d6ee2abf99598647139f8f35b37b6e1bacf6c7ddf05c66651b9b0e6e53381aa0e8ed13f37faa6e496e0eb1da87c97e6c70fd589d5b83b0c95c57cb64ce92a
+  languageName: node
+  linkType: hard
+
+"@types/hast@npm:^2.0.0":
+  version: 2.3.4
+  resolution: "@types/hast@npm:2.3.4"
+  dependencies:
+    "@types/unist": "*"
+  checksum: fff47998f4c11e21a7454b58673f70478740ecdafd95aaf50b70a3daa7da9cdc57315545bf9c039613732c40b7b0e9e49d11d03fe9a4304721cdc3b29a88141e
+  languageName: node
+  linkType: hard
+
 "@types/i18n@npm:0.13.6":
   version: 0.13.6
   resolution: "@types/i18n@npm:0.13.6"
@@ -3046,6 +3279,49 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/lodash.isequal@npm:^4.5.6":
+  version: 4.5.6
+  resolution: "@types/lodash.isequal@npm:4.5.6"
+  dependencies:
+    "@types/lodash": "*"
+  checksum: 0f065989408a9e0584e6c27495be2cd4602e62650f55266aa195812582444463c0c8570c674ae84f947c11748f49ab43fd5b482fa120e08eeee4c23b162edc38
+  languageName: node
+  linkType: hard
+
+"@types/lodash.isobject@npm:^3.0.7":
+  version: 3.0.7
+  resolution: "@types/lodash.isobject@npm:3.0.7"
+  dependencies:
+    "@types/lodash": "*"
+  checksum: 0ee50208a4bc641172d4e79f497c8cd59e437ad6109f2118bfe45c4e8815ecd0e5ea563fb04f307580a1e8f34e6e364b45eac8097db0448f521c78a50a2ce0ab
+  languageName: node
+  linkType: hard
+
+"@types/lodash.isstring@npm:^4.0.7":
+  version: 4.0.7
+  resolution: "@types/lodash.isstring@npm:4.0.7"
+  dependencies:
+    "@types/lodash": "*"
+  checksum: 0718eadc1c53c830dde7133dca5cf13a46444512d8a80ffd98ba29a06f2eb926317b22b0eafe066b70a13844356063640be1e441a22d19518a1991eba250e677
+  languageName: node
+  linkType: hard
+
+"@types/lodash@npm:*":
+  version: 4.14.194
+  resolution: "@types/lodash@npm:4.14.194"
+  checksum: 113f34831c461469d91feca2dde737f88487732898b4d25e9eb23b087bb193985f864d1e1e0f3b777edc5022e460443588b6000a3b2348c966f72d17eedc35ea
+  languageName: node
+  linkType: hard
+
+"@types/mdast@npm:^3.0.0":
+  version: 3.0.11
+  resolution: "@types/mdast@npm:3.0.11"
+  dependencies:
+    "@types/unist": "*"
+  checksum: 3b04cf465535553b47a1811c247668bd6cfeb54d99a2c9dbb82ccd0f5145d271d10c3169f929701d8cd55fd569f0d2e459a50845813ba3261f1fb0395a288cea
+  languageName: node
+  linkType: hard
+
 "@types/minimatch@npm:^3.0.3":
   version: 3.0.5
   resolution: "@types/minimatch@npm:3.0.5"
@@ -3060,10 +3336,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/ms@npm:*":
+  version: 0.7.31
+  resolution: "@types/ms@npm:0.7.31"
+  checksum: daadd354aedde024cce6f5aa873fefe7b71b22cd0e28632a69e8b677aeb48ae8caa1c60e5919bb781df040d116b01cb4316335167a3fc0ef6a63fa3614c0f6da
+  languageName: node
+  linkType: hard
+
 "@types/node@npm:*":
-  version: 18.15.5
-  resolution: "@types/node@npm:18.15.5"
-  checksum: 5fbf3453bd5ce1402bb2964e55d928fc8a8a7de5451b1b0fe66587fecb8a3eb86854ca9cefa5076a5971e2cff00e1773ceeb5d872a54f6c6ddfbbc1064b4e91a
+  version: 18.16.1
+  resolution: "@types/node@npm:18.16.1"
+  checksum: 799026b949a48993cba7c9b81b2eabfdfb34c880744cb44c1c990fbedc9e315f3634d126eb2cf9a6e0795577c01016e2326d98565bef695ada9d363fadeb6946
   languageName: node
   linkType: hard
 
@@ -3075,9 +3358,9 @@ __metadata:
   linkType: hard
 
 "@types/node@npm:^14.14.31":
-  version: 14.18.40
-  resolution: "@types/node@npm:14.18.40"
-  checksum: 99029290936a6be679dfe5f82687f2f164aedd35f436837577d12cb183a6c4021bd9f9a3093bef07a69b35af3de01b28a7625793f60677511418ace544c4deda
+  version: 14.18.43
+  resolution: "@types/node@npm:14.18.43"
+  checksum: 3ef43eda265c346597bc5c8329605255550f7a92300a76e9e3c48e07fd685b4a48d47465997bf6f1a68b235c7339e6e583d73515769efcad70e4f8f4c7f47fd4
   languageName: node
   linkType: hard
 
@@ -3095,7 +3378,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/prop-types@npm:*, @types/prop-types@npm:^15.7.5":
+"@types/prismjs@npm:^1.26.0":
+  version: 1.26.0
+  resolution: "@types/prismjs@npm:1.26.0"
+  checksum: cd5e7a6214c1f4213ec512a5fcf6d8fe37a56b813fc57ac95b5ff5ee074742bfdbd2f2730d9fd985205bf4586728e09baa97023f739e5aa1c9735a7c1ecbd11a
+  languageName: node
+  linkType: hard
+
+"@types/prop-types@npm:*, @types/prop-types@npm:^15.0.0, @types/prop-types@npm:^15.7.5":
   version: 15.7.5
   resolution: "@types/prop-types@npm:15.7.5"
   checksum: 5b43b8b15415e1f298243165f1d44390403bb2bd42e662bca3b5b5633fdd39c938e91b7fce3a9483699db0f7a715d08cef220c121f723a634972fdf596aec980
@@ -3121,11 +3411,11 @@ __metadata:
   linkType: hard
 
 "@types/react-is@npm:^16.7.1 || ^17.0.0":
-  version: 17.0.3
-  resolution: "@types/react-is@npm:17.0.3"
+  version: 17.0.4
+  resolution: "@types/react-is@npm:17.0.4"
   dependencies:
-    "@types/react": "*"
-  checksum: 6abb7c47d54f012272650df8a962a28bd82f219291e5ef8b4dfa7fe0bb98ae243b060bf9fbe8ceff6213141794855a006db194b490b00ffd15842ae19d0ce1f0
+    "@types/react": ^17
+  checksum: 4c273945795b539f6ae0efdbd917e86edfbd9a9fad12cd6724fb2216bf47d724560b7b3cd07541c3f9e86dd085b386d7020119c5db0a289fbb069524b1242586
   languageName: node
   linkType: hard
 
@@ -3138,7 +3428,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/react@npm:*, @types/react@npm:18.0.28":
+"@types/react@npm:*":
+  version: 18.2.0
+  resolution: "@types/react@npm:18.2.0"
+  dependencies:
+    "@types/prop-types": "*"
+    "@types/scheduler": "*"
+    csstype: ^3.0.2
+  checksum: db3d92b423150222a666329f7aa3023e3e942044700557b8a7d161530847e621aec9f56c9e7f71761b06dd164c8a7b17ad52355863efe80963dffa5537e8e5fd
+  languageName: node
+  linkType: hard
+
+"@types/react@npm:18.0.28":
   version: 18.0.28
   resolution: "@types/react@npm:18.0.28"
   dependencies:
@@ -3149,6 +3450,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/react@npm:^17":
+  version: 17.0.58
+  resolution: "@types/react@npm:17.0.58"
+  dependencies:
+    "@types/prop-types": "*"
+    "@types/scheduler": "*"
+    csstype: ^3.0.2
+  checksum: 4eaf32b86c43f388c681e34a00921c508dd88a1d1022aebfadc5fe802b7c5bed863de1a17eed31e43ca2d65222952dfe79a022055a0e6e4e1ad89fc5a42ec05e
+  languageName: node
+  linkType: hard
+
 "@types/sanitize-html@npm:^2.9.0":
   version: 2.9.0
   resolution: "@types/sanitize-html@npm:2.9.0"
@@ -3159,9 +3471,9 @@ __metadata:
   linkType: hard
 
 "@types/scheduler@npm:*":
-  version: 0.16.2
-  resolution: "@types/scheduler@npm:0.16.2"
-  checksum: b6b4dcfeae6deba2e06a70941860fb1435730576d3689225a421280b7742318d1548b3d22c1f66ab68e414f346a9542f29240bc955b6332c5b11e561077583bc
+  version: 0.16.3
+  resolution: "@types/scheduler@npm:0.16.3"
+  checksum: 2b0aec39c24268e3ce938c5db2f2e77f5c3dd280e05c262d9c2fe7d890929e4632a6b8e94334017b66b45e4f92a5aa42ba3356640c2a1175fa37bef2f5200767
   languageName: node
   linkType: hard
 
@@ -3186,6 +3498,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/unist@npm:*, @types/unist@npm:^2.0.0":
+  version: 2.0.6
+  resolution: "@types/unist@npm:2.0.6"
+  checksum: 25cb860ff10dde48b54622d58b23e66214211a61c84c0f15f88d38b61aa1b53d4d46e42b557924a93178c501c166aa37e28d7f6d994aba13d24685326272d5db
+  languageName: node
+  linkType: hard
+
 "@types/uuid@npm:9.0.1":
   version: 9.0.1
   resolution: "@types/uuid@npm:9.0.1"
@@ -3202,7 +3521,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/eslint-plugin@npm:5.56.0, @typescript-eslint/eslint-plugin@npm:^5.5.0":
+"@typescript-eslint/eslint-plugin@npm:5.56.0":
   version: 5.56.0
   resolution: "@typescript-eslint/eslint-plugin@npm:5.56.0"
   dependencies:
@@ -3226,18 +3545,42 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@typescript-eslint/eslint-plugin@npm:^5.5.0":
+  version: 5.59.1
+  resolution: "@typescript-eslint/eslint-plugin@npm:5.59.1"
+  dependencies:
+    "@eslint-community/regexpp": ^4.4.0
+    "@typescript-eslint/scope-manager": 5.59.1
+    "@typescript-eslint/type-utils": 5.59.1
+    "@typescript-eslint/utils": 5.59.1
+    debug: ^4.3.4
+    grapheme-splitter: ^1.0.4
+    ignore: ^5.2.0
+    natural-compare-lite: ^1.4.0
+    semver: ^7.3.7
+    tsutils: ^3.21.0
+  peerDependencies:
+    "@typescript-eslint/parser": ^5.0.0
+    eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 9ada3ae721594ddd8101a6093e6383bc95e4dcb19b3929210dee5480637786473a9eba2e69e61e560fa592965f4fd02aeb98ddfda91b00b448ae01c5d77431d6
+  languageName: node
+  linkType: hard
+
 "@typescript-eslint/experimental-utils@npm:^5.0.0":
-  version: 5.56.0
-  resolution: "@typescript-eslint/experimental-utils@npm:5.56.0"
+  version: 5.59.1
+  resolution: "@typescript-eslint/experimental-utils@npm:5.59.1"
   dependencies:
-    "@typescript-eslint/utils": 5.56.0
+    "@typescript-eslint/utils": 5.59.1
   peerDependencies:
     eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
-  checksum: 8ecf2f03d839f19fe4dce126e0a25724a230e476f33813f7d87b75a63141bccce1cd9aebc3105ec1e78672e5fd45158ed8257afdbfa853beadf2cc8f93349b16
+  checksum: 081d5fd2573b1a585a0d27b9ce3557b661065943059f5876c7c795877d4be77a9318bf708e52841144af4a216fc732541c3cb2f2a4be2be2d962664ce20d536e
   languageName: node
   linkType: hard
 
-"@typescript-eslint/parser@npm:5.56.0, @typescript-eslint/parser@npm:^5.5.0":
+"@typescript-eslint/parser@npm:5.56.0":
   version: 5.56.0
   resolution: "@typescript-eslint/parser@npm:5.56.0"
   dependencies:
@@ -3254,6 +3597,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@typescript-eslint/parser@npm:^5.5.0":
+  version: 5.59.1
+  resolution: "@typescript-eslint/parser@npm:5.59.1"
+  dependencies:
+    "@typescript-eslint/scope-manager": 5.59.1
+    "@typescript-eslint/types": 5.59.1
+    "@typescript-eslint/typescript-estree": 5.59.1
+    debug: ^4.3.4
+  peerDependencies:
+    eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: d324d32a69e06ab12aacb72cd3e2a8eb8ade6c2a4d4e6bb013941588a675e818a8ebd973bef1cd818da6a76eb00908bf66d84ef214c3f015dfcb40f8067a335e
+  languageName: node
+  linkType: hard
+
 "@typescript-eslint/scope-manager@npm:5.56.0":
   version: 5.56.0
   resolution: "@typescript-eslint/scope-manager@npm:5.56.0"
@@ -3264,6 +3624,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@typescript-eslint/scope-manager@npm:5.59.1":
+  version: 5.59.1
+  resolution: "@typescript-eslint/scope-manager@npm:5.59.1"
+  dependencies:
+    "@typescript-eslint/types": 5.59.1
+    "@typescript-eslint/visitor-keys": 5.59.1
+  checksum: ae7758181d0f18d1ad20abf95164553fa98c20410968d538ac7abd430ec59f69e30d4da16ad968d029feced1ed49abc65daf6685c996eb4529d798e8320204ff
+  languageName: node
+  linkType: hard
+
 "@typescript-eslint/type-utils@npm:5.56.0":
   version: 5.56.0
   resolution: "@typescript-eslint/type-utils@npm:5.56.0"
@@ -3281,15 +3651,39 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/types@npm:5.56.0":
-  version: 5.56.0
-  resolution: "@typescript-eslint/types@npm:5.56.0"
-  checksum: 82ca11553bbb1bbfcaf7e7760b03c0d898940238dc002552c21af3e58f7d482c64c3c6cf0666521aff2a1e7b4b58bb6e4d9a00b1e4998a16b5039f5d288d003a
-  languageName: node
-  linkType: hard
-
-"@typescript-eslint/typescript-estree@npm:5.56.0":
-  version: 5.56.0
+"@typescript-eslint/type-utils@npm:5.59.1":
+  version: 5.59.1
+  resolution: "@typescript-eslint/type-utils@npm:5.59.1"
+  dependencies:
+    "@typescript-eslint/typescript-estree": 5.59.1
+    "@typescript-eslint/utils": 5.59.1
+    debug: ^4.3.4
+    tsutils: ^3.21.0
+  peerDependencies:
+    eslint: "*"
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: ff46cc049995bb6505a6170550a9e658c42cd5699a95e1976822318fef2963381223505f797051fc727938ace66d4a7dc072a4b4cadbbdf91d2fda1a16c05c98
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/types@npm:5.56.0":
+  version: 5.56.0
+  resolution: "@typescript-eslint/types@npm:5.56.0"
+  checksum: 82ca11553bbb1bbfcaf7e7760b03c0d898940238dc002552c21af3e58f7d482c64c3c6cf0666521aff2a1e7b4b58bb6e4d9a00b1e4998a16b5039f5d288d003a
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/types@npm:5.59.1":
+  version: 5.59.1
+  resolution: "@typescript-eslint/types@npm:5.59.1"
+  checksum: 40ea7ccf59c4951797d3761e53c866a5979e07fbdabef9dc07d3a3f625a99d4318d5329ae8e628cdfdc0bb9bb6e6d8dfb740f33c7bf318e63fa0a863b9ae85c7
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/typescript-estree@npm:5.56.0":
+  version: 5.56.0
   resolution: "@typescript-eslint/typescript-estree@npm:5.56.0"
   dependencies:
     "@typescript-eslint/types": 5.56.0
@@ -3306,7 +3700,25 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/utils@npm:5.56.0, @typescript-eslint/utils@npm:^5.43.0":
+"@typescript-eslint/typescript-estree@npm:5.59.1":
+  version: 5.59.1
+  resolution: "@typescript-eslint/typescript-estree@npm:5.59.1"
+  dependencies:
+    "@typescript-eslint/types": 5.59.1
+    "@typescript-eslint/visitor-keys": 5.59.1
+    debug: ^4.3.4
+    globby: ^11.1.0
+    is-glob: ^4.0.3
+    semver: ^7.3.7
+    tsutils: ^3.21.0
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: e33081937225f38e717ac2f9e90c4a8c6b71b701923eea3e03be76d8c466f0d3c6a4ec1d65c9fc1da4f1989416d386305353c5b53aa736d3af9503061001e3eb
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/utils@npm:5.56.0":
   version: 5.56.0
   resolution: "@typescript-eslint/utils@npm:5.56.0"
   dependencies:
@@ -3324,6 +3736,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@typescript-eslint/utils@npm:5.59.1, @typescript-eslint/utils@npm:^5.58.0":
+  version: 5.59.1
+  resolution: "@typescript-eslint/utils@npm:5.59.1"
+  dependencies:
+    "@eslint-community/eslint-utils": ^4.2.0
+    "@types/json-schema": ^7.0.9
+    "@types/semver": ^7.3.12
+    "@typescript-eslint/scope-manager": 5.59.1
+    "@typescript-eslint/types": 5.59.1
+    "@typescript-eslint/typescript-estree": 5.59.1
+    eslint-scope: ^5.1.1
+    semver: ^7.3.7
+  peerDependencies:
+    eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+  checksum: ca32c90efa57e937ebf812221e070c0604ca99f900fbca60578b42d40c923d5a94fd9503cf5918ecd75b687b68a1be562f7c6593a329bc40b880c95036a021c0
+  languageName: node
+  linkType: hard
+
 "@typescript-eslint/visitor-keys@npm:5.56.0":
   version: 5.56.0
   resolution: "@typescript-eslint/visitor-keys@npm:5.56.0"
@@ -3334,6 +3764,61 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@typescript-eslint/visitor-keys@npm:5.59.1":
+  version: 5.59.1
+  resolution: "@typescript-eslint/visitor-keys@npm:5.59.1"
+  dependencies:
+    "@typescript-eslint/types": 5.59.1
+    eslint-visitor-keys: ^3.3.0
+  checksum: f98e399147310cad67de718a8a6336f053d46753bade380c89ddac3dd49512555c3f613636b255ce0b5e2b004654d1c167eb5e53fc8085148b637a5afc20cdd8
+  languageName: node
+  linkType: hard
+
+"@uiw/codemirror-extensions-basic-setup@npm:4.19.16":
+  version: 4.19.16
+  resolution: "@uiw/codemirror-extensions-basic-setup@npm:4.19.16"
+  dependencies:
+    "@codemirror/autocomplete": ^6.0.0
+    "@codemirror/commands": ^6.0.0
+    "@codemirror/language": ^6.0.0
+    "@codemirror/lint": ^6.0.0
+    "@codemirror/search": ^6.0.0
+    "@codemirror/state": ^6.0.0
+    "@codemirror/view": ^6.0.0
+  peerDependencies:
+    "@codemirror/autocomplete": ">=6.0.0"
+    "@codemirror/commands": ">=6.0.0"
+    "@codemirror/language": ">=6.0.0"
+    "@codemirror/lint": ">=6.0.0"
+    "@codemirror/search": ">=6.0.0"
+    "@codemirror/state": ">=6.0.0"
+    "@codemirror/view": ">=6.0.0"
+  checksum: e5263f19e1ca838ac9cc7c0ab03d4d1ca2453ff306e17d354b0772954c14cfaa146b0a00ed2d5690f5687aeafdd5f2f5587efc573ffb5714bd77f6af46444f74
+  languageName: node
+  linkType: hard
+
+"@uiw/react-codemirror@npm:4.19.16":
+  version: 4.19.16
+  resolution: "@uiw/react-codemirror@npm:4.19.16"
+  dependencies:
+    "@babel/runtime": ^7.18.6
+    "@codemirror/commands": ^6.1.0
+    "@codemirror/state": ^6.1.1
+    "@codemirror/theme-one-dark": ^6.0.0
+    "@uiw/codemirror-extensions-basic-setup": 4.19.16
+    codemirror: ^6.0.0
+  peerDependencies:
+    "@babel/runtime": ">=7.11.0"
+    "@codemirror/state": ">=6.0.0"
+    "@codemirror/theme-one-dark": ">=6.0.0"
+    "@codemirror/view": ">=6.0.0"
+    codemirror: ">=6.0.0"
+    react: ">=16.8.0"
+    react-dom: ">=16.8.0"
+  checksum: 0625a544eb53ff1236e75dc4c81400285bf4dfdacd5c9c71129066f7decb7e902c97f756c6edc854d44b586ad4b0d3d303df065429532df9085c5f6b1adbad80
+  languageName: node
+  linkType: hard
+
 "@vitejs/plugin-react@npm:^3.1.0":
   version: 3.1.0
   resolution: "@vitejs/plugin-react@npm:3.1.0"
@@ -3807,9 +4292,9 @@ __metadata:
   linkType: hard
 
 "axe-core@npm:^4.6.2":
-  version: 4.6.3
-  resolution: "axe-core@npm:4.6.3"
-  checksum: d0c46be92b9707c48b88a53cd5f471b155a2bfc8bf6beffb514ecd14e30b4863e340b5fc4f496d82a3c562048088c1f3ff5b93b9b3b026cb9c3bfacfd535da10
+  version: 4.7.0
+  resolution: "axe-core@npm:4.7.0"
+  checksum: f086bcab42be1761ba2b0b127dec350087f4c3a853bba8dd58f69d898cefaac31a1561da23146f6f3c07954c76171d1f2ce460e555e052d2b02cd79af628fa4a
   languageName: node
   linkType: hard
 
@@ -3921,6 +4406,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"bail@npm:^2.0.0":
+  version: 2.0.2
+  resolution: "bail@npm:2.0.2"
+  checksum: aab4e8ccdc8d762bf3fdfce8e706601695620c0c2eda256dd85088dc0be3cfd7ff126f6e99c2bee1f24f5d418414aacf09d7f9702f16d6963df2fa488cda8824
+  languageName: node
+  linkType: hard
+
 "balanced-match@npm:^1.0.0":
   version: 1.0.2
   resolution: "balanced-match@npm:1.0.2"
@@ -4162,9 +4654,9 @@ __metadata:
   linkType: hard
 
 "caniuse-lite@npm:^1.0.30001449":
-  version: 1.0.30001469
-  resolution: "caniuse-lite@npm:1.0.30001469"
-  checksum: 8e496509d7e9ff189c72205675b5db0c5f1b6a09917027441e835efae0848a468a8c4e7d2b409ffc202438fcd23ae53e017f976a03c22c04d12d3c0e1e33e5de
+  version: 1.0.30001481
+  resolution: "caniuse-lite@npm:1.0.30001481"
+  checksum: 8200a043c191b4fd4fe0beda37a58fd61869c895ab93f87bdd0420e5927453f48434d716ce9da8552ff6c3ecc4dcd1366354cda3a134f3cc844af741574a7cab
   languageName: node
   linkType: hard
 
@@ -4175,6 +4667,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ccount@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "ccount@npm:2.0.1"
+  checksum: 48193dada54c9e260e0acf57fc16171a225305548f9ad20d5471e0f7a8c026aedd8747091dccb0d900cde7df4e4ddbd235df0d8de4a64c71b12f0d3303eeafd4
+  languageName: node
+  linkType: hard
+
 "chalk@npm:4.1.2, chalk@npm:^4.0.0, chalk@npm:^4.1.0, chalk@npm:^4.1.1":
   version: 4.1.2
   resolution: "chalk@npm:4.1.2"
@@ -4206,6 +4705,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"character-entities@npm:^2.0.0":
+  version: 2.0.2
+  resolution: "character-entities@npm:2.0.2"
+  checksum: cf1643814023697f725e47328fcec17923b8f1799102a8a79c1514e894815651794a2bffd84bb1b3a4b124b050154e4529ed6e81f7c8068a734aecf07a6d3def
+  languageName: node
+  linkType: hard
+
 "check-more-types@npm:^2.24.0":
   version: 2.24.0
   resolution: "check-more-types@npm:2.24.0"
@@ -4340,6 +4846,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"codemirror@npm:^6.0.0":
+  version: 6.0.1
+  resolution: "codemirror@npm:6.0.1"
+  dependencies:
+    "@codemirror/autocomplete": ^6.0.0
+    "@codemirror/commands": ^6.0.0
+    "@codemirror/language": ^6.0.0
+    "@codemirror/lint": ^6.0.0
+    "@codemirror/search": ^6.0.0
+    "@codemirror/state": ^6.0.0
+    "@codemirror/view": ^6.0.0
+  checksum: 1a78f7077ac5801bdbff162aa0c61bf2b974603c7e9a477198c3ce50c789af674a061d7c293c58b73807eda345c2b5228c38ad2aabb9319d552d5486f785cbef
+  languageName: node
+  linkType: hard
+
 "color-convert@npm:^1.9.0":
   version: 1.9.3
   resolution: "color-convert@npm:1.9.3"
@@ -4382,9 +4903,9 @@ __metadata:
   linkType: hard
 
 "colorette@npm:^2.0.16":
-  version: 2.0.19
-  resolution: "colorette@npm:2.0.19"
-  checksum: 888cf5493f781e5fcf54ce4d49e9d7d698f96ea2b2ef67906834bb319a392c667f9ec69f4a10e268d2946d13a9503d2d19b3abaaaf174e3451bfe91fb9d82427
+  version: 2.0.20
+  resolution: "colorette@npm:2.0.20"
+  checksum: 0c016fea2b91b733eb9f4bcdb580018f52c0bc0979443dad930e5037a968237ac53d9beb98e218d2e9235834f8eebce7f8e080422d6194e957454255bde71d3d
   languageName: node
   linkType: hard
 
@@ -4397,6 +4918,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"comma-separated-tokens@npm:^2.0.0":
+  version: 2.0.3
+  resolution: "comma-separated-tokens@npm:2.0.3"
+  checksum: e3bf9e0332a5c45f49b90e79bcdb4a7a85f28d6a6f0876a94f1bb9b2bfbdbbb9292aac50e1e742d8c0db1e62a0229a106f57917e2d067fca951d81737651700d
+  languageName: node
+  linkType: hard
+
 "commander@npm:2.8.x":
   version: 2.8.1
   resolution: "commander@npm:2.8.1"
@@ -4572,11 +5100,11 @@ __metadata:
   linkType: hard
 
 "core-js-compat@npm:^3.25.1":
-  version: 3.29.1
-  resolution: "core-js-compat@npm:3.29.1"
+  version: 3.30.1
+  resolution: "core-js-compat@npm:3.30.1"
   dependencies:
     browserslist: ^4.21.5
-  checksum: 7260f6bbaa98836cda09a3b61aa721149d3ae95040302fb3b27eb153ae9bbddc8dee5249e72004cdc9552532029de4d50a5b2b066c37414421d2929d6091b18f
+  checksum: e450a9771fc927ce982333929e1c4b32f180f641e4cfff9de6ed44b5930de19be7707cf74f45d1746ca69b8e8ac0698a555cb7244fbfbed6c38ca93844207bf7
   languageName: node
   linkType: hard
 
@@ -4631,6 +5159,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"crelt@npm:^1.0.5":
+  version: 1.0.5
+  resolution: "crelt@npm:1.0.5"
+  checksum: 04a618c5878e12a14a9a328a49ff6e37bed76abb88b72e661c56b5f161d8a9aca133650da6bcbc5224ad1f7f43a69325627f209e92a21002986d52a8f844b367
+  languageName: node
+  linkType: hard
+
 "cross-spawn@npm:^7.0.0, cross-spawn@npm:^7.0.2, cross-spawn@npm:^7.0.3":
   version: 7.0.3
   resolution: "cross-spawn@npm:7.0.3"
@@ -4642,10 +5177,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"csstype@npm:^3.0.2, csstype@npm:^3.1.1":
-  version: 3.1.1
-  resolution: "csstype@npm:3.1.1"
-  checksum: 1f7b4f5fdd955b7444b18ebdddf3f5c699159f13e9cf8ac9027ae4a60ae226aef9bbb14a6e12ca7dba3358b007cee6354b116e720262867c398de6c955ea451d
+"csstype@npm:^3.0.2, csstype@npm:^3.1.1, csstype@npm:^3.1.2":
+  version: 3.1.2
+  resolution: "csstype@npm:3.1.2"
+  checksum: e1a52e6c25c1314d6beef5168da704ab29c5186b877c07d822bd0806717d9a265e8493a2e35ca7e68d0f5d472d43fac1cdce70fd79fd0853dff81f3028d857b5
   languageName: node
   linkType: hard
 
@@ -4724,7 +5259,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"date-fns@npm:^2.29.1":
+"date-fns@npm:2.29.3, date-fns@npm:^2.29.1":
   version: 2.29.3
   resolution: "date-fns@npm:2.29.3"
   checksum: e01cf5b62af04e05dfff921bb9c9933310ed0e1ae9a81eb8653452e64dc841acf7f6e01e1a5ae5644d0337e9a7f936175fd2cb6819dc122fdd9c5e86c56be484
@@ -4783,6 +5318,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"decode-named-character-reference@npm:^1.0.0":
+  version: 1.0.2
+  resolution: "decode-named-character-reference@npm:1.0.2"
+  dependencies:
+    character-entities: ^2.0.0
+  checksum: f4c71d3b93105f20076052f9cb1523a22a9c796b8296cd35eef1ca54239c78d182c136a848b83ff8da2071e3ae2b1d300bf29d00650a6d6e675438cc31b11d78
+  languageName: node
+  linkType: hard
+
 "deep-equal@npm:^1.0.1":
   version: 1.1.1
   resolution: "deep-equal@npm:1.1.1"
@@ -4798,14 +5342,15 @@ __metadata:
   linkType: hard
 
 "deep-equal@npm:^2.0.5":
-  version: 2.2.0
-  resolution: "deep-equal@npm:2.2.0"
+  version: 2.2.1
+  resolution: "deep-equal@npm:2.2.1"
   dependencies:
+    array-buffer-byte-length: ^1.0.0
     call-bind: ^1.0.2
-    es-get-iterator: ^1.1.2
-    get-intrinsic: ^1.1.3
+    es-get-iterator: ^1.1.3
+    get-intrinsic: ^1.2.0
     is-arguments: ^1.1.1
-    is-array-buffer: ^3.0.1
+    is-array-buffer: ^3.0.2
     is-date-object: ^1.0.5
     is-regex: ^1.1.4
     is-shared-array-buffer: ^1.0.2
@@ -4813,12 +5358,12 @@ __metadata:
     object-is: ^1.1.5
     object-keys: ^1.1.1
     object.assign: ^4.1.4
-    regexp.prototype.flags: ^1.4.3
+    regexp.prototype.flags: ^1.5.0
     side-channel: ^1.0.4
     which-boxed-primitive: ^1.0.2
     which-collection: ^1.0.1
     which-typed-array: ^1.1.9
-  checksum: 46a34509d2766d6c6dc5aec4756089cf0cc137e46787e91f08f1ee0bb570d874f19f0493146907df0cf18aed4a7b4b50f6f62c899240a76c323f057528b122e3
+  checksum: 561f0e001a07b2f1b80ff914d0b3d76964bbfc102f34c2128bc8039c0050e63b1a504a8911910e011d8cd1cd4b600a9686c049e327f4ef94420008efc42d25f4
   languageName: node
   linkType: hard
 
@@ -4852,7 +5397,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"define-properties@npm:^1.1.3, define-properties@npm:^1.1.4":
+"define-properties@npm:^1.1.3, define-properties@npm:^1.1.4, define-properties@npm:^1.2.0":
   version: 1.2.0
   resolution: "define-properties@npm:1.2.0"
   dependencies:
@@ -4890,6 +5435,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"dequal@npm:^2.0.0":
+  version: 2.0.3
+  resolution: "dequal@npm:2.0.3"
+  checksum: 8679b850e1a3d0ebbc46ee780d5df7b478c23f335887464023a631d1b9af051ad4a6595a44220f9ff8ff95a8ddccf019b5ad778a976fd7bbf77383d36f412f90
+  languageName: node
+  linkType: hard
+
 "diff@npm:^4.0.1":
   version: 4.0.2
   resolution: "diff@npm:4.0.2"
@@ -4897,6 +5449,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"diff@npm:^5.0.0":
+  version: 5.1.0
+  resolution: "diff@npm:5.1.0"
+  checksum: c7bf0df7c9bfbe1cf8a678fd1b2137c4fb11be117a67bc18a0e03ae75105e8533dbfb1cda6b46beb3586ef5aed22143ef9d70713977d5fb1f9114e21455fba90
+  languageName: node
+  linkType: hard
+
 "dir-glob@npm:^3.0.1":
   version: 3.0.1
   resolution: "dir-glob@npm:3.0.1"
@@ -4992,9 +5551,9 @@ __metadata:
   linkType: hard
 
 "electron-to-chromium@npm:^1.4.284":
-  version: 1.4.335
-  resolution: "electron-to-chromium@npm:1.4.335"
-  checksum: a3c9ee2412427ed0853f065f1dde64db1b567abf53d5e50e8cfba1544af4bda970f59a4f4df3dad81078c948b3277dffb42042e6a859288246d68b58db81a555
+  version: 1.4.374
+  resolution: "electron-to-chromium@npm:1.4.374"
+  checksum: baa53f70401a8fdd3dbf2396d5dfff2f0a8be12c6fefe362ed8608ff045db4e78322cc5b8acac0bd2d94de7850eba83509b3bfda38b4b67e575273b4c4824e5b
   languageName: node
   linkType: hard
 
@@ -5047,13 +5606,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"enhanced-resolve@npm:^5.10.0":
-  version: 5.12.0
-  resolution: "enhanced-resolve@npm:5.12.0"
+"enhanced-resolve@npm:^5.12.0":
+  version: 5.13.0
+  resolution: "enhanced-resolve@npm:5.13.0"
   dependencies:
     graceful-fs: ^4.2.4
     tapable: ^2.2.0
-  checksum: bf3f787facaf4ce3439bef59d148646344e372bef5557f0d37ea8aa02c51f50a925cd1f07b8d338f18992c29f544ec235a8c64bcdb56030196c48832a5494174
+  checksum: 76d6844c4393d76beed5b3ce6cf5a98dee3ad5c84a9887f49ccde1224e3b7af201dfbd5a57ebf2b49f623b74883df262d50ff480d3cc02fc2881fc58b84e1bbe
   languageName: node
   linkType: hard
 
@@ -5150,7 +5709,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"es-get-iterator@npm:^1.1.2":
+"es-get-iterator@npm:^1.1.3":
   version: 1.1.3
   resolution: "es-get-iterator@npm:1.1.3"
   dependencies:
@@ -5206,31 +5765,31 @@ __metadata:
   linkType: hard
 
 "esbuild@npm:^0.17.5":
-  version: 0.17.12
-  resolution: "esbuild@npm:0.17.12"
-  dependencies:
-    "@esbuild/android-arm": 0.17.12
-    "@esbuild/android-arm64": 0.17.12
-    "@esbuild/android-x64": 0.17.12
-    "@esbuild/darwin-arm64": 0.17.12
-    "@esbuild/darwin-x64": 0.17.12
-    "@esbuild/freebsd-arm64": 0.17.12
-    "@esbuild/freebsd-x64": 0.17.12
-    "@esbuild/linux-arm": 0.17.12
-    "@esbuild/linux-arm64": 0.17.12
-    "@esbuild/linux-ia32": 0.17.12
-    "@esbuild/linux-loong64": 0.17.12
-    "@esbuild/linux-mips64el": 0.17.12
-    "@esbuild/linux-ppc64": 0.17.12
-    "@esbuild/linux-riscv64": 0.17.12
-    "@esbuild/linux-s390x": 0.17.12
-    "@esbuild/linux-x64": 0.17.12
-    "@esbuild/netbsd-x64": 0.17.12
-    "@esbuild/openbsd-x64": 0.17.12
-    "@esbuild/sunos-x64": 0.17.12
-    "@esbuild/win32-arm64": 0.17.12
-    "@esbuild/win32-ia32": 0.17.12
-    "@esbuild/win32-x64": 0.17.12
+  version: 0.17.18
+  resolution: "esbuild@npm:0.17.18"
+  dependencies:
+    "@esbuild/android-arm": 0.17.18
+    "@esbuild/android-arm64": 0.17.18
+    "@esbuild/android-x64": 0.17.18
+    "@esbuild/darwin-arm64": 0.17.18
+    "@esbuild/darwin-x64": 0.17.18
+    "@esbuild/freebsd-arm64": 0.17.18
+    "@esbuild/freebsd-x64": 0.17.18
+    "@esbuild/linux-arm": 0.17.18
+    "@esbuild/linux-arm64": 0.17.18
+    "@esbuild/linux-ia32": 0.17.18
+    "@esbuild/linux-loong64": 0.17.18
+    "@esbuild/linux-mips64el": 0.17.18
+    "@esbuild/linux-ppc64": 0.17.18
+    "@esbuild/linux-riscv64": 0.17.18
+    "@esbuild/linux-s390x": 0.17.18
+    "@esbuild/linux-x64": 0.17.18
+    "@esbuild/netbsd-x64": 0.17.18
+    "@esbuild/openbsd-x64": 0.17.18
+    "@esbuild/sunos-x64": 0.17.18
+    "@esbuild/win32-arm64": 0.17.18
+    "@esbuild/win32-ia32": 0.17.18
+    "@esbuild/win32-x64": 0.17.18
   dependenciesMeta:
     "@esbuild/android-arm":
       optional: true
@@ -5278,7 +5837,7 @@ __metadata:
       optional: true
   bin:
     esbuild: bin/esbuild
-  checksum: ea6d33eb1bc6c9e00dcee5e253c7e935251b4801d376661fd9f19a9dcffc27f970078a6f7116d6c78ee825ceff9b974594b0b616bd560ce4d875a951aa92977b
+  checksum: 900b333f649fd89804216fb61fb5a0ffadc6dc37a2ec3b5981b588f72821676ea649a7c0ec785f0dbe6e774080b084c8af5f6ee7adbc1b138faf2a8c35e2c69c
   languageName: node
   linkType: hard
 
@@ -5303,6 +5862,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"escape-string-regexp@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "escape-string-regexp@npm:5.0.0"
+  checksum: 20daabe197f3cb198ec28546deebcf24b3dbb1a5a269184381b3116d12f0532e06007f4bc8da25669d6a7f8efb68db0758df4cd981f57bc5b57f521a3e12c59e
+  languageName: node
+  linkType: hard
+
 "eslint-config-airbnb-base@npm:^15.0.0":
   version: 15.0.0
   resolution: "eslint-config-airbnb-base@npm:15.0.0"
@@ -5382,32 +5948,33 @@ __metadata:
   linkType: hard
 
 "eslint-import-resolver-typescript@npm:^3.5.3":
-  version: 3.5.3
-  resolution: "eslint-import-resolver-typescript@npm:3.5.3"
+  version: 3.5.5
+  resolution: "eslint-import-resolver-typescript@npm:3.5.5"
   dependencies:
     debug: ^4.3.4
-    enhanced-resolve: ^5.10.0
-    get-tsconfig: ^4.2.0
-    globby: ^13.1.2
-    is-core-module: ^2.10.0
+    enhanced-resolve: ^5.12.0
+    eslint-module-utils: ^2.7.4
+    get-tsconfig: ^4.5.0
+    globby: ^13.1.3
+    is-core-module: ^2.11.0
     is-glob: ^4.0.3
-    synckit: ^0.8.4
+    synckit: ^0.8.5
   peerDependencies:
     eslint: "*"
     eslint-plugin-import: "*"
-  checksum: 63b5f28bec5a29b1d3be33b79795441f7b0da54479e5c99a115877d9b70b2b7464c19a928b4ae7674a937b9ee8e7d4b1d30b7f5e6325c4c3aaa8c607bb175258
+  checksum: 27e6276fdff5d377c9036362ff736ac29852106e883ff589ea9092dc57d4bc2a67a82d75134221124f05045f9a7e2114a159b2c827d1f9f64d091f7afeab0f58
   languageName: node
   linkType: hard
 
 "eslint-module-utils@npm:^2.7.4":
-  version: 2.7.4
-  resolution: "eslint-module-utils@npm:2.7.4"
+  version: 2.8.0
+  resolution: "eslint-module-utils@npm:2.8.0"
   dependencies:
     debug: ^3.2.7
   peerDependenciesMeta:
     eslint:
       optional: true
-  checksum: 5da13645daff145a5c922896b258f8bba560722c3767254e458d894ff5fbb505d6dfd945bffa932a5b0ae06714da2379bd41011c4c20d2d59cc83e23895360f7
+  checksum: 74c6dfea7641ebcfe174be61168541a11a14aa8d72e515f5f09af55cd0d0862686104b0524aa4b8e0ce66418a44aa38a94d2588743db5fd07a6b49ffd16921d2
   languageName: node
   linkType: hard
 
@@ -5554,13 +6121,13 @@ __metadata:
   linkType: hard
 
 "eslint-plugin-testing-library@npm:^5.0.1":
-  version: 5.10.2
-  resolution: "eslint-plugin-testing-library@npm:5.10.2"
+  version: 5.10.3
+  resolution: "eslint-plugin-testing-library@npm:5.10.3"
   dependencies:
-    "@typescript-eslint/utils": ^5.43.0
+    "@typescript-eslint/utils": ^5.58.0
   peerDependencies:
     eslint: ^7.5.0 || ^8.0.0
-  checksum: 3b2b330e62f4a6dc438050006f0d0c97605f6861828b153271dc6d2fafb1e60f4e86fbaa8166c7afd452e3b6cad39413738fd4c8e2eb2def1915c678154676da
+  checksum: 3033121a0040b98280cd41856273ad1b268f56083759401e7af72ac8a96dcb213892f1248983aa9a18988b44913263e93f0d182dbb0c5b27b00242bfffc9cdcc
   languageName: node
   linkType: hard
 
@@ -5575,12 +6142,12 @@ __metadata:
   linkType: hard
 
 "eslint-scope@npm:^7.1.1":
-  version: 7.1.1
-  resolution: "eslint-scope@npm:7.1.1"
+  version: 7.2.0
+  resolution: "eslint-scope@npm:7.2.0"
   dependencies:
     esrecurse: ^4.3.0
     estraverse: ^5.2.0
-  checksum: 9f6e974ab2db641ca8ab13508c405b7b859e72afe9f254e8131ff154d2f40c99ad4545ce326fd9fde3212ff29707102562a4834f1c48617b35d98c71a97fbf3e
+  checksum: 64591a2d8b244ade9c690b59ef238a11d5c721a98bcee9e9f445454f442d03d3e04eda88e95a4daec558220a99fa384309d9faae3d459bd40e7a81b4063980ae
   languageName: node
   linkType: hard
 
@@ -5591,10 +6158,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eslint-visitor-keys@npm:^3.3.0":
-  version: 3.3.0
-  resolution: "eslint-visitor-keys@npm:3.3.0"
-  checksum: d59e68a7c5a6d0146526b0eec16ce87fbf97fe46b8281e0d41384224375c4e52f5ffb9e16d48f4ea50785cde93f766b0c898e31ab89978d88b0e1720fbfb7808
+"eslint-visitor-keys@npm:^3.3.0, eslint-visitor-keys@npm:^3.4.0":
+  version: 3.4.0
+  resolution: "eslint-visitor-keys@npm:3.4.0"
+  checksum: 33159169462d3989321a1ec1e9aaaf6a24cc403d5d347e9886d1b5bfe18ffa1be73bdc6203143a28a606b142b1af49787f33cff0d6d0813eb5f2e8d2e1a6043c
   languageName: node
   linkType: hard
 
@@ -5648,14 +6215,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"espree@npm:^9.5.0":
-  version: 9.5.0
-  resolution: "espree@npm:9.5.0"
+"espree@npm:^9.5.0, espree@npm:^9.5.1":
+  version: 9.5.1
+  resolution: "espree@npm:9.5.1"
   dependencies:
     acorn: ^8.8.0
     acorn-jsx: ^5.3.2
-    eslint-visitor-keys: ^3.3.0
-  checksum: a7f110aefb6407e0d3237aa635ab3cea87106ae63748dd23c67031afccc640d04c4209fca2daf16e2233c82efb505faead0fb84097478fd9cc6e8f8dd80bf99d
+    eslint-visitor-keys: ^3.4.0
+  checksum: cdf6e43540433d917c4f2ee087c6e987b2063baa85a1d9cdaf51533d78275ebd5910c42154e7baf8e3e89804b386da0a2f7fad2264d8f04420e7506bf87b3b88
   languageName: node
   linkType: hard
 
@@ -5772,7 +6339,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"extend@npm:^3.0.2, extend@npm:~3.0.2":
+"extend@npm:^3.0.0, extend@npm:^3.0.2, extend@npm:~3.0.2":
   version: 3.0.2
   resolution: "extend@npm:3.0.2"
   checksum: a50a8309ca65ea5d426382ff09f33586527882cf532931cb08ca786ea3146c0553310bda688710ff61d7668eba9f96b923fe1420cdf56a2c3eaf30fcab87b515
@@ -5988,6 +6555,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"file-saver@npm:2.0.5":
+  version: 2.0.5
+  resolution: "file-saver@npm:2.0.5"
+  checksum: c62d96e5cebc58b4bdf3ae8a60d5cf9607ad82f75f798c33a4ee63435ac2203002584d5256a2a780eda7feb5e19dc3b6351c2212e58b3f529e63d265a7cc79f7
+  languageName: node
+  linkType: hard
+
 "fill-range@npm:^7.0.1":
   version: 7.0.1
   resolution: "fill-range@npm:7.0.1"
@@ -6229,7 +6803,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"functions-have-names@npm:^1.2.2":
+"functions-have-names@npm:^1.2.2, functions-have-names@npm:^1.2.3":
   version: 1.2.3
   resolution: "functions-have-names@npm:1.2.3"
   checksum: c3f1f5ba20f4e962efb71344ce0a40722163e85bee2101ce25f88214e78182d2d2476aa85ef37950c579eb6cf6ee811c17b3101bb84004bb75655f3e33f3fdb5
@@ -6327,10 +6901,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"get-tsconfig@npm:^4.2.0":
-  version: 4.4.0
-  resolution: "get-tsconfig@npm:4.4.0"
-  checksum: e193558b4f0c84c81ae9688cf5b9950dc0b341e44f91b002713fd0c37cfb73108e1cd9998ed540bcc423f193fde32cc58a15e99dd469f5158a2eb4a148611176
+"get-tsconfig@npm:^4.5.0":
+  version: 4.5.0
+  resolution: "get-tsconfig@npm:4.5.0"
+  checksum: 687ee2bd69a5a07db2e2edeb4d6c41c3debb38f6281a66beb643e3f5b520252e27fcbbb5702bdd9a5f05dcf8c1d2e0150a4d8a960ad75cbdea74e06a51e91b02
   languageName: node
   linkType: hard
 
@@ -6490,16 +7064,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"globby@npm:^13.1.2":
-  version: 13.1.3
-  resolution: "globby@npm:13.1.3"
+"globby@npm:^13.1.3":
+  version: 13.1.4
+  resolution: "globby@npm:13.1.4"
   dependencies:
     dir-glob: ^3.0.1
     fast-glob: ^3.2.11
     ignore: ^5.2.0
     merge2: ^1.4.1
     slash: ^4.0.0
-  checksum: 93f06e02002cdf368f7e3d55bd59e7b00784c7cc8fe92c7ee5082cc7171ff6109fda45e1c97a80bb48bc811dedaf7843c7c9186f5f84bde4883ab630e13c43df
+  checksum: e8bc13879972082d590cd1b0e27080d90d2e12fff7eeb2cee9329c29115ace14cc5b9f899e3d6beb136ba826307a727016658919a6f383e1511d698acee81741
   languageName: node
   linkType: hard
 
@@ -6519,16 +7093,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"graasp-app-starter-ts-vite@workspace:.":
+"graasp-app-chatbot@workspace:.":
   version: 0.0.0-use.local
-  resolution: "graasp-app-starter-ts-vite@workspace:."
+  resolution: "graasp-app-chatbot@workspace:."
   dependencies:
+    "@codemirror/lang-java": 6.0.1
+    "@codemirror/lang-javascript": 6.1.7
+    "@codemirror/lang-python": 6.1.2
     "@commitlint/cli": 17.6.1
     "@commitlint/config-conventional": 17.6.1
     "@cypress/code-coverage": 3.10.4
     "@emotion/react": 11.10.6
     "@emotion/styled": 11.10.6
-    "@graasp/apps-query-client": "github:graasp/graasp-apps-query-client#77-move-to-vite-for-bundling"
+    "@graasp/apps-query-client": "github:graasp/graasp-apps-query-client#79-persist"
     "@graasp/sdk": 0.11.0
     "@graasp/ui": 2.4.1
     "@mui/icons-material": 5.11.16
@@ -6537,19 +7114,25 @@ __metadata:
     "@sentry/browser": 7.44.2
     "@sentry/react": 7.44.2
     "@sentry/tracing": 7.44.2
-    "@tanstack/react-query": ^4.28.0
-    "@tanstack/react-query-devtools": ^4.28.0
+    "@tanstack/react-query": 4.29.5
+    "@tanstack/react-query-devtools": 4.29.5
     "@trivago/prettier-plugin-sort-imports": 4.1.1
+    "@types/file-saver": ^2.0.5
     "@types/i18n": 0.13.6
+    "@types/lodash.isequal": ^4.5.6
+    "@types/lodash.isobject": ^3.0.7
+    "@types/lodash.isstring": ^4.0.7
     "@types/node": 17.0.45
     "@types/react": 18.0.28
     "@types/react-dom": 18.0.11
     "@types/uuid": 9.0.1
     "@typescript-eslint/eslint-plugin": 5.56.0
     "@typescript-eslint/parser": 5.56.0
+    "@uiw/react-codemirror": 4.19.16
     "@vitejs/plugin-react": ^3.1.0
     concurrently: 7.6.0
     cypress: 12.8.1
+    date-fns: 2.29.3
     env-cmd: 10.1.0
     eslint: 8.36.0
     eslint-config-airbnb: 19.0.4
@@ -6562,17 +7145,26 @@ __metadata:
     eslint-plugin-prettier: 4.2.1
     eslint-plugin-react: ^7.32.2
     eslint-plugin-react-hooks: 4.6.0
+    file-saver: 2.0.5
     husky: 8.0.3
     i18next: 22.4.13
     immutable: 4.3.0
+    lodash.isobject: 3.0.2
+    lodash.isstring: 4.0.1
     nyc: 15.1.0
     prettier: 2.8.6
     pretty-quick: 3.1.3
+    prism-react-renderer: ^2.0.3
     qs: 6.11.1
     react: 18.2.0
     react-dom: 18.2.0
     react-i18next: 12.2.0
+    react-markdown: 8.0.7
+    react-mde: 12.0.8
+    react-router-dom: ^6.10.0
     react-toastify: 9.1.2
+    remark-breaks: ^3.0.2
+    remark-gfm: ^3.0.1
     typescript: 4.9.5
     uuid: 9.0.0
     vite: ^4.2.1
@@ -6688,6 +7280,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"hast-util-whitespace@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "hast-util-whitespace@npm:2.0.1"
+  checksum: 431be6b2f35472f951615540d7a53f69f39461e5e080c0190268bdeb2be9ab9b1dddfd1f467dd26c1de7e7952df67beb1307b6ee940baf78b24a71b5e0663868
+  languageName: node
+  linkType: hard
+
 "hoist-non-react-statics@npm:^3.3.1, hoist-non-react-statics@npm:^3.3.2":
   version: 3.3.2
   resolution: "hoist-non-react-statics@npm:3.3.2"
@@ -6957,6 +7556,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"inline-style-parser@npm:0.1.1":
+  version: 0.1.1
+  resolution: "inline-style-parser@npm:0.1.1"
+  checksum: 5d545056a3e1f2bf864c928a886a0e1656a3517127d36917b973de581bd54adc91b4bf1febcb0da054f204b4934763f1a4e09308b4d55002327cf1d48ac5d966
+  languageName: node
+  linkType: hard
+
 "int64-buffer@npm:^0.99.1007":
   version: 0.99.1007
   resolution: "int64-buffer@npm:0.99.1007"
@@ -7045,6 +7651,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-buffer@npm:^2.0.0":
+  version: 2.0.5
+  resolution: "is-buffer@npm:2.0.5"
+  checksum: 764c9ad8b523a9f5a32af29bdf772b08eb48c04d2ad0a7240916ac2688c983bf5f8504bf25b35e66240edeb9d9085461f9b5dae1f3d2861c6b06a65fe983de42
+  languageName: node
+  linkType: hard
+
 "is-callable@npm:^1.1.3, is-callable@npm:^1.1.4, is-callable@npm:^1.2.7":
   version: 1.2.7
   resolution: "is-callable@npm:1.2.7"
@@ -7063,12 +7676,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-core-module@npm:^2.10.0, is-core-module@npm:^2.11.0, is-core-module@npm:^2.5.0, is-core-module@npm:^2.9.0":
-  version: 2.11.0
-  resolution: "is-core-module@npm:2.11.0"
+"is-core-module@npm:^2.11.0, is-core-module@npm:^2.12.0, is-core-module@npm:^2.5.0, is-core-module@npm:^2.9.0":
+  version: 2.12.0
+  resolution: "is-core-module@npm:2.12.0"
   dependencies:
     has: ^1.0.3
-  checksum: f96fd490c6b48eb4f6d10ba815c6ef13f410b0ba6f7eb8577af51697de523e5f2cd9de1c441b51d27251bf0e4aebc936545e33a5d26d5d51f28d25698d4a8bab
+  checksum: f7f7eb2ab71fd769ee9fb2385c095d503aa4b5ce0028c04557de03f1e67a87c85e5bac1f215945fc3c955867a139a415a3ec4c4234a0bffdf715232660f440a6
   languageName: node
   linkType: hard
 
@@ -7190,6 +7803,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-plain-obj@npm:^4.0.0":
+  version: 4.1.0
+  resolution: "is-plain-obj@npm:4.1.0"
+  checksum: 6dc45da70d04a81f35c9310971e78a6a3c7a63547ef782e3a07ee3674695081b6ca4e977fbb8efc48dae3375e0b34558d2bcd722aec9bddfa2d7db5b041be8ce
+  languageName: node
+  linkType: hard
+
 "is-plain-object@npm:^5.0.0":
   version: 5.0.0
   resolution: "is-plain-object@npm:5.0.0"
@@ -7674,6 +8294,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"kleur@npm:^4.0.3":
+  version: 4.1.5
+  resolution: "kleur@npm:4.1.5"
+  checksum: 1dc476e32741acf0b1b5b0627ffd0d722e342c1b0da14de3e8ae97821327ca08f9fb944542fb3c126d90ac5f27f9d804edbe7c585bf7d12ef495d115e0f22c12
+  languageName: node
+  linkType: hard
+
 "language-subtag-registry@npm:~0.3.2":
   version: 0.3.22
   resolution: "language-subtag-registry@npm:0.3.22"
@@ -7877,6 +8504,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"lodash.isobject@npm:3.0.2":
+  version: 3.0.2
+  resolution: "lodash.isobject@npm:3.0.2"
+  checksum: 6c1667cbc4494d0a13a3617a4b23278d6d02dac520311f2bbb43f16f2cf71d2e6eb9dec8057315b77459df4890c756a256a087d3f4baa44a79ab5d6c968b060e
+  languageName: node
+  linkType: hard
+
 "lodash.isplainobject@npm:^4.0.6":
   version: 4.0.6
   resolution: "lodash.isplainobject@npm:4.0.6"
@@ -7884,6 +8518,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"lodash.isstring@npm:4.0.1":
+  version: 4.0.1
+  resolution: "lodash.isstring@npm:4.0.1"
+  checksum: eaac87ae9636848af08021083d796e2eea3d02e80082ab8a9955309569cb3a463ce97fd281d7dc119e402b2e7d8c54a23914b15d2fc7fff56461511dc8937ba0
+  languageName: node
+  linkType: hard
+
 "lodash.kebabcase@npm:^4.1.1":
   version: 4.1.1
   resolution: "lodash.kebabcase@npm:4.1.1"
@@ -8025,6 +8666,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"longest-streak@npm:^3.0.0":
+  version: 3.1.0
+  resolution: "longest-streak@npm:3.1.0"
+  checksum: d7f952ed004cbdb5c8bcfc4f7f5c3d65449e6c5a9e9be4505a656e3df5a57ee125f284286b4bf8ecea0c21a7b3bf2b8f9001ad506c319b9815ad6a63a47d0fd0
+  languageName: node
+  linkType: hard
+
 "loose-envify@npm:^1.1.0, loose-envify@npm:^1.4.0":
   version: 1.4.0
   resolution: "loose-envify@npm:1.4.0"
@@ -8054,106 +8702,608 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lru-cache@npm:^7.7.1":
-  version: 7.18.3
-  resolution: "lru-cache@npm:7.18.3"
-  checksum: e550d772384709deea3f141af34b6d4fa392e2e418c1498c078de0ee63670f1f46f5eee746e8ef7e69e1c895af0d4224e62ee33e66a543a14763b0f2e74c1356
+"lru-cache@npm:^7.7.1":
+  version: 7.18.3
+  resolution: "lru-cache@npm:7.18.3"
+  checksum: e550d772384709deea3f141af34b6d4fa392e2e418c1498c078de0ee63670f1f46f5eee746e8ef7e69e1c895af0d4224e62ee33e66a543a14763b0f2e74c1356
+  languageName: node
+  linkType: hard
+
+"magic-string@npm:^0.27.0":
+  version: 0.27.0
+  resolution: "magic-string@npm:0.27.0"
+  dependencies:
+    "@jridgewell/sourcemap-codec": ^1.4.13
+  checksum: 273faaa50baadb7a2df6e442eac34ad611304fc08fe16e24fe2e472fd944bfcb73ffb50d2dc972dc04e92784222002af46868cb9698b1be181c81830fd95a13e
+  languageName: node
+  linkType: hard
+
+"make-dir@npm:^3.0.0, make-dir@npm:^3.0.2":
+  version: 3.1.0
+  resolution: "make-dir@npm:3.1.0"
+  dependencies:
+    semver: ^6.0.0
+  checksum: 484200020ab5a1fdf12f393fe5f385fc8e4378824c940fba1729dcd198ae4ff24867bc7a5646331e50cead8abff5d9270c456314386e629acec6dff4b8016b78
+  languageName: node
+  linkType: hard
+
+"make-error@npm:^1.1.1":
+  version: 1.3.6
+  resolution: "make-error@npm:1.3.6"
+  checksum: b86e5e0e25f7f777b77fabd8e2cbf15737972869d852a22b7e73c17623928fccb826d8e46b9951501d3f20e51ad74ba8c59ed584f610526a48f8ccf88aaec402
+  languageName: node
+  linkType: hard
+
+"make-fetch-happen@npm:^10.0.3":
+  version: 10.2.1
+  resolution: "make-fetch-happen@npm:10.2.1"
+  dependencies:
+    agentkeepalive: ^4.2.1
+    cacache: ^16.1.0
+    http-cache-semantics: ^4.1.0
+    http-proxy-agent: ^5.0.0
+    https-proxy-agent: ^5.0.0
+    is-lambda: ^1.0.1
+    lru-cache: ^7.7.1
+    minipass: ^3.1.6
+    minipass-collect: ^1.0.2
+    minipass-fetch: ^2.0.3
+    minipass-flush: ^1.0.5
+    minipass-pipeline: ^1.2.4
+    negotiator: ^0.6.3
+    promise-retry: ^2.0.1
+    socks-proxy-agent: ^7.0.0
+    ssri: ^9.0.0
+  checksum: 2332eb9a8ec96f1ffeeea56ccefabcb4193693597b132cd110734d50f2928842e22b84cfa1508e921b8385cdfd06dda9ad68645fed62b50fff629a580f5fb72c
+  languageName: node
+  linkType: hard
+
+"map-obj@npm:^1.0.0":
+  version: 1.0.1
+  resolution: "map-obj@npm:1.0.1"
+  checksum: 9949e7baec2a336e63b8d4dc71018c117c3ce6e39d2451ccbfd3b8350c547c4f6af331a4cbe1c83193d7c6b786082b6256bde843db90cb7da2a21e8fcc28afed
+  languageName: node
+  linkType: hard
+
+"map-obj@npm:^4.0.0":
+  version: 4.3.0
+  resolution: "map-obj@npm:4.3.0"
+  checksum: fbc554934d1a27a1910e842bc87b177b1a556609dd803747c85ece420692380827c6ae94a95cce4407c054fa0964be3bf8226f7f2cb2e9eeee432c7c1985684e
+  languageName: node
+  linkType: hard
+
+"markdown-table@npm:^3.0.0":
+  version: 3.0.3
+  resolution: "markdown-table@npm:3.0.3"
+  checksum: 8fcd3d9018311120fbb97115987f8b1665a603f3134c93fbecc5d1463380c8036f789e2a62c19432058829e594fff8db9ff81c88f83690b2f8ed6c074f8d9e10
+  languageName: node
+  linkType: hard
+
+"mdast-util-definitions@npm:^5.0.0":
+  version: 5.1.2
+  resolution: "mdast-util-definitions@npm:5.1.2"
+  dependencies:
+    "@types/mdast": ^3.0.0
+    "@types/unist": ^2.0.0
+    unist-util-visit: ^4.0.0
+  checksum: 2544daccab744ea1ede76045c2577ae4f1cc1b9eb1ea51ab273fe1dca8db5a8d6f50f87759c0ce6484975914b144b7f40316f805cb9c86223a78db8de0b77bae
+  languageName: node
+  linkType: hard
+
+"mdast-util-find-and-replace@npm:^2.0.0":
+  version: 2.2.2
+  resolution: "mdast-util-find-and-replace@npm:2.2.2"
+  dependencies:
+    "@types/mdast": ^3.0.0
+    escape-string-regexp: ^5.0.0
+    unist-util-is: ^5.0.0
+    unist-util-visit-parents: ^5.0.0
+  checksum: b4ce463c43fe6e1c38a53a89703f755c84ab5437f49bff9a0ac751279733332ca11c85ed0262aa6c17481f77b555d26ca6d64e70d6814f5b8d12d34a3e53a60b
+  languageName: node
+  linkType: hard
+
+"mdast-util-from-markdown@npm:^1.0.0":
+  version: 1.3.0
+  resolution: "mdast-util-from-markdown@npm:1.3.0"
+  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
+  checksum: cc971d1ad381150f6504fd753fbcffcc64c0abb527540ce343625c2bba76104505262122ef63d14ab66eb47203f323267017c6d09abfa8535ee6a8e14069595f
+  languageName: node
+  linkType: hard
+
+"mdast-util-gfm-autolink-literal@npm:^1.0.0":
+  version: 1.0.3
+  resolution: "mdast-util-gfm-autolink-literal@npm:1.0.3"
+  dependencies:
+    "@types/mdast": ^3.0.0
+    ccount: ^2.0.0
+    mdast-util-find-and-replace: ^2.0.0
+    micromark-util-character: ^1.0.0
+  checksum: 1748a8727cfc533bac0c287d6e72d571d165bfa77ae0418be4828177a3ec73c02c3f2ee534d87eb75cbaffa00c0866853bbcc60ae2255babb8210f7636ec2ce2
+  languageName: node
+  linkType: hard
+
+"mdast-util-gfm-footnote@npm:^1.0.0":
+  version: 1.0.2
+  resolution: "mdast-util-gfm-footnote@npm:1.0.2"
+  dependencies:
+    "@types/mdast": ^3.0.0
+    mdast-util-to-markdown: ^1.3.0
+    micromark-util-normalize-identifier: ^1.0.0
+  checksum: 2d77505f9377ed7e14472ef5e6b8366c3fec2cf5f936bb36f9fbe5b97ccb7cce0464d9313c236fa86fb844206fd585db05707e4fcfb755e4fc1864194845f1f6
+  languageName: node
+  linkType: hard
+
+"mdast-util-gfm-strikethrough@npm:^1.0.0":
+  version: 1.0.3
+  resolution: "mdast-util-gfm-strikethrough@npm:1.0.3"
+  dependencies:
+    "@types/mdast": ^3.0.0
+    mdast-util-to-markdown: ^1.3.0
+  checksum: 17003340ff1bba643ec4a59fd4370fc6a32885cab2d9750a508afa7225ea71449fb05acaef60faa89c6378b8bcfbd86a9d94b05f3c6651ff27a60e3ddefc2549
+  languageName: node
+  linkType: hard
+
+"mdast-util-gfm-table@npm:^1.0.0":
+  version: 1.0.7
+  resolution: "mdast-util-gfm-table@npm:1.0.7"
+  dependencies:
+    "@types/mdast": ^3.0.0
+    markdown-table: ^3.0.0
+    mdast-util-from-markdown: ^1.0.0
+    mdast-util-to-markdown: ^1.3.0
+  checksum: 8b8c401bb4162e53f072a2dff8efbca880fd78d55af30601c791315ab6722cb2918176e8585792469a0c530cebb9df9b4e7fede75fdc4d83df2839e238836692
+  languageName: node
+  linkType: hard
+
+"mdast-util-gfm-task-list-item@npm:^1.0.0":
+  version: 1.0.2
+  resolution: "mdast-util-gfm-task-list-item@npm:1.0.2"
+  dependencies:
+    "@types/mdast": ^3.0.0
+    mdast-util-to-markdown: ^1.3.0
+  checksum: c9b86037d6953b84f11fb2fc3aa23d5b8e14ca0dfcb0eb2fb289200e172bb9d5647bfceb4f86606dc6d935e8d58f6a458c04d3e55e87ff8513c7d4ade976200b
+  languageName: node
+  linkType: hard
+
+"mdast-util-gfm@npm:^2.0.0":
+  version: 2.0.2
+  resolution: "mdast-util-gfm@npm:2.0.2"
+  dependencies:
+    mdast-util-from-markdown: ^1.0.0
+    mdast-util-gfm-autolink-literal: ^1.0.0
+    mdast-util-gfm-footnote: ^1.0.0
+    mdast-util-gfm-strikethrough: ^1.0.0
+    mdast-util-gfm-table: ^1.0.0
+    mdast-util-gfm-task-list-item: ^1.0.0
+    mdast-util-to-markdown: ^1.0.0
+  checksum: 7078cb985255208bcbce94a121906417d38353c6b1a9acbe56ee8888010d3500608b5d51c16b0999ac63ca58848fb13012d55f26930ff6c6f3450f053d56514e
+  languageName: node
+  linkType: hard
+
+"mdast-util-phrasing@npm:^3.0.0":
+  version: 3.0.1
+  resolution: "mdast-util-phrasing@npm:3.0.1"
+  dependencies:
+    "@types/mdast": ^3.0.0
+    unist-util-is: ^5.0.0
+  checksum: c5b616d9b1eb76a6b351d195d94318494722525a12a89d9c8a3b091af7db3dd1fc55d294f9d29266d8159a8267b0df4a7a133bda8a3909d5331c383e1e1ff328
+  languageName: node
+  linkType: hard
+
+"mdast-util-to-hast@npm:^12.1.0":
+  version: 12.3.0
+  resolution: "mdast-util-to-hast@npm:12.3.0"
+  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
+  checksum: ea40c9f07dd0b731754434e81c913590c611b1fd753fa02550a1492aadfc30fb3adecaf62345ebb03cea2ddd250c15ab6e578fffde69c19955c9b87b10f2a9bb
+  languageName: node
+  linkType: hard
+
+"mdast-util-to-markdown@npm:^1.0.0, mdast-util-to-markdown@npm:^1.3.0":
+  version: 1.5.0
+  resolution: "mdast-util-to-markdown@npm:1.5.0"
+  dependencies:
+    "@types/mdast": ^3.0.0
+    "@types/unist": ^2.0.0
+    longest-streak: ^3.0.0
+    mdast-util-phrasing: ^3.0.0
+    mdast-util-to-string: ^3.0.0
+    micromark-util-decode-string: ^1.0.0
+    unist-util-visit: ^4.0.0
+    zwitch: ^2.0.0
+  checksum: 64338eb33e49bb0aea417591fd986f72fdd39205052563bb7ce9eb9ecc160824509bfacd740086a05af355c6d5c36353aafe95cab9e6927d674478757cee6259
+  languageName: node
+  linkType: hard
+
+"mdast-util-to-string@npm:^3.0.0, mdast-util-to-string@npm:^3.1.0":
+  version: 3.2.0
+  resolution: "mdast-util-to-string@npm:3.2.0"
+  dependencies:
+    "@types/mdast": ^3.0.0
+  checksum: dc40b544d54339878ae2c9f2b3198c029e1e07291d2126bd00ca28272ee6616d0d2194eb1c9828a7c34d412a79a7e73b26512a734698d891c710a1e73db1e848
+  languageName: node
+  linkType: hard
+
+"meow@npm:^8.0.0":
+  version: 8.1.2
+  resolution: "meow@npm:8.1.2"
+  dependencies:
+    "@types/minimist": ^1.2.0
+    camelcase-keys: ^6.2.2
+    decamelize-keys: ^1.1.0
+    hard-rejection: ^2.1.0
+    minimist-options: 4.1.0
+    normalize-package-data: ^3.0.0
+    read-pkg-up: ^7.0.1
+    redent: ^3.0.0
+    trim-newlines: ^3.0.0
+    type-fest: ^0.18.0
+    yargs-parser: ^20.2.3
+  checksum: bc23bf1b4423ef6a821dff9734406bce4b91ea257e7f10a8b7f896f45b59649f07adc0926e2917eacd8cf1df9e4cd89c77623cf63dfd0f8bf54de07a32ee5a85
+  languageName: node
+  linkType: hard
+
+"merge-stream@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "merge-stream@npm:2.0.0"
+  checksum: 6fa4dcc8d86629705cea944a4b88ef4cb0e07656ebf223fa287443256414283dd25d91c1cd84c77987f2aec5927af1a9db6085757cb43d90eb170ebf4b47f4f4
+  languageName: node
+  linkType: hard
+
+"merge2@npm:^1.3.0, merge2@npm:^1.4.1":
+  version: 1.4.1
+  resolution: "merge2@npm:1.4.1"
+  checksum: 7268db63ed5169466540b6fb947aec313200bcf6d40c5ab722c22e242f651994619bcd85601602972d3c85bd2cc45a358a4c61937e9f11a061919a1da569b0c2
+  languageName: node
+  linkType: hard
+
+"micromark-core-commonmark@npm:^1.0.0, micromark-core-commonmark@npm:^1.0.1":
+  version: 1.0.6
+  resolution: "micromark-core-commonmark@npm:1.0.6"
+  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
+  checksum: 4b483c46077f696ed310f6d709bb9547434c218ceb5c1220fde1707175f6f68b44da15ab8668f9c801e1a123210071e3af883a7d1215122c913fd626f122bfc2
+  languageName: node
+  linkType: hard
+
+"micromark-extension-gfm-autolink-literal@npm:^1.0.0":
+  version: 1.0.3
+  resolution: "micromark-extension-gfm-autolink-literal@npm:1.0.3"
+  dependencies:
+    micromark-util-character: ^1.0.0
+    micromark-util-sanitize-uri: ^1.0.0
+    micromark-util-symbol: ^1.0.0
+    micromark-util-types: ^1.0.0
+    uvu: ^0.5.0
+  checksum: bb181972ac346ca73ca1ab0b80b80c9d6509ed149799d2217d5442670f499c38a94edff73d32fa52b390d89640974cfbd7f29e4ad7d599581d5e1cabcae636a2
+  languageName: node
+  linkType: hard
+
+"micromark-extension-gfm-footnote@npm:^1.0.0":
+  version: 1.1.0
+  resolution: "micromark-extension-gfm-footnote@npm:1.1.0"
+  dependencies:
+    micromark-core-commonmark: ^1.0.0
+    micromark-factory-space: ^1.0.0
+    micromark-util-character: ^1.0.0
+    micromark-util-normalize-identifier: ^1.0.0
+    micromark-util-sanitize-uri: ^1.0.0
+    micromark-util-symbol: ^1.0.0
+    micromark-util-types: ^1.0.0
+    uvu: ^0.5.0
+  checksum: 7a5408625ef2cca5cc18e6591c2522a8a409f466a6fbc0ed938950aafe5fc9bf1eada65e1a4dd4e36ec3e7b24920de1f4b3e2c365d8f5cd2d6ccb1f8c2377c49
+  languageName: node
+  linkType: hard
+
+"micromark-extension-gfm-strikethrough@npm:^1.0.0":
+  version: 1.0.5
+  resolution: "micromark-extension-gfm-strikethrough@npm:1.0.5"
+  dependencies:
+    micromark-util-chunked: ^1.0.0
+    micromark-util-classify-character: ^1.0.0
+    micromark-util-resolve-all: ^1.0.0
+    micromark-util-symbol: ^1.0.0
+    micromark-util-types: ^1.0.0
+    uvu: ^0.5.0
+  checksum: 548c0f257753d735c741533411957f04253da53db31e1f398dc5dc1de9f398c45586baad5223dce8f3b55f9433c255e6eb695fc3104256b8c332dd8737136882
+  languageName: node
+  linkType: hard
+
+"micromark-extension-gfm-table@npm:^1.0.0":
+  version: 1.0.5
+  resolution: "micromark-extension-gfm-table@npm:1.0.5"
+  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
+    uvu: ^0.5.0
+  checksum: f0aab3b4333cc24b1534b08dc4cce986dd606df8b7ed913e5a1de9fe2d3ae67b2435663c0bc271b528874af4928e580e1ad540ea9117d7f2d74edb28859c97ef
+  languageName: node
+  linkType: hard
+
+"micromark-extension-gfm-tagfilter@npm:^1.0.0":
+  version: 1.0.2
+  resolution: "micromark-extension-gfm-tagfilter@npm:1.0.2"
+  dependencies:
+    micromark-util-types: ^1.0.0
+  checksum: 7d2441df51f890c86f8e7cf7d331a570b69c8105fa1c2fc5b737cb739502c16c8ee01cf35550a8a78f89497c5dfacc97cf82d55de6274e8320f3aec25e2b0dd2
+  languageName: node
+  linkType: hard
+
+"micromark-extension-gfm-task-list-item@npm:^1.0.0":
+  version: 1.0.4
+  resolution: "micromark-extension-gfm-task-list-item@npm:1.0.4"
+  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
+    uvu: ^0.5.0
+  checksum: 2575bb47b320f2479d3cc2492ba7cf79d6baa9cd0200c0ed120fd0e318e64e8ebab4a93a056a3781cb5107193f3b36ebd2d86a5928308bef45fc121291f97eb5
+  languageName: node
+  linkType: hard
+
+"micromark-extension-gfm@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "micromark-extension-gfm@npm:2.0.1"
+  dependencies:
+    micromark-extension-gfm-autolink-literal: ^1.0.0
+    micromark-extension-gfm-footnote: ^1.0.0
+    micromark-extension-gfm-strikethrough: ^1.0.0
+    micromark-extension-gfm-table: ^1.0.0
+    micromark-extension-gfm-tagfilter: ^1.0.0
+    micromark-extension-gfm-task-list-item: ^1.0.0
+    micromark-util-combine-extensions: ^1.0.0
+    micromark-util-types: ^1.0.0
+  checksum: b181479c87be38d5ae8d28e6dc52fab73c894fd2706876746f27a91fb186644ce03532a9c35dca2186327a0e2285cd5242ad0361dc89adedd4a50376ffd94e22
+  languageName: node
+  linkType: hard
+
+"micromark-factory-destination@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "micromark-factory-destination@npm:1.0.0"
+  dependencies:
+    micromark-util-character: ^1.0.0
+    micromark-util-symbol: ^1.0.0
+    micromark-util-types: ^1.0.0
+  checksum: 8e733ae9c1c2342f14ff290bf09946e20f6f540117d80342377a765cac48df2ea5e748f33c8b07501ad7a43414b1a6597c8510ede2052b6bf1251fab89748e20
+  languageName: node
+  linkType: hard
+
+"micromark-factory-label@npm:^1.0.0":
+  version: 1.0.2
+  resolution: "micromark-factory-label@npm:1.0.2"
+  dependencies:
+    micromark-util-character: ^1.0.0
+    micromark-util-symbol: ^1.0.0
+    micromark-util-types: ^1.0.0
+    uvu: ^0.5.0
+  checksum: 957e9366bdc8dbc1437c0706ff96972fa985ab4b1274abcae12f6094f527cbf5c69e7f2304c23c7f4b96e311ff7911d226563b8b43dcfcd4091e8c985fb97ce6
+  languageName: node
+  linkType: hard
+
+"micromark-factory-space@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "micromark-factory-space@npm:1.0.0"
+  dependencies:
+    micromark-util-character: ^1.0.0
+    micromark-util-types: ^1.0.0
+  checksum: 70d3aafde4e68ef4e509a3b644e9a29e4aada00801279e346577b008cbca06d78051bcd62aa7ea7425856ed73f09abd2b36607803055f726f52607ee7cb706b0
+  languageName: node
+  linkType: hard
+
+"micromark-factory-title@npm:^1.0.0":
+  version: 1.0.2
+  resolution: "micromark-factory-title@npm:1.0.2"
+  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
+    uvu: ^0.5.0
+  checksum: 9a9cf66babde0bad1e25d6c1087082bfde6dfc319a36cab67c89651cc1a53d0e21cdec83262b5a4c33bff49f0e3c8dc2a7bd464e991d40dbea166a8f9b37e5b2
+  languageName: node
+  linkType: hard
+
+"micromark-factory-whitespace@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "micromark-factory-whitespace@npm:1.0.0"
+  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
+  checksum: 0888386e6ea2dd665a5182c570d9b3d0a172d3f11694ca5a2a84e552149c9f1429f5b975ec26e1f0fa4388c55a656c9f359ce5e0603aff6175ba3e255076f20b
+  languageName: node
+  linkType: hard
+
+"micromark-util-character@npm:^1.0.0":
+  version: 1.1.0
+  resolution: "micromark-util-character@npm:1.1.0"
+  dependencies:
+    micromark-util-symbol: ^1.0.0
+    micromark-util-types: ^1.0.0
+  checksum: 504a4e3321f69bddf3fec9f0c1058239fc23336bda5be31d532b150491eda47965a251b37f8a7a9db0c65933b3aaa49cf88044fb1028be3af7c5ee6212bf8d5f
+  languageName: node
+  linkType: hard
+
+"micromark-util-chunked@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "micromark-util-chunked@npm:1.0.0"
+  dependencies:
+    micromark-util-symbol: ^1.0.0
+  checksum: c1efd56e8c4217bcf1c6f1a9fb9912b4a2a5503b00d031da902be922fb3fee60409ac53f11739991291357b2784fb0647ddfc74c94753a068646c0cb0fd71421
+  languageName: node
+  linkType: hard
+
+"micromark-util-classify-character@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "micromark-util-classify-character@npm:1.0.0"
+  dependencies:
+    micromark-util-character: ^1.0.0
+    micromark-util-symbol: ^1.0.0
+    micromark-util-types: ^1.0.0
+  checksum: 180446e6a1dec653f625ded028f244784e1db8d10ad05c5d70f08af9de393b4a03dc6cf6fa5ed8ccc9c24bbece7837abf3bf66681c0b4adf159364b7d5236dfd
+  languageName: node
+  linkType: hard
+
+"micromark-util-combine-extensions@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "micromark-util-combine-extensions@npm:1.0.0"
+  dependencies:
+    micromark-util-chunked: ^1.0.0
+    micromark-util-types: ^1.0.0
+  checksum: 5304a820ef75340e1be69d6ad167055b6ba9a3bafe8171e5945a935752f462415a9dd61eb3490220c055a8a11167209a45bfa73f278338b7d3d61fa1464d3f35
+  languageName: node
+  linkType: hard
+
+"micromark-util-decode-numeric-character-reference@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "micromark-util-decode-numeric-character-reference@npm:1.0.0"
+  dependencies:
+    micromark-util-symbol: ^1.0.0
+  checksum: f3ae2bb582a80f1e9d3face026f585c0c472335c064bd850bde152376f0394cb2831746749b6be6e0160f7d73626f67d10716026c04c87f402c0dd45a1a28633
   languageName: node
   linkType: hard
 
-"magic-string@npm:^0.27.0":
-  version: 0.27.0
-  resolution: "magic-string@npm:0.27.0"
+"micromark-util-decode-string@npm:^1.0.0":
+  version: 1.0.2
+  resolution: "micromark-util-decode-string@npm:1.0.2"
   dependencies:
-    "@jridgewell/sourcemap-codec": ^1.4.13
-  checksum: 273faaa50baadb7a2df6e442eac34ad611304fc08fe16e24fe2e472fd944bfcb73ffb50d2dc972dc04e92784222002af46868cb9698b1be181c81830fd95a13e
+    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
+  checksum: 2dbb41c9691cc71505d39706405139fb7d6699429d577a524c7c248ac0cfd09d3dd212ad8e91c143a00b2896f26f81136edc67c5bda32d20446f0834d261b17a
   languageName: node
   linkType: hard
 
-"make-dir@npm:^3.0.0, make-dir@npm:^3.0.2":
-  version: 3.1.0
-  resolution: "make-dir@npm:3.1.0"
-  dependencies:
-    semver: ^6.0.0
-  checksum: 484200020ab5a1fdf12f393fe5f385fc8e4378824c940fba1729dcd198ae4ff24867bc7a5646331e50cead8abff5d9270c456314386e629acec6dff4b8016b78
+"micromark-util-encode@npm:^1.0.0":
+  version: 1.0.1
+  resolution: "micromark-util-encode@npm:1.0.1"
+  checksum: 9290583abfdc79ea3e7eb92c012c47a0e14327888f8aaa6f57ff79b3058d8e7743716b9d91abca3646f15ab3d78fdad9779fdb4ccf13349cd53309dfc845253a
   languageName: node
   linkType: hard
 
-"make-error@npm:^1.1.1":
-  version: 1.3.6
-  resolution: "make-error@npm:1.3.6"
-  checksum: b86e5e0e25f7f777b77fabd8e2cbf15737972869d852a22b7e73c17623928fccb826d8e46b9951501d3f20e51ad74ba8c59ed584f610526a48f8ccf88aaec402
+"micromark-util-html-tag-name@npm:^1.0.0":
+  version: 1.1.0
+  resolution: "micromark-util-html-tag-name@npm:1.1.0"
+  checksum: a9b783cec89ec813648d59799464c1950fe281ae797b2a965f98ad0167d7fa1a247718eff023b4c015f47211a172f9446b8e6b98aad50e3cd44a3337317dad2c
   languageName: node
   linkType: hard
 
-"make-fetch-happen@npm:^10.0.3":
-  version: 10.2.1
-  resolution: "make-fetch-happen@npm:10.2.1"
+"micromark-util-normalize-identifier@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "micromark-util-normalize-identifier@npm:1.0.0"
   dependencies:
-    agentkeepalive: ^4.2.1
-    cacache: ^16.1.0
-    http-cache-semantics: ^4.1.0
-    http-proxy-agent: ^5.0.0
-    https-proxy-agent: ^5.0.0
-    is-lambda: ^1.0.1
-    lru-cache: ^7.7.1
-    minipass: ^3.1.6
-    minipass-collect: ^1.0.2
-    minipass-fetch: ^2.0.3
-    minipass-flush: ^1.0.5
-    minipass-pipeline: ^1.2.4
-    negotiator: ^0.6.3
-    promise-retry: ^2.0.1
-    socks-proxy-agent: ^7.0.0
-    ssri: ^9.0.0
-  checksum: 2332eb9a8ec96f1ffeeea56ccefabcb4193693597b132cd110734d50f2928842e22b84cfa1508e921b8385cdfd06dda9ad68645fed62b50fff629a580f5fb72c
+    micromark-util-symbol: ^1.0.0
+  checksum: d7c09d5e8318fb72f194af72664bd84a48a2928e3550b2b21c8fbc0ec22524f2a72e0f6663d2b95dc189a6957d3d7759b60716e888909710767cd557be821f8b
   languageName: node
   linkType: hard
 
-"map-obj@npm:^1.0.0":
-  version: 1.0.1
-  resolution: "map-obj@npm:1.0.1"
-  checksum: 9949e7baec2a336e63b8d4dc71018c117c3ce6e39d2451ccbfd3b8350c547c4f6af331a4cbe1c83193d7c6b786082b6256bde843db90cb7da2a21e8fcc28afed
+"micromark-util-resolve-all@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "micromark-util-resolve-all@npm:1.0.0"
+  dependencies:
+    micromark-util-types: ^1.0.0
+  checksum: 409667f2bd126ef8acce009270d2aecaaa5584c5807672bc657b09e50aa91bd2e552cf41e5be1e6469244a83349cbb71daf6059b746b1c44e3f35446fef63e50
   languageName: node
   linkType: hard
 
-"map-obj@npm:^4.0.0":
-  version: 4.3.0
-  resolution: "map-obj@npm:4.3.0"
-  checksum: fbc554934d1a27a1910e842bc87b177b1a556609dd803747c85ece420692380827c6ae94a95cce4407c054fa0964be3bf8226f7f2cb2e9eeee432c7c1985684e
+"micromark-util-sanitize-uri@npm:^1.0.0, micromark-util-sanitize-uri@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "micromark-util-sanitize-uri@npm:1.1.0"
+  dependencies:
+    micromark-util-character: ^1.0.0
+    micromark-util-encode: ^1.0.0
+    micromark-util-symbol: ^1.0.0
+  checksum: fe6093faa0adeb8fad606184d927ce37f207dcc2ec7256438e7f273c8829686245dd6161b597913ef25a3c4fb61863d3612a40cb04cf15f83ba1b4087099996b
   languageName: node
   linkType: hard
 
-"meow@npm:^8.0.0":
-  version: 8.1.2
-  resolution: "meow@npm:8.1.2"
+"micromark-util-subtokenize@npm:^1.0.0":
+  version: 1.0.2
+  resolution: "micromark-util-subtokenize@npm:1.0.2"
   dependencies:
-    "@types/minimist": ^1.2.0
-    camelcase-keys: ^6.2.2
-    decamelize-keys: ^1.1.0
-    hard-rejection: ^2.1.0
-    minimist-options: 4.1.0
-    normalize-package-data: ^3.0.0
-    read-pkg-up: ^7.0.1
-    redent: ^3.0.0
-    trim-newlines: ^3.0.0
-    type-fest: ^0.18.0
-    yargs-parser: ^20.2.3
-  checksum: bc23bf1b4423ef6a821dff9734406bce4b91ea257e7f10a8b7f896f45b59649f07adc0926e2917eacd8cf1df9e4cd89c77623cf63dfd0f8bf54de07a32ee5a85
+    micromark-util-chunked: ^1.0.0
+    micromark-util-symbol: ^1.0.0
+    micromark-util-types: ^1.0.0
+    uvu: ^0.5.0
+  checksum: c32ee58a7e1384ab1161a9ee02fbb04ad7b6e96d0b8c93dba9803c329a53d07f22ab394c7a96b2e30d6b8fbe3585b85817dba07277b1317111fc234e166bd2d1
   languageName: node
   linkType: hard
 
-"merge-stream@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "merge-stream@npm:2.0.0"
-  checksum: 6fa4dcc8d86629705cea944a4b88ef4cb0e07656ebf223fa287443256414283dd25d91c1cd84c77987f2aec5927af1a9db6085757cb43d90eb170ebf4b47f4f4
+"micromark-util-symbol@npm:^1.0.0":
+  version: 1.0.1
+  resolution: "micromark-util-symbol@npm:1.0.1"
+  checksum: c6a3023b3a7432c15864b5e33a1bcb5042ac7aa097f2f452e587bef45433d42d39e0a5cce12fbea91e0671098ba0c3f62a2b30ce1cde66ecbb5e8336acf4391d
   languageName: node
   linkType: hard
 
-"merge2@npm:^1.3.0, merge2@npm:^1.4.1":
-  version: 1.4.1
-  resolution: "merge2@npm:1.4.1"
-  checksum: 7268db63ed5169466540b6fb947aec313200bcf6d40c5ab722c22e242f651994619bcd85601602972d3c85bd2cc45a358a4c61937e9f11a061919a1da569b0c2
+"micromark-util-types@npm:^1.0.0, micromark-util-types@npm:^1.0.1":
+  version: 1.0.2
+  resolution: "micromark-util-types@npm:1.0.2"
+  checksum: 08dc901b7c06ee3dfeb54befca05cbdab9525c1cf1c1080967c3878c9e72cb9856c7e8ff6112816e18ead36ce6f99d55aaa91560768f2f6417b415dcba1244df
+  languageName: node
+  linkType: hard
+
+"micromark@npm:^3.0.0":
+  version: 3.1.0
+  resolution: "micromark@npm:3.1.0"
+  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
+  checksum: 5fe5bc3bf92e2ddd37b5f0034080fc3a4d4b3c1130dd5e435bb96ec75e9453091272852e71a4d74906a8fcf992d6f79d794607657c534bda49941e9950a92e28
   languageName: node
   linkType: hard
 
@@ -8294,9 +9444,9 @@ __metadata:
   linkType: hard
 
 "minipass@npm:^4.0.0":
-  version: 4.2.5
-  resolution: "minipass@npm:4.2.5"
-  checksum: 4f9c19af23a5d4a9e7156feefc9110634b178a8cff8f8271af16ec5ebf7e221725a97429952c856f5b17b30c2065ebd24c81722d90c93d2122611d75b952b48f
+  version: 4.2.8
+  resolution: "minipass@npm:4.2.8"
+  checksum: 7f4914d5295a9a30807cae5227a37a926e6d910c03f315930fde52332cf0575dfbc20295318f91f0baf0e6bb11a6f668e30cde8027dea7a11b9d159867a3c830
   languageName: node
   linkType: hard
 
@@ -8353,7 +9503,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mri@npm:^1.1.5":
+"mri@npm:^1.1.0, mri@npm:^1.1.5":
   version: 1.2.0
   resolution: "mri@npm:1.2.0"
   checksum: 83f515abbcff60150873e424894a2f65d68037e5a7fcde8a9e2b285ee9c13ac581b63cfc1e6826c4732de3aeb84902f7c1e16b7aff46cd3f897a0f757a894e85
@@ -8394,15 +9544,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"nanoid@npm:^3.3.4":
-  version: 3.3.4
-  resolution: "nanoid@npm:3.3.4"
-  bin:
-    nanoid: bin/nanoid.cjs
-  checksum: 2fddd6dee994b7676f008d3ffa4ab16035a754f4bb586c61df5a22cf8c8c94017aadd360368f47d653829e0569a92b129979152ff97af23a558331e47e37cd9c
-  languageName: node
-  linkType: hard
-
 "nanoid@npm:^3.3.6":
   version: 3.3.6
   resolution: "nanoid@npm:3.3.6"
@@ -9052,7 +10193,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss@npm:^8.3.11":
+"postcss@npm:^8.3.11, postcss@npm:^8.4.23":
   version: 8.4.23
   resolution: "postcss@npm:8.4.23"
   dependencies:
@@ -9063,17 +10204,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss@npm:^8.4.21":
-  version: 8.4.21
-  resolution: "postcss@npm:8.4.21"
-  dependencies:
-    nanoid: ^3.3.4
-    picocolors: ^1.0.0
-    source-map-js: ^1.0.2
-  checksum: e39ac60ccd1542d4f9d93d894048aac0d686b3bb38e927d8386005718e6793dbbb46930f0a523fe382f1bbd843c6d980aaea791252bf5e176180e5a4336d9679
-  languageName: node
-  linkType: hard
-
 "postgres-array@npm:^3.0.1":
   version: 3.0.2
   resolution: "postgres-array@npm:3.0.2"
@@ -9178,6 +10308,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"prism-react-renderer@npm:^2.0.3":
+  version: 2.0.3
+  resolution: "prism-react-renderer@npm:2.0.3"
+  dependencies:
+    "@types/prismjs": ^1.26.0
+    clsx: ^1.2.1
+  peerDependencies:
+    react: ">=16.0.0"
+  checksum: 9a981671f1f9d8ebab8d378b34f640433e27af4b495d7063121e00adc2ba54471262fdf1cff1e3f4992b805187f6c129607538b63aa6111fbfb823a62f727d05
+  languageName: node
+  linkType: hard
+
 "process-on-spawn@npm:^1.0.0":
   version: 1.0.0
   resolution: "process-on-spawn@npm:1.0.0"
@@ -9211,7 +10353,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prop-types@npm:^15.5.6, prop-types@npm:^15.6.0, prop-types@npm:^15.6.2, prop-types@npm:^15.7.2, prop-types@npm:^15.8.1":
+"prop-types@npm:^15.0.0, prop-types@npm:^15.5.6, prop-types@npm:^15.6.0, prop-types@npm:^15.6.2, prop-types@npm:^15.7.2, prop-types@npm:^15.8.1":
   version: 15.8.1
   resolution: "prop-types@npm:15.8.1"
   dependencies:
@@ -9222,6 +10364,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"property-information@npm:^6.0.0":
+  version: 6.2.0
+  resolution: "property-information@npm:6.2.0"
+  checksum: 23afce07ba821cbe7d926e63cdd680991961c82be4bbb6c0b17c47f48894359c1be6e51cd74485fc10a9d3fd361b475388e1e39311ed2b53127718f72aab1955
+  languageName: node
+  linkType: hard
+
 "proxy-addr@npm:^2.0.7":
   version: 2.0.7
   resolution: "proxy-addr@npm:2.0.7"
@@ -9476,13 +10625,46 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-is@npm:^18.2.0":
+"react-is@npm:^18.0.0, react-is@npm:^18.2.0":
   version: 18.2.0
   resolution: "react-is@npm:18.2.0"
   checksum: e72d0ba81b5922759e4aff17e0252bd29988f9642ed817f56b25a3e217e13eea8a7f2322af99a06edb779da12d5d636e9fda473d620df9a3da0df2a74141d53e
   languageName: node
   linkType: hard
 
+"react-markdown@npm:8.0.7":
+  version: 8.0.7
+  resolution: "react-markdown@npm:8.0.7"
+  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
+  peerDependencies:
+    "@types/react": ">=16"
+    react: ">=16"
+  checksum: 0f3e570975134a3382c3fe5189e04e742ae154941463bdfaab2293319da1f1585cb9b75b6f07d99f514c4d728d69cc1af3c96ab37df90003b3bcc210dd0001ba
+  languageName: node
+  linkType: hard
+
+"react-mde@npm:12.0.8":
+  version: 12.0.8
+  resolution: "react-mde@npm:12.0.8"
+  checksum: d77197bcb7815c00a9e27424fc6fcf7cd9118d7ea9cad863836813e34ff5a54e076edd7122ffed10d1a45caeafe788c72ddd33efd27ea42300a3fb46b471519b
+  languageName: node
+  linkType: hard
+
 "react-quill@npm:2.0.0-beta.4":
   version: 2.0.0-beta.4
   resolution: "react-quill@npm:2.0.0-beta.4"
@@ -9518,6 +10700,30 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-router-dom@npm:^6.10.0":
+  version: 6.10.0
+  resolution: "react-router-dom@npm:6.10.0"
+  dependencies:
+    "@remix-run/router": 1.5.0
+    react-router: 6.10.0
+  peerDependencies:
+    react: ">=16.8"
+    react-dom: ">=16.8"
+  checksum: d048d8cc66e5aec782bd675097d6bf0e5f867f3f0539bff9acdc4a314b5e0e34093944762960ca0977a54c6255272edd262231242b18c4e260d68df6b5288464
+  languageName: node
+  linkType: hard
+
+"react-router@npm:6.10.0":
+  version: 6.10.0
+  resolution: "react-router@npm:6.10.0"
+  dependencies:
+    "@remix-run/router": 1.5.0
+  peerDependencies:
+    react: ">=16.8"
+  checksum: c9fce46147c04257d7d6fa1f5bbfac96c5fdd0b15f26918bd12b2e5fe9143977c5a4452272f9b85795a22e29ec105a60d0bbe036118efc52b383d163cd8829ab
+  languageName: node
+  linkType: hard
+
 "react-text-mask@npm:5.4.3":
   version: 5.4.3
   resolution: "react-text-mask@npm:5.4.3"
@@ -9650,14 +10856,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"regexp.prototype.flags@npm:^1.2.0, regexp.prototype.flags@npm:^1.4.3":
-  version: 1.4.3
-  resolution: "regexp.prototype.flags@npm:1.4.3"
+"regexp.prototype.flags@npm:^1.2.0, regexp.prototype.flags@npm:^1.4.3, regexp.prototype.flags@npm:^1.5.0":
+  version: 1.5.0
+  resolution: "regexp.prototype.flags@npm:1.5.0"
   dependencies:
     call-bind: ^1.0.2
-    define-properties: ^1.1.3
-    functions-have-names: ^1.2.2
-  checksum: 51228bae732592adb3ededd5e15426be25f289e9c4ef15212f4da73f4ec3919b6140806374b8894036a86020d054a8d2657d3fee6bb9b4d35d8939c20030b7a6
+    define-properties: ^1.2.0
+    functions-have-names: ^1.2.3
+  checksum: c541687cdbdfff1b9a07f6e44879f82c66bbf07665f9a7544c5fd16acdb3ec8d1436caab01662d2fbcad403f3499d49ab0b77fbc7ef29ef961d98cc4bc9755b4
   languageName: node
   linkType: hard
 
@@ -9695,6 +10901,52 @@ __metadata:
   languageName: node
   linkType: hard
 
+"remark-breaks@npm:^3.0.2":
+  version: 3.0.2
+  resolution: "remark-breaks@npm:3.0.2"
+  dependencies:
+    "@types/mdast": ^3.0.0
+    unified: ^10.0.0
+    unist-util-visit: ^4.0.0
+  checksum: 5f46b18818f8a77e4fbc607c99736eedbe1f8cbad3d7390ce8359f08e3b749de8778ec8812287a41f51ffef2524b0be0dd623fcdbcda5de7f13f9902851f80b3
+  languageName: node
+  linkType: hard
+
+"remark-gfm@npm:^3.0.1":
+  version: 3.0.1
+  resolution: "remark-gfm@npm:3.0.1"
+  dependencies:
+    "@types/mdast": ^3.0.0
+    mdast-util-gfm: ^2.0.0
+    micromark-extension-gfm: ^2.0.0
+    unified: ^10.0.0
+  checksum: 02254f74d67b3419c2c9cf62d799ec35f6c6cd74db25c001361751991552a7ce86049a972107bff8122d85d15ae4a8d1a0618f3bc01a7df837af021ae9b2a04e
+  languageName: node
+  linkType: hard
+
+"remark-parse@npm:^10.0.0":
+  version: 10.0.1
+  resolution: "remark-parse@npm:10.0.1"
+  dependencies:
+    "@types/mdast": ^3.0.0
+    mdast-util-from-markdown: ^1.0.0
+    unified: ^10.0.0
+  checksum: 505088e564ab53ff054433368adbb7b551f69240c7d9768975529837a86f1d0f085e72d6211929c5c42db315273df4afc94f3d3a8662ffdb69468534c6643d29
+  languageName: node
+  linkType: hard
+
+"remark-rehype@npm:^10.0.0":
+  version: 10.1.0
+  resolution: "remark-rehype@npm:10.1.0"
+  dependencies:
+    "@types/hast": ^2.0.0
+    "@types/mdast": ^3.0.0
+    mdast-util-to-hast: ^12.1.0
+    unified: ^10.0.0
+  checksum: b9ac8acff3383b204dfdc2599d0bdf86e6ca7e837033209584af2e6aaa6a9013e519a379afa3201299798cab7298c8f4b388de118c312c67234c133318aec084
+  languageName: node
+  linkType: hard
+
 "remove-accents@npm:0.4.2":
   version: 0.4.2
   resolution: "remove-accents@npm:0.4.2"
@@ -9756,15 +11008,15 @@ __metadata:
   linkType: hard
 
 "resolve@npm:^1.10.0, resolve@npm:^1.14.2, resolve@npm:^1.19.0, resolve@npm:^1.22.1":
-  version: 1.22.1
-  resolution: "resolve@npm:1.22.1"
+  version: 1.22.3
+  resolution: "resolve@npm:1.22.3"
   dependencies:
-    is-core-module: ^2.9.0
+    is-core-module: ^2.12.0
     path-parse: ^1.0.7
     supports-preserve-symlinks-flag: ^1.0.0
   bin:
     resolve: bin/resolve
-  checksum: 07af5fc1e81aa1d866cbc9e9460fbb67318a10fa3c4deadc35c3ad8a898ee9a71a86a65e4755ac3195e0ea0cfbe201eb323ebe655ce90526fd61917313a34e4e
+  checksum: fb834b81348428cb545ff1b828a72ea28feb5a97c026a1cf40aa1008352c72811ff4d4e71f2035273dc536dcfcae20c13604ba6283c612d70fa0b6e44519c374
   languageName: node
   linkType: hard
 
@@ -9782,15 +11034,15 @@ __metadata:
   linkType: hard
 
 "resolve@patch:resolve@^1.10.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.14.2#~builtin<compat/resolve>, resolve@patch:resolve@^1.19.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.22.1#~builtin<compat/resolve>":
-  version: 1.22.1
-  resolution: "resolve@patch:resolve@npm%3A1.22.1#~builtin<compat/resolve>::version=1.22.1&hash=c3c19d"
+  version: 1.22.3
+  resolution: "resolve@patch:resolve@npm%3A1.22.3#~builtin<compat/resolve>::version=1.22.3&hash=c3c19d"
   dependencies:
-    is-core-module: ^2.9.0
+    is-core-module: ^2.12.0
     path-parse: ^1.0.7
     supports-preserve-symlinks-flag: ^1.0.0
   bin:
     resolve: bin/resolve
-  checksum: 5656f4d0bedcf8eb52685c1abdf8fbe73a1603bb1160a24d716e27a57f6cecbe2432ff9c89c2bd57542c3a7b9d14b1882b73bfe2e9d7849c9a4c0b8b39f02b8b
+  checksum: ad59734723b596d0891321c951592ed9015a77ce84907f89c9d9307dd0c06e11a67906a3e628c4cae143d3e44898603478af0ddeb2bba3f229a9373efe342665
   languageName: node
   linkType: hard
 
@@ -9879,9 +11131,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"rollup@npm:^3.18.0":
-  version: 3.20.0
-  resolution: "rollup@npm:3.20.0"
+"rollup@npm:^3.21.0":
+  version: 3.21.0
+  resolution: "rollup@npm:3.21.0"
   dependencies:
     fsevents: ~2.3.2
   dependenciesMeta:
@@ -9889,7 +11141,7 @@ __metadata:
       optional: true
   bin:
     rollup: dist/bin/rollup
-  checksum: ebf75f48eb81234f8233b4ed145b00841cefba26802d4f069f161247ffba085ca5bb165cc3cd662d9c36cfc135a67660dfff9088d3da2d2c6a70addc15f3233a
+  checksum: f3294d712147c0975c59ff81b3010dc08d07743cdad72fbe12879044b3e467139b3c2aeec85768656c4f7ec6a7b3d19354a78fc2050044bf8e90a499e145e31e
   languageName: node
   linkType: hard
 
@@ -9910,11 +11162,20 @@ __metadata:
   linkType: hard
 
 "rxjs@npm:^7.0.0, rxjs@npm:^7.5.1":
-  version: 7.8.0
-  resolution: "rxjs@npm:7.8.0"
+  version: 7.8.1
+  resolution: "rxjs@npm:7.8.1"
   dependencies:
     tslib: ^2.1.0
-  checksum: 61b4d4fd323c1043d8d6ceb91f24183b28bcf5def4f01ca111511d5c6b66755bc5578587fe714ef5d67cf4c9f2e26f4490d4e1d8cabf9bd5967687835e9866a2
+  checksum: de4b53db1063e618ec2eca0f7965d9137cabe98cf6be9272efe6c86b47c17b987383df8574861bcced18ebd590764125a901d5506082be84a8b8e364bf05f119
+  languageName: node
+  linkType: hard
+
+"sade@npm:^1.7.3":
+  version: 1.8.1
+  resolution: "sade@npm:1.8.1"
+  dependencies:
+    mri: ^1.1.0
+  checksum: 0756e5b04c51ccdc8221ebffd1548d0ce5a783a44a0fa9017a026659b97d632913e78f7dca59f2496aa996a0be0b0c322afd87ca72ccd909406f49dbffa0f45d
   languageName: node
   linkType: hard
 
@@ -10026,7 +11287,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"semver@npm:7.3.8, semver@npm:^7.3.2, semver@npm:^7.3.4, semver@npm:^7.3.5, semver@npm:^7.3.7":
+"semver@npm:7.3.8":
   version: 7.3.8
   resolution: "semver@npm:7.3.8"
   dependencies:
@@ -10046,6 +11307,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"semver@npm:^7.3.2, semver@npm:^7.3.4, semver@npm:^7.3.5, semver@npm:^7.3.7":
+  version: 7.5.0
+  resolution: "semver@npm:7.5.0"
+  dependencies:
+    lru-cache: ^6.0.0
+  bin:
+    semver: bin/semver.js
+  checksum: 2d266937756689a76f124ffb4c1ea3e1bbb2b263219f90ada8a11aebebe1280b13bb76cca2ca96bdee3dbc554cbc0b24752eb895b2a51577aa644427e9229f2b
+  languageName: node
+  linkType: hard
+
 "serialize-error@npm:^8.0.0":
   version: 8.1.0
   resolution: "serialize-error@npm:8.1.0"
@@ -10093,9 +11365,9 @@ __metadata:
   linkType: hard
 
 "shell-quote@npm:^1.7.3":
-  version: 1.8.0
-  resolution: "shell-quote@npm:1.8.0"
-  checksum: 6ef7c5e308b9c77eedded882653a132214fa98b4a1512bb507588cf6cd2fc78bfee73e945d0c3211af028a1eabe09c6a19b96edd8977dc149810797e93809749
+  version: 1.8.1
+  resolution: "shell-quote@npm:1.8.1"
+  checksum: 5f01201f4ef504d4c6a9d0d283fa17075f6770bfbe4c5850b074974c68062f37929ca61700d95ad2ac8822e14e8c4b990ca0e6e9272e64befd74ce5e19f0736b
   languageName: node
   linkType: hard
 
@@ -10266,6 +11538,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"space-separated-tokens@npm:^2.0.0":
+  version: 2.0.2
+  resolution: "space-separated-tokens@npm:2.0.2"
+  checksum: 202e97d7ca1ba0758a0aa4fe226ff98142073bcceeff2da3aad037968878552c3bbce3b3231970025375bbba5aee00c5b8206eda408da837ab2dc9c0f26be990
+  languageName: node
+  linkType: hard
+
 "spawn-command@npm:^0.0.2-1":
   version: 0.0.2
   resolution: "spawn-command@npm:0.0.2"
@@ -10331,9 +11610,9 @@ __metadata:
   linkType: hard
 
 "split2@npm:^4.1.0":
-  version: 4.1.0
-  resolution: "split2@npm:4.1.0"
-  checksum: ec581597cb74c13cdfb5e2047543dd40cb1e8e9803c7b1e0c29ede05f2b4f049b2d6e7f2788a225d544549375719658b8f38e9366364dec35dc7a12edfda5ee5
+  version: 4.2.0
+  resolution: "split2@npm:4.2.0"
+  checksum: 05d54102546549fe4d2455900699056580cca006c0275c334611420f854da30ac999230857a85fdd9914dc2109ae50f80fda43d2a445f2aa86eccdc1dfce779d
   languageName: node
   linkType: hard
 
@@ -10519,6 +11798,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"style-mod@npm:^4.0.0":
+  version: 4.0.3
+  resolution: "style-mod@npm:4.0.3"
+  checksum: 934556e720bd29026ff8fef43a1a35b58957813025b91f996d886e9405acf934ddb1934def4400b174bd7784c9263eb9c71f07ae83925af9271b7d921d546854
+  languageName: node
+  linkType: hard
+
+"style-to-object@npm:^0.4.0":
+  version: 0.4.1
+  resolution: "style-to-object@npm:0.4.1"
+  dependencies:
+    inline-style-parser: 0.1.1
+  checksum: 2ea213e98eed21764ae1d1dc9359231a9f2d480d6ba55344c4c15eb275f0809f1845786e66d4caf62414a5cc8f112ce9425a58d251c77224060373e0db48f8c2
+  languageName: node
+  linkType: hard
+
 "stylis@npm:4.1.3":
   version: 4.1.3
   resolution: "stylis@npm:4.1.3"
@@ -10527,11 +11822,11 @@ __metadata:
   linkType: hard
 
 "superjson@npm:^1.10.0":
-  version: 1.12.2
-  resolution: "superjson@npm:1.12.2"
+  version: 1.12.3
+  resolution: "superjson@npm:1.12.3"
   dependencies:
     copy-anything: ^3.0.2
-  checksum: cf7735e172811ed87476a7c2f1bb0e83725a0e3c2d7a50a71303a973060b3c710288767fb767a7a7eee8e5625d3ccaee1176a93e27f43841627512c15c4cdf84
+  checksum: 3549cc1d03e93745632d8114f91ed1668d81a0cf4c618f8f89a1b06f426a9cd1a2879f0e79469a6a193fd19dcea9a8fecff6215d12527b98c40c67cd98f185d3
   languageName: node
   linkType: hard
 
@@ -10569,7 +11864,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"synckit@npm:^0.8.4":
+"synckit@npm:^0.8.5":
   version: 0.8.5
   resolution: "synckit@npm:0.8.5"
   dependencies:
@@ -10742,6 +12037,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"trim-lines@npm:^3.0.0":
+  version: 3.0.1
+  resolution: "trim-lines@npm:3.0.1"
+  checksum: e241da104682a0e0d807222cc1496b92e716af4db7a002f4aeff33ae6a0024fef93165d49eab11aa07c71e1347c42d46563f91dfaa4d3fb945aa535cdead53ed
+  languageName: node
+  linkType: hard
+
 "trim-newlines@npm:^3.0.0":
   version: 3.0.1
   resolution: "trim-newlines@npm:3.0.1"
@@ -10749,6 +12051,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"trough@npm:^2.0.0":
+  version: 2.1.0
+  resolution: "trough@npm:2.1.0"
+  checksum: a577bb561c2b401cc0e1d9e188fcfcdf63b09b151ff56a668da12197fe97cac15e3d77d5b51f426ccfd94255744a9118e9e9935afe81a3644fa1be9783c82886
+  languageName: node
+  linkType: hard
+
 "ts-node@npm:^10.8.1":
   version: 10.9.1
   resolution: "ts-node@npm:10.9.1"
@@ -10929,12 +12238,12 @@ __metadata:
   linkType: hard
 
 "typescript@npm:^4.6.4 || ^5.0.0":
-  version: 5.0.2
-  resolution: "typescript@npm:5.0.2"
+  version: 5.0.4
+  resolution: "typescript@npm:5.0.4"
   bin:
     tsc: bin/tsc
     tsserver: bin/tsserver
-  checksum: bef1dcd166acfc6934b2ec4d72f93edb8961a5fab36b8dd2aaf6f4f4cd5c0210f2e0850aef4724f3b4913d5aef203a94a28ded731b370880c8bcff7e4ff91fc1
+  checksum: 82b94da3f4604a8946da585f7d6c3025fff8410779e5bde2855ab130d05e4fd08938b9e593b6ebed165bda6ad9292b230984f10952cf82f0a0ca07bbeaa08172
   languageName: node
   linkType: hard
 
@@ -10949,12 +12258,12 @@ __metadata:
   linkType: hard
 
 "typescript@patch:typescript@^4.6.4 || ^5.0.0#~builtin<compat/typescript>":
-  version: 5.0.2
-  resolution: "typescript@patch:typescript@npm%3A5.0.2#~builtin<compat/typescript>::version=5.0.2&hash=85af82"
+  version: 5.0.4
+  resolution: "typescript@patch:typescript@npm%3A5.0.4#~builtin<compat/typescript>::version=5.0.4&hash=85af82"
   bin:
     tsc: bin/tsc
     tsserver: bin/tsserver
-  checksum: b63cb742fbb9aeb3085e002ad8f10d5fd963606aa4d6b3b65b4e76c396ff09739f03b5dbae08e1698c3bce9d5619d3f67aeb7ee470ed4016bd345b3cfe37b54a
+  checksum: bb309d320c59a26565fb3793dba550576ab861018ff3fd1b7fccabbe46ae4a35546bc45f342c0a0b6f265c801ccdf64ffd68f548f117ceb7f0eac4b805cd52a9
   languageName: node
   linkType: hard
 
@@ -11001,6 +12310,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"unified@npm:^10.0.0":
+  version: 10.1.2
+  resolution: "unified@npm:10.1.2"
+  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
+  checksum: 053e7c65ede644607f87bd625a299e4b709869d2f76ec8138569e6e886903b6988b21cd9699e471eda42bee189527be0a9dac05936f1d069a5e65d0125d5d756
+  languageName: node
+  linkType: hard
+
 "unique-filename@npm:^2.0.0":
   version: 2.0.1
   resolution: "unique-filename@npm:2.0.1"
@@ -11019,6 +12343,61 @@ __metadata:
   languageName: node
   linkType: hard
 
+"unist-util-generated@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "unist-util-generated@npm:2.0.1"
+  checksum: 6221ad0571dcc9c8964d6b054f39ef6571ed59cc0ce3e88ae97ea1c70afe76b46412a5ffaa91f96814644ac8477e23fb1b477d71f8d70e625728c5258f5c0d99
+  languageName: node
+  linkType: hard
+
+"unist-util-is@npm:^5.0.0":
+  version: 5.2.1
+  resolution: "unist-util-is@npm:5.2.1"
+  dependencies:
+    "@types/unist": ^2.0.0
+  checksum: ae76fdc3d35352cd92f1bedc3a0d407c3b9c42599a52ab9141fe89bdd786b51f0ec5a2ab68b93fb532e239457cae62f7e39eaa80229e1cb94875da2eafcbe5c4
+  languageName: node
+  linkType: hard
+
+"unist-util-position@npm:^4.0.0":
+  version: 4.0.4
+  resolution: "unist-util-position@npm:4.0.4"
+  dependencies:
+    "@types/unist": ^2.0.0
+  checksum: e7487b6cec9365299695e3379ded270a1717074fa11fd2407c9b934fb08db6fe1d9077ddeaf877ecf1813665f8ccded5171693d3d9a7a01a125ec5cdd5e88691
+  languageName: node
+  linkType: hard
+
+"unist-util-stringify-position@npm:^3.0.0":
+  version: 3.0.3
+  resolution: "unist-util-stringify-position@npm:3.0.3"
+  dependencies:
+    "@types/unist": ^2.0.0
+  checksum: dbd66c15183607ca942a2b1b7a9f6a5996f91c0d30cf8966fb88955a02349d9eefd3974e9010ee67e71175d784c5a9fea915b0aa0b0df99dcb921b95c4c9e124
+  languageName: node
+  linkType: hard
+
+"unist-util-visit-parents@npm:^5.0.0, unist-util-visit-parents@npm:^5.1.1":
+  version: 5.1.3
+  resolution: "unist-util-visit-parents@npm:5.1.3"
+  dependencies:
+    "@types/unist": ^2.0.0
+    unist-util-is: ^5.0.0
+  checksum: 8ecada5978994f846b64658cf13b4092cd78dea39e1ba2f5090a5de842ba4852712c02351a8ae95250c64f864635e7b02aedf3b4a093552bb30cf1bd160efbaa
+  languageName: node
+  linkType: hard
+
+"unist-util-visit@npm:^4.0.0":
+  version: 4.1.2
+  resolution: "unist-util-visit@npm:4.1.2"
+  dependencies:
+    "@types/unist": ^2.0.0
+    unist-util-is: ^5.0.0
+    unist-util-visit-parents: ^5.1.1
+  checksum: 95a34e3f7b5b2d4b68fd722b6229972099eb97b6df18913eda44a5c11df8b1e27efe7206dd7b88c4ed244a48c474a5b2e2629ab79558ff9eb936840295549cee
+  languageName: node
+  linkType: hard
+
 "universalify@npm:^2.0.0":
   version: 2.0.0
   resolution: "universalify@npm:2.0.0"
@@ -11034,16 +12413,16 @@ __metadata:
   linkType: hard
 
 "update-browserslist-db@npm:^1.0.10":
-  version: 1.0.10
-  resolution: "update-browserslist-db@npm:1.0.10"
+  version: 1.0.11
+  resolution: "update-browserslist-db@npm:1.0.11"
   dependencies:
     escalade: ^3.1.1
     picocolors: ^1.0.0
   peerDependencies:
     browserslist: ">= 4.21.0"
   bin:
-    browserslist-lint: cli.js
-  checksum: 12db73b4f63029ac407b153732e7cd69a1ea8206c9100b482b7d12859cd3cd0bc59c602d7ae31e652706189f1acb90d42c53ab24a5ba563ed13aebdddc5561a0
+    update-browserslist-db: cli.js
+  checksum: b98327518f9a345c7cad5437afae4d2ae7d865f9779554baf2a200fdf4bac4969076b679b1115434bd6557376bdd37ca7583d0f9b8f8e302d7d4cc1e91b5f231
   languageName: node
   linkType: hard
 
@@ -11129,6 +12508,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"uvu@npm:^0.5.0":
+  version: 0.5.6
+  resolution: "uvu@npm:0.5.6"
+  dependencies:
+    dequal: ^2.0.0
+    diff: ^5.0.0
+    kleur: ^4.0.3
+    sade: ^1.7.3
+  bin:
+    uvu: bin.js
+  checksum: 09460a37975627de9fcad396e5078fb844d01aaf64a6399ebfcfd9e55f1c2037539b47611e8631f89be07656962af0cf48c334993db82b9ae9c3d25ce3862168
+  languageName: node
+  linkType: hard
+
 "v8-compile-cache-lib@npm:^3.0.1":
   version: 3.0.1
   resolution: "v8-compile-cache-lib@npm:3.0.1"
@@ -11157,6 +12550,28 @@ __metadata:
   languageName: node
   linkType: hard
 
+"vfile-message@npm:^3.0.0":
+  version: 3.1.4
+  resolution: "vfile-message@npm:3.1.4"
+  dependencies:
+    "@types/unist": ^2.0.0
+    unist-util-stringify-position: ^3.0.0
+  checksum: d0ee7da1973ad76513c274e7912adbed4d08d180eaa34e6bd40bc82459f4b7bc50fcaff41556135e3339995575eac5f6f709aba9332b80f775618ea4880a1367
+  languageName: node
+  linkType: hard
+
+"vfile@npm:^5.0.0":
+  version: 5.3.7
+  resolution: "vfile@npm:5.3.7"
+  dependencies:
+    "@types/unist": ^2.0.0
+    is-buffer: ^2.0.0
+    unist-util-stringify-position: ^3.0.0
+    vfile-message: ^3.0.0
+  checksum: 642cce703afc186dbe7cabf698dc954c70146e853491086f5da39e1ce850676fc96b169fcf7898aa3ff245e9313aeec40da93acd1e1fcc0c146dc4f6308b4ef9
+  languageName: node
+  linkType: hard
+
 "vite-plugin-checker@npm:^0.5.6":
   version: 0.5.6
   resolution: "vite-plugin-checker@npm:0.5.6"
@@ -11223,14 +12638,13 @@ __metadata:
   linkType: hard
 
 "vite@npm:^4.2.1":
-  version: 4.2.1
-  resolution: "vite@npm:4.2.1"
+  version: 4.3.3
+  resolution: "vite@npm:4.3.3"
   dependencies:
     esbuild: ^0.17.5
     fsevents: ~2.3.2
-    postcss: ^8.4.21
-    resolve: ^1.22.1
-    rollup: ^3.18.0
+    postcss: ^8.4.23
+    rollup: ^3.21.0
   peerDependencies:
     "@types/node": ">= 14"
     less: "*"
@@ -11256,7 +12670,7 @@ __metadata:
       optional: true
   bin:
     vite: bin/vite.js
-  checksum: 70eb162ffc299017a3c310e3adc95e9661def6b17aafd1f8e5e02e516766060435590dbe3df1e4e95acc3583c728a76e91f07c546221d1e701f1b2b021293f45
+  checksum: 99970cb1fed3330458e60f8341ec73c4260c82d815e51c95295321ab496e4c8cb447bc942daf4d94f78bbc8b2bed36cbc237f43fdc1cede19250fac737e5a0fc
   languageName: node
   linkType: hard
 
@@ -11296,9 +12710,9 @@ __metadata:
   linkType: hard
 
 "vscode-languageserver-textdocument@npm:^1.0.1":
-  version: 1.0.9
-  resolution: "vscode-languageserver-textdocument@npm:1.0.9"
-  checksum: 36b76f725098d3e0d97885c05c51fca47388d9b62e936f6c8824c44a4fac7a96e1406538538a0f46ef1fdb9f1053ddc1cacb5e7b168cecb36d3c018942ec6f52
+  version: 1.0.10
+  resolution: "vscode-languageserver-textdocument@npm:1.0.10"
+  checksum: 605ff0662535088567a145b48d28f0c41844d28269fa0b3fca3a1e179dd14baf7181150b274bf3840ef2a043ed8474a9227aaf169a6fae574516349a1b371a18
   languageName: node
   linkType: hard
 
@@ -11327,6 +12741,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"w3c-keyname@npm:^2.2.4":
+  version: 2.2.6
+  resolution: "w3c-keyname@npm:2.2.6"
+  checksum: 59a31d23ca9953c01c99ed6695fee5b6ea36eb2412d76a21fe4302ab33a3f5cd96c006a763940b6115c3d042c16d3564eeee1156832217d028af0518098b3a42
+  languageName: node
+  linkType: hard
+
 "webidl-conversions@npm:^4.0.2":
   version: 4.0.2
   resolution: "webidl-conversions@npm:4.0.2"
@@ -11371,9 +12792,9 @@ __metadata:
   linkType: hard
 
 "which-module@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "which-module@npm:2.0.0"
-  checksum: 809f7fd3dfcb2cdbe0180b60d68100c88785084f8f9492b0998c051d7a8efe56784492609d3f09ac161635b78ea29219eb1418a98c15ce87d085bce905705c9c
+  version: 2.0.1
+  resolution: "which-module@npm:2.0.1"
+  checksum: 1967b7ce17a2485544a4fdd9063599f0f773959cca24176dbe8f405e55472d748b7c549cd7920ff6abb8f1ab7db0b0f1b36de1a21c57a8ff741f4f1e792c52be
   languageName: node
   linkType: hard
 
@@ -11616,3 +13037,10 @@ __metadata:
   checksum: f77b3d8d00310def622123df93d4ee654fc6a0096182af8bd60679ddcdfb3474c56c6c7190817c84a2785648cdee9d721c0154eb45698c62176c322fb46fc700
   languageName: node
   linkType: hard
+
+"zwitch@npm:^2.0.0":
+  version: 2.0.4
+  resolution: "zwitch@npm:2.0.4"
+  checksum: f22ec5fc2d5f02c423c93d35cdfa83573a3a3bd98c66b927c368ea4d0e7252a500df2a90a6b45522be536a96a73404393c958e945fdba95e6832c200791702b6
+  languageName: node
+  linkType: hard