diff --git a/package-lock.json b/package-lock.json
index 3b8199274..b6771257f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -80,6 +80,7 @@
         "react-dom": "18.3.1",
         "react-error-boundary": "^4.0.4",
         "react-intersection-observer": "^9.5.2",
+        "react-ipynb-renderer": "^2.2.4",
         "react-markdown": "^9.0.3",
         "react-pdf": "^7.7.0",
         "react-plotly.js": "^2.6.0",
@@ -318,7 +319,6 @@
       "resolved": "https://registry.npmjs.org/@asamuzakjp/css-color/-/css-color-2.8.3.tgz",
       "integrity": "sha512-GIc76d9UI1hCvOATjZPyHFmE5qhRccp3/zGfMPapK3jBi+yocEzp6BBB0UnfRYP9NP4FANqUZYb0hnfs3TM3hw==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@csstools/css-calc": "^2.1.1",
         "@csstools/css-color-parser": "^3.0.7",
@@ -331,15 +331,13 @@
       "version": "10.4.3",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
       "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
-      "license": "ISC",
-      "peer": true
+      "license": "ISC"
     },
     "node_modules/@asamuzakjp/dom-selector": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/@asamuzakjp/dom-selector/-/dom-selector-2.0.2.tgz",
       "integrity": "sha512-x1KXOatwofR6ZAYzXRBL5wrdV0vwNxlTCK9NCuLqAzQYARqGcvFwiJA6A1ERuh+dgeA4Dxm3JBYictIes+SqUQ==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "bidi-js": "^1.0.3",
         "css-tree": "^2.3.1",
@@ -2335,7 +2333,6 @@
         }
       ],
       "license": "MIT-0",
-      "peer": true,
       "engines": {
         "node": ">=18"
       }
@@ -2355,7 +2352,6 @@
         }
       ],
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=18"
       },
@@ -2379,7 +2375,6 @@
         }
       ],
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@csstools/color-helpers": "^5.0.1",
         "@csstools/css-calc": "^2.1.1"
@@ -2407,7 +2402,6 @@
         }
       ],
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=18"
       },
@@ -2430,7 +2424,6 @@
         }
       ],
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=18"
       }
@@ -9826,6 +9819,12 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@types/katex": {
+      "version": "0.16.7",
+      "resolved": "https://registry.npmjs.org/@types/katex/-/katex-0.16.7.tgz",
+      "integrity": "sha512-HMwFiRujE5PjrgwHQ25+bsLJgowjGjm5Z8FVSf0N6PwgJrwxH0QxzHYDcKsTfV3wva0vzrpqMTJS2jXPr5BMEQ==",
+      "license": "MIT"
+    },
     "node_modules/@types/less": {
       "version": "3.0.8",
       "license": "MIT",
@@ -9850,6 +9849,12 @@
         "@types/pbf": "*"
       }
     },
+    "node_modules/@types/mathjax": {
+      "version": "0.0.40",
+      "resolved": "https://registry.npmjs.org/@types/mathjax/-/mathjax-0.0.40.tgz",
+      "integrity": "sha512-rHusx08LCg92WJxrsM3SPjvLTSvK5C+gealtSuhKbEOcUZfWlwigaFoPLf6Dfxhg4oryN5qP9Sj7zOQ4HYXINw==",
+      "license": "MIT"
+    },
     "node_modules/@types/mdast": {
       "version": "4.0.4",
       "license": "MIT",
@@ -10099,8 +10104,7 @@
       "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz",
       "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==",
       "license": "MIT",
-      "optional": true,
-      "peer": true
+      "optional": true
     },
     "node_modules/@types/unist": {
       "version": "3.0.3",
@@ -10658,6 +10662,12 @@
       "license": "MIT",
       "peer": true
     },
+    "node_modules/anser": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/anser/-/anser-2.3.0.tgz",
+      "integrity": "sha512-pGGR7Nq1K/i9KGs29PvHDXA8AsfZ3OiYRMDClT3FIC085Kbns9CJ7ogq9MEiGnrjd9THOGoh7B+kWzePHzZyJQ==",
+      "license": "MIT"
+    },
     "node_modules/ansi-escapes": {
       "version": "4.3.2",
       "dev": true,
@@ -12807,7 +12817,6 @@
       "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz",
       "integrity": "sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "mdn-data": "2.0.30",
         "source-map-js": "^1.0.1"
@@ -13998,7 +14007,6 @@
       "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.2.4.tgz",
       "integrity": "sha512-ysFSFEDVduQpyhzAob/kkuJjf5zWkZD8/A9ywSp1byueyuCfHamrCBa14/Oc2iiB0e51B+NpxSl5gmzn+Ms/mg==",
       "license": "(MPL-2.0 OR Apache-2.0)",
-      "peer": true,
       "optionalDependencies": {
         "@types/trusted-types": "^2.0.7"
       }
@@ -15080,6 +15088,15 @@
         "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
+    "node_modules/esm": {
+      "version": "3.2.25",
+      "resolved": "https://registry.npmjs.org/esm/-/esm-3.2.25.tgz",
+      "integrity": "sha512-U1suiZ2oDVWv4zPO56S0NcR5QriEahGtdN2OR6FiOG4WJvcjBVFB0qI4+eKoWFH483PKGuLuu6V8Z4T5g63UVA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/esniff": {
       "version": "2.0.1",
       "license": "ISC",
@@ -16745,6 +16762,114 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/hast-util-from-dom": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/hast-util-from-dom/-/hast-util-from-dom-5.0.1.tgz",
+      "integrity": "sha512-N+LqofjR2zuzTjCPzyDUdSshy4Ma6li7p/c3pA78uTwzFgENbgbUrm2ugwsOdcjI1muO+o6Dgzp9p8WHtn/39Q==",
+      "license": "ISC",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "hastscript": "^9.0.0",
+        "web-namespaces": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-from-dom/node_modules/hast-util-parse-selector": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/hast-util-parse-selector/-/hast-util-parse-selector-4.0.0.tgz",
+      "integrity": "sha512-wkQCkSYoOGCRKERFWcxMVMOcYE2K1AaNLU8DXS9arxnLOUEWbOXKXiJUNzEpqZ3JOKpnha3jkFrumEjVliDe7A==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-from-dom/node_modules/hastscript": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/hastscript/-/hastscript-9.0.0.tgz",
+      "integrity": "sha512-jzaLBGavEDKHrc5EfFImKN7nZKKBdSLIdGvCwDZ9TfzbF2ffXiov8CKE445L2Z1Ek2t/m4SKQ2j6Ipv7NyUolw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "comma-separated-tokens": "^2.0.0",
+        "hast-util-parse-selector": "^4.0.0",
+        "property-information": "^6.0.0",
+        "space-separated-tokens": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-from-parse5": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/hast-util-from-parse5/-/hast-util-from-parse5-8.0.2.tgz",
+      "integrity": "sha512-SfMzfdAi/zAoZ1KkFEyyeXBn7u/ShQrfd675ZEE9M3qj+PMFX05xubzRyF76CCSJu8au9jgVxDV1+okFvgZU4A==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/unist": "^3.0.0",
+        "devlop": "^1.0.0",
+        "hastscript": "^9.0.0",
+        "property-information": "^6.0.0",
+        "vfile": "^6.0.0",
+        "vfile-location": "^5.0.0",
+        "web-namespaces": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-from-parse5/node_modules/hast-util-parse-selector": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/hast-util-parse-selector/-/hast-util-parse-selector-4.0.0.tgz",
+      "integrity": "sha512-wkQCkSYoOGCRKERFWcxMVMOcYE2K1AaNLU8DXS9arxnLOUEWbOXKXiJUNzEpqZ3JOKpnha3jkFrumEjVliDe7A==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-from-parse5/node_modules/hastscript": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/hastscript/-/hastscript-9.0.0.tgz",
+      "integrity": "sha512-jzaLBGavEDKHrc5EfFImKN7nZKKBdSLIdGvCwDZ9TfzbF2ffXiov8CKE445L2Z1Ek2t/m4SKQ2j6Ipv7NyUolw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "comma-separated-tokens": "^2.0.0",
+        "hast-util-parse-selector": "^4.0.0",
+        "property-information": "^6.0.0",
+        "space-separated-tokens": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-is-element": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/hast-util-is-element/-/hast-util-is-element-3.0.0.tgz",
+      "integrity": "sha512-Val9mnv2IWpLbNPqc/pUem+a7Ipj2aHacCwgNfTiK0vJKl0LF+4Ba4+v1oPHFpf3bLYmreq0/l3Gud9S5OH42g==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/hast-util-parse-selector": {
       "version": "2.2.5",
       "license": "MIT",
@@ -16753,6 +16878,31 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/hast-util-raw": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/hast-util-raw/-/hast-util-raw-9.1.0.tgz",
+      "integrity": "sha512-Y8/SBAHkZGoNkpzqqfCldijcuUKh7/su31kEBp67cFY09Wy0mTRgtsLYsiIxMJxlu0f6AA5SUTbDR8K0rxnbUw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/unist": "^3.0.0",
+        "@ungap/structured-clone": "^1.0.0",
+        "hast-util-from-parse5": "^8.0.0",
+        "hast-util-to-parse5": "^8.0.0",
+        "html-void-elements": "^3.0.0",
+        "mdast-util-to-hast": "^13.0.0",
+        "parse5": "^7.0.0",
+        "unist-util-position": "^5.0.0",
+        "unist-util-visit": "^5.0.0",
+        "vfile": "^6.0.0",
+        "web-namespaces": "^2.0.0",
+        "zwitch": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/hast-util-to-jsx-runtime": {
       "version": "2.3.2",
       "license": "MIT",
@@ -16778,6 +16928,41 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/hast-util-to-parse5": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/hast-util-to-parse5/-/hast-util-to-parse5-8.0.0.tgz",
+      "integrity": "sha512-3KKrV5ZVI8if87DVSi1vDeByYrkGzg4mEfeu4alwgmmIeARiBLKCZS2uw5Gb6nU9x9Yufyj3iudm6i7nl52PFw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "comma-separated-tokens": "^2.0.0",
+        "devlop": "^1.0.0",
+        "property-information": "^6.0.0",
+        "space-separated-tokens": "^2.0.0",
+        "web-namespaces": "^2.0.0",
+        "zwitch": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-to-text": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/hast-util-to-text/-/hast-util-to-text-4.0.2.tgz",
+      "integrity": "sha512-KK6y/BN8lbaq654j7JgBydev7wuNMcID54lkRav1P0CaE1e47P72AWWPiGKXTJU271ooYzcvTAn/Zt0REnvc7A==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/unist": "^3.0.0",
+        "hast-util-is-element": "^3.0.0",
+        "unist-util-find-after": "^5.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/hast-util-whitespace": {
       "version": "3.0.0",
       "license": "MIT",
@@ -16971,6 +17156,16 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/html-void-elements": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/html-void-elements/-/html-void-elements-3.0.0.tgz",
+      "integrity": "sha512-bEqo66MRXsUGxWHV5IP0PUiAWwoEjba4VCzg0LjFJBpchPaTfyfCKTG6bc5F8ucKec3q5y6qOdGyYTSBEvhCrg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/http-proxy-agent": {
       "version": "5.0.0",
       "license": "MIT",
@@ -17810,7 +18005,6 @@
       "resolved": "https://registry.npmjs.org/isomorphic-dompurify/-/isomorphic-dompurify-2.21.0.tgz",
       "integrity": "sha512-IjBG/D6ApEiO6ciXvrzPqbE4xOLbjRTshSWRSeeycQVhvsxf1O9PhA7LoqwMYS0/2PKLNFJRugwsNV5UihtLxQ==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "dompurify": "^3.2.3",
         "jsdom": "^26.0.0"
@@ -17824,7 +18018,6 @@
       "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.3.tgz",
       "integrity": "sha512-jRR5wdylq8CkOe6hei19GGZnxM6rBGwFl3Bg0YItGDimvjGtAvdZk4Pu6Cl4u4Igsws4a1fd1Vq3ezrhn4KmFw==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">= 14"
       }
@@ -17834,7 +18027,6 @@
       "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-4.2.1.tgz",
       "integrity": "sha512-9+vem03dMXG7gDmZ62uqmRiMRNtinIZ9ZyuF6BdxzfOD+FdN5hretzynkn0ReS2DO2GSw76RWHs0UmJPI2zUjw==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@asamuzakjp/css-color": "^2.8.2",
         "rrweb-cssom": "^0.8.0"
@@ -17848,7 +18040,6 @@
       "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-5.0.0.tgz",
       "integrity": "sha512-ZYP5VBHshaDAiVZxjbRVcFJpc+4xGgT0bK3vzy1HLN8jTO975HEbuYzZJcHoQEY5K1a0z8YayJkyVETa08eNTg==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "whatwg-mimetype": "^4.0.0",
         "whatwg-url": "^14.0.0"
@@ -17862,7 +18053,6 @@
       "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-4.0.0.tgz",
       "integrity": "sha512-Y22oTqIU4uuPgEemfz7NDJz6OeKf12Lsu+QC+s3BVpda64lTiMYCyGwg5ki4vFxkMwQdeZDl2adZoqUgdFuTgQ==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "whatwg-encoding": "^3.1.1"
       },
@@ -17875,7 +18065,6 @@
       "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-7.0.2.tgz",
       "integrity": "sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "agent-base": "^7.1.0",
         "debug": "^4.3.4"
@@ -17889,7 +18078,6 @@
       "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz",
       "integrity": "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "agent-base": "^7.1.2",
         "debug": "4"
@@ -17903,7 +18091,6 @@
       "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-26.0.0.tgz",
       "integrity": "sha512-BZYDGVAIriBWTpIxYzrXjv3E/4u8+/pSG5bQdIYCbNCGOvsPkDQfTVLAIXAf9ETdCpduCVTkDe2NNZ8NIwUVzw==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "cssstyle": "^4.2.1",
         "data-urls": "^5.0.0",
@@ -17944,7 +18131,6 @@
       "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-5.1.0.tgz",
       "integrity": "sha512-rvZUv+7MoBYTiDmFPBrhL7Ujx9Sk+q9wwm22x8c8T5IJaR+Wsyc7TNxbVxo84kZoRJZZMazowFLqpankBEQrGg==",
       "license": "BSD-3-Clause",
-      "peer": true,
       "dependencies": {
         "tldts": "^6.1.32"
       },
@@ -17957,7 +18143,6 @@
       "resolved": "https://registry.npmjs.org/tr46/-/tr46-5.0.0.tgz",
       "integrity": "sha512-tk2G5R2KRwBd+ZN0zaEXpmzdKyOYksXwywulIX95MBODjSzMIuQnQ3m8JxgbhnL1LeVo7lqQKsYa1O3Htl7K5g==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "punycode": "^2.3.1"
       },
@@ -17970,7 +18155,6 @@
       "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-5.0.0.tgz",
       "integrity": "sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "xml-name-validator": "^5.0.0"
       },
@@ -17983,7 +18167,6 @@
       "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-3.1.1.tgz",
       "integrity": "sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "iconv-lite": "0.6.3"
       },
@@ -17996,7 +18179,6 @@
       "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-4.0.0.tgz",
       "integrity": "sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=18"
       }
@@ -18006,7 +18188,6 @@
       "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-14.1.0.tgz",
       "integrity": "sha512-jlf/foYIKywAt3x/XWKZ/3rz8OSJPiWktjmk891alJUEjiVxKX9LEO92qH3hv4aJ0mN3MWPvGMCy8jQi95xK4w==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "tr46": "^5.0.0",
         "webidl-conversions": "^7.0.0"
@@ -18020,7 +18201,6 @@
       "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-5.0.0.tgz",
       "integrity": "sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==",
       "license": "Apache-2.0",
-      "peer": true,
       "engines": {
         "node": ">=18"
       }
@@ -19515,6 +19695,31 @@
       "version": "1.0.11",
       "license": "(MIT AND Zlib)"
     },
+    "node_modules/katex": {
+      "version": "0.16.21",
+      "resolved": "https://registry.npmjs.org/katex/-/katex-0.16.21.tgz",
+      "integrity": "sha512-XvqR7FgOHtWupfMiigNzmh+MgUVmDGU2kXZm899ZkPfcuoPuFxyHmXsgATDpFZDAXCI8tvinaVcDo8PIIJSo4A==",
+      "funding": [
+        "https://opencollective.com/katex",
+        "https://github.com/sponsors/katex"
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "commander": "^8.3.0"
+      },
+      "bin": {
+        "katex": "cli.js"
+      }
+    },
+    "node_modules/katex/node_modules/commander": {
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz",
+      "integrity": "sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 12"
+      }
+    },
     "node_modules/kdbush": {
       "version": "4.0.2",
       "license": "ISC",
@@ -20093,6 +20298,16 @@
       "license": "ISC",
       "peer": true
     },
+    "node_modules/markdown-table": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/markdown-table/-/markdown-table-3.0.4.tgz",
+      "integrity": "sha512-wiYz4+JrLyb/DqW2hkFJxP7Vd7JuTDm77fvbM8VfEQdmSMqcImWeeRbHwZjBjIFki/VaMK2BhFi7oUUZeM5bqw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/math-log2": {
       "version": "1.0.1",
       "license": "MIT",
@@ -20101,12 +20316,52 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/mathjax-full": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/mathjax-full/-/mathjax-full-3.2.2.tgz",
+      "integrity": "sha512-+LfG9Fik+OuI8SLwsiR02IVdjcnRCy5MufYLi0C3TdMT56L/pjB0alMVGgoWJF8pN9Rc7FESycZB9BMNWIid5w==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "esm": "^3.2.25",
+        "mhchemparser": "^4.1.0",
+        "mj-context-menu": "^0.6.1",
+        "speech-rule-engine": "^4.0.6"
+      }
+    },
     "node_modules/md5-o-matic": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/md5-o-matic/-/md5-o-matic-0.1.1.tgz",
       "integrity": "sha512-QBJSFpsedXUl/Lgs4ySdB2XCzUEcJ3ujpbagdZCkRaYIaC0kFnID8jhc84KEiVv6dNFtIrmW7bqow0lDxgJi6A==",
       "peer": true
     },
+    "node_modules/mdast-util-find-and-replace": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/mdast-util-find-and-replace/-/mdast-util-find-and-replace-3.0.2.tgz",
+      "integrity": "sha512-Tmd1Vg/m3Xz43afeNxDIhWRtFZgM2VLyaf4vSTYwudTyeuTneoL3qtWMA5jeLyz/O1vDJmmV4QuScFCA2tBPwg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "escape-string-regexp": "^5.0.0",
+        "unist-util-is": "^6.0.0",
+        "unist-util-visit-parents": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-find-and-replace/node_modules/escape-string-regexp": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz",
+      "integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/mdast-util-from-markdown": {
       "version": "2.0.2",
       "license": "MIT",
@@ -20129,15 +20384,18 @@
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/mdast-util-mdx-expression": {
-      "version": "2.0.1",
+    "node_modules/mdast-util-gfm": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-gfm/-/mdast-util-gfm-3.0.0.tgz",
+      "integrity": "sha512-dgQEX5Amaq+DuUqf26jJqSK9qgixgd6rYDHAv4aTBuA92cTknZlKpPfa86Z/s8Dj8xsAQpFfBmPUHWJBWqS4Bw==",
       "license": "MIT",
       "dependencies": {
-        "@types/estree-jsx": "^1.0.0",
-        "@types/hast": "^3.0.0",
-        "@types/mdast": "^4.0.0",
-        "devlop": "^1.0.0",
         "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-gfm-autolink-literal": "^2.0.0",
+        "mdast-util-gfm-footnote": "^2.0.0",
+        "mdast-util-gfm-strikethrough": "^2.0.0",
+        "mdast-util-gfm-table": "^2.0.0",
+        "mdast-util-gfm-task-list-item": "^2.0.0",
         "mdast-util-to-markdown": "^2.0.0"
       },
       "funding": {
@@ -20145,65 +20403,182 @@
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/mdast-util-mdx-jsx": {
-      "version": "3.2.0",
+    "node_modules/mdast-util-gfm-autolink-literal": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/mdast-util-gfm-autolink-literal/-/mdast-util-gfm-autolink-literal-2.0.1.tgz",
+      "integrity": "sha512-5HVP2MKaP6L+G6YaxPNjuL0BPrq9orG3TsrZ9YXbA3vDw/ACI4MEsnoDpn6ZNm7GnZgtAcONJyPhOP8tNJQavQ==",
       "license": "MIT",
       "dependencies": {
-        "@types/estree-jsx": "^1.0.0",
-        "@types/hast": "^3.0.0",
         "@types/mdast": "^4.0.0",
-        "@types/unist": "^3.0.0",
         "ccount": "^2.0.0",
-        "devlop": "^1.1.0",
-        "mdast-util-from-markdown": "^2.0.0",
-        "mdast-util-to-markdown": "^2.0.0",
-        "parse-entities": "^4.0.0",
-        "stringify-entities": "^4.0.0",
-        "unist-util-stringify-position": "^4.0.0",
-        "vfile-message": "^4.0.0"
+        "devlop": "^1.0.0",
+        "mdast-util-find-and-replace": "^3.0.0",
+        "micromark-util-character": "^2.0.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/mdast-util-mdxjs-esm": {
-      "version": "2.0.1",
+    "node_modules/mdast-util-gfm-footnote": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-gfm-footnote/-/mdast-util-gfm-footnote-2.0.0.tgz",
+      "integrity": "sha512-5jOT2boTSVkMnQ7LTrd6n/18kqwjmuYqo7JUPe+tRCY6O7dAuTFMtTPauYYrMPpox9hlN0uOx/FL8XvEfG9/mQ==",
       "license": "MIT",
       "dependencies": {
-        "@types/estree-jsx": "^1.0.0",
-        "@types/hast": "^3.0.0",
         "@types/mdast": "^4.0.0",
-        "devlop": "^1.0.0",
+        "devlop": "^1.1.0",
         "mdast-util-from-markdown": "^2.0.0",
-        "mdast-util-to-markdown": "^2.0.0"
+        "mdast-util-to-markdown": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/mdast-util-phrasing": {
-      "version": "4.1.0",
+    "node_modules/mdast-util-gfm-strikethrough": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-gfm-strikethrough/-/mdast-util-gfm-strikethrough-2.0.0.tgz",
+      "integrity": "sha512-mKKb915TF+OC5ptj5bJ7WFRPdYtuHv0yTRxK2tJvi+BDqbkiG7h7u/9SI89nRAYcmap2xHQL9D+QG/6wSrTtXg==",
       "license": "MIT",
       "dependencies": {
         "@types/mdast": "^4.0.0",
-        "unist-util-is": "^6.0.0"
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/mdast-util-to-hast": {
-      "version": "13.2.0",
+    "node_modules/mdast-util-gfm-table": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-gfm-table/-/mdast-util-gfm-table-2.0.0.tgz",
+      "integrity": "sha512-78UEvebzz/rJIxLvE7ZtDd/vIQ0RHv+3Mh5DR96p7cS7HsBhYIICDBCu8csTNWNO6tBWfqXPWekRuj2FNOGOZg==",
       "license": "MIT",
       "dependencies": {
-        "@types/hast": "^3.0.0",
         "@types/mdast": "^4.0.0",
-        "@ungap/structured-clone": "^1.0.0",
         "devlop": "^1.0.0",
-        "micromark-util-sanitize-uri": "^2.0.0",
+        "markdown-table": "^3.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-gfm-task-list-item": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-gfm-task-list-item/-/mdast-util-gfm-task-list-item-2.0.0.tgz",
+      "integrity": "sha512-IrtvNvjxC1o06taBAVJznEnkiHxLFTzgonUdy8hzFVeDun0uTjxxrRGVaNFqkU1wJR3RBPEfsxmU6jDWPofrTQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-math": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-math/-/mdast-util-math-3.0.0.tgz",
+      "integrity": "sha512-Tl9GBNeG/AhJnQM221bJR2HPvLOSnLE/T9cJI9tlc6zwQk2nPk/4f0cHkOdEixQPC/j8UtKDdITswvLAy1OZ1w==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.0.0",
+        "longest-streak": "^3.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.1.0",
+        "unist-util-remove-position": "^5.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-mdx-expression": {
+      "version": "2.0.1",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree-jsx": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-mdx-jsx": {
+      "version": "3.2.0",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree-jsx": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "@types/unist": "^3.0.0",
+        "ccount": "^2.0.0",
+        "devlop": "^1.1.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0",
+        "parse-entities": "^4.0.0",
+        "stringify-entities": "^4.0.0",
+        "unist-util-stringify-position": "^4.0.0",
+        "vfile-message": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-mdxjs-esm": {
+      "version": "2.0.1",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree-jsx": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-phrasing": {
+      "version": "4.1.0",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "unist-util-is": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-to-hast": {
+      "version": "13.2.0",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "@ungap/structured-clone": "^1.0.0",
+        "devlop": "^1.0.0",
+        "micromark-util-sanitize-uri": "^2.0.0",
         "trim-lines": "^3.0.0",
         "unist-util-position": "^5.0.0",
         "unist-util-visit": "^5.0.0",
@@ -20248,8 +20623,7 @@
       "version": "2.0.30",
       "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz",
       "integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==",
-      "license": "CC0-1.0",
-      "peer": true
+      "license": "CC0-1.0"
     },
     "node_modules/memoize-one": {
       "version": "6.0.0",
@@ -20351,6 +20725,12 @@
       "version": "0.18.1",
       "license": "MIT"
     },
+    "node_modules/mhchemparser": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/mhchemparser/-/mhchemparser-4.2.1.tgz",
+      "integrity": "sha512-kYmyrCirqJf3zZ9t/0wGgRZ4/ZJw//VwaRVGA75C4nhE60vtnIzhl9J9ndkX/h6hxSN7pjg/cE0VxbnNM+bnDQ==",
+      "license": "Apache-2.0"
+    },
     "node_modules/micromark": {
       "version": "4.0.1",
       "funding": [
@@ -20416,6 +20796,146 @@
         "micromark-util-types": "^2.0.0"
       }
     },
+    "node_modules/micromark-extension-gfm": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-gfm/-/micromark-extension-gfm-3.0.0.tgz",
+      "integrity": "sha512-vsKArQsicm7t0z2GugkCKtZehqUm31oeGBV/KVSorWSy8ZlNAv7ytjFhvaryUiCUJYqs+NoE6AFhpQvBTM6Q4w==",
+      "license": "MIT",
+      "dependencies": {
+        "micromark-extension-gfm-autolink-literal": "^2.0.0",
+        "micromark-extension-gfm-footnote": "^2.0.0",
+        "micromark-extension-gfm-strikethrough": "^2.0.0",
+        "micromark-extension-gfm-table": "^2.0.0",
+        "micromark-extension-gfm-tagfilter": "^2.0.0",
+        "micromark-extension-gfm-task-list-item": "^2.0.0",
+        "micromark-util-combine-extensions": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-autolink-literal": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-autolink-literal/-/micromark-extension-gfm-autolink-literal-2.1.0.tgz",
+      "integrity": "sha512-oOg7knzhicgQ3t4QCjCWgTmfNhvQbDDnJeVu9v81r7NltNCVmhPy1fJRX27pISafdjL+SVc4d3l48Gb6pbRypw==",
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-sanitize-uri": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-footnote": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-footnote/-/micromark-extension-gfm-footnote-2.1.0.tgz",
+      "integrity": "sha512-/yPhxI1ntnDNsiHtzLKYnE3vf9JZ6cAisqVDauhp4CEHxlb4uoOTxOCJ+9s51bIB8U1N1FJ1RXOKTIlD5B/gqw==",
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-core-commonmark": "^2.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0",
+        "micromark-util-sanitize-uri": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-strikethrough": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-strikethrough/-/micromark-extension-gfm-strikethrough-2.1.0.tgz",
+      "integrity": "sha512-ADVjpOOkjz1hhkZLlBiYA9cR2Anf8F4HqZUO6e5eDcPQd0Txw5fxLzzxnEkSkfnD0wziSGiv7sYhk/ktvbf1uw==",
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-classify-character": "^2.0.0",
+        "micromark-util-resolve-all": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-table": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-table/-/micromark-extension-gfm-table-2.1.1.tgz",
+      "integrity": "sha512-t2OU/dXXioARrC6yWfJ4hqB7rct14e8f7m0cbI5hUmDyyIlwv5vEtooptH8INkbLzOatzKuVbQmAYcbWoyz6Dg==",
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-tagfilter": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-tagfilter/-/micromark-extension-gfm-tagfilter-2.0.0.tgz",
+      "integrity": "sha512-xHlTOmuCSotIA8TW1mDIM6X2O1SiX5P9IuDtqGonFhEK0qgRI4yeC6vMxEV2dgyr2TiD+2PQ10o+cOhdVAcwfg==",
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-task-list-item": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-task-list-item/-/micromark-extension-gfm-task-list-item-2.1.0.tgz",
+      "integrity": "sha512-qIBZhqxqI6fjLDYFTBIa4eivDMnP+OZqsNwmQ3xNLE4Cxwc+zfQEfbs6tzAo2Hjq+bh6q5F+Z8/cksrLFYWQQw==",
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-math": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-math/-/micromark-extension-math-3.1.0.tgz",
+      "integrity": "sha512-lvEqd+fHjATVs+2v/8kg9i5Q0AP2k85H0WUOwpIVvUML8BapsMvh1XAogmQjOCsLpoKRCVQqEkQBB3NhVBcsOg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/katex": "^0.16.0",
+        "devlop": "^1.0.0",
+        "katex": "^0.16.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/micromark-factory-destination": {
       "version": "2.0.1",
       "funding": [
@@ -21039,6 +21559,12 @@
       "version": "3.0.1",
       "license": "MIT"
     },
+    "node_modules/mj-context-menu": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/mj-context-menu/-/mj-context-menu-0.6.1.tgz",
+      "integrity": "sha512-7NO5s6n10TIV96d4g2uDpG7ZDpIhMh0QNfGdJw/W47JswFcosz457wqz/b5sAKvl12sxINGFCn80NZHKwxQEXA==",
+      "license": "Apache-2.0"
+    },
     "node_modules/mkdirp": {
       "version": "0.5.6",
       "license": "MIT",
@@ -24155,6 +24681,26 @@
         }
       }
     },
+    "node_modules/react-ipynb-renderer": {
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/react-ipynb-renderer/-/react-ipynb-renderer-2.2.4.tgz",
+      "integrity": "sha512-Hg6ulrEjrgBHIDfgdptf2lcbNdATCXgCXsItBn+u8y/6Uj5HZ6PkJMJAjxyrFKtzAFR4OGuALm4KOYoUmJYnQA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "anser": "^2.1.1",
+        "isomorphic-dompurify": "^2.15.0",
+        "react-markdown": "^9.0.1",
+        "react-syntax-highlighter": "^15.5.0",
+        "rehype-mathjax": "^6.0.0",
+        "rehype-raw": "^7.0.0",
+        "remark-gfm": "^4.0.0",
+        "remark-math": "^6.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
     "node_modules/react-is": {
       "version": "19.0.0",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-19.0.0.tgz",
@@ -25066,28 +25612,220 @@
         "regl-scatter2d": "^3.2.3"
       }
     },
-    "node_modules/remark-parse": {
-      "version": "11.0.0",
+    "node_modules/rehype-mathjax": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/rehype-mathjax/-/rehype-mathjax-6.0.0.tgz",
+      "integrity": "sha512-SioRmn+0mRWtDc4QVKG9JG88bXhPazfhc11GQoQ68mwot2WWyfabyZ7tuJu3Z4LCf893wXkQTVTF8PUlntoDwA==",
       "license": "MIT",
       "dependencies": {
-        "@types/mdast": "^4.0.0",
-        "mdast-util-from-markdown": "^2.0.0",
-        "micromark-util-types": "^2.0.0",
-        "unified": "^11.0.0"
+        "@types/hast": "^3.0.0",
+        "@types/mathjax": "^0.0.40",
+        "hast-util-from-dom": "^5.0.0",
+        "hast-util-to-text": "^4.0.0",
+        "jsdom": "^23.0.0",
+        "mathjax-full": "^3.0.0",
+        "unified": "^11.0.0",
+        "unist-util-visit-parents": "^6.0.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/remark-rehype": {
-      "version": "11.1.1",
+    "node_modules/rehype-mathjax/node_modules/agent-base": {
+      "version": "7.1.3",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.3.tgz",
+      "integrity": "sha512-jRR5wdylq8CkOe6hei19GGZnxM6rBGwFl3Bg0YItGDimvjGtAvdZk4Pu6Cl4u4Igsws4a1fd1Vq3ezrhn4KmFw==",
       "license": "MIT",
-      "dependencies": {
-        "@types/hast": "^3.0.0",
-        "@types/mdast": "^4.0.0",
-        "mdast-util-to-hast": "^13.0.0",
-        "unified": "^11.0.0",
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/rehype-mathjax/node_modules/cssstyle": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-4.2.1.tgz",
+      "integrity": "sha512-9+vem03dMXG7gDmZ62uqmRiMRNtinIZ9ZyuF6BdxzfOD+FdN5hretzynkn0ReS2DO2GSw76RWHs0UmJPI2zUjw==",
+      "license": "MIT",
+      "dependencies": {
+        "@asamuzakjp/css-color": "^2.8.2",
+        "rrweb-cssom": "^0.8.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/rehype-mathjax/node_modules/data-urls": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-5.0.0.tgz",
+      "integrity": "sha512-ZYP5VBHshaDAiVZxjbRVcFJpc+4xGgT0bK3vzy1HLN8jTO975HEbuYzZJcHoQEY5K1a0z8YayJkyVETa08eNTg==",
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-mimetype": "^4.0.0",
+        "whatwg-url": "^14.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/rehype-mathjax/node_modules/html-encoding-sniffer": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-4.0.0.tgz",
+      "integrity": "sha512-Y22oTqIU4uuPgEemfz7NDJz6OeKf12Lsu+QC+s3BVpda64lTiMYCyGwg5ki4vFxkMwQdeZDl2adZoqUgdFuTgQ==",
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-encoding": "^3.1.1"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/rehype-mathjax/node_modules/http-proxy-agent": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-7.0.2.tgz",
+      "integrity": "sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==",
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/rehype-mathjax/node_modules/https-proxy-agent": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz",
+      "integrity": "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==",
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.2",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/rehype-mathjax/node_modules/jsdom": {
+      "version": "23.2.0",
+      "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-23.2.0.tgz",
+      "integrity": "sha512-L88oL7D/8ufIES+Zjz7v0aes+oBMh2Xnh3ygWvL0OaICOomKEPKuPnIfBJekiXr+BHbbMjrWn/xqrDQuxFTeyA==",
+      "license": "MIT",
+      "dependencies": {
+        "@asamuzakjp/dom-selector": "^2.0.1",
+        "cssstyle": "^4.0.1",
+        "data-urls": "^5.0.0",
+        "decimal.js": "^10.4.3",
+        "form-data": "^4.0.0",
+        "html-encoding-sniffer": "^4.0.0",
+        "http-proxy-agent": "^7.0.0",
+        "https-proxy-agent": "^7.0.2",
+        "is-potential-custom-element-name": "^1.0.1",
+        "parse5": "^7.1.2",
+        "rrweb-cssom": "^0.6.0",
+        "saxes": "^6.0.0",
+        "symbol-tree": "^3.2.4",
+        "tough-cookie": "^4.1.3",
+        "w3c-xmlserializer": "^5.0.0",
+        "webidl-conversions": "^7.0.0",
+        "whatwg-encoding": "^3.1.1",
+        "whatwg-mimetype": "^4.0.0",
+        "whatwg-url": "^14.0.0",
+        "ws": "^8.16.0",
+        "xml-name-validator": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "canvas": "^2.11.2"
+      },
+      "peerDependenciesMeta": {
+        "canvas": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/rehype-mathjax/node_modules/jsdom/node_modules/rrweb-cssom": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/rrweb-cssom/-/rrweb-cssom-0.6.0.tgz",
+      "integrity": "sha512-APM0Gt1KoXBz0iIkkdB/kfvGOwC4UuJFeG/c+yV7wSc7q96cG/kJ0HiYCnzivD9SB53cLV1MlHFNfOuPaadYSw==",
+      "license": "MIT"
+    },
+    "node_modules/rehype-mathjax/node_modules/tr46": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-5.0.0.tgz",
+      "integrity": "sha512-tk2G5R2KRwBd+ZN0zaEXpmzdKyOYksXwywulIX95MBODjSzMIuQnQ3m8JxgbhnL1LeVo7lqQKsYa1O3Htl7K5g==",
+      "license": "MIT",
+      "dependencies": {
+        "punycode": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/rehype-mathjax/node_modules/w3c-xmlserializer": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-5.0.0.tgz",
+      "integrity": "sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==",
+      "license": "MIT",
+      "dependencies": {
+        "xml-name-validator": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/rehype-mathjax/node_modules/whatwg-encoding": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-3.1.1.tgz",
+      "integrity": "sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==",
+      "license": "MIT",
+      "dependencies": {
+        "iconv-lite": "0.6.3"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/rehype-mathjax/node_modules/whatwg-mimetype": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-4.0.0.tgz",
+      "integrity": "sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/rehype-mathjax/node_modules/whatwg-url": {
+      "version": "14.1.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-14.1.0.tgz",
+      "integrity": "sha512-jlf/foYIKywAt3x/XWKZ/3rz8OSJPiWktjmk891alJUEjiVxKX9LEO92qH3hv4aJ0mN3MWPvGMCy8jQi95xK4w==",
+      "license": "MIT",
+      "dependencies": {
+        "tr46": "^5.0.0",
+        "webidl-conversions": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/rehype-mathjax/node_modules/xml-name-validator": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-5.0.0.tgz",
+      "integrity": "sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/rehype-raw": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/rehype-raw/-/rehype-raw-7.0.0.tgz",
+      "integrity": "sha512-/aE8hCfKlQeA8LmyeyQvQF3eBiLRGNlfBJEvWH7ivp9sBqs7TNqBL5X3v157rM4IFETqDnIOO+z5M/biZbo9Ww==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "hast-util-raw": "^9.0.0",
         "vfile": "^6.0.0"
       },
       "funding": {
@@ -25095,6 +25833,84 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/remark-gfm": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/remark-gfm/-/remark-gfm-4.0.0.tgz",
+      "integrity": "sha512-U92vJgBPkbw4Zfu/IiW2oTZLSL3Zpv+uI7My2eq8JxKgqraFdU8YUGicEJCEgSbeaG+QDFqIcwwfMTOEelPxuA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "mdast-util-gfm": "^3.0.0",
+        "micromark-extension-gfm": "^3.0.0",
+        "remark-parse": "^11.0.0",
+        "remark-stringify": "^11.0.0",
+        "unified": "^11.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/remark-math": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/remark-math/-/remark-math-6.0.0.tgz",
+      "integrity": "sha512-MMqgnP74Igy+S3WwnhQ7kqGlEerTETXMvJhrUzDikVZ2/uogJCb+WHUg97hK9/jcfc0dkD73s3LN8zU49cTEtA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "mdast-util-math": "^3.0.0",
+        "micromark-extension-math": "^3.0.0",
+        "unified": "^11.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/remark-parse": {
+      "version": "11.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "micromark-util-types": "^2.0.0",
+        "unified": "^11.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/remark-rehype": {
+      "version": "11.1.1",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "mdast-util-to-hast": "^13.0.0",
+        "unified": "^11.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/remark-stringify": {
+      "version": "11.0.0",
+      "resolved": "https://registry.npmjs.org/remark-stringify/-/remark-stringify-11.0.0.tgz",
+      "integrity": "sha512-1OSmLd3awB/t8qdoEOMazZkNsfVTeY4fTsgzcQFdXNq8ToTN4ZGwrMnlda4K6smTFKD+GRV6O48i6Z4iKgPPpw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "mdast-util-to-markdown": "^2.0.0",
+        "unified": "^11.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/require-directory": {
       "version": "2.1.1",
       "license": "MIT",
@@ -25281,8 +26097,7 @@
       "version": "0.8.0",
       "resolved": "https://registry.npmjs.org/rrweb-cssom/-/rrweb-cssom-0.8.0.tgz",
       "integrity": "sha512-guoltQEx+9aMf2gDZ0s62EcV8lsXR+0w8915TC3ITdn2YueuNjdAYh/levpU9nFaoChh9RUS5ZdQMrKfVEN9tw==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/run-parallel": {
       "version": "1.2.0",
@@ -27004,6 +27819,29 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/speech-rule-engine": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/speech-rule-engine/-/speech-rule-engine-4.0.7.tgz",
+      "integrity": "sha512-sJrL3/wHzNwJRLBdf6CjJWIlxC04iYKkyXvYSVsWVOiC2DSkHmxsqOhEeMsBA9XK+CHuNcsdkbFDnoUfAsmp9g==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "commander": "9.2.0",
+        "wicked-good-xpath": "1.3.0",
+        "xmldom-sre": "0.1.31"
+      },
+      "bin": {
+        "sre": "bin/sre"
+      }
+    },
+    "node_modules/speech-rule-engine/node_modules/commander": {
+      "version": "9.2.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-9.2.0.tgz",
+      "integrity": "sha512-e2i4wANQiSXgnrBlIatyHtP1odfUp0BbV5Y5nEGbxtIrStkEOAAzCUirvLBNXHLr7kwLvJl6V+4V3XV9x7Wd9w==",
+      "license": "MIT",
+      "engines": {
+        "node": "^12.20.0 || >=14"
+      }
+    },
     "node_modules/speedometer": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/speedometer/-/speedometer-1.0.0.tgz",
@@ -28224,7 +29062,6 @@
       "resolved": "https://registry.npmjs.org/tldts/-/tldts-6.1.76.tgz",
       "integrity": "sha512-6U2ti64/nppsDxQs9hw8ephA3nO6nSQvVVfxwRw8wLQPFtLI1cFI1a1eP22g+LUP+1TA2pKKjUTwWB+K2coqmQ==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "tldts-core": "^6.1.76"
       },
@@ -28236,8 +29073,7 @@
       "version": "6.1.76",
       "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-6.1.76.tgz",
       "integrity": "sha512-uzhJ02RaMzgQR3yPoeE65DrcHI6LoM4saUqXOt/b5hmb3+mc4YWpdSeAQqVqRUlQ14q8ZuLRWyBR1ictK1dzzg==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/tmpl": {
       "version": "1.0.5",
@@ -28855,6 +29691,20 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/unist-util-find-after": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/unist-util-find-after/-/unist-util-find-after-5.0.0.tgz",
+      "integrity": "sha512-amQa0Ep2m6hE2g72AugUItjbuM8X8cGQnFoHk0pGfrFeT9GZhzN5SW8nRsiGKK7Aif4CrACPENkA6P/Lw6fHGQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "unist-util-is": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/unist-util-is": {
       "version": "6.0.0",
       "license": "MIT",
@@ -28877,6 +29727,20 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/unist-util-remove-position": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/unist-util-remove-position/-/unist-util-remove-position-5.0.0.tgz",
+      "integrity": "sha512-Hp5Kh3wLxv0PHj9m2yZhhLt58KzPtEYKQQ4yxfYFEO7EvHwzyDYnduhHnY1mDxoqr7VUwVuHXk9RXKIiYS1N8Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "unist-util-visit": "^5.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/unist-util-stringify-position": {
       "version": "4.0.0",
       "license": "MIT",
@@ -29187,6 +30051,20 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/vfile-location": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/vfile-location/-/vfile-location-5.0.3.tgz",
+      "integrity": "sha512-5yXvWDEgqeiYiBe1lbxYF7UMAIm/IcopxMHrMQDq3nvKcjPKIhZklUKL+AE7J7uApI4kwe2snsK+eI6UTj9EHg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/vfile-message": {
       "version": "4.0.2",
       "license": "MIT",
@@ -29278,6 +30156,16 @@
       "license": "Apache-2.0",
       "peer": true
     },
+    "node_modules/web-namespaces": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/web-namespaces/-/web-namespaces-2.0.1.tgz",
+      "integrity": "sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/webgl-constants": {
       "version": "1.1.1"
     },
@@ -29541,6 +30429,12 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/wicked-good-xpath": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/wicked-good-xpath/-/wicked-good-xpath-1.3.0.tgz",
+      "integrity": "sha512-Gd9+TUn5nXdwj/hFsPVx5cuHHiF5Bwuc30jZ4+ronF1qHK5O7HD0sgmXWSEgwKquT3ClLoKPVbO6qGwVwLzvAw==",
+      "license": "MIT"
+    },
     "node_modules/wordwrapjs": {
       "version": "5.1.0",
       "license": "MIT",
@@ -29645,6 +30539,15 @@
       "version": "2.2.0",
       "license": "MIT"
     },
+    "node_modules/xmldom-sre": {
+      "version": "0.1.31",
+      "resolved": "https://registry.npmjs.org/xmldom-sre/-/xmldom-sre-0.1.31.tgz",
+      "integrity": "sha512-f9s+fUkX04BxQf+7mMWAp5zk61pciie+fFLC9hX9UVvCeJQfNHRHXpeo5MPcR0EUf57PYLdt+ZO4f3Ipk2oZUw==",
+      "license": "(LGPL-2.0 or MIT)",
+      "engines": {
+        "node": ">=0.1"
+      }
+    },
     "node_modules/xregexp": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/xregexp/-/xregexp-2.0.0.tgz",
diff --git a/package.json b/package.json
index 221808a51..8c79f430a 100644
--- a/package.json
+++ b/package.json
@@ -88,6 +88,7 @@
     "react-dom": "18.3.1",
     "react-error-boundary": "^4.0.4",
     "react-intersection-observer": "^9.5.2",
+    "react-ipynb-renderer": "^2.2.4",
     "react-markdown": "^9.0.3",
     "react-pdf": "^7.7.0",
     "react-plotly.js": "^2.6.0",
diff --git a/src/app/api/github/download-notebook/route.ts b/src/app/api/github/download-notebook/route.ts
index cba82314a..5e76228f6 100644
--- a/src/app/api/github/download-notebook/route.ts
+++ b/src/app/api/github/download-notebook/route.ts
@@ -1,5 +1,5 @@
 import { NextResponse } from 'next/server';
-import { downloadZippedFolder } from '@/util/virtual-lab/github';
+// import { downloadZippedNotebook } from '@/util/virtual-lab/github';
 import { assertErrorMessage } from '@/util/utils';
 
 export async function GET(request: Request): Promise<NextResponse> {
@@ -11,9 +11,9 @@ export async function GET(request: Request): Promise<NextResponse> {
   }
 
   try {
-    const zipContent = await downloadZippedFolder(folder);
+    // const zipContent = await downloadZippedFolder(folder);
 
-    return new NextResponse(zipContent, {
+    return new NextResponse(null, {
       headers: {
         'Content-Type': 'application/zip',
         'Content-Disposition': `attachment; filename="${folder}.zip"`,
diff --git a/src/app/api/github/fetch-file/route.ts b/src/app/api/github/fetch-file/route.ts
index 727a7a98f..eac269fa1 100644
--- a/src/app/api/github/fetch-file/route.ts
+++ b/src/app/api/github/fetch-file/route.ts
@@ -1,5 +1,5 @@
 import { NextResponse } from 'next/server';
-import { fetchFile } from '@/util/virtual-lab/github';
+import { fetchGithubFile } from '@/util/virtual-lab/github';
 
 export async function GET(request: Request): Promise<NextResponse> {
   const { searchParams } = new URL(request.url);
@@ -9,7 +9,7 @@ export async function GET(request: Request): Promise<NextResponse> {
     return NextResponse.json({ error: 'Missing required parameters' }, { status: 400 });
   }
 
-  const file = await fetchFile(path);
+  const file = await fetchGithubFile(path);
 
   return new NextResponse(file, {
     headers: {
diff --git a/src/app/virtual-lab/lab/[virtualLabId]/project/[projectId]/(pages)/notebooks/ContentModal.tsx b/src/app/virtual-lab/lab/[virtualLabId]/project/[projectId]/(pages)/notebooks/ContentModal.tsx
index 906e35726..0a74503a3 100644
--- a/src/app/virtual-lab/lab/[virtualLabId]/project/[projectId]/(pages)/notebooks/ContentModal.tsx
+++ b/src/app/virtual-lab/lab/[virtualLabId]/project/[projectId]/(pages)/notebooks/ContentModal.tsx
@@ -1,53 +1,75 @@
 import { useEffect, useState } from 'react';
 import { Modal } from 'antd/lib';
 import ReactMarkdown from 'react-markdown';
-import { basePath, notebookRepository } from '@/config';
+import { IpynbRenderer } from 'react-ipynb-renderer';
+import { Notebook } from '@/util/virtual-lab/github';
+import { basePath } from '@/config';
+
+import 'react-ipynb-renderer/dist/styles/monokai.css';
 
 import 'github-markdown-css';
+import { notification } from '@/api/notifications';
 
 export default function ContentModal({
-  file,
+  notebook,
   onCancel,
+  display,
 }: {
-  file: { path: string; type: 'notebook' | 'text' } | null;
+  notebook: Notebook | null;
+  display: 'notebook' | 'readme' | null;
   onCancel: () => void;
 }) {
   const [content, setContent] = useState<string | null>(null);
 
   useEffect(() => {
+    const controller = new AbortController();
+
     async function fetchFile() {
-      if (!file) return;
-      const res = await fetch(
-        `${basePath}/api/github/fetch-file?path=${encodeURIComponent(file.path)}`
-      );
-
-      if (!res.ok) {
-        setContent('Cannot display the contents, ensure the repository is public');
-      } else {
-        setContent(await res.text());
+      if (!notebook || !display) return;
+
+      try {
+        const res = await fetch(
+          `${basePath}/api/github/fetch-file?path=${encodeURIComponent(display === 'notebook' ? notebook.notebookUrl : notebook.readmeUrl)}`,
+          { signal: controller.signal }
+        );
+
+        if (!res.ok) {
+          notification.error('Cannot display the contents, ensure the repository is public');
+        } else {
+          setContent(await res.text());
+        }
+      } catch (error) {
+        if (error instanceof Error && error.name !== 'AbortError') {
+          notification.error('An error occurred while fetching the file');
+        }
       }
     }
 
     fetchFile();
-  }, [file]);
+
+    return () => controller.abort();
+  }, [notebook, display]);
 
   return (
-    <Modal open={!!file && !!content} onCancel={onCancel} footer={false} width="70%">
+    <Modal
+      open={!!notebook && !!content}
+      onCancel={() => {
+        setContent(null);
+        onCancel();
+      }}
+      footer={false}
+      width="70%"
+    >
       <div>
-        {file?.type === 'text' && (
+        {display === 'readme' && !!content && (
           <div className="markdown-body">
             <ReactMarkdown>{content}</ReactMarkdown>
           </div>
         )}
 
-        {file?.type === 'notebook' && content && (
-          <div className="h-[80vh] w-full">
-            <iframe
-              title={file.path}
-              src={`https://nbviewer.org/github/${notebookRepository.user}/${notebookRepository.repository}/blob/main/${encodeURIComponent(file.path)}`}
-              width="100%"
-              height="100%"
-            />
+        {display === 'notebook' && !!notebook && !!content && (
+          <div className="h-[80vh] w-full overflow-y-scroll">
+            <IpynbRenderer ipynb={JSON.parse(content)} />
           </div>
         )}
       </div>
diff --git a/src/app/virtual-lab/lab/[virtualLabId]/project/[projectId]/(pages)/notebooks/NotebookTable.tsx b/src/app/virtual-lab/lab/[virtualLabId]/project/[projectId]/(pages)/notebooks/NotebookTable.tsx
index ef86d5e0b..cd61ad04a 100644
--- a/src/app/virtual-lab/lab/[virtualLabId]/project/[projectId]/(pages)/notebooks/NotebookTable.tsx
+++ b/src/app/virtual-lab/lab/[virtualLabId]/project/[projectId]/(pages)/notebooks/NotebookTable.tsx
@@ -7,15 +7,16 @@ import Image from 'next/image';
 import { saveAs } from 'file-saver';
 import { format, compareAsc } from 'date-fns';
 import { Popover } from 'antd/lib';
-import { LoadingOutlined, PlusOutlined } from '@ant-design/icons';
+import { DeleteOutlined, LoadingOutlined, PlusOutlined } from '@ant-design/icons';
 import dynamic from 'next/dynamic';
 import { useMemo, useState } from 'react';
 import dateFnsGenerateConfig from 'rc-picker/lib/generate/dateFns'; // eslint-disable-line import/no-extraneous-dependencies
 import { RangeValue } from 'rc-picker/lib/interface'; // eslint-disable-line import/no-extraneous-dependencies
 import { getSorter } from './utils';
 import ContentModal from './ContentModal';
+import NotebookTabs from './NotebookTabs';
 import useSearch from '@/components/VirtualLab/Search';
-import { Notebook } from '@/util/virtual-lab/github';
+import { downloadZippedNotebook, Notebook } from '@/util/virtual-lab/github';
 import { basePath } from '@/config';
 
 import FilterControls from '@/components/FilterControls/FilterControls';
@@ -25,12 +26,36 @@ import { notification } from '@/api/notifications';
 
 const { RangePicker } = DatePicker.generatePicker<Date>(dateFnsGenerateConfig);
 
-function NotebookTable({ notebooks }: { notebooks: Notebook[] }) {
+function NotebookTable({
+  notebooks,
+  failed,
+  onDelete,
+  vlabId,
+  projectId,
+}: {
+  vlabId: string;
+  projectId: string;
+  notebooks: Notebook[];
+  failed?: string[];
+  onDelete?: (id: string) => void;
+}) {
   const [loadingZip, setLoadingZip] = useState(false);
-  const [file, setFile] = useState<{
-    path: string;
-    type: 'notebook' | 'text';
-  } | null>(null);
+  const [currentNotebook, setCurrentNotebook] = useState<Notebook | null>(null);
+  const [display, setDisplay] = useState<'notebook' | 'readme' | null>(null);
+
+  const resetModal = () => {
+    setCurrentNotebook(null);
+    setDisplay(null);
+  };
+
+  if (failed && failed.length)
+    notification.warning(
+      "Failed to fetch some repositories, ensure they're public and contain valid metadate for each notebook",
+      undefined,
+      undefined,
+      undefined,
+      'failed-repo-warning'
+    );
 
   const { search, Search } = useSearch({
     placeholder: 'Search for notebooks',
@@ -48,8 +73,7 @@ function NotebookTable({ notebooks }: { notebooks: Notebook[] }) {
       const searchFields: StringKeys[] = [
         'author',
         'description',
-        'fileName',
-        'key',
+        'notebookUrl',
         'name',
         'objectOfInterest',
       ];
@@ -63,27 +87,20 @@ function NotebookTable({ notebooks }: { notebooks: Notebook[] }) {
     });
   }, [notebooks, search]);
 
-  const handleDownloadClick = async (directory: string, notebookName: string) => {
+  const handleDownloadClick = async (notebook: Notebook) => {
     setLoadingZip(true);
-    const res = await fetch(
-      `${basePath}/api/github/download-notebook?folder=${encodeURIComponent(directory)}`
-    );
 
-    setLoadingZip(false);
-    if (!res.ok) {
-      notification.error('Failed to download');
-      return;
-    }
+    try {
+      const blob = await downloadZippedNotebook(notebook);
 
-    const blob = await res.blob();
-    saveAs(blob, `${notebookName}.zip`);
+      saveAs(blob, `${notebook.name}.zip`);
+      setLoadingZip(false);
+    } catch {
+      notification.error('Failed to download the contents, ensure the repo is public');
+    }
   };
 
-  const renderActionColumns = (uri: string) => {
-    const directory = uri.slice(0, uri.lastIndexOf('/'));
-    const notebookName = directory.split('/').pop();
-    if (!notebookName) throw new Error('An error occurred');
-
+  const renderActionColumns = (_: string, notebook: Notebook) => {
     return (
       <div id="popover">
         <Popover
@@ -98,7 +115,10 @@ function NotebookTable({ notebooks }: { notebooks: Notebook[] }) {
                 />
                 <button
                   type="button"
-                  onClick={() => setFile({ path: `${directory}/README.md`, type: 'text' })}
+                  onClick={() => {
+                    setDisplay('readme');
+                    setCurrentNotebook(notebook);
+                  }}
                 >
                   Readme
                 </button>
@@ -110,14 +130,12 @@ function NotebookTable({ notebooks }: { notebooks: Notebook[] }) {
                   height={12}
                   alt="Readme"
                 />
-                <button
-                  type="button"
-                  onClick={() =>
-                    setFile({ path: `${directory}/analysis_notebook.ipynb`, type: 'notebook' })
-                  }
+                <a
+                  href={`https://nbviewer.org/github/${notebook.githubUser}/${notebook.githubRepo}/blob/${notebook.defaultBranch}/${notebook.path}`}
+                  target="_blank"
                 >
                   Preview
-                </button>
+                </a>
               </div>
               <div className="flex gap-4">
                 <Image
@@ -129,12 +147,25 @@ function NotebookTable({ notebooks }: { notebooks: Notebook[] }) {
                 <button
                   type="button"
                   className="hover:text-primary-4"
-                  onClick={() => handleDownloadClick(directory, notebookName)}
+                  onClick={() => handleDownloadClick(notebook)}
                 >
                   Download
                 </button>
                 {loadingZip && <LoadingOutlined />}
               </div>
+
+              {onDelete && (
+                <div className="flex gap-4 text-error">
+                  <DeleteOutlined className="text-error" />
+                  <button
+                    type="button"
+                    className="hover:text-primary-4"
+                    onClick={() => onDelete(notebook.id)}
+                  >
+                    Delete
+                  </button>
+                </div>
+              )}
             </div>
           }
           overlayStyle={{ border: '1px solid #096DD9' }}
@@ -154,22 +185,33 @@ function NotebookTable({ notebooks }: { notebooks: Notebook[] }) {
       title: 'Name',
       dataIndex: 'name',
       key: 'name',
-      render: (name: string) => <strong>{name}</strong>,
+      render: (name: string, notebook: Notebook) => (
+        <button
+          className="cursor-pointer"
+          aria-label="preview"
+          type="button"
+          onClick={() => {
+            setDisplay('notebook');
+            setCurrentNotebook(notebook);
+          }}
+        >
+          {name}
+        </button>
+      ),
       sorter: getSorter('name'),
     },
 
-    {
-      title: 'Description',
-      dataIndex: 'description',
-      key: 'description',
-      sorter: getSorter('description'),
-    },
-
     {
       title: 'Object of interest',
       dataIndex: 'objectOfInterest',
       key: 'objectOfInterest',
-      sorter: getSorter('objectOfInterest'),
+    },
+
+    {
+      title: 'Scale',
+      dataIndex: 'scale',
+      key: 'scale',
+      sorter: getSorter('scale'),
     },
 
     {
@@ -199,8 +241,8 @@ function NotebookTable({ notebooks }: { notebooks: Notebook[] }) {
     },
 
     {
-      dataIndex: 'fileName',
-      key: 'fileName',
+      dataIndex: 'notebookUrl',
+      key: 'notebookUrl',
       render: renderActionColumns,
     },
   ];
@@ -220,61 +262,59 @@ function NotebookTable({ notebooks }: { notebooks: Notebook[] }) {
         },
       }}
     >
-      <div className="mt-10 flex items-center justify-between">
-        {Search}
-        <FilterControls columns={columns} filtersCount={filterCount}>
-          <ColumnToggle
-            hidden={isColumnHidden('name')}
-            title="Name"
-            onToggle={() => toggleColumn('name')}
-          />
-          <ColumnToggle
-            hidden={isColumnHidden('description')}
-            title="Description"
-            onToggle={() => toggleColumn('description')}
-          />
-          <ColumnToggle
-            hidden={isColumnHidden('objectOfInterest')}
-            title="Object of interest"
-            onToggle={() => toggleColumn('objectOfInterest')}
-          />
-          <ColumnToggle
-            hidden={isColumnHidden('author')}
-            title="Author"
-            onToggle={() => toggleColumn('author')}
-          />
-          <ColumnToggle
-            hidden={isColumnHidden('creationDate')}
-            title="Creation date"
-            onToggle={() => toggleColumn('creationDate')}
-          >
-            <ConfigProvider
-              theme={{
-                token: {
-                  colorBgBase: '#002766',
-                  colorPrimary: '#40a9ff',
-                  colorTextPlaceholder: '#8c8c8c',
-                  colorTextDisabled: '#8c8c8c',
-                  colorIcon: '#8c8c8c',
-                  colorIconHover: '#40a9ff',
-                },
-              }}
+      <>
+        <NotebookTabs vlabId={vlabId} projectId={projectId} />
+        <div className="mt-10 flex items-center justify-between">
+          {Search}
+          <FilterControls numberOfColumns={filteredColumns.length - 1} filtersCount={filterCount}>
+            <ColumnToggle
+              hidden={isColumnHidden('scale')}
+              title="Scale"
+              onToggle={() => toggleColumn('scale')}
+            />
+            <ColumnToggle
+              hidden={isColumnHidden('objectOfInterest')}
+              title="Object of interest"
+              onToggle={() => toggleColumn('objectOfInterest')}
+            />
+            <ColumnToggle
+              hidden={isColumnHidden('author')}
+              title="Author"
+              onToggle={() => toggleColumn('author')}
+            />
+            <ColumnToggle
+              hidden={isColumnHidden('creationDate')}
+              title="Creation date"
+              onToggle={() => toggleColumn('creationDate')}
             >
-              <RangePicker
-                onChange={(values: RangeValue<Date>) => {
-                  onDateChange('creationDate', values);
+              <ConfigProvider
+                theme={{
+                  token: {
+                    colorBgBase: '#002766',
+                    colorPrimary: '#40a9ff',
+                    colorTextPlaceholder: '#8c8c8c',
+                    colorTextDisabled: '#8c8c8c',
+                    colorIcon: '#8c8c8c',
+                    colorIconHover: '#40a9ff',
+                  },
                 }}
-              />
-            </ConfigProvider>
-          </ColumnToggle>
-        </FilterControls>
-      </div>
+              >
+                <RangePicker
+                  onChange={(values: RangeValue<Date>) => {
+                    onDateChange('creationDate', values);
+                  }}
+                />
+              </ConfigProvider>
+            </ColumnToggle>
+          </FilterControls>
+        </div>
+      </>
 
       <div id="table-container" className="mt-5">
         <Table dataSource={filteredData} columns={filteredColumns} pagination={false} />
       </div>
 
-      <ContentModal file={file} onCancel={() => setFile(null)} />
+      <ContentModal notebook={currentNotebook} display={display} onCancel={resetModal} />
 
       <style jsx global>{`
         /* Change color of sorting icons */
diff --git a/src/app/virtual-lab/lab/[virtualLabId]/project/[projectId]/(pages)/notebooks/NotebookTabs.tsx b/src/app/virtual-lab/lab/[virtualLabId]/project/[projectId]/(pages)/notebooks/NotebookTabs.tsx
new file mode 100644
index 000000000..4112d8f3e
--- /dev/null
+++ b/src/app/virtual-lab/lab/[virtualLabId]/project/[projectId]/(pages)/notebooks/NotebookTabs.tsx
@@ -0,0 +1,31 @@
+'use client';
+
+import Link from 'next/link';
+import usePathname from '@/hooks/pathname';
+import { classNames } from '@/util/utils';
+
+export default function NotebookTabs({ vlabId, projectId }: { projectId: string; vlabId: string }) {
+  const currentPath = usePathname();
+
+  const notebooksPath = `/virtual-lab/lab/${vlabId}/project/${projectId}/notebooks`;
+
+  const tabClassName = (highlighted: boolean) =>
+    classNames(
+      highlighted ? 'bg-white text-primary-9' : 'bg-primary-9 text-white',
+      'border border-primary-8 p-5'
+    );
+
+  const isMember = currentPath.includes('member');
+
+  return (
+    <div className="-mt-[84px] ml-5 flex">
+      <Link href={notebooksPath} className={tabClassName(!isMember)}>
+        OBI Notebooks
+      </Link>
+
+      <Link className={tabClassName(isMember)} href={notebooksPath + '/member'}>
+        Member Notebooks
+      </Link>
+    </div>
+  );
+}
diff --git a/src/app/virtual-lab/lab/[virtualLabId]/project/[projectId]/(pages)/notebooks/member/UserNotebookPage.tsx b/src/app/virtual-lab/lab/[virtualLabId]/project/[projectId]/(pages)/notebooks/member/UserNotebookPage.tsx
new file mode 100644
index 000000000..2bc8ac9d4
--- /dev/null
+++ b/src/app/virtual-lab/lab/[virtualLabId]/project/[projectId]/(pages)/notebooks/member/UserNotebookPage.tsx
@@ -0,0 +1,251 @@
+'use client';
+
+import { Tag } from 'antd/lib';
+
+import { Input, Modal } from 'antd';
+import { useState, useEffect, useRef } from 'react';
+import { LoadingOutlined } from '@ant-design/icons';
+import NotebookTable from '../NotebookTable';
+import { NotebookSchema } from '../schemas';
+import { fetchNotebook, Notebook } from '@/util/virtual-lab/github';
+import authFetch from '@/authFetch';
+import { notification } from '@/api/notifications';
+import { assertErrorMessage, assertVLApiResponse } from '@/util/utils';
+import { virtualLabApi } from '@/config';
+
+function useDelayedLoading(initialValue = false, delay = 200) {
+  const [loading, setLoading] = useState<boolean>(initialValue);
+  const timeoutRef = useRef<number | null>(null);
+
+  const setDelayedLoading = (newValue: boolean) => {
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+    }
+
+    if (newValue) {
+      timeoutRef.current = window.setTimeout(() => {
+        setLoading(true);
+      }, delay);
+    } else {
+      setLoading(false);
+    }
+  };
+
+  useEffect(() => {
+    return () => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+    };
+  }, []);
+
+  return [loading, setDelayedLoading] as const;
+}
+
+export default function UserNotebookPage({
+  initialNotebooks,
+  projectId,
+  vlabId,
+}: {
+  initialNotebooks: Notebook[];
+  projectId: string;
+  vlabId: string;
+}) {
+  const [notebooks, setNotebooks] = useState(initialNotebooks);
+  const [openModal, setOpenModal] = useState(false);
+  const [step, setStep] = useState(0);
+  const [notebookUrl, setNotebookUrl] = useState('');
+  const [notebook, setNotebook] = useState<Omit<Notebook, 'id' | 'creationDate'> | null>(null);
+  const [loading, setLoading] = useDelayedLoading(false);
+  const [deleteNotebookId, setDeleteNotebookId] = useState('');
+
+  const resetModal = () => {
+    setOpenModal(false);
+    setStep(0);
+    setNotebookUrl('');
+    setNotebook(null);
+    setLoading(false);
+  };
+
+  const handleDelete = async (id: string) => {
+    if (loading) return;
+
+    setLoading(true);
+
+    try {
+      const res = await authFetch(`${virtualLabApi.url}/projects/${projectId}/notebooks/${id}/`, {
+        method: 'DELETE',
+        headers: { 'Content-Type': 'application/json' },
+      });
+
+      if (!res.ok) {
+        notification.error('There was an error deregistering the notebook, please try again');
+        setDeleteNotebookId('');
+        return;
+      }
+    } catch {
+      notification.error('There was an error deregistering the notebook, please try again');
+      setDeleteNotebookId('');
+      return;
+    }
+
+    setNotebooks(notebooks.filter((n) => n.id === id));
+    setDeleteNotebookId('');
+    setLoading(false);
+  };
+
+  return (
+    <>
+      <NotebookTable
+        notebooks={notebooks}
+        onDelete={(id: string) => setDeleteNotebookId(id)}
+        projectId={projectId}
+        vlabId={vlabId}
+      />
+      <Modal open={openModal} onCancel={resetModal} footer={false} width="40vw">
+        {step === 0 && (
+          <>
+            <div className="mb-2 text-lg font-bold text-primary-8">Add a notebook</div>
+            <div className="text-sm text-gray-500">
+              <div>
+                Ensure the url points to a github folder containing{' '}
+                <code className="ml-1 mr-1 text-xs">analysis_notebook.ipynb</code> and{' '}
+                <code className="ml-1 mr-1 text-xs">analys_info.json</code>
+              </div>
+
+              <div className="mt-2">
+                Ensure the folder path contains the scale and notebook name e.g
+                <code className="ml-1 text-xs">
+                  <span>
+                    https://github.com/openbraininstitute/obi_platform_analysis_notebooks/tree/main/
+                  </span>
+                  <strong>Cellular</strong>
+                  <strong>/display_morphology_population_features</strong>
+                </code>
+              </div>
+            </div>
+            <div className="mb-5 mt-5">
+              <div className="mb-3 font-bold text-primary-8">Github url</div>
+              <Input
+                onChange={(e) => setNotebookUrl(e.currentTarget.value)}
+                onInput={(e) => setNotebookUrl(e.currentTarget.value)}
+                placeholder="Paste your url here"
+              />
+              <div className="-mb-6 mt-5 flex justify-end gap-3">
+                <button
+                  type="button"
+                  className="rounded bg-primary-8 p-2 text-white"
+                  onClick={async () => {
+                    try {
+                      setLoading(true);
+                      setNotebook(await fetchNotebook(notebookUrl.trim()));
+                      setStep(1);
+                    } catch (e) {
+                      notification.error(assertErrorMessage(e));
+                    } finally {
+                      setLoading(false);
+                    }
+                  }}
+                >
+                  Add notebok
+                </button>
+                {loading && <LoadingOutlined />}
+                <button type="button" onClick={resetModal}>
+                  Cancel
+                </button>
+              </div>
+            </div>
+          </>
+        )}
+
+        {step === 1 && (
+          <div className="mb-5 mt-5">
+            <div className="mb-3 font-bold text-primary-8">Register notebook</div>
+            <div className="grid grid-cols-2 gap-4">
+              <div className="flex flex-col gap-2">
+                <span className="text-primary-8">Name</span>
+                <Tag className="h-[30px] max-w-fit p-1">{notebook?.name}</Tag>
+              </div>
+
+              <div className="flex flex-col gap-2">
+                <span className="text-primary-8">Github folder url</span>
+                <Tag className="h-[40px] max-w-fit overflow-x-scroll p-1">{notebookUrl}</Tag>
+              </div>
+
+              <div className="flex flex-col gap-2">
+                <span className="text-primary-8">Inputs</span>
+                {notebook?.objectOfInterest.split(',').map((t) => (
+                  <Tag className="max-w-fit" key={notebook.path + t}>
+                    {t}
+                  </Tag>
+                ))}
+              </div>
+            </div>
+            <div className="-mb-6 mt-5 flex justify-end gap-3">
+              <button
+                type="button"
+                className="rounded bg-primary-8 p-2 text-white"
+                onClick={async () => {
+                  if (!notebook) return;
+                  setLoading(true);
+
+                  try {
+                    const notebookRes = await authFetch(
+                      `${virtualLabApi.url}/projects/${projectId}/notebooks/`,
+                      {
+                        method: 'POST',
+                        headers: { 'Content-Type': 'application/json' },
+                        body: JSON.stringify({ github_file_url: notebookUrl }),
+                      }
+                    );
+
+                    const newNotebook = await assertVLApiResponse(notebookRes);
+                    const newValidatedNotebook = NotebookSchema.parse(newNotebook);
+                    setNotebooks([
+                      ...notebooks,
+                      {
+                        ...notebook,
+                        id: newValidatedNotebook.id,
+                        creationDate: newValidatedNotebook.created_at,
+                      },
+                    ]);
+                  } catch (e) {
+                    notification.error('Unknown error, please try again.');
+                    resetModal();
+                    return;
+                  }
+
+                  resetModal();
+                }}
+              >
+                Register notebook
+                {loading && <LoadingOutlined />}
+              </button>
+
+              <button type="button" onClick={resetModal}>
+                Cancel
+              </button>
+            </div>
+          </div>
+        )}
+      </Modal>
+      <Modal
+        open={!!deleteNotebookId}
+        onCancel={() => setDeleteNotebookId('')}
+        onOk={() => handleDelete(deleteNotebookId)}
+        confirmLoading={loading}
+      >
+        <div>
+          This will deresgister the notebook for all project members. Do you wish to proceed?
+        </div>
+      </Modal>
+      <button
+        type="button"
+        className="fixed bottom-10 right-10 h-[50px] w-[200px] bg-white text-primary-8"
+        onClick={() => setOpenModal(true)}
+      >
+        Add a notebook
+      </button>
+    </>
+  );
+}
diff --git a/src/app/virtual-lab/lab/[virtualLabId]/project/[projectId]/(pages)/notebooks/member/page.tsx b/src/app/virtual-lab/lab/[virtualLabId]/project/[projectId]/(pages)/notebooks/member/page.tsx
new file mode 100644
index 000000000..fd1eaaeac
--- /dev/null
+++ b/src/app/virtual-lab/lab/[virtualLabId]/project/[projectId]/(pages)/notebooks/member/page.tsx
@@ -0,0 +1,47 @@
+import { NotebooksArraySchema } from '../schemas';
+import UserNotebookPage from './UserNotebookPage';
+import { ServerSideComponentProp } from '@/types/common';
+import { fetchNotebook } from '@/util/virtual-lab/github';
+import { virtualLabApi } from '@/config';
+import { assertVLApiResponse } from '@/util/utils';
+import authFetch from '@/authFetch';
+
+export default async function Notebooks({
+  params,
+}: ServerSideComponentProp<{ projectId: string; virtualLabId: string }>) {
+  const { projectId, virtualLabId } = params;
+
+  let userNotebookData: any;
+
+  try {
+    const userNotebooksRes = await authFetch(
+      `${virtualLabApi.url}/projects/${projectId}/notebooks/?page_size=100`
+    );
+
+    userNotebookData = await assertVLApiResponse(userNotebooksRes);
+  } catch {
+    throw new Error(`Failed to fetch notebooks for project ${projectId}`);
+  }
+
+  let notebooks: ReturnType<typeof NotebooksArraySchema.parse>;
+
+  try {
+    notebooks = NotebooksArraySchema.parse(userNotebookData.data.results);
+  } catch {
+    throw new Error(`Failed to validate data for notebooks`);
+  }
+
+  const notebooksPromises = notebooks.map((n) => fetchNotebook(n.github_file_url));
+  const validatedNotebooks = await Promise.all(notebooksPromises);
+  const initialNotebooks = validatedNotebooks.map((n, i) => {
+    return { ...n, id: notebooks[i].id, creationDate: notebooks[i].created_at };
+  });
+
+  return (
+    <UserNotebookPage
+      initialNotebooks={initialNotebooks}
+      projectId={projectId}
+      vlabId={virtualLabId}
+    />
+  );
+}
diff --git a/src/app/virtual-lab/lab/[virtualLabId]/project/[projectId]/(pages)/notebooks/page.tsx b/src/app/virtual-lab/lab/[virtualLabId]/project/[projectId]/(pages)/notebooks/page.tsx
index 314aad002..abbfb16e9 100644
--- a/src/app/virtual-lab/lab/[virtualLabId]/project/[projectId]/(pages)/notebooks/page.tsx
+++ b/src/app/virtual-lab/lab/[virtualLabId]/project/[projectId]/(pages)/notebooks/page.tsx
@@ -1,12 +1,12 @@
 import NotebookTable from './NotebookTable';
+import { notebookRepoUrl } from '@/config';
 import { ServerSideComponentProp } from '@/types/common';
 import fetchNotebooks from '@/util/virtual-lab/github';
 
 export default async function Notebooks({
   params,
-}: ServerSideComponentProp<{ projectId: string }>) {
-  // eslint-disable-next-line
-  const { projectId } = params;
-  const notebooks = await fetchNotebooks();
-  return <NotebookTable notebooks={notebooks} />;
+}: ServerSideComponentProp<{ projectId: string; virtualLabId: string }>) {
+  const { projectId, virtualLabId } = params;
+  const notebooks = await fetchNotebooks(notebookRepoUrl);
+  return <NotebookTable notebooks={notebooks} projectId={projectId} vlabId={virtualLabId} />;
 }
diff --git a/src/app/virtual-lab/lab/[virtualLabId]/project/[projectId]/(pages)/notebooks/schemas.tsx b/src/app/virtual-lab/lab/[virtualLabId]/project/[projectId]/(pages)/notebooks/schemas.tsx
new file mode 100644
index 000000000..87574c7ee
--- /dev/null
+++ b/src/app/virtual-lab/lab/[virtualLabId]/project/[projectId]/(pages)/notebooks/schemas.tsx
@@ -0,0 +1,13 @@
+import { z } from 'zod';
+
+const NotebookSchema = z.object({
+  id: z.string().uuid(),
+  project_id: z.string().uuid(),
+  github_file_url: z.string().url(),
+  created_at: z.string().datetime(),
+  updated_at: z.string().datetime(),
+});
+
+const NotebooksArraySchema = z.array(NotebookSchema);
+
+export { NotebookSchema, NotebooksArraySchema };
diff --git a/src/app/virtual-lab/lab/[virtualLabId]/project/[projectId]/(pages)/notebooks/utils.ts b/src/app/virtual-lab/lab/[virtualLabId]/project/[projectId]/(pages)/notebooks/utils.ts
index 9e001c86b..e9f7a3cff 100644
--- a/src/app/virtual-lab/lab/[virtualLabId]/project/[projectId]/(pages)/notebooks/utils.ts
+++ b/src/app/virtual-lab/lab/[virtualLabId]/project/[projectId]/(pages)/notebooks/utils.ts
@@ -1,11 +1,5 @@
-import { notebookRepository } from '@/config';
 import { Notebook } from '@/util/virtual-lab/github';
 
-export const fileUrl = (path: string) =>
-  encodeURIComponent(
-    `${notebookRepository.user}/${notebookRepository.repository}/blob/master/${path}`
-  );
-
 export const getSorter = (key: keyof Notebook) => {
   const sorter = (a: Notebook, b: Notebook) => {
     if (!(key in a && typeof a[key] === 'string' && key in b && typeof b[key] === 'string'))
diff --git a/src/components/FilterControls/ControlPanel.tsx b/src/components/FilterControls/ControlPanel.tsx
index e627ec47c..147a0deae 100644
--- a/src/components/FilterControls/ControlPanel.tsx
+++ b/src/components/FilterControls/ControlPanel.tsx
@@ -6,21 +6,21 @@ export type Column<T> = ColumnType<T> & {
   key: string;
 };
 
-export type ControlPanelProps<T extends { [key: string]: any }> = {
+export type ControlPanelProps = {
   children?: React.ReactNode;
-  columns: Column<T>[];
+  numberOfColumns: number;
   onClose: () => void;
   visible: boolean;
 };
 
-export default function ControlPanel<T extends { [key: string]: any }>({
+export default function ControlPanel({
   visible,
   onClose,
-  columns,
+  numberOfColumns,
   children,
-}: ControlPanelProps<T>) {
-  const activeColumnsText = `${columns.length} active ${
-    columns.length === 1 ? 'column' : 'columns'
+}: ControlPanelProps) {
+  const activeColumnsText = `${numberOfColumns} active ${
+    numberOfColumns === 1 ? 'column' : 'columns'
   }`;
 
   return (
diff --git a/src/components/FilterControls/Filter.tsx b/src/components/FilterControls/Filter.tsx
index bfae4c5ef..d8176fe85 100644
--- a/src/components/FilterControls/Filter.tsx
+++ b/src/components/FilterControls/Filter.tsx
@@ -4,30 +4,25 @@ import { Column } from './ControlPanel';
 
 export function useToggleColumns<T>(columns: Column<T>[]) {
   const [columnHidden, setColumnHidden] = useState(() => {
-    const cols: { [key: string]: boolean } = {};
-    columns.forEach((c) => {
-      cols[c.key] = false;
-    });
-    return cols;
+    return Object.fromEntries(columns.map((c) => [c.key, false])) as Record<keyof T, boolean>;
   });
 
   const toggleColumn = useCallback(
     (key: keyof T) => {
-      setColumnHidden({ ...columnHidden, [key]: !columnHidden[key as string] });
+      setColumnHidden({ ...columnHidden, [key]: !columnHidden[key] });
     },
     [columnHidden]
   );
 
   const isColumnHidden = useCallback(
     (key: keyof T) => {
-      const column = columns.find((col) => col.key === key);
-      return !!column?.hidden;
+      return columnHidden[key];
     },
-    [columns]
+    [columnHidden]
   );
 
   return {
-    filteredColumns: columns.filter((c) => columnHidden[c.key] === false),
+    filteredColumns: columns.filter((c) => columnHidden[c.key as keyof T] === false),
     toggleColumn,
     isColumnHidden,
   };
@@ -118,24 +113,15 @@ export default function ColumnToggle({
   title: string;
   children?: ReactNode;
 }) {
-  const [expanded, setExpanded] = useState(false);
-
   return (
     <div>
       <div className="mb-3 flex cursor-pointer items-center gap-3">
         {!hidden && <EyeOutlined className="text-white" onClick={onToggle} />}
         {hidden && <EyeInvisibleOutlined className="text-[#69C0FF]" onClick={onToggle} />}
-        <button
-          type="button"
-          onClick={() => {
-            setExpanded(!expanded);
-          }}
-        >
-          {title}
-        </button>
+        {title}
       </div>
 
-      {expanded && children}
+      {children}
     </div>
   );
 }
diff --git a/src/components/FilterControls/FilterControls.tsx b/src/components/FilterControls/FilterControls.tsx
index eda9a14fe..17b415211 100644
--- a/src/components/FilterControls/FilterControls.tsx
+++ b/src/components/FilterControls/FilterControls.tsx
@@ -1,19 +1,19 @@
 import { HTMLProps, PropsWithChildren, useState } from 'react';
-import ControlPanel, { Column } from './ControlPanel';
+import ControlPanel from './ControlPanel';
 import SettingsIcon from '@/components/icons/Settings';
 import { classNames } from '@/util/utils';
 
-export default function FilterControls<T extends { [key: string]: any }>({
+export default function FilterControls({
   filtersCount,
   disabled,
   className,
-  columns,
+  numberOfColumns,
   children,
 }: PropsWithChildren<{
   disabled?: boolean;
   filtersCount: number;
   className?: HTMLProps<HTMLElement>['className'];
-  columns: Column<T>[];
+  numberOfColumns: number;
 }>) {
   const [displayControlPanel, setDisplayControlPanel] = useState(false);
 
@@ -46,8 +46,8 @@ export default function FilterControls<T extends { [key: string]: any }>({
                 </span>
                 <span className="text-xs font-semibold leading-5 text-neutral-4">
                   <>
-                    {columns.length} active
-                    {columns.length === 1 ? ' column' : ' columns'}
+                    {numberOfColumns} active
+                    {numberOfColumns === 1 ? ' column' : ' columns'}
                   </>
                 </span>
               </div>
@@ -59,7 +59,7 @@ export default function FilterControls<T extends { [key: string]: any }>({
 
       <ControlPanel
         onClose={() => setDisplayControlPanel(false)}
-        columns={columns}
+        numberOfColumns={numberOfColumns}
         visible={displayControlPanel}
       >
         {children}
diff --git a/src/components/VirtualLab/projects/VirtualLabProjectSidebar/index.tsx b/src/components/VirtualLab/projects/VirtualLabProjectSidebar/index.tsx
index 2ab31e921..87f97d958 100644
--- a/src/components/VirtualLab/projects/VirtualLabProjectSidebar/index.tsx
+++ b/src/components/VirtualLab/projects/VirtualLabProjectSidebar/index.tsx
@@ -1,4 +1,5 @@
 import VirtualLabProjectSidebar from './VirtualLabProjectSidebar';
+import { notebookRepoUrl } from '@/config';
 import { fetchNotebooksCatchError } from '@/util/virtual-lab/github';
 
 type Props = {
@@ -7,7 +8,7 @@ type Props = {
 };
 
 export default async function VirtualLabProjectSidebarServer({ virtualLabId, projectId }: Props) {
-  const notebooks = await fetchNotebooksCatchError();
+  const notebooks = await fetchNotebooksCatchError(notebookRepoUrl);
   return (
     <VirtualLabProjectSidebar
       virtualLabId={virtualLabId}
diff --git a/src/config.ts b/src/config.ts
index 6d3a478ec..45f59c9b2 100644
--- a/src/config.ts
+++ b/src/config.ts
@@ -104,7 +104,5 @@ export const virtualLabApi = {
   url: env.NEXT_PUBLIC_VIRTUAL_LAB_API_URL,
 };
 
-export const notebookRepository = {
-  user: 'openbraininstitute',
-  repository: 'obi_platform_analysis_notebooks',
-};
+export const notebookRepoUrl =
+  'https://github.com/openbraininstitute/obi_platform_analysis_notebooks';
diff --git a/src/util/virtual-lab/github.ts b/src/util/virtual-lab/github.ts
index 0dcbac9f8..3e0a7f95d 100644
--- a/src/util/virtual-lab/github.ts
+++ b/src/util/virtual-lab/github.ts
@@ -1,70 +1,118 @@
 import JSZip from 'jszip';
+import { z } from 'zod';
+import capitalize from 'lodash/capitalize';
 import { assertErrorMessage } from '../utils';
-import { notebookRepository } from '@/config';
-
-const apiBaseUrl = `https://api.github.com/repos/${notebookRepository.user}/${notebookRepository.repository}`;
 
 export const options = {
+  headers: {
+    Accept: 'application/vnd.github.v3+json',
+  },
+
   next: {
     revalidate: 3600 * 24,
   },
 };
 
 export interface Notebook {
+  id: string;
   key: string;
   name: string;
   description: string;
-  objectOfInterest: string;
-  fileName: string;
+  scale: string;
+  path: string;
+  notebookUrl: string;
+  metadataUrl: string;
+  readmeUrl: string;
   author: string;
+  githubUser: string;
+  githubRepo: string;
   creationDate: string | null;
+  defaultBranch: string;
+  objectOfInterest: string;
 }
 
-export default async function fetchNotebooks(): Promise<Notebook[]> {
+type Item = {
+  url: string;
+  path: string;
+};
+
+function assertGithubApiResponse(res: Response) {
+  if (res.headers.get('x-ratelimit-remaining') === '0') {
+    throw new Error('GitHub API Rate limit reached');
+  }
+}
+
+export default async function fetchNotebooks(repoUrl: string): Promise<Notebook[]> {
+  const repoDetails = extractUserAndRepo(repoUrl);
+
+  const apiBaseUrl = `https://api.github.com/repos/${repoDetails.user}/${repoDetails.repo}`;
+
   const repoRes = await fetch(apiBaseUrl, options);
 
   if (!repoRes.ok) {
-    if (repoRes.headers.get('x-ratelimit-remaining') === '0') {
-      throw new Error('GitHub API Rate limit reached');
-    }
-    throw new Error('Cannot fetch the notebooks, ensure the notebook is public');
+    assertGithubApiResponse(repoRes);
+    throw new Error(`Cannot fetch the repository ${repoUrl}`);
   }
-  const repo = await repoRes.json();
+  const repository = await repoRes.json();
 
-  const defaultBranch = repo.default_branch;
+  const defaultBranch = repository.default_branch;
 
-  if (!defaultBranch) throw new Error(`Failed to fetch the repository`);
+  if (!defaultBranch) throw new Error(`Failed to fetch the repository ${repoUrl}`);
 
   const response = await fetch(apiBaseUrl + `/git/trees/${defaultBranch}?recursive=1`, options);
 
   if (!response.ok) {
-    throw new Error('Cannot fetch the notebooks, ensure the notebook is public');
+    throw new Error(`Cannot fetch the repository ${repoUrl} , ensure the repository is public`);
   }
 
-  const tree = await response.json();
-  if (!tree.tree) throw new Error(`Failed to fetch the github repo`);
+  const tree: { tree: Item[] } = await response.json();
+
+  if (!tree.tree) throw new Error(`Cannot fetch the repository ${repoUrl}`);
 
   const notebooks: Notebook[] = [];
 
   const datePromises: Promise<string | null>[] = [];
 
-  for (const item of tree.tree) {
+  const items = tree.tree.reduce<Record<string, Item>>((acc, item) => {
+    acc[item.path] = item;
+    return acc;
+  }, {});
+
+  for (const item of Object.values(items)) {
     if (item.path.endsWith('.ipynb')) {
       const parts = item.path.split('/');
-      const objectOfInterest = parts[0];
-      const name = parts[1];
-
-      datePromises.push(getFileCreationDate(item.path));
-
-      notebooks.push({
-        objectOfInterest,
-        name,
-        fileName: item.path,
-        key: item.path,
-        description: '',
-        author: 'OBI',
-        creationDate: '',
-      });
+      const scale = parts[parts.length - 3] ?? '';
+      const name = capitalize(parts[parts.length - 2].replaceAll('_', ' ')) ?? '';
+
+      datePromises.push(getFileCreationDate(repoDetails.user, repoDetails.repo, item.path));
+      try {
+        const metadataUrl =
+          items[item.path.substring(0, item.path.lastIndexOf('/')) + '/analysis_info.json'].url;
+
+        const metadata = validateMetadata(await fetchGithubFile(metadataUrl));
+
+        notebooks.push({
+          id: '', // OBI notebooks have no id in the database
+          scale,
+          path: item.path,
+          name,
+          notebookUrl: item.url,
+          metadataUrl,
+          readmeUrl: items[item.path.substring(0, item.path.lastIndexOf('/')) + '/README.md'].url,
+          key: item.path,
+          description: '',
+          author: 'OBI',
+          creationDate: '',
+          githubUser: repoDetails.user,
+          githubRepo: repoDetails.repo,
+          defaultBranch,
+          objectOfInterest: metadata.input.flatMap((i) => i.data_type.artefact).join(', '),
+        });
+      } catch {
+        throw new Error(
+          `Error fetching or validating metafata for notebook ${repoUrl} ${item.path}`
+        );
+      }
     }
   }
 
@@ -77,17 +125,22 @@ export default async function fetchNotebooks(): Promise<Notebook[]> {
   });
 }
 
-export async function fetchNotebooksCatchError(): Promise<Notebook[]> {
+export async function fetchNotebooksCatchError(repoUrl: string): Promise<Notebook[] | string> {
   try {
-    return await fetchNotebooks();
+    return await fetchNotebooks(repoUrl);
   } catch (e) {
+    // eslint-disable-next-line no-console
     console.error(assertErrorMessage(e));
-    return [];
+    return repoUrl;
   }
 }
 
-async function getFileCreationDate(filePath: string): Promise<string | null> {
-  const url = `https://api.github.com/repos/${notebookRepository.user}/${notebookRepository.repository}/commits?path=${encodeURIComponent(
+async function getFileCreationDate(
+  user: string,
+  repo: string,
+  filePath: string
+): Promise<string | null> {
+  const url = `https://api.github.com/repos/${user}/${repo}/commits?path=${encodeURIComponent(
     filePath
   )}&per_page=1`;
 
@@ -95,6 +148,7 @@ async function getFileCreationDate(filePath: string): Promise<string | null> {
     const response = await fetch(url, options);
 
     if (!response.ok) {
+      // eslint-disable-next-line no-console
       console.error(
         `GitHub API request failed with status: ${response.status} ${response.statusText}`
       );
@@ -104,7 +158,8 @@ async function getFileCreationDate(filePath: string): Promise<string | null> {
     const commits = await response.json();
 
     if (commits.length === 0) {
-      console.log(`No commits found for file: ${filePath}`);
+      // eslint-disable-next-line no-console
+      console.error(`No commits found for file: ${filePath}`);
       return null;
     }
 
@@ -112,55 +167,234 @@ async function getFileCreationDate(filePath: string): Promise<string | null> {
     const creationDate = firstCommit.commit.committer.date;
     return creationDate;
   } catch (error) {
+    // eslint-disable-next-line no-console
     console.error('Error fetching commit history:', error);
     return null;
   }
 }
 
-export async function fetchFile(filePath: string) {
-  const url = `https://api.github.com/repos/${notebookRepository.user}/${notebookRepository.repository}/contents/${filePath}`;
+export async function fetchGithubFile(url: string) {
+  const response = await fetch(url, options);
 
-  try {
-    const response = await fetch(url, options);
-    const data = await response.json();
+  const data = await response.json();
 
-    if (!response.ok) {
-      throw new Error(
-        `GitHub API request failed with status: ${response.status} ${response.statusText}`
-      );
-    }
+  if (!response.ok) {
+    throw new Error(`Failed to file ${url}`);
+  }
 
+  try {
     return atob(data.content);
-  } catch {
-    throw new Error(`Error fetching file ${filePath}`);
+  } catch (e) {
+    throw new Error(`Failed to parse contents of ${url}`);
   }
 }
 
-export async function downloadZippedFolder(path: string) {
-  try {
-    const apiUrl = `https://api.github.com/repos/${notebookRepository.user}/${notebookRepository.repository}/contents/${path}`;
-    const response = await fetch(apiUrl, options);
-    const data = await response.json();
+export async function fetchRawGithubFile(url: string) {
+  const response = await fetch(url, options);
 
-    if (!response.ok) {
-      throw new Error(
-        `GitHub API request failed with status: ${response.status} ${response.statusText}`
-      );
-    }
+  const data = await response.text();
 
+  if (!response.ok) {
+    throw new Error(`Failed to file ${url}`);
+  }
+
+  try {
+    return data;
+  } catch (e) {
+    throw new Error(`Failed to parse contents of ${url}`);
+  }
+}
+
+export async function downloadZippedNotebook(notebook: Notebook) {
+  try {
     const zip = new JSZip();
 
-    for (const file of data) {
-      if (file.type === 'file') {
-        const fileData = await fetch(file.download_url, options);
-        const arrayBuffer = await fileData.arrayBuffer();
-        zip.file(file.name, arrayBuffer);
+    const files = [notebook.metadataUrl, notebook.notebookUrl, notebook.readmeUrl];
+    const names = ['analysis_info.json', 'analysis_notebook.ipynb', 'readme.md'];
+
+    const promises = files.map(async (f, i) => {
+      const response = await fetch(f);
+      const data = await response.json();
+
+      const decodedContent = atob(data.content);
+
+      const arrayBuffer = new Uint8Array(decodedContent.length);
+      for (let j = 0; j < decodedContent.length; j++) {
+        arrayBuffer[j] = decodedContent.charCodeAt(j);
       }
-    }
+      zip.file(names[i], arrayBuffer);
+    });
 
-    const zipContent = await zip.generateAsync({ type: 'nodebuffer' });
+    await Promise.all(promises);
+
+    const zipContent = await zip.generateAsync({ type: 'blob' });
     return zipContent;
   } catch {
     throw new Error(`Failed to fetch the contents`);
   }
 }
+
+function extractUserAndRepo(githubUrl: string): { user: string; repo: string } {
+  try {
+    const url = new URL(githubUrl);
+
+    if (url.hostname !== 'github.com') {
+      throw new Error('Not a GitHub URL');
+    }
+
+    const pathParts = url.pathname.split('/').filter((part) => part.length > 0);
+
+    if (pathParts.length < 2) {
+      throw new Error('Invalid GitHub URL: Missing user or repository');
+    }
+
+    const user = pathParts[0];
+    const repo = pathParts[1];
+
+    return { user, repo };
+  } catch (error) {
+    throw new Error('Invalid GitHub URL');
+  }
+}
+
+export async function fetchMultipleRepos(githubUrl: string[]) {
+  const promises = githubUrl.map((u) => fetchNotebooks(u));
+
+  const results = await Promise.all(promises);
+
+  return results.flat();
+}
+
+function validateMetadata(input: string) {
+  const json = JSON.parse(input);
+
+  try {
+    const dataTypeSchema = z
+      .object({
+        artefact: z.union([z.string().transform((val) => [val]), z.array(z.string())]),
+        required_properties: z.array(z.string()),
+      })
+      .strip();
+
+    const inputItemSchema = z
+      .object({
+        data_type: dataTypeSchema,
+        class: z.string(),
+      })
+      .strip();
+
+    const inputSchema = z
+      .object({
+        input: z.array(inputItemSchema),
+      })
+      .strip();
+    return inputSchema.parse(json);
+  } catch (e) {
+    throw new Error('Invalid metadata');
+  }
+}
+
+const validScales = ['cellular', 'circuit', 'system'];
+
+export async function fetchNotebook(
+  githubUrl: string
+): Promise<Omit<Notebook, 'id' | 'creationDate'>> {
+  const regex = /github\.com\/([^/]+)\/([^/]+)\/tree\/([^/]+)\/(.+)/;
+  const match = githubUrl.match(regex);
+
+  if (!match) {
+    throw new Error(
+      'Github URL should point to a folder with a notebook including Readme.md, analysis_notebook.ipynb and metadata.json'
+    );
+  }
+
+  const [, owner, repo, branch, path] = match;
+
+  const pathParts = githubUrl.split('/');
+  const scale = pathParts[pathParts.length - 2] ?? '';
+  const name = capitalize(pathParts[pathParts.length - 1].replaceAll('_', ' ')) ?? '';
+
+  if (!scale) {
+    throw new Error(
+      'Cannot parse scale from path. Ensure folder path follows  .../scale/name/analysis_info.json'
+    );
+  }
+
+  if (!validScales.includes(scale.toLocaleLowerCase())) {
+    throw new Error(`Invalid scale: should be one of ${validScales.join(', ')}.\n Found: ${scale}`);
+  }
+
+  const apiUrl = `https://api.github.com/repos/${owner}/${repo}/contents/${path}?ref=${branch}`;
+
+  const response = await fetch(apiUrl, options);
+
+  if (!response.ok) {
+    assertGithubApiResponse(response);
+    throw new Error('Failed to fetch the notebook. Ensure notebook is public');
+  }
+
+  const data: {
+    name: string;
+    sha: string;
+    path: string;
+  }[] = await response.json();
+
+  const notebookFiles = ['analysis_info.json', 'analysis_notebook.ipynb', 'README.md'];
+
+  type Files = Record<
+    string,
+    {
+      fileUrl: string;
+      path: string;
+      name: string;
+    }
+  >;
+
+  const files: Files = data.reduce((acc, item) => {
+    if (notebookFiles.includes(item.name) && item.sha && item.name) {
+      acc[item.name] = {
+        fileUrl: `https://api.github.com/repos/${owner}/${repo}/git/blobs/${item.sha}`,
+        path: `${owner}/${repo}/${item.path}`,
+        name: item.name,
+      };
+    }
+    return acc;
+  }, {} as Files);
+
+  notebookFiles.forEach((k) => {
+    if (files[k] === undefined)
+      throw new Error(`Cannot find ${k} for notebook ${owner}/${repo}/${path}`);
+  });
+
+  let metadataContent = '';
+
+  try {
+    metadataContent = await fetchGithubFile(files['analysis_info.json'].fileUrl);
+  } catch {
+    throw new Error(`Failed to download metadata file for notebook ${owner}/${repo}/${path}`);
+  }
+
+  let metadata: ReturnType<typeof validateMetadata>;
+
+  try {
+    metadata = validateMetadata(metadataContent);
+  } catch {
+    throw new Error(`Invalid metadata file for notebook ${owner}/${repo}/${path}`);
+  }
+
+  return {
+    key: `${owner}/${repo}/${path}`,
+    name,
+    description: '',
+    notebookUrl: files['analysis_notebook.ipynb'].fileUrl,
+    readmeUrl: files['README.md'].fileUrl,
+    metadataUrl: files['analysis_info.json'].fileUrl,
+    scale,
+    path: `${path}/${files['analysis_notebook.ipynb'].name}`,
+    author: owner,
+    githubUser: owner,
+    githubRepo: repo,
+    defaultBranch: branch,
+    objectOfInterest: metadata.input.flatMap((i) => i.data_type.artefact).join(', '),
+  };
+}